/* ================================================================================== laptop View - 1280 ================================================================================== */ @media screen and (max-width: 1470px) { .wrapper, #mailistBox { max-width: 1240px;} .top-menu li.my-account { /* padding-right: 0px; */} .footer-service-wrap .footer-service-wrap-inner { display: block;} .footer-service-wrap .footer-service-wrap-inner .column-item { width: 25%;} #mailistBox input[type="text"] { width: 65%;} #searchBox input[type="text"] { width: 90%;} #checkoutStep1 .chkField .checkbox-format label, #checkoutStep1 #rowAddAddress label { padding-left: 224px;} #checkoutStep1 #divCheckoutButton { padding-left: 232px;} #viewCart .shipQuoteInt .shipquoteint-location select { width: 34%;} } /* ================================================================================== Small Desktop View - 1024 ================================================================================== */ @media screen and (max-width: 1269px) { .wrapper, #mailistBox { max-width: 990px;} .logo-right ul li { padding: 0 10px;} ul#desktopMenu li a { padding: 10px 15px;} .productBlockContainer .slick-list, .item-panel .slick-list { margin-left: -3px;} #homeFooter ul { margin: 0 -10px;} #homeFooter ul li { padding: 0 10px;} #homeFooter ul li .row2 { padding-top: 13px;} .home-aboutus-panel .content-panel { width: auto; float: none; padding-left: 0px;} .home-aboutus-panel .img-panel { width: 58%;} #mailistBox h2.header-specials { float: none; margin: 0; padding: 0px;} #mailistBox p { float: none; padding: 0px;} .mail-box-pan { max-width: 65%; margin-top: 15px;} ul#desktopMenu li ul { left: -10px;} #homeHeader ul { margin: 0 -10px;} #homeHeader ul li { padding: 0 10px;} #homeCarousel { margin-bottom: 20px;} #copyright .left { width: 25%;} footer .ftr-col { width: 33.33%; padding-bottom: 40px;} footer .col4 { clear:both; padding-bottom: 0px;} footer .col5 { float: left; padding-bottom: 0px;} .social-icons ul li { float: left;} .social-icons ul li span { display: none;} .social-icons ul li a { margin-right: 0px;} #subcategoriesBlock ul { margin: 0 -5px;} .sub-categories-format .sub-categories { margin: 0 5px 10px;} #listing0 .main-image img, #listing0 .main-image a { max-width:100% ;} #loginAccount .loginField input { width:70%;} aside { width:240px;} #viewCart .applyCoupon, #viewCart .shipQuote { min-height:210px;} body.addAddresses #mainContent {max-width:730px;} #updateAccount .updaccField .mailist-chk { width:auto;} .logo-right ul li .img { width: 100%; float: none; text-align: center; } .logo-right ul li .text { text-align: center;} .logo-right ul li .text span { padding-top:0;} .logo-right { margin-top:0;} .product-item .img { min-height: 100px;} #checkoutStep3 .chkField input { width: 100%;} #divPayment h4 { background: none; padding: 0;} #divPaymentMethods, .chkComments {padding: 10px 0;} #checkoutStep3 .chkField input#billing_zip { max-width: 200px;} .account-main { max-width: 90%;} #addresses .viewAddress { width: 31%;} #blog .blogPost { width: 65%;} #wishlistPrelogin .account-main { max-width: 100%;} #wishlistPrelogin #loginAccount .alpha-col, #wishlistPrelogin #loginAccount .beta-col { padding: 10px;} #wishlistPrelogin #loginAccount h3 { line-height: 20px;} #wishlistPrelogin #loginAccount .createNewAccount p { line-height: 20px; margin: 0px;} .logo-right ul li:last-child { margin-left: 0px;} .logo-right { margin-top: 15px;} #mainContent.Barwidth { max-width: 730px; } #mainContent.SidebarWidth #itemsBlock .products-header { font-size: 15px;} #mainContent.SidebarWidth #search .columns-4 .product-container { width: 50%;} #updateAccount .billingInfo, #updateAccount .shippingInfo, #updateAccount .otherInfo { padding: 0px; margin: 0px;} body.addAddresses #mainContent { max-width: 100%;} .SidebarWidth #crm .update-request-button { margin-left: 0px;} #mainContent.SidebarWidth { max-width: 470px;} .SidebarWidth #giftregistryEdit .giftregField label { float: none; width: 100%; display: block;} .SidebarWidth .giftregistryeditInfo { padding: 0px;} .SidebarWidth .giftregistryeditInfo .passwordinstructions { margin-left: 0px;} #checkoutStep1 .chkField .checkbox-format label, #checkoutStep1 #rowAddAddress label { padding-left: 172px;} #checkoutStep1 #divCheckoutButton { padding-left: 185px;} .account-main { max-width: 100%;} #loginAccount .loginField input { width: 100%;} #divOptionsBlock input[type="checkbox"] { margin-top: 2px;} body.updateAccountpage #mainContent { max-width: 100%;} #checkoutSinglePagev2 .chkField input, #checkoutSinglePagev2 .chkField select { width: 47%;} #checkoutSinglePagev2 #billing_info #billing_info2 div.selector, #checkoutSinglePagev2 #shipping_info div.selector { min-width: 47%; max-width: 47%;} body.createaccount #mainContent, .crmRequestpage #mainContent { max-width: 100%;} #FRAME_SEARCH #searchBox { width: 95%;} body.viewWishlistpage #mainContent.SidebarWidth { max-width: 100%;} #viewCart .shipQuoteInt .shipquoteint-location { width: 79%;} #viewCart .shipQuoteInt #calculate_shipping_zip { width: 105px;} .crmpage #mainContent.SidebarWidth { max-width: 730px;} #search #itemsBlock .sort-by { min-width: 10px;} .blogPost .columns-6 .product-container { width: 33.33%;} .threeColumnPage #searchGroup .product-container { width:50% !important; } } @media screen and (min-width: 1024px) and (max-width: 1269px) { .SidebarWidth .giftreg-productList .view-items { width: 25%;} .SidebarWidth .giftreg-productList .view-desired { width: 17%;} .SidebarWidth .giftreg-productList .view-received { width: 15%;} .SidebarWidth .giftreg-productList .view-price { width: 12%;} .SidebarWidth .giftreg-productList .view-subtotal { width: 15%;} } /* ================================================================================== Small Desktop and Tablet View - 1023 ================================================================================== */ @media screen and (max-width: 1023px) { .wrapper, #mailistBox, .top-menu .wrapper, .m-search-box { max-width: 748px;} .search-panel { display: none;} .mobileView { width: 15%;} #logo { width: 70%;} .logo-right { width: 15%;} .logo-right ul li.free-shipping-text { display: none;} .mobileView .menuIcon { display: inline-block; vertical-align: middle; } .mobileView .menuIcon span { width: 32px; height: 32px; border: 2px solid #000; display: block; padding: 6px; } .mobileView .menuIcon span i { display: block; height: 10px; border-top: 2px solid #000; border-bottom: 2px solid #000; position: relative; margin-top: 1px; } .mobileView .menuIcon span i::after, .mobileView .menuIcon span i::before { content: ""; position: absolute; left: 0; width: 11px; border-top: 2px solid #000; } .mobileView .menuIcon span i::before { top: 10px; } .mobileView .menuIcon span i::after { top:2px;} .mobileView .menuIcon:hover span { border:2px solid #0542c9;} .mobileView .menuIcon:hover span i { border-top: 2px solid #0542c9; border-bottom: 2px solid #0542c9;} .mobileView .menuIcon:hover span i::after, .mobileView .menuIcon:hover span i::before { border-top: 2px solid #0542c9;} header > .wrapper { display: table;} .mobileView, #logo, .logo-right { display: table-cell; vertical-align: middle; float: none;} .logo-right ul li { border-left: 0px;} .header-specials { font-size: 24px;} .header-specials i::after { width: 60px; left: -60px;} .header-specials i::before { width: 120px; left: -120px;} .header-specials i.heading-border-right::after { right: -60px;} .header-specials i.heading-border-right::before { right: -120px;} .home-middle-banner ul { margin: 0 -10px;} .home-middle-banner ul li { padding: 0 10px;} .home-right .productBlockContainer .slick-dots { margin: -15px 0 20px;} #homeFooter ul li .row2 { padding-top: 8px;} .footer-service-wrap .footer-service-wrap-inner .column-item { width: 50%; padding: 0px;} .footer-service-wrap .footer-service-wrap-inner .column-item .footer-banner-item { padding: 20px 0;} .footer-service-wrap .footer-service-wrap-inner .column-item { border-top: 1px solid #e9e9e9;} .footer-service-wrap .footer-service-wrap-inner .column-item.one, .footer-service-wrap .footer-service-wrap-inner .column-item.two { border-top: 0px;} .footer-service-wrap .footer-service-wrap-inner .column-item:nth-child(2n+1) .footer-banner-item { border-left:0px;} .wrapper { padding: 0px;} .social-icons, .ftr-col.col2, .ftr-col.col2 .linkrow { display: block; visibility: visible;} .mail-box-pan { max-width: 100%; margin-top: 0px; float: none;} .mailist-box .mail-title { float: none;} #mailistBox h2.header-specials { float: left;} #mailistBox p { float: left; padding-left: 20px; margin-top: 15px;} #copyright .wrapper .f-logo { width: 50%; text-align: left; padding-right: 10px; max-width: 100%;} #copyright .left { width: 50%; text-align: left; padding-left: 10px;} .payment-img { clear: both; width: 50%;} .power-by { width: 50%;} .bottom-border-panel { display: block; clear: both;padding: 0px 0 0; border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; width: 100%;} #mailistBox input[type="text"] { width: 70%;} .top-menu { padding: 1px 0 7px;} .subMenu { background: none;} .mm-panel.mm-subopened { display: none;} .m-search-box { clear: both; margin: 0 auto; padding: 10px 0 10px; border-top: 1px solid #e9e9e9;} #FRAME_SEARCH { width: 50%; float: left;} .margin-none { float: right; line-height: 16px; margin: 0px; padding: 9px 0 0; font-size: 16px; font-weight: 300; font-family: "Roboto Condensed",sans-serif; color: #333;} .margin-none i { padding-right: 10px;} aside#leftBar { padding-right: 0px;} h5.menu-headers { font-size: 18px;} .page_headers { font-size: 20px;} .page-menu { border-top: 0px;} .columns-4 .product-container { width: 25%;} aside#leftBar { background:none;} .leftBar #modPrice .menu-headers, .leftBar #modManufacturer .menu-headers { cursor:pointer;} .leftBar #modPrice ul, .leftBar #modManufacturer ul { display: none;} .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {opacity:0 !important;} .flexslider:hover .flex-prev, .flexslider:hover .flex-next { opacity:0.7 !important;} .leftBar #modPrice .menu-headers::after, .leftBar #modManufacturer .menu-headers::after, #blog .blogNav h5::after { content: '\2b'; float:right; font-family: "fontello"; font-weight: bold; font-size:16px; } .leftBar #modPrice .menu-headers.open::after, .leftBar #modManufacturer .menu-headers.open::after, #blog .blogNav h5.boxOpen::after { content: '-'; } .leftBar #modPrice ul, .leftBar #modManufacturer ul { background:none; padding:10px 0px; margin-bottom:10px;} #leftBanner { display:none;} .cate-header-panel .category-header { margin-bottom:15px;} #loginAccount .loginField input { width:80%;} #viewCart .applyCoupon, #viewCart .shipQuote { width:100%;} .addToCartBlock label { padding-bottom:10px;} #viewCart .applyCoupon, #viewCart .shipQuote { min-height:20px;} .logo-right ul li .text { min-width:120px;} .logo-right ul li .text span { font-size: 11px;} #HomeBlog h1 a { line-height: 18px;} #left-category { display:none;} #category::before, #search::before, #affiliateInfo:before { width: 0px; display: none;} nav#catNavMenu { display:none !important;} .product-item .name { white-space:normal;} .product-item .name { max-height:100%;} #leftBar { display: block !important; visibility: visible;} #rightBar { display: block;} #mainContent { width:100% !important;} aside#rightBar { margin-left:0px; width:100%;} aside#leftBar { margin-left:0px; width:100%;} aside#rightBar #modTopSellers, aside#rightBar #modNewReleases { width:47%; float:left; clear:none;} aside#rightBar #modTopSellers { padding-right:5%;} aside#rightBar #modNewReleases { float:left;} #modTopSellers .item-panel { padding:20px 0;} aside#leftBar { border:0px;} #contactUs #uniform-departmentid { clear:none;} #modTopSellers .item-panel .topseller { width:46%;} .product-item .price { font-size:20px;} #loginAccount .fbconnect { clear:both;} .product-item .name { padding-top:0px; margin-top:15px;} #crmRequest #uniform-departmentid { clear:none;} #giftcertificate_block #gc_fromname, #giftcertificate_block #gc_toname, #giftcertificate_block #gc_toemail, #giftcertificate_block #gc_tomessage { display:none;} .price2, .product-item .price { font-size:18px;} #listing0 .addToCartBlock { width:240px;} #listing0 .detail-section .beta-col { width:100%; text-align: left;} #listing0 .main-image a { max-width:290px;} #listing0 .main-image img { max-width:270px !important; height:auto;} #listing0 .carousel li { min-width:84px; max-width:84px; margin:0 2px;} #listing0 .secondary { padding-left: 0px;} #mainContent.SidebarWidth #contactUs .storeInfo { max-width:250px;} #viewCart .shipQuoteInt { width:100%;} #viewCart .shipQuoteInt div.selector { min-width:10px;} #viewCart .third-party-payment { max-width:60%;} #viewCart .shipQuoteInt div.selector { min-width:210px; max-width:210px;} #checkoutSinglePagev2 .beta-col { width:73%;} .account_login1 .create_newaccount, .account_login1 .registered_account, #checkoutSinglePagev2 .leftCol, #checkoutSinglePagev2 .rightCol { width:100%;} #checkoutSinglePagev2 #billing_info #billing_info2 div.selector, #checkoutSinglePagev2 #checkoutSinglePagev2 #shipping_info div.selector { max-width:249px; min-width:249px;} .mm-page.mm-slideout.fixed .page-menu { position: relative; box-shadow: none;} #mainContent.Barwidth { max-width: 100%; } /* Mmmenu css */ ul#desktopMenu.mm-listview li { display: block; padding: 0px; text-align: left;} ul#desktopMenu.mm-listview li a { font-weight: normal; text-transform: none; padding: 10px 0;} ul#desktopMenu.mm-listview .mm-next { position: absolute;} ul#desktopMenu.mm-listview > li:not(.mm-divider)::after { left: 0px; border-bottom: 1px solid #e9e9e9;} /* product details page */ #listing0 .secondary, #listing0 .primary { width:100%; float:none;} #listing0 .addToCartBlock { width:100%;} #listing0 .primary { padding-right: 0px;} ul.resp-480-list { display: block;} #listing0 h2 { /*display: none;*/} #listing0 h1, .pricingBlock span#price, #listing0 .pricingBlock .retailprice { font-size: 20px;} /*Checkout page css */ #checkoutSinglePage .leftCol, #checkoutSinglePage .rightCol { width:100%;} #checkoutSinglePage .overlay { height:100% !important; left:0px; right:0;} #checkoutStep1 .rightCol { width: 45%;} .chkShoppingCart .product-image span { width: 70%;} .chkShoppingCart .product-image { width: 70%;} .chkShoppingCart .product-info { width: 25%;} .chkField label { float: none; width: auto; clear: both; margin-right: 0px;} .chkField input { float: none; width: 97%;} .chkField select { float: none; width: 97%;} .chkField label { display: block; text-align: left;} .chkField div.selector { display: block; clear: both; width: 100% !important;} .chkField .checkbox-format label { float: none;} #checkoutStep2 h3, #checkoutStep3 h3 { font-size: 16px; margin-top: 15px; font-weight: normal;} #divCheckoutButton { margin-bottom: 20px;} #checkoutStep1 .chkField .checkbox-format label, #checkoutStep1 #rowAddAddress label { padding-left: 0px;} #checkoutStep1 #divCheckoutButton { padding-left: 10px;} #checkoutSinglePagev2 #billing_info #billing_info2 div.selector, #checkoutSinglePagev2 #shipping_info div.selector { margin-top: 10px;} /*Search page css */ .leftBar #modPrice ul { margin-left: 0px; background: none;} #mainContent.SidebarWidth #search .columns-4 .product-container { width: 25%;} #rightBar #rightBanner { clear: both;} /* blog page css */ #blog .blogPost h1 { line-height:46px;} #blog .blogPost { width: 100%; float: none;} #blog .blogNav { width: 100%; max-width: 100%; float: none; margin-left: 0px; border: 0px;padding-left: 0px;} #blog .blogNav ul { } #blog .blogNav h5 { cursor: pointer;} #blog .blogNav ul { margin-left: 0px;} /* Quick view popup css */ /*#simplemodal-container { left: 10px !important; right:10px !important; width:auto !important;} #simplemodal-container iframe { width: 100% !important;}*/ #quickView .main-image img { max-width: 100% !important;} #quickView #listing0 .carousel li { max-width: 64px; min-width: 64px;} #recommendAFriend .recommendBlock { margin: 0 15px;} /*Account page css */ .SidebarWidth #crm .update-request-button { margin-left: 85px;} .SidebarWidth #crm .crmField textarea { width: 80%;} #updateAccount div.selector { max-width:468px;} .createaccount #modPrice, .addressespage #modPrice, .addAddressespage #modPrice, .updateAccountpage #modPrice, .crmRequestpage #modPrice, .contactpage #modPrice, .orderHistorypage #modPrice { display: none;} #mainContent.SidebarWidth { max-width: 100%; width: 100% !important;} .recomField input[type="text"] { width: auto;} #recommendAFriend .recommend-submit-button .btn { padding: 7px 15px; width: auto;} recommendAFriend .recommend-submit-button .btn { width: auto !important; padding: 7px 15px !important; display: block;} #recommendAFriend .recommend-submit-button .btn:hover, #recommendAFriend .recommend-submit-button .btn_over{ width: auto; padding: 7px 15px !important; display: block; color: #0542c9 !important;} #viewCartQuick .quickCartItems { display: block;} #viewCartQuick .quickCartCheckout { width: 43%;} #viewCartQuick .quickCartRelated { display: block;} .productBlockContainer.columns-3 .product-container { width: 33.33%;} .columns-6 .product-container { width: 33.33%;} #viewCart .shipQuoteInt .shipquoteint-location { width: 86%;} #viewCart .shipQuoteInt .shipquoteint-location select { width: 40%;} .crmpage #mainContent.SidebarWidth { max-width: 100%; padding-bottom: 30px;} #addAddresses .addUpdateAddress { margin: 15px -5px;} #updateAccount .updaccField, #addAddresses .frmField, body.crmRequestpage .crmField { padding: 0 5px;} body.addAddresses #mainContent { padding: 0 5px;} aside#leftBar { margin-bottom: 5px;} aside#leftBar h5.menu-headers { padding-bottom: 0px;} #updateAccount .main-section, #crmRequest .form-panel { margin: 0 -5px;} #checkoutSinglePagev2 .alpha-col { width: 28%;} #checkoutSinglePagev2 .beta-col { width: 70%; padding: 0px;} .chkField .checkbox-format label { clear: none;} .account_login1 .registered_account { width:100% !important;} .threeColumnPage #searchGroup .product-container { width:25% !important; } } /* ================================================================================== Mobile View - 767 ================================================================================== */ @media screen and (max-width: 767px) { .wrapper, #mailistBox, .top-menu .wrapper, .m-search-box { max-width: 95%;} .top-menu li { display: inline-block;} header > .wrapper { padding: 0 0 15px;} .home-middle-banner ul li { max-width: 100%; float: none; width: 100%; margin: 5px 0;} .home-middle-banner ul li img { width: 100%;} #mailistBox h2.header-specials { float: none; text-align: center; padding: 0; margin: 0px; font-size: 24px;} #mailistBox p { padding: 0px; text-align: center; float: none; margin: 0 0 15px;} #mailistBox input[type="text"] { width: 100%; margin-bottom: 10px; float: none;} #mailistBox input[type="submit"] { float: none; width: 100%; height: 40px;} #mailistBox input[type="submit"]:hover { float: none; width: 100%; height: 40px;} footer .ftr-col { width: 100%; float: none;} footer h3 { text-align: left;} #modLinks ul.link-box { display: none; text-align: left; padding-bottom: 20px;} #modLinks h3 { cursor: pointer; font-weight: normal; position: relative;} #modLinks h3:before { content: "\e804"; font-family: 'Simple-Line-Icons-Pro'; position: absolute; right: 0px; top:5px; font-size: 12px;} #modLinks h3.boxOpen:before{ -webkit-transform: rotate(180deg); transform: rotate(180deg);} footer .ftr-col { padding-bottom: 0px;} footer .ftr-col.col1 { padding-bottom: 20px;} #copyright .wrapper .f-logo img { max-height: 40px;} #copyright .left, #copyright .wrapper .f-logo { float: left; } #copyright .right { text-align: left;} .payment-img, .power-by { width: 100%; float: none; text-align: center;} #leftBar { display: block !important; visibility: visible;} #rightBar { display: block;} #mainContent { width:100% !important;} aside#rightBar { margin-left:0px; width:100%;} aside#leftBar { border:0px;} #modTopSellers .item-panel, #modNewReleases .item-panel { padding:15px 0;} #itemsBlock .products-header span { display:block;} #listing1 .primary { width:100%; float:none;} #listing1 .secondary { width:100%; float:none;} #listing1 .ui-state-default, #listing1 .ui-widget-content .ui-state-default, #listing1 .ui-widget-header .ui-state-default { width:100%;} #listing1 .ui-tabs .ui-tabs-nav li a { width:100%; } #blog .blogPost { width:100%;} #blog .blogNav { width:100%; max-width:100%;} #blog .blog-home.button { float:none;} #blog .blogNav div.selector { margin:10px 10px 0; width:90% !important;} aside#leftBar { background:none; width:100%; margin-right:0px;} .leftBar #modManufacturer li { text-align:left;} .leftBar .product-item .price { font-size:20px;} #loginAccount .fbconnect { clear:both;} #viewWishlist .button.wl-remove-item { clear:both;} #error { background-size:70%;} #showRealMedia { min-height:69px;} #showRealMedia span { display:block;} #viewGiftregistryList .view-desired .icon-cancel { display:none;} #listing0 .addl-images > div img { max-height: 100%;} .giftCertificates .verification { float:none;} #loginAccount .submit-button { margin-top:0px;} #giftcertificate_block #gc_fromname, #giftcertificate_block #gc_toname, #giftcertificate_block #gc_toemail, #giftcertificate_block #gc_tomessage { display:none;} .social-mediaBlock { float:none;} #listing0 .detail-section .beta-col { float:none; text-align: left; margin-top:15px;} #viewCart .item-qty { margin-left:12%;} /*#simplemodal-container { top:10px !important; bottom:0px !important; height:auto !important;}*/ #listing0 .carousel li { min-width:91px; max-width:91px; margin:0 6px;} #movetospecial { clear:both;} .mobileView { margin:0px;} .top-menu li:last-child { width:auto;} .top-menu { height:30px;} .mobileView .menuIcon { font-size:25px;} .home-left, .home-right, .home-new-product, .home-right-banner { width:100%; float:none;} header { height:auto; margin-bottom: 0px;} footer { padding: 0; margin: 0px;} .top-menu li a span { padding-right: 3px;} #blog .blogPost h1 { line-height: 30px;} #blog .blogPost .post_image-container { float: none; margin-right: 0px;} #blog .social-bookmarking { margin: 0px; padding: 0px;} /*home slideshow css */ #movetospecial { margin-top:-27px;} .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { display:none;} #homeCarousel { margin-bottom:20px;} ul#desktopMenu.mm-listview { display: block;} /*category page css */ .wrapper { clear:both;} .breadcrumb-panel { display:block; clear:both;} .breadcrumbs { display:block; clear:both; padding-top:10px;} #category .productBlockContainer .middle-item { padding:0px !important;} #category .productBlockContainer.columns-3 { margin:0px;} #category .productBlockContainer.columns-3 .first-item, #category .productBlockContainer.columns-3 .middle-item, #category .productBlockContainer.columns-3 .last-item { padding:0 0!important;} .product-container { margin-bottom:35px;} .product-item del { padding-right:10px;} .columns-4 .product-container { width: 25%;} .cat-title { float: none;} .sort-by { float: none; margin-bottom: 10px;} .sort-by div.selector { float: none; margin: 0 auto;} #subcategoriesBlock .columns-8 li { width: 25%;} /* product page css */ .addToCartBlock .qtybox-addcart button { padding:6px 15px;} .createFirstReview { margin-bottom:0px;} .addWishlist, .email_friend { margin-left:10px;} .addGiftRegistry { margin-left:0px;} #listing0 .main-image img, #listing0 .main-image a { max-width:100% !important;} .productBlockContainer .product-container { width: 33.33%;} /*cart page css */ #vc_ChkButton { padding:9px 15px; width: auto;} #viewCart .shipQuoteInt div.selector { max-width:208px; min-width:208px; margin-bottom:15px;} #viewCart .shipQuoteInt #calculate_shipping_zip { width:142px;} #viewCart .shipQuoteInt .shipquoteint-action { float:right; position:relative;} #viewCart .shipQuoteInt .shipquoteint-msg { font-size:12px; line-height:16px;} #viewCart { margin-top:20px;} #viewCart .shoppingCartItems .row:nth-child(2n) {padding: 5px 0;} #viewCart .shoppingCartItems .row { padding: 10px 0;} #viewCart .item-remove {top:10px;} #viewCart .applyCoupon .header, #viewCart .shipQuote .header { margin-bottom: 0px;} #viewCart .shipQuoteInt .shipquoteint-location { width: 84%;} #viewCart .shipQuoteInt .shipquoteint-location select { width: 35%;} /* Checkout page css */ #billing_info, #shipping_info { padding:10px 0;} #checkoutSinglePage .chkField input { width:95%;} #checkoutSinglePage div.selector { min-width:438px;} .chkField .checkbox-format input[type="checkbox"] { width:auto !important;} #checkoutSinglePage .overlay { width:100% !important;} #checkoutSinglePagev2 .alpha-col, #checkoutSinglePagev2 .beta-col { float:none; width:auto;} #checkoutSinglePagev2 #billing_info #billing_info2 div.selector, #checkoutSinglePagev2 #checkoutSinglePagev2 #shipping_info div.selector { min-width:209px; max-width:209px;} #checkoutSinglePagev2 .chkField input, #checkoutSinglePagev2 .chkField select { float:left; margin-right:10px;} #checkoutStep1 .rightCol { width: 100%;} #checkoutStep1 #divCheckoutButton { padding-left: 0px;} #checkoutStep1 .chkField .checkbox-format label, #checkoutStep1 #rowAddAddress label { float: left; padding-right: 10px;} .breadcrumb-panel { min-height: 20px;} .homePage .breadcrumb-panel { min-height: 0px;} .chkShoppingCart .product-image { margin-bottom: 0px;} #checkoutStep3 .shippingMethods, #checkoutStep3 .shippingInfo, #checkoutStep3 .chkShoppingCart { padding: 0px;} #checkoutStep3 .sameAsShipping { padding-bottom: 20px;} #checkoutStep3 .sameAsShipping .font2 { position: relative; top:0px;} #checkoutThankYou .section-2 i { margin: 0px;} #checkoutStep1 .createNewAccount { padding: 0px;} #checkoutStep3 .sameAsShipping input[type="checkbox"] { float: left; } #checkoutStep3 .sameAsShipping .font2 { float: left;} #checkoutSinglePagev2 .chkField { margin-bottom: 10px;} /*Contact page css */ #contactUs .storeInfo { width:100%;} #contactUs .crmForm { width:100%; max-width:100%;} .crmTicketInfo { font-size:12px;} #crm .update-request-button input { padding:9px 20px; width:auto;} #crm tr { box-shadow:0 0 0 #ddd; border:1px solid #ddd; padding:10px 0;} #crm td { padding: 10px 0 10px 50% !important; border:0px;} #crm td::before { padding:10px;} #crm td.msg-date { border-bottom:1px solid #ddd;} #crm td.msg-message { border:0px;} body.contactpage .crmField input { width: 100% !important;} #crm tr { padding: 0px; min-height: 40px;} /* Account page css */ #loginAccount .beta-col, #loginAccount .alpha-col { min-height:10px;} #viewGiftregistryList .view-actions input { padding:9px 0;} #myaccount .row td a { font-size:12px; color:#0542c9;} #myaccount .row td a:hover { color:#262b32;} div.selector { max-width:100%;} #updateAccount .updaccField label { width:100%;} .update-btn input[type="button"], #giftregistryEdit .save-cancel-button input, #crmRequest .submit-request-button input { padding:9px 0;} .crmTicketStatus td:nth-of-type(1)::before { content: "User/Date";} .crmTicketStatus td:nth-of-type(2)::before { content: "Message";} #updateAccount div.selector { max-width:366px;} .account-main { max-width: 85%; padding-bottom: 20px;} #addresses .viewAddress { width: 48%; float: left;} .accountInfo h4 { width: 35%;} #myaccount .button { padding: 0px;} .crmRequests .row td.crm-lastact { text-align: left;} #myaccount tr { box-shadow: none;} .giftCertificates .check-balance-go { margin-bottom: 20px;} #myaccount .row td { min-height: 20px;} #addAddresses .back-add-address-button input { width: auto; padding: 7px 15px;} #updateAccount h1 { text-align: left;} #updateAccount .updaccField input, #addAddresses .frmField input, body.crmRequestpage .crmField input { width: 100% !important;} #viewGiftregistryList .view-actions { width: auto;} #viewGiftregistryList .view-actions input { width: auto; padding: 7px 15px;} #updateAccount .updaccField input[type="checkbox"]{ width: auto !important;} #updateAccount .main-section { margin: 0 -5px;} /*wishlist page css */ #viewWishlist .wl-quantity { margin-left:14%;} #viewWishlist .wl-total, #viewWishlist .wl-price { width:20%;} #viewWishlist .wl-details { width:25%; float:left;} aside#rightBar #modTopSellers { margin-top:30px;} #viewWishlist .wl-remove-item { display:none;} #viewWishlist .wishlistView .remove-item { display:inline-block;} #wishlistPrelogin #loginAccount .createNewAccount p { padding-bottom: 15px;} #wishlistPrelogin #loginAccount .beta-col { padding-bottom: 1px;} #orderHistory table td.oreorder .button, #orderHistory .odetails .button { float: none; text-align: left; margin-top: 0px; padding: 0px;} #orderHistory tr {box-shadow: none;} /* Search page css */ #mainContent.SidebarWidth #search #itemsBlock .sort-by { text-align: right;} #mainContent.SidebarWidth #search #itemsBlock .sort-by .selector { text-align: left;} .mm-page.mm-slideout.fixed .page-menu { border-bottom: 0px;} .top-menu li.my-account { padding-right: 10px;} .wrapper.mm-panel { max-width: 100%;} .page-menu { margin-bottom: 0px;} #special_panel.full-width #homeCarousel { margin-top: 20px;} .m-search-box { padding-bottom: 5px;} .breadcrumbs { margin-bottom: 10px;} .addWishlist { margin-left: 0px;} .addToCartBlock .qtybox-addcart input.txtBoxStyle { height: 30px;} #orderHistory .message { border-bottom: 0px;} #orderHistory .row:nth-child(2n) { background: none;} #orderHistory { padding-bottom: 20px;} .wishlistView { border-top: 1px solid #e9e9e9;} .giftregField input { width: 100%;} .giftregistryProducts .view-productlist-button input, .giftregistrySendEmails .send-email-button input, #giftregistryEdit .save-cancel-button input, #viewGiftregistryList .giftreg-back-button input { width: auto; padding: 7px 15px;} #viewGiftregistryList tr { box-shadow: none;} #viewGiftregistryList .giftreg-remove-item { top:10px;} #crmRequest .button, #updateAccount .button, #addresses .button, #addAddresses .button, #gcView .button, #orderHistory .button .icon-btn.icon-btn-prev, #crm .button .icon-btn.icon-btn-prev { float: none; margin-top: 15px;} #gcView tr { box-shadow: none;} #recommendAFriend .recommendBlock { margin: 0 15px;} .recomField input[type="text"] { width: auto !important;} #recommendAFriend .recommend-submit-button .btn { padding: 7px 15px; width: auto;} body.homePage .productBlockContainer, .home-new-product.FullWidth #modNewReleases .item-panel { margin-left: -1px;} #divOptionsBlock input[type="checkbox"] { margin-top: 2px;} #addresses .button { padding-left: 0px;} #addAddresses .button { padding-left: 0; text-align: center;} #addAddresses .button .icon-btn { display:inline-block;} #updateAccount .button, #gcView .button, #crmRequest .button { padding-left: 0; text-align: center;} #updateAccount .button .icon-btn, #gcView .button .icon-btn, #crmRequest .button .icon-btn { display:inline-block;} #updateAccount h1 {text-align: center;} #giftregistryDelete .delete-actions input { padding: 7px 0;} #crmRequest .button .icon-btn { margin-top: 0px; margin-bottom: 20px;} #crmRequest .submit-request-button input { width: auto; padding: 7px 15px; margin-bottom: 20px;} #checkoutStep3 .error-img { margin: 0px; float: none;} .paging {text-align: center; clear: both;} #affiliate tr { box-shadow: none;} #affiliate td { border-bottom: 0px;} .addToCartBlock .qtybox-addcart div.selector { margin-top: 0px;} #viewGiftregistryList td.view-emptypurchasedlist { border: 0px;} #itemsBlock .sort-by .selector { float: right;} #listing0 .breadcrumbs { padding-right:0px;} .product-main-arrow { display: none;} .resp-tabs-list li { padding: 10px;} #listing0 h2 { display: block;} #listing0 h2.resp-accordion { font-size: 16px; border:0px; background: #0542c9 !important; color: #fff; font-size: 14px; font-weight: normal;} #listing0 h2.resp-tab-active { background: #043ab0 !important;} .crmTicketInfo .label, .crmTicketInfo .text { width: 50%;} #resetpass .resetPassword{ width: 100%;} body.createaccount .loginField input, .loginField input { width: 100% !important;} #affiliateInfo .loginForm .login-button input { padding: 7px 0;} #category #itemsBlock .cat-title { padding-bottom: 0px;} #itemsBlock .products-header { line-height: 28px;} #searchBox input[type="text"] { width: 89%;} footer .ftr-col.col1 { padding-top: 20px;} .chkField select { width: 95%;} #affiliateInfo .continue-button input { padding: 7px 0;} .giftreg-purchasedList .view-items { float: none;} #spanCheckout { margin-bottom: 30px;} .create_newaccount { margin-top: 20px;} .addToCartBlock .qtybox-addcart select, #quickView .addToCartBlock select { margin-top: 0px;} } @media screen and (min-width: 667px) and (max-width: 667px) { body.homePage .productBlockContainer, .home-new-product.FullWidth #modNewReleases .item-panel { margin: 0 -3px;} #viewCart .item-qty { margin-left:13%;} } /* ================================================================================== Mobile View - 666 ================================================================================== */ @media screen and (max-width: 666px) { #subcategoriesBlock .columns-6 li { width: 33.33%;} .columns-4 .product-container { width: 50%;} #mainContent.SidebarWidth #search .columns-4 .product-container { width: 50%;} #searchBox input[type="text"] { width: 85%;} .insta-block .insta-item a::after { top:20px; left: 20px; bottom: 20px; right: 20px;} .insta-block .insta-item a::before { font-size: 30px; height: 30px; width: 30px; line-height: 30px; margin-left:-15px; margin-top:-15px;} .price2, .product-item .price { font-size: 15px;} .product-item .name a, #modNewReleases .item-panel .info .name a { font-size: 15px;} .home-aboutus-panel .content-panel h3 { font-size: 22px;} .productBlockContainer .slick-list, .item-panel .slick-list { margin-left: 0px;} .insta-block .insta-item a { height: 114px;} #addresses { margin-bottom: 20px;} #gcView .button { padding-left: 0px;} table.searchlight-results tbody{ background: #fff;} table.searchlight-results tr { display: block; clear: both;} table.searchlight-results td { display: block;} /*.home-right .productBlockContainer .product-container { margin-left: -1px;}*/ #viewCart .shipQuoteInt .shipquoteint-location { width: 81%;} #viewCart .shipQuoteInt #shipping_state { width: 35%;} #viewCart .shipQuoteInt #calculate_shipping_zip { width: 112px;} #viewCart .item-qty { margin-left:85px;} #viewCart .product-name-options { padding-bottom: 15px;} table.searchlight-results { background: #fff;} .threeColumnPage #searchGroup .product-container { width:50% !important; } } /* ================================================================================== Mobile View - 567 ================================================================================== */ @media screen and (max-width: 567px) { #homeHeader ul li, #homeFooter ul li { float: none; width: 100%;} #homeHeader ul li img, #homeFooter ul li img { width: 100%;} #homeFooter ul li { padding-bottom: 10px;} .home-aboutus-panel .img-panel { width: 100%; float: none; padding-right: 0px;} .home-aboutus-panel .img-panel img { width: 100%;} .home-aboutus-panel .content-panel { width: 100%; float: none; padding-top: 15px;} .home-aboutus-panel { padding: 10px 0;} .insta-block .insta-item a { height: 110px;} .insta-block .insta-item a::before { font-size: 25px;} #FRAME_SEARCH { width: 100%; float: none;} .margin-none { width: 100%; text-align: center; float: none; margin: 0px;} .footer-service-wrap { display: none;} .productBlockContainer .product-container, .blogPost .columns-6 .product-container { width: 50%;} .productBlockContainer .product-container:nth-child(3) { clear: both;} .productBlockContainer.columns-3 .product-container { width: 50%; } body.createaccount .loginField { width: 100%; float: none;} .loginField input { width: 100% !important;} #updateAccount .updaccField, #addAddresses .frmField, body.crmRequestpage .crmField { width: 100%; float: left; padding: 0px;} #updateAccount .billingInfo, #updateAccount .shippingInfo { padding: 0; margin: 0px;} #crm .button .icon-btn.icon-btn-prev { margin-top: 20px;} #addresses .viewAddress { width: 100%; float: left; margin-right: 0px; clear: both;} #addresses .button { float: none; text-align: center; margin-top: 0;} #blog .blogPost .post_image-container { max-width: 100%;} #wishlistPrelogin #loginAccount .alpha-col, #wishlistPrelogin #loginAccount .beta-col { width: 100%; border: 1px solid #e9e9e9; padding: 15px;float: none;} #wishlistPrelogin #loginAccount .beta-col { margin-top: 20px;} #wishlistPrelogin .page_headers { font-size: 18px;} #wishlistPreloginHeader { font-size: 14px;} .home-featured-product .productBlockContainer .product-container:nth-child(3) { clear: none;} #updateAccount .main-section { margin: 0px;} #addAddresses .addUpdateAddress { margin: 0px;} #crmRequest .form-panel { margin: 0px;} .SidebarWidth #crm .crmField textarea { width: 75%;} #loginAccount h1, #registration0 h1, #myaccount h1, #addAddresses h1, #crmRequest h1, #orderHistory h1, #giftregistryEdit h1, #giftregistryView h1, #manufacturerIndex .page_headers { font-size: 20px;} #homeCarousel { margin-bottom: 10px;} #homeHeader img { margin-bottom: 5px;} .header-specials { font-size: 20px; margin-bottom: 20px;} .home-right.FullWidth { padding-top: 10px;} #modNewReleases .item-panel { padding-top: 0px;} .home-prodect { padding-top: 10px;} #viewCart .item-qty { margin-left: 18%;} #registration0 div.selector { max-width: 100%; width: 100%;} #registration0 .submit-button { margin-top: 0px;} body.createaccount .loginField { margin-bottom: 10px;} #registration0 .submit-button { text-align: left;} #registration0 .PasswordMSG { float: none; width: 100%; position: relative; margin-top: 0px;} #checkoutSinglePagev2 .chkField select { margin-bottom: 10px;} .store-name { font-size: 25px; margin: 0px;} .m-search-box { padding-bottom: 10px;} .store-slogan {margin-bottom: 0px;} #category #itemsBlock .products-header { padding-top: 0px;} #FRAME_SEARCH #searchBox { width: 100%;} #homeFooter { margin-top: 0px; padding-top: 0px; } #viewCart .shipQuoteInt .shipquoteint-location { width: 78%;} #viewCart .shipQuoteInt #calculate_shipping_zip { width: 90px;} #updateAccount .PasswordMSG { padding: 0px; width: 100%; float: none; clear: both;} #viewCart .item-qty { margin-left:85px;} #viewWishlistLists .wl-actions { text-align: left;} #category #itemsBlock .products-header { font-size: 18px;} } /* ================================================================================== Smaal Mobile View - 320 ================================================================================== */ @media screen and (max-width: 479px) { .header-specials i::before { width: 60px; left: -60px;} .header-specials i::after { width: 30px; left: -30px;} .header-specials i.heading-border-right::after { right: -30px;} .header-specials i.heading-border-right::before { right: -60px;} .top-menu li.login { background-position: 5px center;} #viewCart .shipQuote .shipquote-location { margin-right:0px; width:100%;} #viewCart .item-qty { margin-left:24%;} footer .wrapper { width:300px !important;} #giftcertificate_block #gc_fromname, #giftcertificate_block #gc_toname, #giftcertificate_block #gc_toemail, #giftcertificate_block #gc_tomessage { display:none;} #listing0 .carousel li { min-width:110px; max-width:110px; margin:0 8px;} .top-menu li:last-child { padding-right: 0px;} .top-menu li a, .top-menu li { font-size:10px;} .header-specials { font-size:20px;} .product-container, .productBlockContainer .product-container { padding:0 ;} .page-menu .page-right ul li { padding:0 10px;} .page-menu .page-right ul li:last-child { padding-right:0px;} .testimonial-panel .text-pan { padding:50px 10px;} #itemsBlock .sort-by { min-width:165px;} #subcategoriesBlock .columns-4 li { width:100%;} .columns-4 .product-container { width:50%;} .productBlockContainer .middle-item { padding:0px !important;} #listing0 h2 { font-size:19px;} .browsing_historyBlock .history-disable-btn .btn, .browsing_historyBlock .history-disable-btn { width:100%;} .browsing_historyBlock .history-disable-btn .btn:hover, .browsing_historyBlock .history-disable-btn .btn_over { width:100%; } #viewCart .btn { width:100%; margin-top:10px;} #viewCart .btn:hover, #viewCart .btn_over { width:100%; margin-top:10px;} /* #viewCart .product-item .action .btn { width:38px; margin-top:0px;} #viewCart .product-item .action .btn:hover, #viewCart .product-item .action .btn_over { width:38px; margin-top:0px;} */ #viewCart .shipQuote input[type="text"], #viewCart .applyCoupon input[type="text"] { width:100%;} #category .productBlockContainer.columns-4 .middle-item { padding:0 !important;} .productBlockContainer { margin-left:0px;} .productBlockContainer .first-item, .productBlockContainer .middle-item, .productBlockContainer .last-item { padding:0px !important;} #subcategoriesBlock .columns-6 li { width: 50%;} #mailistBox p { font-size: 14px;} #listing0 h1 { font-size: 22px;} .addToCartBlock .qtybox-addcart button { clear: both;} .product-item .action .btn { font-size: 11px;} .home-aboutus-panel { padding-bottom: 0px;} #mailistBox { padding-top: 5px;} .product-item .name a, #modNewReleases .item-panel .info .name a { font-size: 14px;} .product-item del { font-size: 15px;} #listing0 h1 { font-size: 20px;} .productBlockContainer .slick-list, .item-panel .slick-list { margin-left: 0px;} #viewCart .product-item .action .btn { width: auto; padding: 7px 15px;} #viewCart .product-item .action .btn:hover, #viewCart .product-item .action .btn_over { width: auto; font-size: 11px;} /* Contact page css */ body.contactpage .crmField { width: 100%; float: none;} /*Account pages css */ #crmRequest h1, #updateAccount h1, #addresses h1, #addAddresses h1, #viewWishlist h1, #gcView h1, #orderHistory h1, #crm h1 { font-size:20px;} #registration0 div.selector { max-width:260px;} .loginField, .giftCertificates fieldset #recaptcha_widget_div { overflow-x:auto;} .giftCertificates fieldset #recaptcha_widget_div { max-width:300px;} #uniform-drpRegMonth { min-width:110px;} #uniform-drpRegDay { min-width:60px;} #uniform-drpRegYear { min-width:85px;} #updateAccount div.selector { max-width:226px;} .account-main { max-width: 92%;} #divRobocop {overflow: auto;} /*cart page css */ #vc_ChkButton { padding:9px 0;} #viewCart .shipQuoteInt div.selector { max-width:280px; min-width:280px; margin-bottom:15px;} #viewCart .shipQuoteInt #calculate_shipping_zip { width:280px;} #viewCart .shipQuoteInt .shipquoteint-action { float:none; margin-right:0px;} #viewCart .shipQuoteInt .shipquoteint-action .btn, #viewCart .shipQuoteInt .shipquoteint-action .btn:hover, #viewCart .shipQuoteInt .shipquoteint-action .btn_over { position:relative; top:0px; right:0; width:280px;} #viewCart .product-name-options { padding-left: 5px;} /* Checkout page css */ #checkoutSinglePage .chkField input { width:92%;} #checkoutSinglePage div.selector { min-width:275px;} .chkField .checkbox-format label { max-width:250px; font-size:11px;} .shipper-option-desc { width:67%;} #checkoutSinglePage div.selector { max-width:278px;} #checkoutSinglePagev2 .chkField input, #checkoutSinglePagev2 .chkField select { width:97%;} #checkoutSinglePagev2 #billing_info #billing_info2 div.selector, #checkoutSinglePagev2 #checkoutSinglePagev2 #shipping_info div.selector { min-width:97%; max-width:97%; margin-bottom:5px;} #checkoutStep2 h1 { float: none;} #checkoutStep2 .steps { float: none; font-size: 14px; padding-top: 10px;} #recommendAFriend .recommend-submit-button .btn { width: auto; padding: 7px 15px !important; display: block;} #recommendAFriend .recommend-submit-button .btn:hover, #recommendAFriend .recommend-submit-button .btn_over{ width: auto; padding: 7px 15px !important; display: block; color: #0542c9 !important;} #checkoutStep3 h1 { float: none;} #checkoutStep3 .steps { float: none; font-size: 13px;} #checkoutSinglePagev2 .chkField input, #checkoutSinglePagev2 .chkField select { margin-right: 0px;} #checkoutSinglePagev2 #billing_info #billing_info2 div.selector, #checkoutSinglePagev2 #shipping_info div.selector { max-width: 100%;} #checkoutSinglePagev2 .chkField input, #checkoutSinglePagev2 .chkField select { width: 100%;} #checkoutSinglePagev2 .chkField { margin-bottom: 0px;} #checkoutSinglePagev2 #billing_info #billing_info2 div.selector, #checkoutSinglePagev2 #shipping_info div.selector { margin-bottom: 10px;} /*wishlist page css */ #viewWishlist .wl-quantity { margin-left:0; width:28%;} #viewWishlist .wl-details { width:30%; margin-top:5px;} #viewWishlist .wl-total{ width:40%; text-align:center;} #viewWishlist .wl-price { display:none;} aside#rightBar #modTopSellers { padding-right: 0px;} aside#rightBar #modTopSellers { width: 100%;} /*Search page css */ #mainContent.SidebarWidth #search .columns-4 .product-container { width: 50%;} table.searchlight-results { width: 300px;} /* Account page css */ .SidebarWidth #crm .update-request-button { margin-left: 0px;} #crmRequest .button, #updateAccount .button, #addresses .button, #addAddresses .button, #viewWishlist .button, #gcView .button, #orderHistory .button .icon-btn.icon-btn-prev, #crm .button .icon-btn.icon-btn-prev { float: none; text-align: center; margin-top: 10px;} #registration0 div.selector { max-width: 100%; width: 100% !important;} #updateAccount .button, #addAddresses .button { padding-left: 0px;} #addAddresses .button { margin-bottom: 15px;} #gcView .button { text-align: center;} #gcView .icon-btn {display: inline-block;} .wishListsView .titles2 {padding: 10px 0;} #viewWishlistLists .wl-name { width: 30%;} #viewWishlistLists .wl-items { width: 15%;} #viewWishlistLists .wl-visibility { width: 20%;} #viewWishlistLists .wl-actions { padding-left: 10px; text-align: center;} body.homePage .productBlockContainer, .home-new-product.FullWidth #modNewReleases .item-panel { margin: 0 -1px;} .home-middle-banner ul, #homeHeader ul, #homeFooter ul { margin: 0px;} .home-middle-banner ul li, #homeHeader ul li, #homeFooter ul li { padding: 0px;} #crm .file-attachments-button {margin-left: 0px;} .SidebarWidth #crm .crmField textarea { width: 100%;} .addToCartBlock .qtybox-addcart div.selector { margin-bottom: 10px;} .relatedBlock .productBlockContainer, .browsing_historyBlock .productBlockContainer { margin-left: 1px;} #subcategoriesBlock .columns-8 li { width: 50%;} #homeFooter ul li { padding: 5px 0px;} #homeFooter ul li img { display: block; margin: 0 auto;} #homeFooter ul li .row2 { padding-top:10px;} #viewCart .shipQuoteInt .shipquoteint-location { width: 100%;} #viewCart .shipQuoteInt .shipquoteint-location select { width: 100%;} #viewCart .shipQuoteInt #shipping_state { width: 100%;} #viewCart .shipQuoteInt .shipquoteint-action { clear: both;} #viewCart .shipQuoteInt .shipquoteint-action .btn, #viewCart .shipQuoteInt .shipquoteint-action .btn:hover, #viewCart .shipQuoteInt .shipquoteint-action .btn_over { width: 100%;} #viewCart .shipQuoteInt #calculate_shipping_zip { width: 100%;} #viewCart .item-qty { margin-left:75px;} #viewWishlistLists .wl-actions { text-align: left;} #category #itemsBlock .products-header { font-size: 15px;} .chkField select { width: 92%;} .crmField .files { margin-left: 0px;} #viewWishlistLists .row .txtBoxStyle { width: 90%; margin-right: 0px; margin-bottom: 10px; font-size: 11px; padding: 5px;} .chkField .checkbox-format label { max-width: 100%; padding-left: 20px;} .giftreg-productList .view-desired input[type="text"] { width: 100%; padding: 5px 5px; text-align: center;} .addToCartBlock .qtybox-addcart select, #quickView .addToCartBlock select { margin-bottom: 15px;} } @media screen and (max-width: 420px) { .home-new-product.FullWidth #modNewReleases .item-panel .slick-current .product-item::before, .home-featured-product .productBlockContainer .slick-current .product-item::before { border: 0px;} .home-new-product.FullWidth #modNewReleases .item-panel .product-item::before, .home-featured-product .productBlockContainer .product-item::before { content: ""; border-right: 1px solid #e9e9e9; position: absolute; width: 1px; right:0px; top:0; bottom: 0px; height:100%;} } @media screen and (max-width: 350px) { body.homePage .productBlockContainer, .home-new-product.FullWidth #modNewReleases .item-panel { margin: 0 0 0 -1px;} .home-new-product.FullWidth #modNewReleases .item-panel .product-item::before, .home-featured-product .productBlockContainer .product-item::before { border: 0px;} }