@media (max-width: 500px) { #header-mobile-main-container{display:block;} #header-main-container > div{display:block;} #product-main-innercontainer{width:100%;} #index-main-innercontainer{width: 100%; overflow: hidden;} #header-popular-search-container {display:none;} #header-mobile-search-band > p {display:none} a#dialog{ display: none;} #product-menue-container{display:none;} .breadcrumb-container{display: none;} /* .aside-left-container{display:none !important;} */ #header-main-container{display:none;} #action-page-inner-menu-container{display: none;} #header-mobile-logo-band{width:100%; height: 40px; background-color: black; position: relative; z-index: 20;} #header-mobile-logo-container{width:50px; height: 100%; margin: 0 auto; padding: 5px 0;} #header-mobile-logo-container img{width:100%; height: auto;} #header-mobile-menu-icon{width: 40px; height: 40px; background-color: #EC268F; position: absolute; top: 0; right:0; z-index:30;} /* Mobile Menu */ #header-mobile-main-container{width:100%; height: auto; position:relative; } #header-mobile-logo-band {width:100%; height: 40px; background-color:black; position:relative; top:0; z-index:20;} #burger-menu-container{width:40px; height: 40px; background-color: #EC268F; position:absolute; top:0; right:0; cursor:pointer; z-index:30} #burger-menu-innercontainer > div {width:100%; background-color:#E6e7e8; transition: all .2s;} #header-mobile-menu-container{width:100%; height:100vh; background-color:#727376; position:absolute; top:0;right:-100%; z-index: 10; overflow-y: auto; transition: all .2s;} #burger-menu-container.active + #header-mobile-menu-container {right:0;} #header-mobile-menu-innercontainer{padding-top:50px; height: auto;} #header-mobile-login-icon-container{ width: 25px; height: 25px; position: absolute; top: 0; margin: 14.5px 0; left: 30px;} #header-mobile-login-icon-container > img {width:100%; height: auto;} #header-mobile-menu-innercontainer #header-mobile-account-li{font-size:15px; background-color: #E6e7e8; color:#727376; margin-top: 15px;} #header-mobile-menu-innercontainer #header-mobile-account-li > a { color:#727376;} #header-mobile-menu-innercontainer #header-mobile-account-li .arrow-inner >div { background-color: #727376;} #header-mobile-menu-innercontainer ul{margin:0; padding:0 20px;} #header-mobile-menu-innercontainer li{list-style:none; background-color:#727376; text-align:center; padding:20px 0; color:white; border-bottom:#9099A2 solid 2px; cursor:pointer; position:relative; font-size: 14px;} #header-mobile-menu-innercontainer > ul > li > a{ color:white; font-size: 14px; } #header-mobile-menu-innercontainer ul.sub{padding:0 30px; background-color:#F4EBF3; margin-top:15px; display: none; height: 0;} #header-mobile-menu-innercontainer li.active .sub { display:block; height: auto; } #header-mobile-menu-innercontainer li.active .sub li {background-color:#F4EBF3; border-bottom:#E6e7e8 solid 2px; color:#727376; padding:15px 0;} #header-mobile-menu-innercontainer li.active .sub li a {font-style: none; text-decoration: none; color:#727376; font-size: 12px;} #header-mobile-menu-innercontainer li.active .arrow {transform:rotate(90deg);} .arrow{ width: 30px; height: 30px; padding:0; position: absolute; top: 15px; right: 10px; transition: all .2s;} .arrow-inner{padding:9px 9px;} .arrow-inner > div{width:10px; height: 4px; background:#F4EBF3;} .arrow-inner > div:nth-of-type(1){transform:rotate(45deg);} .arrow-inner > div:nth-of-type(2){transform:rotate(-45deg);} /* *********** */ #header-search-container{ margin:30px 0 20px 0;} #header-search-container form{width:100%; padding:0 30px;} #header-search-container #searchfield{ width:220px;} .content-cetner-container{width:100%;} .product-wrapper{width:50%;} /* Category Filter */ #inbrand-main-content-container .aside-left-container {display: block; width:100%; height: auto; margin: 0;} #inbrand-main-content-container #category-filter-container {padding:0; width:100%; position: relative;} #inbrand-main-content-container #category-filter-container ul {display: none;} #category-filter-mobile-icon {width:38px; height: 38px; position: absolute; top: 0; left: 0; z-index: 1; background-color: #E6e7e8;} #category-filter-mobile-icon .arrow {width:38px; height: 38px; position: relative; top: 0; right: 0; } #category-filter-mobile-icon .arrow .arrow-inner {padding: 14px 14px; } #category-filter-mobile-icon .arrow .arrow-inner > div {background-color: #727376; } #category-filter-container #category-filter-mobile-icon.active + ul {display: block; text-align: center; background-color: #E6e7e8; } #category-filter-container #category-filter-mobile-icon.active + ul >li { border-bottom: #F4EBF3 solid 1px; } #category-filter-container #category-filter-mobile-icon.active .arrow {transform:rotate(90deg);} #category-filter-header { padding-left: 45px;} #category-filter-header .desktop {display: none;} #category-filter-header .mobile {display: block;} /* Index */ #index-slideshow-container {height: 180px;} .index-1by2-grid-container{ padding:3%;} /* .index-1by2-grid-container .index-1by2-grid-item{ height: 100px; } */ /* .index-1by2-grid-item:nth-of-type(1){margin-right:2%} .index-1by2-grid-item:nth-of-type(2){margin-left:2%} */ #index-sliding-product-container{width: 100%; } #index-sliding-nav-container{ position: relative; top:unset;margin:15px 0;} /* .index-sliding-btn-next,.index-sliding-btn-prev { position: absolute; font-size: 18px; } */ .index-sliding-btn-next { right:37%;} .index-sliding-btn-prev { left:37%; } #index-brands-innercontainer{padding: 0 3%;} /* General Page */ .general-page-main-innercontainer{width: 100%; overflow: hidden; } .general-page-main-content-container{ width:100%; overflow: auto; } /* Action Page */ .general-page-main-container.action-page .content-cetner-container { width:100%; } .general-page-main-container.action-page .aside-container { display: none; } #action-page-mobile-title-container {height: 40px; padding:0; overflow: hidden; transition: all .2s;;} #action-page-mobile-title-container >span {line-height: 40px;} #action-page-mobile-title-container .arrow {top:7px; right: 30px;} #action-page-mobile-title-container.active .arrow {transform:rotate(90deg);} #action-page-title-menu{display:block; width: 100%; height: 320px; background-color: #E6e7e8; } #action-page-mobile-title-container.active { height: 320px; transition: all .2s;} #action-page-title-menu > ul {width:100%; padding: 0 30px; margin:0; list-style: none;} #action-page-title-menu > ul > li {width:100%; line-height: 40px; border-bottom: #F4EBF3 solid 1px; } #action-page-title-menu > ul > li a{ font-size: 15px; color:#727376; } /* Search Page*/ .general-page-main-container.search-page .content-cetner-container { width:100%; font-size: 0; } .general-page-main-container.search-page .aside-container { display: none; } /* Media Page */ /* #action-page-main-container{width:100%; box-sizing: border-box;} */ #media-page-main-innercontainer{width: 100%; overflow: hidden; } #media-page-main-content-container{ width:100%; overflow: auto; } /* clearance Page */ /* #action-page-main-container{width:100%; box-sizing: border-box;} */ #clearance-page-main-innercontainer{width: 100%; overflow: hidden; } #clearance-page-main-content-container{ width:100%; overflow: auto; } /* Mailer Page */ /* #action-page-main-container{width:100%; box-sizing: border-box;} */ #mailer-page-main-innercontainer{width: 100%; overflow: hidden; } #mailer-page-main-content-container{ width:100%; overflow: auto; } #mailer-page-list-container .mailer-page-item{ width:90px; padding:3px; font-size:12px;} #mailer-download-btn-container{padding: 0 10px;} /* Access Page */ /* #action-page-main-container{width:100%; box-sizing: border-box;} */ #access-page-main-innercontainer{width: 100%; overflow: hidden; } #access-page-main-content-container{ width:100%; overflow: auto; } #access-reg-text-container{padding: 0; border-right: none;} .general-page-main-content-container.access-page .content-cetner-container,.general-page-main-content-container.access-page .aside-left-container{ display: block !important; width: 100%;} .general-page-main-content-container.access-page .aside-left-container{ position: relative; margin-bottom: 60px; padding:0 20px;} #access-reg-text-container .access-reg-form-container > div{ width: 80%; } #reg-table{width:100%; table-layout: fixed;} #reg-table .reg-table-input {width:100%;} #reg-table >tbody > tr > td {display: block;} #login-table{width:100%;} #recaptcha_widget_div{position: absolute; left: 0;} /* Contactus Page */ .general-page-main-container.contactus-page.contactus-page .content-cetner-container { width:100%; display: block;} .general-page-main-container.contactus-page.contactus-page .aside-container { width:100%; display: block; border-right: unset; padding: 0 20px; } .general-page-main-container.contactus-page.contactus-page .contactus-text { display:block;color: #727376; font-size: 12px; padding: 15px 30px; } #contactus-page-info-container > .contactus-page-info-item{width:100%; } #contactus-table >tbody > tr > td {display: block;} #contactus-table .contactus-table-input,#contactus-table #contactus-select { width: 100%; margin:20px 0;} /* About Us Page*/ .general-page-main-container.aboutus-page #aboutus-img-container { padding: 0 20px; } .general-page-main-container.aboutus-page #aboutus-img {width:100%; margin-bottom: 15px; } #aboutus-text-body{padding: 0 20px;} /* My cart Page */ #mycart-main-container{display:none;} #mycart-mobile-main-container { display: block; width: 100%; height: auto; font-size: 0; text-align: center; padding: 0 10px;} #mycart-mobile-header { display: block; width: 100%; height: 30px; background-color: #F4EBF3; font-weight: bold;} #mycart-mobile-header > div{ display: inline-block; width: 33.333%; height: 30px; font-size: 13px; line-height: 30px; } .mycart-order-item-container { display: block; width: 100%; height: auto; margin-bottom: 15px; } .mycart-order-item-container .order-item-header { display: block; width: 100%; height: auto; padding:10px 0; background-color: #E6e7e8;} .mycart-order-item-container .order-item-header .order-item-header-text { display: inline-block; vertical-align: top; width: 90%; height: auto; padding:0 10px; font-size: 12px; line-height: 15px;} .mycart-order-item-container .order-item-header .order-item-code { font-weight: bold; } .mycart-order-item-container .order-item-header .order-item-brand-name { font-size: 11px; } .mycart-order-item-container .order-item-header .order-item-product-name {display: block; font-size: 11px; font-weight: bold; } .mycart-order-item-container .order-item-header a {color: #727376; } .mycart-order-item-container .order-item-header .order-item-header-chkbox { display: inline-block; width: 10%; height: 30px; } .mycart-order-item-container .order-item-col3 { display:inline-block; vertical-align: top; width:33.333%; height: 30px; margin-top: 10px; font-size: 12px; line-height: 30px } .mycart-order-item-container .order-item-col3 input {width:80px; height: 30px; border: none; background-color: #E6e7e8; text-align: center; color: #727376; } #mycart-mobile-main-container input[type=checkbox] { width:20px; height: 20px; border:none; margin: 5px 0;} #mycart-mobile-main-container .mycart-btns-container { width:100%; height: auto; padding:0 20px; margin-top: 20px;} #mycart-mobile-main-container .mycart-btns-container input { width:100%; height: 30px; margin-bottom:10px; border: none;} #mycart-mobile-main-container .mycart-btns-container input[name=checkout] { background-color: #EC268F; color: #E6e7e8; height: 40px; font-size: 15px; font-weight: bold;} #mycart-mobile-main-container .mycart-btns-container input[name=saveqty] { background-color: #727376; color: #E6e7e8;} #mycart-mobile-main-container .mycart-btns-container input[name=button] { background-color:#E6e7e8 ; color: #727376;} #mycart-mobile-main-container .mycart-btns-container input[name=deleteboitems] { background-color:#F4EBF3 ; color: #727376;} /* input[name=myname] */ /* Checkout section */ #checkout-table-desktop {display: none;} #checkout-main-container{padding: 0 10px;} #checkout-table-mobile{display:block; font-size: 0; text-align: center; } #shipping-details-btns-container input{ display: block; width:100%; height: 40px; position: absolute; } #shipping-details-btns-container { position: relative; height: 100px; } #shipping-details-btns-container a { text-decoration:none; } #shipping-details-btns-container input[name=processOrder]{ background-color: #EC268F; color: #E6e7e8; top: 0;} #shipping-details-btns-container input[name=goBack]{ background-color: #E6e7e8; color: #727376; bottom: 0;} /* Change Password */ #changepassw{width:100%;} #changepassw-table{ width: 100%; padding: 0 10px;} #changepassw-table td{ display: block;} #changepassw-table input { width:100%; height: 40px; background-color:#E6e7e8; border:none; margin: 6px 0; } /* Update Details */ #updateDetails-table{ width: 100%; padding: 0 10px; } #updateDetails-table tr > td { display: block; } #updateDetails-table input {margin: 12px 0;} /* Balance Table */ #balance-desc {width: 100%; padding: 20px 10px; line-height: 18px; } #balanc-table{width:100%; padding: 0 10px;} #balanc-table tr > td:nth-of-type(1){ padding: 0 20px 0 0;} /* Order Upload */ #orderUpload-container{width: 100%; padding:30px 10px;} #orderUpload-container input[name=submit]{ width: 100%; margin:20px 0 ;} /* Footer Style */ #footer-main-container{ height:350px; } #footer-main-innercontainer{ width: 100%; } #footer-links-container {height: auto; padding:60px 10px 0 10px;} #footer-links-container > div { width:100%; line-height: 40px; } #footer-links-container > div >a {font-size: 13px; color:#FFF; } #footer-copyrights-container {margin-top: 25px; font-size: 11px; } } /* FILE ARCHIVED ON 06:05:45 Jul 07, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:21:06 Jul 24, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.503 exclusion.robots: 0.05 exclusion.robots.policy: 0.038 esindex: 0.01 cdx.remote: 15.386 LoadShardBlock: 146.652 (3) PetaboxLoader3.datanode: 110.412 (4) PetaboxLoader3.resolve: 88.621 (2) load_resource: 118.576 */