/* Media for 980px to 1023px */ @media only screen and (min-width: 1021px) and (max-width: 1050px) { } @media only screen and (min-width: 980px) and (max-width: 1020px) { #Container { width:950px; margin:0 auto;} #Outer-Inner, #HeaderLower-Inner, #Footer-Inner .Center, .Footer_bottom_inner, .Responsive_Menu { margin: 0 auto; width: 950px; } #HeaderLower-Inner { padding: 0; } .flexslider {width:640px;} .subbanner a { margin-bottom:4px !important;} .fullwidth {width:950px !important;} .Cms_left {margin-right:17px;} #featured-products_block_center, #HomeNewProducts {padding:10px 10px 20px;} #featured-products_block_center .customNavigation a.prev {left:-10px;} #featured-products_block_center .customNavigation a.next {right:10px;z-index:99; } #featured-products_block_center .customNavigation a.next { background:url("../../images/sprite.png") no-repeat scroll -140px -440px transparent;} #featured-products_block_center .customNavigation a.prev { background:url("../../images/sprite.png") no-repeat scroll -140px -509px transparent; left:-10px;} #featured-products_block_center .customNavigation a.next:hover { background:url("../../images/sprite.png") no-repeat scroll -185px -502px transparent !important;} #featured-products_block_center .customNavigation a.prev:hover { background:url("../../images/sprite.png") no-repeat scroll -185px -446px transparent !important; } #featured-products_block_center .customNavigation a {height:60px; width:26px;} #HomeNewProducts .customNavigation a.prev {left:-10px;} #HomeNewProducts .customNavigation a.next {right:10px;z-index:99; } #HomeNewProducts .customNavigation a.next { background:url("../../images/sprite.png") no-repeat scroll -140px -440px transparent;} #HomeNewProducts .customNavigation a.prev { background:url("../../images/sprite.png") no-repeat scroll -140px -509px transparent; left:-10px;} #HomeNewProducts .customNavigation a.next:hover { background:url("../../images/sprite.png") no-repeat scroll -185px -502px transparent !important;} #HomeNewProducts .customNavigation a.prev:hover { background:url("../../images/sprite.png") no-repeat scroll -185px -446px transparent !important; } #HomeNewProducts .customNavigation a {height:60px; width:26px;} .CategoryDescription img {max-width: 100%;} #LayoutColumn1,#LayoutColumn3 { width:200px;} #LayoutColumn2 { width:720px;} .flex-direction-nav { display:none;} /* footer */ #ContainerFooter .Block { margin:0;} #FooterUpper h2 { line-height:20px; position:relative;} .PrimaryProductDetails .ProductAside { width:320px;} .PrimaryProductDetails .ProductMain, .PrimaryProductDetails .productAddToCartBelow { width:380px;} .CartCode .CouponCode, .CartCode .GiftCertificate { width:330px;} .ProductDetailsGrid .Value {width:250px;} .subbanner li {margin-bottom:0 !important;} } @media only screen and (max-width: 979px){ #Container { width:99%;} .flexslider .slides img { height: auto; width: 100%; } .Header-Inner, #Outer-Inner, #HeaderLower-Inner, #Footer-Inner .Center, .Footer_bottom_inner .Responsive_Menu { width:940px; margin:0 auto; } .flexslider {width:724px;} .compare_page #LayoutColumn2 { width:940px !important;} #HeaderLower-Inner { display:none;} .Responsive_Menu { display:block;} /*== Column ==*/ #LayoutColumn1,#LayoutColumn3 { width:220px;} #LayoutColumn2 { width:940px;} .NewsletterSubscription input { width:130px;} /* Footer */ #ContainerFooter #FooterUpper .Column { width:100%; margin:0 0 8px 0; border-bottom:1px dashed #CFD4CB; position:relative; padding:0; } #ContainerFooter #FooterUpper .Column.last{border-bottom:none;} #ContainerFooter #FooterUpper .BlockContent { display:none;} table.CartContents thead tr th, table.CartContents tr td { padding:9px;} /*=== Product ==*/ .ProductThumbImage img { width:100%;} .PrimaryProductDetails .ProductAside, .ProductThumbImage { width:320px !important; margin-right:0px; margin-bottom:20px;} .PrimaryProductDetails .ProductMain, .PrimaryProductDetails .productAddToCartBelow { width:514px;} /*=== Cart ===*/ .CartCode .CouponCode, .CartCode .GiftCertificate { width:90%; margin:0 0 15px 0 !important;} #wishlistsform .action { padding-left:20px;} .fastCartSummaryBox .subtotal, .fastCartSummaryBox .ProductPrice, .fastCartSummaryBox .CartActions{padding:0px;} #fastCartContainer .ProductList .ProductImage{width:170px;} .TabNav li a {float:left;width:100%; padding:10px 0px;} .TabNav li {float:left;width:100%; text-align:center;} #VideoContainer embed{width:100%;} .ExpressCheckoutBlockCompleted a.ChangeLink{position:static; float:right;} .ExpressCheckoutCompletedContent{position:static; padding-top:5px;} .HorizontalFormContainer dt{width:120px;} .Field350 { width: 90%;} } @media only screen and (min-width: 768px) and (max-width: 979px) { .Header-Inner, #Outer-Inner, #HeaderLower-Inner, #Footer-Inner .Center, .Footer_bottom_inner, .Responsive_Menu { width:724px; margin:0 auto;} .fullwidth {width:724px !important;} .compare_page #LayoutColumn2 { width:auto !important;} .flexslider {width: 685px;} #LayoutColumn1,#LayoutColumn3 { width:190px;} #LayoutColumn2 { width:514px;} .Left .BlockContent, .Right .BlockContent, .Left #SideCategoryList .SideCategoryListFlyout, .Right #SideCategoryList .SideCategoryListFlyout { width:87%;} .Left .CategoryList .SideCategoryListFlyout li ul, .Right .CategoryList .SideCategoryListFlyout li ul { left:158px !important;} .header-cart {margin:15px 0;} .currency-converter .currency-info {font-size:0;} .currency-info > span {float: right;font-size: 13px;} .headerright, #HeaderUpper { width:468px;} .subbanner { background: none repeat scroll 0 0 #FFFFFF; border-radius: 7px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); float: none; margin-bottom: 15px !important; padding: 10px !important; position: relative; right: 0; top: 0; width: auto; overflow:hidden; } .subbanner ul li {float:left;width:32%; margin:0 0 0 2% !important;} .subbanner ul li:first-child { margin-left:0 !important;} .subbanner img {width: 100%;} .Cms_right {width:100%;} .Cms_left {width:auto; margin-right:0; margin-bottom:15px;} #block_4 .toggle active #footersocialblock .custom_content BlockContent {display:block;} .CategoryDescription img { max-width:100%;} .ProductThumbImage { width:320px !important;} .PrimaryProductDetails .ProductMain, .PrimaryProductDetails .productAddToCartBelow { width:514px;} #featured-products_block_center .customNavigation a.prev {left:-20px;} #featured-products_block_center .customNavigation a.next {right:20px;z-index:99; } #featured-products_block_center .customNavigation a.next { background:url("../../images/sprite.png") no-repeat scroll -140px -440px transparent;} #featured-products_block_center .customNavigation a.prev { background:url("../../images/sprite.png") no-repeat scroll -140px -509px transparent;} #featured-products_block_center .customNavigation a.next:hover { background:url("../../images/sprite.png") no-repeat scroll -185px -502px transparent !important;} #featured-products_block_center .customNavigation a.prev:hover { background:url("../../images/sprite.png") no-repeat scroll -185px -446px transparent !important; } #featured-products_block_center .customNavigation a {height:60px; width:26px;} #featured-products_block_center .customNavigation a {top:60px;} #HomeNewProducts .customNavigation a.prev {left:-20px;} #HomeNewProducts .customNavigation a.next {right:20px;z-index:99; } #HomeNewProducts .customNavigation a.next:hover { background:url("../../images/sprite.png") no-repeat scroll -140px -440px transparent !important;} #HomeNewProducts .customNavigation a.prev:hover { background:url("../../images/sprite.png") no-repeat scroll -140px -509px transparent !important;} #HomeNewProducts .customNavigation a.next { background:url("../../images/sprite.png") no-repeat scroll -185px -502px transparent !important;} #HomeNewProducts .customNavigation a.prev { background:url("../../images/sprite.png") no-repeat scroll -185px -446px transparent !important; } #HomeNewProducts .customNavigation a {height:60px; width:26px;} #HomeNewProducts .customNavigation a {top:60px;} .toggle .mobile_togglemenu {top:8px; padding:1px;} #footersocialblock ul li { margin:10px 0 10px 6px;} .CreateAccount, .AccountLogin {width:100%;} .top_banner { margin:13px 0 0 5px;} .Footer_bottom_inner .copyright-container, .payment-block {float:none;width:100%;text-align:center;} .payment-block li {float:none;} #SidePopularProducts .ProductList .Rating {right:35px;} .modalContainer {margin-left: -362px !important;width: 714px !important;} .fastCartSummaryBox{width:20%;} .fastCartSummaryBox .ProceedToCheckout img{width:100%; height:auto;} .VideoContentContainer{width:60%;} #CartContent table.CartContents{display:block; overflow:auto;} #QuickViewProductDetails{width:50%;} } @media only screen and (max-width: 768px) { #Home_Wrapper .HomesmallBanner { margin-bottom: 0; } .Cms_block .Cms_left { padding: 10px 2%; width: 96%; } .Cms_block .Cms_right { margin: 15px 0 0; padding: 1.5% 2% 1.5% 0; width: 98%; } .Header-Inner, #Outer-Inner, #HeaderLower-Inner, #Footer-Inner .Center, .Footer_bottom_inner{ width:auto; margin:0 15px; } .compare_page #LayoutColumn2 { width:100% !important;} .flexslider { width:auto;} .Header-Inner { height:auto;} #Logo { margin:5px auto; text-align:center; width:100%;} #HeaderUpper { width:100%;} #SearchForm { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8E6DD; border-radius: 4px; padding: 2px 0; width:98%; } #SearchForm input { width:92%; padding:9px 0 9px 8px; border:none;} /*=== Header Setting === */ .headermenu, .top_banner {display:none;} .headerright {float:none;width:100%;} .currency-converter,#Responsive_TopMenu,.header-cart { background:#B4D2D0; margin:10px 0; width:33%; position:absolute; } .subbanner { background: none repeat scroll 0 0 #FFFFFF; border-radius: 7px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); float: none; margin-bottom: 15px !important; padding: 10px !important; position: relative; right: 0; top: 0; width: auto; overflow:hidden; } .Left #SideCategoryList .sf-menu li ul {background:none !important;} .subbanner ul li {float:left;width:32%; margin:0 0 0 2% !important;} .subbanner ul li:first-child { margin-left:0 !important;} .subbanner img {width: 100%; height:auto;} .Cms_right {width:100%;} .Cms_left {width:auto; margin-right:0; margin-bottom:15px;} .tm_flexslider_main {background:#fff; padding:0;} .CartLink span {background:#B4D2D0; border-radius:0px; padding:8px 1px; display:none;} .currency-converter { left:0; border-radius:5px 0 0 5px; } .currency-converter .currency-info { display:none;} .currency-converter p a,.header-cart li.CartLink a { color:#FFF;} #Responsive_TopMenu { left:33%; display:block; border-left:1px solid #FFF;} #Responsive_TopMenu li:hover { background-color:#B4D2D0;} #Responsive_TopMenu li:hover #Responsive_TopMenu ul {color:#fff;} #Responsive_TopMenu li:hover a {color:#fff;} .header-cart { left:66%;width:34%; border-left:1px solid #FFF; text-align:center; border-radius:0 5px 5px 0;} #TopMenu { display:block;} .CategoryDescription img {max-width:100%; height:auto;} .header-cart li.CartLink a, .header-cart li.CartLink a:hover { background: url("../../images/megnor/cart_icon.png") no-repeat scroll center center #B4D2D0; border: medium none; border-radius: 4px; float: left; height: 21px; padding: 8px 0; width: 100%; } .currency-converter p { margin:2px 0 1px; text-align:center; float:none; padding:8px 0;} .currency-converter .CurrencyChooser:before { border:none !important;} .currency-converter .CurrencyChooser { margin:0 !important; top:38px !important; width:90%; border:none !important; } /*=== Column( Left/Right)==*/ #LayoutColumn1, #LayoutColumn3,#LayoutColumn2 { width:100%;} #SearchForm .Button {top:-2px; right:-13px;} .fullwidth {width:100% !important;} #featured-products_block_center .customNavigation a.prev {left:-20px;} #featured-products_block_center .customNavigation a.next {right:18px;z-index:99; } #featured-products_block_center .customNavigation a.next { background:url("../../images/sprite.png") no-repeat scroll -140px -440px transparent;} #featured-products_block_center .customNavigation a.prev { background:url("../../images/sprite.png") no-repeat scroll -140px -509px transparent;} #featured-products_block_center .customNavigation a.next:hover { background:url("../../images/sprite.png") no-repeat scroll -185px -502px transparent !important;} #featured-products_block_center .customNavigation a.prev:hover { background:url("../../images/sprite.png") no-repeat scroll -185px -446px transparent !important; } #featured-products_block_center .customNavigation a {height:60px; width:26px;} #featured-products_block_center .customNavigation a {top:100px;} #featured-products_block_center, #HomeNewProducts {padding:15px 18px 30px;} #HomeNewProducts .customNavigation a.prev {left:-20px;} #HomeNewProducts .customNavigation a.next {right:18px;z-index:99; } #HomeNewProducts .customNavigation a.next:hover { background:url("../../images/sprite.png") no-repeat scroll -140px -440px transparent !important;} #HomeNewProducts .customNavigation a.prev:hover { background:url("../../images/sprite.png") no-repeat scroll -140px -509px transparent !important;} #HomeNewProducts .customNavigation a.next { background:url("../../images/sprite.png") no-repeat scroll -185px -502px transparent !important;} #HomeNewProducts .customNavigation a.prev { background:url("../../images/sprite.png") no-repeat scroll -185px -446px transparent !important; } #HomeNewProducts .customNavigation a {height:60px; width:26px;} #HomeNewProducts .customNavigation a {top:60px;} .Left #sideLeftbanner{ border-bottom:none;} .Left .Block h2, .Right .Block h2, .Left .CategoryList h2, .Right .CategoryList h2{border-bottom: 1px dashed #CFD4CB; } .Left .mobile_togglecolumn, .Right .mobile_togglecolumn { top:8px;} .Left .active .mobile_togglecolumn, .Right .active .mobile_togglecolumn { background-position:right bottom;} .Left .BlockContent, .Right .BlockContent, .Left #SideCategoryList .SideCategoryListFlyout, .Right #SideCategoryList .SideCategoryListFlyout { display:block; width:98%; margin-top:10px;} .Left .CategoryList .SideCategoryListFlyout li a.sf-with-ul .sf-sub-indicator, .Right .CategoryList .SideCategoryListFlyout li a.sf-with-ul .sf-sub-indicator{display:none !important;} .Left .CategoryList .SideCategoryListFlyout li ul, .Right .CategoryList .SideCategoryListFlyout li ul { background: none repeat scroll 0 0 transparent !important; border: medium none !important; display: block !important; left: 10px !important; position: relative !important; top: 0 !important; visibility: visible !important; } .Left .CategoryList .SideCategoryListFlyout ul, .Right .CategoryList .SideCategoryListFlyout ul{width:95%;} .Left .CategoryList .SideCategoryListFlyout li ul ul, .Right .CategoryList .SideCategoryListFlyout li ul ul { left: 25px !important; top: 0 !important; width:90%; } .Left .CategoryList .SideCategoryListFlyout li a.sf-with-ul, .Right .CategoryList .SideCategoryListFlyout li a.sf-with-ul, .Left .CategoryList .SideCategoryListFlyout li ul li a, .Right .CategoryList .SideCategoryListFlyout li ul li a { border:none;} /*=== Product Info === */ .PrimaryProductDetails .ProductAside{width:340px !important; margin:0px auto 15px; float:none !important;} .QuickViewSide{width:100%;} #QuickViewProductDetails{width:100%; padding:10px 0px 25px;} .PrimaryProductDetails .ProductMain, .PrimaryProductDetails .productAddToCartBelow { width:98%; margin:10px auto;} #ModalContainer { left: 0; margin: 0 18px !important; width: 90% !important; } #prodAccordion .Block h2, #prodAccordion .Block.current h2, .prodAccordionContent { padding-left:0;} /*=== Cart ===*/ #CartContent,#WishLists { overflow:auto; width:98%;} .CartCode .CouponCode, .CartCode .GiftCertificate { width:90%; margin:10px auto !important; float:none;} .CartLink .viewcart { display:block;} #fastCartContainer { padding:10px !important;} .fastCartThumb { width:98%; text-align:center;} .fastCartItemBox { width:100%; margin:10px 0 !important;} .fastCartSummaryBox { width:95%; padding:10px; float:left;} #wishlistsform .action { padding:9px 5px;} .Footer_bottom_inner .copyright-container, .payment-block {float:none;width:100%;text-align:center;} .payment-block li {float:none;} #ProductDetails .ProductTinyImageList ul li { width:70px !important;} #ProductDetails .ProductTinyImageList {width:88% !important;} .toggle .mobile_togglemenu {top:8px; padding:1px;} #footersocialblock ul li { margin:10px 0 10px 6px;} .ExpressCheckoutCompletedContent {position:relative;left:0;top:0;} .Content .ProductList .ProductImage {width:auto !important; display:block;} .Content .ProductList .ProductImage img {width:100%; height:auto;} .CreateAccount, .AccountLogin {width:100%;} #SidePopularProducts .ProductPriceRating em, #SideNewProducts .ProductPriceRating em { text-align:left;} #SidePopularProducts .ProductList .Rating {right:auto; left:70px;} .ProductPriceRating{display:block;} .fastCartContent .ProductList .ajax_block_product {width: 48%;} .VideoContentContainer{width:100%; padding:10px 0px 0px;} #recaptcha_widget_div { overflow:auto;} .ProductReviewFormContainer .Field400{width:90%;} .Field350{width:90%;} .Content .AccountOrderStatusList h3{clear:both;} ul.ShippingAddressList li{width:50%;} #ConfirmOrder h2{height:auto !important;} #CheckGiftCertificateBalance input{margin-bottom:5px;} #QuickViewImage{margin:0px auto;} .QuickSearch{left:5% !important; margin-left:0px;} } @media only screen and (max-width: 767px) { .Left .BlockContent, .Right .BlockContent, .Left #SideCategoryList .SideCategoryListFlyout, .Right #SideCategoryList .SideCategoryListFlyout { display:none; width:98%; margin-top:10px;} .description img{float:none !important;} .Cms_block .Cms_right{height:auto !important;} body:after{width:100%;} } @media only screen and (max-width: 479px) { .ListView .ProductPriceRating{text-align:center;} #Responsive_TopMenu ul { width:180px;} #SearchForm input { width:87%;} #SearchForm .Button { right:-10px;} #SearchForm{width:97%;} .flex-direction-nav { display:none;} .currency-converter .CurrencyChooser { width:150px; right:auto; border:none !important; } /*== left ===*/ .Left .BlockContent, .Right .BlockContent, .Left #SideCategoryList .SideCategoryListFlyout, .Right #SideCategoryList .SideCategoryListFlyout { width:95%; margin-top:10px;} /*== Product List ==*/ .Content .ProductList.List li { height:auto !important; border-bottom:1px solid #EEEEEE !important;} .Content .ProductList.List .ProductDetails { width:99% !important; margin:10px 0 !important; padding:0 !important; clear:both; } /*=== Product Info == */ .AddToWishlistLink .wishlist-button { left:0; top:-29px;} /*== Cart ==*/ .NarrowFormContainer dt ,.HorizontalFormContainer dt { width:100%;} .NarrowFormContainer dd ,.HorizontalFormContainer dd { margin:0 0 5px 0; clear:both;} .Field250,.Field200 ,input.field-xlarge, select.field-xlarge,.Field350 { width:90%;} .NarrowFormContainer p.Submit,.HorizontalFormContainer p.Submit { margin:10px 0} .SubCategoryList a {float:left; margin:2px 0;} #featured-products_block_center, #HomeNewProducts {padding: 15px 15px 30px;} .Cms_content {width:auto;} .ProductPriceRating{} #CategoryPagingTop { clear: left; float: left; } .CategoryPagination{margin:10px 0px;} .Content .ProductList.List .ProductImage{width:100% !important; padding:0px 0px 10px !important;} .Content .ProductList.List .ProductDetails{text-align:center;} .Content .ProductList.List .ProductDescription{text-align:center;} .Content .ProductList.List .ListView .ProductCompareButton{text-align:center;} .List .ProductActionAdd{text-align:center !important;} #QuickViewProductDetails h3{font-size:20px;} .fastCartSummaryBox{width:90%;} .fastCartContent .ProductList .ajax_block_product {width: 100%;} #fastCartContainer .ProductList .ProductImage{width:auto;} .PrimaryProductDetails .ProductAside{width:260px !important;} .ProductThumbImage{width:90% !important;} #ProductDetails .ProductTinyImageList{width:85% !important;} #revrating{width:100%;} .ExpressCheckoutContent {overflow: auto;} .CheckoutRedeemCoupon{float:left; width:90%;} ul.ShippingAddressList li{width:100%;} #WishListEditFrom .HorizontalFormContainer dd input{margin-bottom:10px;} .BillingDetails, .ShippingDetails{width:100%; margin:0px 0px 15px;} .OrderContents {overflow: auto;} #AdvancedSearchForm span.customSelect{width:90%;} #frmGiftCertificate .HorizontalFormContainer dd{margin-left:0px;} #featured-products_block_center .customNavigation a.prev{left:-15px;} #featured-products_block_center .customNavigation a.next{right:15px;} #featured-products_block_center .ProductPriceRating{} #HomeNewProducts .customNavigation a.prev{left:-15px;} #HomeNewProducts .customNavigation a.next{right:15px;} #HomeNewProducts .ProductPriceRating{} .currency-converter p a{font-size:0px;} .currency-converter p a span{font-size:14px;} .currency-converter p{padding:8px 0px 9px;} .QuickViewBtn{top:65% !important;} } @media only screen and (max-width: 319px){ #Logo #LogoImage { max-width:100%; height:auto;} #SearchForm input { width:74%;} .header-cart ul li.CartLink span { display:none;} #FooterUpper #HomeRecentBlogs li { padding:2px 0;} #HomeRecentBlogs { overflow:auto;} #Responsive_TopMenu ul { width:190px; left:-65px; } /*=== Left == */ .Left .CategoryList .SideCategoryListFlyout li ul ul, . Right .CategoryList .SideCategoryListFlyout li ul ul { left:10px !important; } /*=== Product List === */ .Content .ProductList.List .ProductImage { width:98% !important;} .header-wrapper .FloatRight { float:left;} .SortBox select { width:120px !important;} /*== Product Info == */ .ProductDetailsGrid .Value { width:100%;} #ModalContainer { width:80% !important;} .fastCartThumb img { width:100%;} /*== Cart ==*/ .CartCode .CouponCode, .CartCode .GiftCertificate { width:85%; padding:5px;} #couponcode { margin:0 0 5px 0;} .CreateAccount, .AccountLogin { width:86%;} ul.ShippingAddressList li { width:95%;} .subbanner ul li{width:100%; margin:0px 0px 10px !important;} .payment-block li{margin-bottom:10px;} .PrimaryProductDetails .ProductAside{width:100% !important;} .ProductThumbImage{width:90% !important;} .fastCartSummaryBox .ProceedToCheckout img{width:100%; height:auto;} .PrimaryProductDetails .ProductAside{width:100% !important;} #ProductDetails .ProductTinyImageList{width:80% !important;} .ProceedToCheckout .CartUpdateBtn { clear: both; display: block; margin-bottom: 0; padding: 0 0 10px; } .NarrowFormContainer .Textbox{width:90%;} .PL40{padding:0px;} .Field250,.Field200 ,input.field-xlarge, select.field-xlarge,.Field350 { width:75%;} .ListView .ProductPriceRating { } } @media only screen and (max-width:240px) { }