/* CSS File - skin/frontend/default/sbs/css/styles-responsive.css */ @media (min-width: 1041px) { .top-btn, #menu-close-btn, #checkout-menu-close-btn, #checkout-menu-shop-btn, .onepageCartClose, #full-site-view-link{display:none;} .sendText {display:none;} } @media (max-width: 1040px) { .category-links .row .category-link.col-xs-6.col-sm-4.col-md-4{width:24.33%;} .boxContent6.content-v1 .content.two-column {background-image: none} .responsive .boxContent6.content-v1 .content h2 {background: #00c9e8} .responsive .boxContent6.content-v1 .content .content-box{background-image:none;background: #FFFFFF} .boxContent6.content-v1 .content.three-column {background-image:none;} .responsive h1, .responsive h2{text-align:center;margin:0;padding:10px 0;} body.responsive{min-width:initial;min-width:auto;} .responsive .ulp-overlay, .responsive .ulp-window{display:none!important;} .popup-noscroll{overflow:hidden;} .responsive #smartnotificationsHeaderContent{z-index:50;} .responsive #notification_container{margin:0 auto;} .responsive #notification_container .stbody{min-height:auto;min-height:initial;} .responsive #notification_container .sttext{width:100%;min-height:auto;min-height:initial;} .responsive #smartOpen{right:1%;z-index:55;top:3px;width:20px;height:20px;line-height:20px;} .responsive #notification_container .wrapper{padding:0 10px;box-sizing:border-box;} .responsive #top, .checkout-cart-index.cart-items.responsive #top, .checkout-onepage-index.responsive #top{height:63px;min-width:initial;min-width:auto;} .responsive #top #mainNavBackground, .responsive #top #mainNavBottom{display:none;} .responsive #header-container, .checkout-cart-index.cart-items.responsive #header-container, .checkout-onepage-index.responsive #header-container{width:auto;padding:0;position:relative;background:#fff;} .responsive #header-container #logo, .checkout-cart-index.cart-items.responsive #header-container #logo, .checkout-onepage-index.responsive #header-container #logo{width:185px;height:63px;margin:0 auto;padding:0;text-align:center;float:none;} .responsive #header-container #logo img{width:auto;height:100%;} .responsive #header-container #logo a { width:auto;height:63px;background-size:auto 100%;} .responsive #header-container #m-menu-btn{background:url(../images/m-menu-btn.png) center no-repeat #fff;width:65px;height:45px;border:1px solid #8b8a8f;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:8px;left:2%;z-index:20;} .responsive #header-container #top-link-cart.top-btn{background:url(../images/m-cart-btn.png) center no-repeat #fff;width:65px;height:45px;border:1px solid #8b8a8f;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:8px;right:2%;z-index:20;text-indent:-9999px;} .responsive #header-container #top-link-cart.top-btn .top-link-cart{color:#fff;background:#fe661a;width:25px;height:25px;text-align:center;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;position:absolute;bottom:-6px;left:-6px;line-height:25px;text-indent:0;} .responsive #header-container #top-link-cart.top-btn .top-link-cart.empty{display:none;} .responsive.cms-index-noroute #header-container #m-menu-btn{display:none;} .responsive #header-container #topRight{display:none;} .responsive #header-container #topNavContainer, .checkout-cart-index.cart-items.responsive #header-container #topNavContainer, .checkout-onepage-index.responsive #header-container #topNavContainer{display:none;position:fixed;z-index:10000;top:0;left:0;width:70%;height:100%;float:none;} .responsive #header-container #topNavContainer #topMenu{display:none;} .responsive #header-container #topNavContainer #mobile-topMenu{display:block;position:absolute;z-index:10000;top:0;left:-100%;width:100%;height:100%;background:#007fa3;-webkit-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);-moz-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);overflow-y:auto;} .responsive #header-container #topNavContainer #mobile-topMenu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5;} .responsive #header-container #topNavContainer #mobile-topMenu::-webkit-scrollbar{width:6px;background-color:#f5f5f5;} .responsive #header-container #topNavContainer #mobile-topMenu::-webkit-scrollbar-thumb{background-color:#007fa3;border-left:1px solid #fff;} .responsive #header-container #topNavContainer #mobile-topMenu #menu-close-btn{position:absolute;display:block;width:45px;height:45px;top:5px;left:0;text-indent:-9999px;background:url(../images/m-menu-close-btn.png) left center no-repeat;z-index:20;} .responsive #header-container #topNavContainer #mobile-topMenu #topNavPhone{font-size:20px;font-family:"Neutraface 2 Condensed Titling", Arial;font-weight:600;text-align:right;color:#fff;padding:15px 15px 15px 0;line-height:25px;background:#036885;border-bottom:1px solid #fff;-webkit-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);-moz-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);} .responsive #header-container #topNavContainer #mobile-topMenu #topNavPhone a{color:#fff;} .responsive #header-container #topNavContainer #mobile-topMenu #topNavPhone a:hover{text-decoration:none;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-social-media{box-sizing:border-box;padding:5px 15px;background:#036885;border-bottom:1px solid #fff;-webkit-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);-moz-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-social-media ul{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-social-media li{margin:0 5px;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-social-media a{display:block;width:32px;height:32px;line-height:32px;background-color:#e77f33;color:#fff;text-align:center;font-size:30px;border-radius:50%;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-social-media a:hover{text-decoration:none;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-social-media a i, .responsive #header-container #topNavContainer #mobile-topMenu #mobile-social-media a i:before{display:block;line-height:32px;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-form-search{box-sizing:border-box;padding:5px 15px;background:#036885;border-bottom:1px solid #fff;-webkit-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);-moz-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-form-search input[type="text"]{box-sizing:border-box;color:#e77f33;border:none;font-family:"Neutraface Condensed Bold", Arial;height:40px;font-size:20px;width:100%;text-indent:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-form-search input[type="text"]:focus{border:none;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-form-search #search_mini_form_mobile{position:relative;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-form-search #search_mini_form_mobile #search-button-mobile{position:absolute;top:0;right:0;background:none;width:40px;height:40px;line-height:40px;color:#fff;background:#e77f33;transition:all 0.1s ease-in-out;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-form-search #search_mini_form_mobile #search-button-mobile:hover{color:#0a5165;} .responsive #header-container #topNavContainer #mobile-topMenu #mobile-form-search #search_mini_form_mobile #search-button-mobile .sbsicon-magnifier:before{font-size:18px;line-height:40px;} /* Main Navigation ================================================================================= */ .responsive #header-container #topNavContainer #mobile-mainNav { height:auto;width:auto;background:#036885;padding:0;-webkit-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);-moz-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25); } .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav{height:auto;width:auto;border:none;} .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav>li {position:relative;float:none;border-right:none;border-bottom:1px solid #fff; } .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav>li>a {display:block;line-height:26px;text-transform:uppercase;font-weight:700;width:auto;font-family:"Neutraface 2 Condensed Titling", Arial;padding:12px 15px 12px 0;color:#fff;font-size:18px;text-align:right;} .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav>li>a:hover { text-decoration:none; } .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav>li ul { display:none;background:#007fa3;position:relative;top:0;left:0;min-height:initial;min-height:auto;width:auto;-webkit-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);-moz-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);opacity:1;visibility:visible;-webkit-transition-property:none;-moz-transition-property:none;-o-transition-property:none;-ms-transition-property:none;transition-property:none; } .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav>li:hover ul { display:none; } .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav>li>ul>li:hover>ul{background:none;} .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav>li>ul>li>ul li{background:#333;-webkit-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);-moz-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);} .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav ul li {position:relative;width:100%;margin:0!important;left:auto;border-top:1px solid #fff; } .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav ul li a {display:block;color:#fff;padding:10px 20px 10px 0;text-align:right;font-size:14px; } .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav ul li a:hover, .responsive #header-container #topRight #mainNav #mobile-nav>li>ul>.sub>a {color:#fff;background:none;} .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav>li .sub-nav-btn, .responsive #header-container #topRight #mobile-mainNav #mobile-nav .parent>ul>li .child-nav-btn{position:absolute;display:block;width:12px;height:20px;padding:13px 10px;left:0;top:0;background:url(../images/m-menu-arrow.png) center no-repeat!important;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 250ms linear;-moz-transition:-moz-transform 250ms linear;transition:transform 250ms linear;} .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav .parent>ul>li .child-nav-btn{padding:8px 10px;} .responsive #header-container #topNavContainer #mobile-mainNav #mobile-nav>li .sub-nav-btn.active, .responsive #header-container #topRight #mobile-mainNav #mobile-nav .parent>ul>li .child-nav-btn.active{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform 250ms linear;-moz-transition:-moz-transform 250ms linear;transition:transform 250ms linear;} .responsive #menu-fade {background:#fff;position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999;opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);} .responsive #mobile-topMiniNav{position:relative;font-family:"Neutraface Condensed Bold", Arial;text-transform:uppercase;font-size:18px;color:#fff;font-weight:600;padding:5px 0;border-bottom:1px solid #fff;} .responsive #mobile-topMiniNav #mobile-miniNav>li{float:none;line-height:18px;} .responsive #mobile-topMiniNav #mobile-miniNav>li a{display:block;color:#fff;padding:9px 15px 9px 0;text-align:right;} .responsive #mobile-topMiniNav #mobile-miniNav>li a:hover{text-decoration:none;} .responsive #outerWrapper{margin:36px auto 26px;width:98%;} .responsive #outerWrapper #outerWrapperTop{background-size:100% auto;} .responsive #outerWrapper #outerWrapperBottom{background-size:100% auto;} .responsive #outerWrapper #innerWrapper{/*width:95%;margin: 0 auto;*/} .responsive #outerWrapper #innerWrapper #innerWrapperTop{background-size:100% auto;} .responsive #outerWrapper #innerWrapper #innerWrapperBottom{background-size:100% auto;} .responsive .form-list .input-box{width:100%;} .responsive .form-list .field{width:49%;} .responsive .form-list .field:first-of-type{margin:0 2% 0 0;} .responsive .form-list input.input-text {width:98%;height:30px;border:2px solid #e8e8e8;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .responsive .form-list .select-box select{width:100%;height:38px;border:2px solid #e8e8e8;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .responsive .form-list li.wide .input-box{width:100%;} .responsive .form-list li.wide input.input-text{width:98%;} .responsive .validation-failed{border:2px solid #eb340a !important;} .responsive .validation-advice{display:none;} /* Footer ================================================================================ */ .responsive #footer-subscribe .wrapper{width:90%;margin:0 auto;} .responsive #footer-subscribe .label{font-size:12px;line-height:16px;} .responsive #footer{min-width:initial;min-width:auto;height:auto;} .responsive #footer #footerContainer{width:100%;height: auto;} .responsive #footer #footerLeft{width:100%;margin:0 auto;float:none;} .responsive #footer #footerLeft #footerContent{display:none;} .responsive #footer #footerLeft #footerCopyright{width:100%;text-align:center;background: none;height: auto;} .responsive #footer #footerLeft #footerCopyright p{margin:0;font-size: 12px;line-height: 40px;} .responsive #footer #footerRight{width:100%;margin:0 auto;float:none;padding: 0 0 10px;} .responsive #boxDisclaimer, .responsive #boxDisclaimer #boxDisclaimerContent{width:100%;} .responsive #boxDisclaimer #boxDisclaimerContent p{width:90%;text-align:center;margin:0 auto;font-size:12px;line-height:18px;padding:0 0 10px;float:none;} .responsive #full-site-view-link{display:block;width:100%;text-transform:uppercase;padding: 5px 0;text-align:center;font-size:14px;} .responsive #full-site-view-link:hover{text-decoration:underline;} /* Content Boxes ================================================================================ */ .responsive #mainBannerContent, .responsive .boxContent, .responsive .boxContent2, .responsive .boxContent3, .responsive .boxContent4, .responsive .boxContent5{width:92%;background-size:100% auto;padding:0 4%;} .responsive #mainBannerContent #mainBannerBottom, .responsive #mainBannerContent #mainBannerTop, .responsive .boxContentBottom, .responsive .boxContentBottom2, .responsive .boxContentBottom3, .responsive .boxContentBottom4, .responsive .boxContentBottom5, .responsive .boxContentTop, .responsive .boxContentTop2, .responsive .boxContentTop3, .responsive .boxContentTop4, .responsive .boxContentTop5, .responsive .boxSpecialContent .boxSpecialTop, .responsive .boxSpecialContent .boxSpecialBottom{width:100%;} .responsive #mainBannerContent #mainBannerBottom, .responsive #mainBannerContent #mainBannerTop, .responsive .boxContentBottom, .responsive .boxContentBottom2, .responsive .boxContentBottom3, .responsive .boxContentBottom4, .responsive .boxContentBottom5, .responsive .boxContentTop, .responsive .boxContentTop2, .responsive .boxContentTop3, .responsive .boxContentTop4, .responsive .boxContentTop5{background-size:100% auto;} .responsive #mainBanner{width:auto;height:auto;} .responsive #mainBanner img{width:100%;height:auto;} .responsive .boxContent6{padding:0;} .responsive .boxContent7{width:auto;} .responsive .boxContent .boxContentLeft, .responsive .boxContent5 .boxContentLeft{float:none;width:100%;padding:0 0 10px;} .responsive .boxContent .boxContentRight, .responsive .boxContent5 .boxContentRight{float:none;width:100%;} .responsive .boxContentCol2{width:100%;max-width:395px;float:none;margin:0 auto;} .responsive .boxContentCol2 img{width:100%;height:auto;} .responsive .boxContent1{width:98%;min-height:initial;min-height:auto;margin:0 auto 10px;} .responsive #mainBannerContent .flexslider .flex-control-nav{display:none;} .responsive .imageCenter{width:100%;height:auto;margin:0 0 10px;} .responsive .btn-link{float:none!important;text-align:center;} .responsive .btn-link img{width:100%;height:auto;} .responsive .kit-link{padding:20px 0!important;} .responsive .img-link img{width:100%;height:auto;} .responsive .popup_block {width:70%;left:0;top:0;margin:10% 10% 0!important;} .responsive .popup_block .popUpClose {top:-14px;right:-14px;display:block;width:39px;height:39px;background:url(../images/m-summary-close.png) 0 0 no-repeat;} .responsive .popup-content{width:90%;height:100%!important;margin:0 auto;overflow-y:auto!important;} .responsive #rewards-widget{display:none;} /* CMS Pages ============================================================================= */ .responsive #mainHomeOffer{width:100%;margin:0 auto;max-width:624px;} .responsive #mainHomeOffer #mainOfferBanner{width:auto;height:auto;} .responsive #mainHomeOffer #mainOfferBanner img{width:100%;height:auto;} .responsive #mainHomeOffer #reactions-link{display:none;border:none;} .responsive #boxFeatured{padding:20px 0;margin:0 auto;width:90%;} .responsive #boxFeatured h2{padding:0;} .responsive #boxFeatured ul{width:100%;} .responsive #boxFeatured ul li{display:inline-block;float:none;} .responsive #boxFeatured ul li span.tool>img{width:auto;height:45px;} .responsive #boxFeatured ul li span.tool:hover span.tip {display:none;} .responsive #reactions-link2{width:auto;max-width:271px;} .responsive .boxContent6 .content{float:none;margin:0 auto;padding:13px;} .responsive .boxContent6 .content .content-box{padding:0 5px 10px;} .responsive .boxContent6 .content ul{width:45%;float:right;margin:10px 0 0 0;font-size:14px;} .responsive .boxContent6 .content ul li{padding:5px 0 5px 25px} .responsive .boxContent6 .content.two-column{width:auto;height:auto;} .responsive .boxContent6 .content.two-column h2{font-size:20px;padding:9px;} .responsive .boxContent6 .content.two-column .content-box>img{width:50%;height:auto;float:left;margin:0;} .responsive .boxContent6 .content.two-column a{width:50%;float:left!important;} .responsive .boxContent6 .content.two-column a img{width:140px;} .responsive .boxContent6 .content.three-column{width:auto;height:auto;} .responsive .boxContent6 .content.three-column h2{font-size:20px;padding:14px;} .responsive .boxContent6 .content.three-column p{float:left;width:60%;margin:0 2.5%;padding:10px 0;line-height:24px;min-height:initial;min-height:auto;} .responsive .boxContent6 .content.three-column a{width:65%;float:left!important;} .responsive .boxContent6 .content.three-column .content-box>img{width:30%;height:auto;float:right;margin:0;} .responsive .boxContent6.content-v1 .content h2{background:#10607d;} .responsive .boxContent6.content-v1 .content .content-box{background:url(../images/frame-column-bg.png) #f6f6f6 center bottom repeat-x;background-size:100% 100%;} .responsive .boxContent6.content-v1 .content.two-column, .responsive .boxContent6.content-v1 .content.three-column, .responsive .boxContent6.content-v2 #two-columnFirst, .responsive .boxContent6.content-v2 #two-columnSecond, .responsive .boxContent6.content-v2 #three-columnFirst, .responsive .boxContent6.content-v2 #three-columnSecond, .responsive .boxContent6.content-v2 #three-columnThird{background:none;} .responsive .boxContent6.content-v2 #two-columnFirst h2{background:#133b4d;} .responsive .boxContent6.content-v2 #two-columnFirst .content-box{background:#0094ae;} .responsive .boxContent6.content-v2 #two-columnSecond h2{background:#071d2d;} .responsive .boxContent6.content-v2 #two-columnSecond .content-box{background:#10364d;} .responsive .boxContent6.content-v2 #three-columnFirst h2{background:#013351;} .responsive .boxContent6.content-v2 #three-columnFirst .content-box{background:#0a4060;} .responsive .boxContent6.content-v2 #three-columnSecond h2{background:#404040;} .responsive .boxContent6.content-v2 #three-columnSecond .content-box{background:#696969;} .responsive .boxContent6.content-v2 #three-columnThird h2{background:#005b6a;} .responsive .boxContent6.content-v2 #three-columnThird .content-box{background:#0097b1;} .responsive #vaporAccessories{width:664px;} .responsive #vaporAccessories .boxContentHeader{float:none;width:auto;padding:20px 0 0;} .responsive #vaporAccessories .boxContentHeader h2{margin:0;text-align:center;font-size:30px;} .responsive #vaporAccessories .boxContentHeader h4{text-align:center;font-size:20px;} .responsive #vaporAccessories .boxContentImage{width:264px;margin:0 20px 0 0;} .responsive #vaporAccessories .boxContentImage img{width:100%;height:auto;} .responsive #vaporAccessories .boxContentText{width:360px;padding:10px 20px 30px 0;} .responsive #vaporAccessories .boxContentText p{font-size:16px;} .responsive .savingsCal #calc-sliders{width:auto;} .responsive .boxContent .videoLeftCol{width:100%;max-width:468px;margin:0 auto;float:none;} .responsive .boxContent .videoDivFeatured{width:100%;} .responsive .boxContent .videoDivFeatured .video{width:auto;} .responsive .boxContent .videoDivFeatured .video img{width:100%;height:auto;} .responsive .boxContent .videoRightCol{width:auto;margin:0;float:none;} .responsive .boxContent .videoDiv{width:23%;margin:0px 1% 10px;} .responsive #mainRewards .rewardsTable{width:auto;} .responsive #mainSBSAir h1{font-size:30px;line-height:25px;} .responsive .secondary-banner img{width:100%;height:auto;} .responsive #wholesaleform{width:90%;margin:0 auto;} .responsive #wholesaleform label{width:auto;display:block;text-align:left;float:none;margin:0;line-height:22px;} .responsive #wholesaleform input, .responsive #wholesaleform textarea{display:block;width:97%;} .responsive #wholesaleform select{width:100%;} .responsive #wholesaleform #recaptcha{padding:0 0 10px 0;} .responsive #wholesaleform #recaptcha_widget_div{padding:0 0 10px 0;} .responsive #wholesaleform p{margin-left:0;} .responsive #wholesaleform .form-btns{margin:0 auto 20px;} .responsive #affiliates-form{margin:0 0 10px 10px;width:50%;border:2px solid #dfdfdf;} .responsive #affiliates-form label{width:28%;margin:0 2% 0 0;line-height:35px;} .responsive #affiliates-form .input-box{width:65%;} .responsive #affiliates-form .input-text{width:95%;height:27px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:2px solid #dfdfdf;} .responsive #affiliates-form #loginBtn{line-height:25px;margin:5px auto 10px;} .responsive #tierProgram{width:100%;} .responsive .c1_WrapperContainer{width:100%;max-width:400px;} .responsive .c1_ContentRight{width:auto;} .responsive .c1_WrapperContainer .SignupForm{padding:20px 0;} .responsive .c1_WrapperContainer .FormField{width:90%;margin:0 auto;} .responsive .c1_WrapperContainer .FormFieldInput{width:86%;} .responsive .c1_WrapperContainer .TextBoxContainer{width:116%!important;padding:7px 0;} .responsive .c1_WrapperContainer .TextBox{width:99%;} .responsive .c1_WrapperContainer .FormFieldDescription{width:auto;} .responsive .c1_WrapperContainer .FormFieldError{width:14%;margin:4px 0 0;} .responsive .c1_WrapperContainer .ErrorTooltip.IconButton{margin:0 0 0 auto;} .responsive .c1_WrapperContainer .g-ListBox{width:117%;padding:0;} .responsive .c1_WrapperContainer .g-ListBoxInput{padding:8px 0;width:98%;text-indent:10px;} .responsive .c1_WrapperContainer textarea.TextBox{width:95%;margin:0 0 0 2%;} .responsive .c1_WrapperContainer .FormMessage-error{width:90%;} .responsive .c1_WrapperContainer .c1_WindowIn{width:auto;padding:20px 0;} .responsive .c1_WrapperContainer .c1_WindowIn .WindowHeaderTitle{padding:7px 0 0;width:90%;margin:0 auto 10px;} .responsive .c1_WrapperContainer .CaptText {width:90%;} .responsive .c1_WrapperContainer .LinkButton .ButtonText{width:100%;padding:0;} .responsive .CheckBoxContainer{margin:0 auto;width:210px;float:none;} .responsive .CheckBoxContainer:after{clear:both;} .responsive .c1_Annotation{width:auto;} .responsive .c1_WrapperC_Contact .c1_ContentLeft {border-bottom:1px solid #e0dedf;border-right:none; padding: 0 0 20px; width:100%;float:none;} .responsive .c1_WrapperC_Contact .c1_ContentRight {width:100%;float:none;padding: 20px 0;} .responsive .c1_WrapperContainer .FormField.ContactUsText{width:100%;} .responsive .c1_WrapperContainer .ContactUsText .FormFieldInputContainer{width:auto;} .responsive .c1_WrapperContainer .ContactUsText textarea.TextBox{width: 100%!important;margin: 0;} .responsive .InfoTooltipPopup .TooltipTopRight{left:auto;right:-30px;} .responsive .InfoTooltipPopup .TooltipArrow{left:auto;right:20px;} .responsive .ErrorTooltipPopup{display:none;} .responsive .ErrorTooltipPopup .TooltipTopRight{left:auto;right:93px;} .responsive .ErrorTooltipPopup .TooltipArrow{left:auto;right:20px;} /* Category View ========================================================================== */ .responsive .boxContent3 .boxContentLeft{width:38%;padding:0;} .responsive .boxContent3 .boxContentLeft img{max-width:100%;height:auto;} .responsive .boxContent3 .boxContentLeft .add-btns li a{font-size:12px;} .responsive .boxContent3 .boxContentLeft .add-btns li .wishlist{padding:0 0 0 25px;} .responsive .boxContent3 .boxContentLeft .approx{font-size:12px;width:200px;padding:0 0 0 40px;} .responsive .boxContent3 .boxContentRight{width:60%;} .responsive .boxContent3 .product-title{text-align:left;padding:0;width:60%;} .responsive .cartPacks{width:17%;margin:30px 3% 0 0;} .responsive .productOption{padding:10px;} .responsive .productOption .boxContentRightPrice{width:43%;} .responsive .productPricing{font-size:24px;} .responsive .productOption .boxContentRightLink{width:35%;} .responsive .productOption .boxContentRightLink .ratings{text-align:center;} .responsive .productOption .boxContentRightLink .ratings .rating-box{float:none;margin:0 auto;} .responsive .productOption .boxContentRightLink .ratings .amount{float:none;} .responsive .new-flavor{left:2%;top:-3%;} .responsive .new-flavor2{left:0;top:-1px;} .responsive #category-view-breadcrumb{width:95%;} .responsive #eliquid-category{width:95%;} .responsive #eliquid-category h3{text-align:center;} .responsive #eliquid-category #eliquid-category-list{width:100%;height:auto;} .responsive #eliquid-category #eliquid-category-list li{width:14.28%;} .responsive #eliquid-category #eliquid-category-list li a{width:100%;height:auto;text-align:center;border-left:1px solid #bdbdbd;border-right:1px solid #3c3c3c;background-size:auto 100%;} .responsive #eliquid-category #eliquid-category-list li.first a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .responsive #eliquid-category #eliquid-category-list li.last a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .responsive #eliquid-category #eliquid-category-list li a img{width:100%;height:auto;} .responsive #eliquid-category #eliquid-category-list li.first a{width:100%;} .responsive #eliquid-category #eliquid-category-list li.last a{width:100%;} .responsive #eliquid-category #eliquid-category-list li.active span{display:block;width:100%;height:auto;background-size:100% 100%;} .responsive #eliquid-category #eliquid-category-list li.active span img{width:100%;height:auto;} .responsive .toolbar{padding:10px 0 0;min-height:30px;height:auto;} .responsive .sort-by{margin:0 0 0 15px;} .responsive .category-products{width:95%;} .responsive .category-products .category-title h1{padding:0;} .responsive .category-products .category-title .block-content{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;} .responsive .category-products .category-title .block{width:90%;max-width:500px;} .responsive .category-products .products-grid .item{float:none;margin:0 auto;border-bottom:2px solid #e8e8e8;} .responsive .category-products .products-grid:last-of-type .item:last-of-type{border-bottom:none;} .responsive .category-products .products-grid.three-column .item, .responsive .category-products .products-grid.two-column .item{background:none;width:auto;padding:20px 0;} .responsive .category-products .products-grid.three-column .item:before, .responsive .category-products .products-grid.three-column .item:after, .responsive .category-products .products-grid.two-column .item:before, .responsive .category-products .products-grid.two-column .item:after{content:none;} .responsive .category-products .products-grid.three-column .product-image, .responsive .category-products .products-grid.two-column .product-image{float:left;width:50%;height:auto;margin:0;text-align:center;} .responsive .category-products .products-grid .product-image a img{width:100%;height:auto;} .responsive .category-products .products-grid .product-info{float:right;width:50%;} .responsive .category-products .products-grid .product-name{text-align:left;height:auto;} .responsive .category-products .products-grid.three-column .product-name, .responsive .category-products .products-grid.two-column .product-name{font-size:20px;line-height:18px;} .responsive .category-products .products-grid .short-description{text-align:left;} .responsive .category-products .products-grid.three-column .short-description, .responsive .category-products .products-grid.two-column .short-description{min-height:initial;min-height:auto;} .responsive .category-products .products-grid .actions {width:auto!important;position:relative;padding:5px 0 0!important;text-align:left;} .responsive .category-products .products-grid .actions .price-box {float:none;text-align:left;margin:0;} .responsive .category-products .products-grid .actions .price-text{text-align:left;} .responsive .category-products .products-grid .actions .price{font-size:22px;} .responsive .category-products .products-grid .actions .ratings{float:left;width:120px;display:block;padding:0 10px 0 0;border-right:2px solid #b2b2b2;} .responsive .category-products .products-grid .actions .ratings .rating-box{float:none;margin:0;} .responsive .category-products .products-grid .actions .ratings .amount{float:none;text-align:center;} .responsive .category-products .products-grid .actions .add-btns{float:left;padding:0;margin:5px 0;} .responsive .category-products .products-grid .actions .add-btns li{padding:9px 10px;} .responsive .category-products .products-grid.three-column .actions .add-btns li a, .responsive .category-products .products-grid.two-column .actions .add-btns li a{font-size:12px;text-align:center;line-height:28px;} .responsive .category-products .products-grid .actions .add-btns li .wishlist{padding:0 0 0 25px;} .responsive .category-products .products-grid .actions .add-to-links{clear:both;} /* Product View ========================================================================== */ .responsive #product-view-breadcrumb{left:4%;} .responsive #productDetails .productDetailImg{width:49%;} /*.responsive .MagicToolboxContainer .more-views .item{float:none;display:inline-block;}*/ .responsive #productDetails h1, .responsive #productDetails .productDetailInfo{width:49%;} .responsive .productDetailInfo .product-options dd .input-box .question-link{/*display:none;*/} .responsive #productDetails .productCustomerViewed h2{width:95%;} .responsive #productDetails .productCustomerViewed .mini-products-list{width:100%;} .responsive #productDetails .productCustomerViewed .mini-products-list .item{width:25%;margin:0;} .responsive #productDetails #product-info-tabs{width:auto;} .responsive #productDetails .tab-container{width:auto;padding:10px;} .responsive #productDetails #product-info-tabs>.tabNavigation li{width:25%;max-width:140px;} .responsive #productDetails #product-info-tabs>.tabNavigation li a span{padding:0 5px;} .responsive #product-extras #product-info-tabs {width:100%;float:none;margin:0 0 20px;} .responsive #product-extras #product-info-tabs>.tabNavigation li{width:33%;} .responsive #product-extras #product-info-tabs>.tabNavigation li.last{width:34%;} .responsive #product-extras #product-info-tabs>.tabNavigation li a, .responsive #product-extras #product-info-tabs>.tabNavigation li.first a{width:auto;} .responsive #product-extras #product-info-tabs>.tabNavigation li.last a{width:auto;} .responsive .tab-container{padding:10px;} .responsive #review-form .data-table{max-width:410px;} .responsive #customer-reviews-tab #customer-reviews .reviewTabNavigation{top:-5px;} .responsive #reviews-list .reviews-listing-rating {width:25%;} .responsive #reviews-list .reviews-listing-by {width:25%;padding:20px 0 0;} .responsive #reviews-list .reviews-listing-details {width:50%;} .responsive .eliquidDetailImg{width:49%;} .responsive #eliquidDetails h1.product-name{width:49%;} .responsive .eliquidDetailInfo{width:49%;} .responsive .eliquidDetailInfo .product-options{padding:0;} .responsive .eliquidDetailInfo .price-box{float:none;} .responsive .eliquidDetailInfo .rating-box{margin-left:0;} .responsive #product-extras #product-info-tabs{width:100%;float:none;} .responsive #product-extras-right{width:100%;float:none;min-height:initial;min-height:auto;} .responsive #product-extras-right #product-extras-right-top{float:right;margin:20px 0 0 20px;} .responsive #product-extras-right #product-extras-right-text{padding:10px;} .responsive #product-extras-right #product-extras-right-text .small-link{display:block;} .responsive #compare-flavors-container #compare-flavors-content{width:auto;} .responsive #customKitProduct #custom-title{width:100%;max-width:630px;margin:0 auto;line-height: 24px;} .responsive #customKitProduct #custom-text {width:100%;} .responsive #customKitProduct #custom-kit{width:100%;max-width:630px;margin:0 auto;float:none;} .responsive #customKitProduct #custom-kit-summary{display:none;} .responsive #customKitProduct .product-options .flexslider .product-img{width:auto;max-width:470px;} .responsive #customKitProduct .product-options .flexslider .product-img img{width:100%;height:auto;} .responsive #customKitProduct .product-options .flexslider .product-name{min-height:55px;} .responsive #customKitProduct .product-options .select-btn{float:none;margin:0 auto 15px;} .responsive #customKitProduct .product-options .back-btn, .responsive #customKitProduct #product-options-step-5.product-options .back-btn{float:none;margin:0 auto;} .responsive #customKitProduct .product-options .flexslider .flex-direction-nav a{top:35%;} .responsive #customKitProduct #product-options-step-3.product-options .flexslider .flex-direction-nav a{top:19%;} .responsive #customKitProduct #product-options-step-5.product-options #add_to_cart_button{float:none;margin:0 auto 10px;} .responsive #customKitProduct #confirm-custom-kit-summary{display:block;width:95%;max-width:500px;margin:0 auto 20px;} .responsive #customKitProduct #confirm-custom-kit-summary .price-line{padding:5px;margin:0 auto;line-height:32px;font-size:14px;border-bottom:1px solid #ccc;font-weight:700;} .responsive #customKitProduct #confirm-custom-kit-summary .price-text{width:75%;display:inline-block;line-height: 26px;} .responsive #customKitProduct #confirm-custom-kit-summary .price-box{width:25%;float:none;display:inline-block;text-align:right;margin:0;line-height:26px;} .responsive #customKitProduct #confirm-custom-kit-img{width:50px;margin:0 auto 10px;} .responsive #customKitProduct #confirm-custom-kit-img #confirm-custom-kit-atom-img{width:75px;right:-65px;} .responsive #customKitProduct #confirm-custom-kit-img img{width:100%;} .responsive #grouped-options-popup{position:relative;right:auto;padding:0 0 10px;} .responsive #PreviewKitCombo{margin:0 auto;} /* My Account ============================================================================= */ .responsive .col2-left-layout{width:100%;} .responsive .col-left, .responsive .col-left-dashboard, .responsive .col2-left-layout .col-main, .responsive .col2-left-layout .col-main-dashboard{float:none;width:100%;margin:0;} .responsive .title-buttons h1, .responsive .title-buttons h2, .responsive .title-buttons h3, .responsive .title-buttons h4, .responsive .title-buttons h5, .responsive .title-buttons h6{float:none;} .responsive .col2-set .col-1, .responsive .col2-set .col-2{float:none;} .responsive .col2-left-layout .col-main .messages>li{position:relative;top:0;width:auto;padding:4px 0!important;} .responsive .account-login, .responsive .account-logout, .responsive .forgotpassword, .responsive .account-create{width:90%;padding:20px 0;margin:0 auto;} .responsive #sideNav{width:auto;margin:0 auto 15px;} .responsive #sideNav #my-account-title{line-height:20px;padding:10px 0px 10px 10px;text-align:center;cursor:pointer;position:relative;} .responsive #sideNav #m-account-menu-btn{position:absolute;display:block;width:20px;height:20px;padding:10px;left:50%;top:0;margin:0 0 0 60px;background:url(../images/m-menu-arrow2.png) center no-repeat;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 250ms linear;-moz-transition:-moz-transform 250ms linear;transition:transform 250ms linear;} .responsive #sideNav #m-account-menu-btn.active{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 250ms linear;-moz-transition:-moz-transform 250ms linear;transition:transform 250ms linear;} .responsive #sideNav #my-account-nav{display:none;padding:0;font-size:14px;} .responsive #sideNav #my-account-nav>li.current{padding:0;} .responsive #sideNav #my-account-nav>li>span{display:block;line-height:20px;padding:10px 0px 10px 10px;} .responsive #sideNav #my-account-nav>li>a{line-height:20px;padding:10px 0px 10px 10px;} /* Account Login/Create Pages ============================================================ */ .responsive .col2-set .col-1.new-users{width:100%;height:auto;padding:0 0 20px;border-right:none;border-bottom:1px solid #e8e8e8;} .responsive .col2-set .col-1.new-users .buttons-set{margin:0;padding:0;} .responsive .col2-set .col-1.new-users .buttons-set #continueBtn{float:none;} .responsive .col2-set .col-2.registered-users{width:100%;height:auto;padding:0;} .responsive .col2-set .col-2.registered-users .content .form-list{width:100%;max-width:400px;margin:0 auto;} .responsive .col2-set .col-2.registered-users .content .form-list label{float:none;width:100%;} .responsive .col2-set .col-2.registered-users .content .form-list .input-box {float:none;width:100%;} .responsive .col2-set .col-2.registered-users .content .form-list .input-box input {width:96%;} .responsive .col2-set .col-2.registered-users .fg-div{padding:0;} .responsive .col2-set .col-2.registered-users .fg-div #send2{display:block;width:100px;margin:0 auto;} .responsive .col2-set .col-1.new-users .content h2, .responsive .col2-set .col-1.new-users .content p, .responsive .col2-set .col-2.registered-users .content h2{text-align:center;} .responsive .my-account .col2-set .col-1, .responsive .my-account .col2-set .col-2{width:100%;} .responsive .my-account .col2-set .col-1{margin:0 0 15px;} .responsive #newBtn{float:none;margin:0 auto 20px;top:0;} .responsive .box-account .box-head h2{padding:0;} .my-account-area.responsive .col2-left-layout{margin:0 auto;} .my-account-area.responsive .boxContent2{padding:10px 0;} .my-account-area.responsive .dashboard, .responsive .my-account-page{width:95%;margin:0 auto;} .my-account-area.responsive .main .my-account .page-title.title-buttons{text-align:center;padding:0 0 20px;} /* Cart ================================================================================ */ .checkout-cart-index.cart-items.responsive #boxDisclaimer{display:none;} .checkout-onepage-index.responsive #header-container #m-cart-btn{display:block;background:url(../images/m-cart-btn.png) center no-repeat #fff;width:65px;height:45px;border:1px solid #8b8a8f;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:8px;right:2%;} .checkout-onepage-index.responsive #header-container #m-cart{color:#fff;background:#fe661a;width:25px;height:25px;text-align:center;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;position:absolute;bottom:-6px;left:-6px;line-height:25px;} .responsive #checkoutMenu{position:absolute;z-index:10000;top:0;left:-100%;width:100%;height:auto;min-height:100%;background:#fe661a;border-left:none;margin:0;padding:0;-webkit-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);-moz-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);} .responsive #checkoutMenu a{position:relative;display:block;font-family:"proxima-nova", Arial;color:#fff;text-transform:uppercase;font-size:22px;font-weight:600;border-bottom:1px solid #fff;margin:0;padding:15px 15px 15px 0;text-align:right;} .responsive #checkoutMenu a:hover{text-decoration:none;} .responsive #checkoutMenu h4{float:none;width:auto;text-transform:uppercase;font-size:22px;background:none;border-bottom:1px solid #fff;margin:0;padding:15px 15px 15px 0;font-weight:600;text-align:right;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .checkout-onepage-index.responsive #checkoutMenu h4.selected{background:none;} .responsive #checkoutMenu h4 span{display:none;} .responsive #checkoutMenu #checkout-menu-close-btn, .checkout-onepage-index.responsive #checkoutMenu .complete{background:#e9682a;-webkit-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);-moz-box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);box-shadow:inset -40px 0px 40px -20px rgba(0,0,0,0.25);} .responsive #checkoutMenu #checkout-menu-close-btn span{position:absolute;display:block;width:45px;height:48px;left:0;top:0;background:url(../images/m-menu-close-btn.png) left center no-repeat;z-index:20;} .responsive #checkoutMenu #checkout-menu-shop-btn span{position:absolute;display:block;width:12px;height:22px;padding:13px 10px;left:0;top:0;background:url(../images/m-menu-arrow.png) center no-repeat;z-index:20;} .responsive #magento-cart .page-title h3, .responsive #magento-cart #secure-info, .responsive #cart-testimonials{display:none;} .responsive #magento-cart .page-title{margin:0 0 10px;} .responsive #magento-cart #cart{float:none;width:95%;margin:0 auto;padding:0;} .responsive #new-shopping-cart-table #cart-table-head #cart-col1{width:20%;} .responsive #new-shopping-cart-table #cart-table-head #cart-col2{width:30%;} .responsive #new-shopping-cart-table #cart-table-head #cart-col3{width:15%;} .responsive #new-shopping-cart-table #cart-table-head #cart-col4{width:20%;} .responsive #new-shopping-cart-table #cart-table-head #cart-col5{width:15%;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col1{width:20%;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-product-col{width:65%;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col2{width:46%;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col3{width:23%;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col4{width:31%;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col5{width:15%;} .responsive #new-shopping-cart-table .view-options{display:none;} .responsive #new-shopping-cart-table .item-options{display:block;width:100%;max-width:250px;position:relative;left:0;top:0;padding:0;background:none;color:#424242;font-size:11px;margin:0;font-family:Arial;} .responsive #new-shopping-cart-table .item-options dt{font-weight:bold;font-style:italic;width:100%;float:none;text-align:center;} .responsive #new-shopping-cart-table .item-options dd{margin:0;width:100%;float:none;text-align:center;} .responsive #new-shopping-cart-table #cart-table-totals{width:100%;float:none;} .responsive #new-shopping-cart-table #cart-table-totals .cart-totals-item{text-align:center;padding:10px;} .responsive #new-shopping-cart-table #cart-table-totals .cart-totals-item span{display:inline;padding:0;} .responsive #new-shopping-cart-table #cart-table-totals .cart-totals-item .cart-caption{float:none;width:auto;} .responsive #new-shopping-cart-table #cart-table-totals .cart-totals-item .price, .responsive #new-shopping-cart-table #cart-table-totals .cart-totals-item .cart-amount{float:none;font-size:32px;width:auto;text-align:inherit;} .responsive #new-shopping-cart-table #cart-table-totals #cart-points-total_earned{text-align:center;} .responsive #new-shopping-cart-table #rewards-box-spend-minicart{float:none;width:100%;margin:0 0 10px;text-align:center;} .responsive .checkoutStepBoxContent{width:100%;display:none;} .checkout-onepage-success.responsive .buttons-set{margin:20px 0 0;} /* Checkout ================================================================================ */ .checkout-onepage-index.responsive #top{margin-bottom:30px;} .checkout-onepage-index.responsive .main{padding:0;} .responsive #cart-breadcrumbs{width:auto;left:0;top:-28px;margin-left:2%;padding:0;line-height:25px;} .responsive #cart-breadcrumbs a.first{font-size:12px;} .responsive #checkout-step-login.boxContent1, .responsive #magento-checkout.boxContent1{width:100%;background:none;margin:0 auto;} .responsive #checkout-step-login .boxBottom1, .responsive #magento-checkout .boxBottom1{display:none;} .responsive #checkoutSteps{background:#fff;width:100%;float:none;margin:0;} .responsive #checkoutSteps h2, .responsive #checkoutSteps .discount-header{color:#fff;padding:10px 0;margin:0 0 15px;background:#fe661a;border:none;} .responsive #checkoutSteps .form-list{margin:0 25px;} .responsive #checkoutSteps .input-box{width:100%;margin:0 auto;position:relative;} .responsive #checkoutSteps input.input-text{width:100%;line-height:normal;height:42px;text-indent:10px;padding:0;font-family:"proxima-nova", Arial;font-size:16px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:2px solid #dfdfdf;} .responsive #checkoutSteps .form-list li .validation-advice{display:none;} .responsive #checkoutSteps .onepageSection .buttons-set{padding:20px 0;margin:0 auto;width:80%;} .responsive #checkoutSteps .onepageSection button{border:none;font-size:18px;text-transform:uppercase;padding:15px 0px;margin:0 auto 20px;line-height:normal;float:none;} .responsive #checkoutSteps .onepageSection .continueBtn{width:100%;font-size:24px;} .responsive #checkoutSteps .onepageSection .backBtn{width:80%;} .responsive #checkoutSteps #login-section, .responsive #checkoutSteps #form-validate{width:100%;margin:0 auto;padding:0;} .responsive #checkoutSteps #login-section{background:#fff;} .responsive #checkoutSteps #login-section .buttons-set{width:80%;max-width:400px;padding:0;margin:0 auto;} .responsive #checkoutSteps #login-section .col-1, .responsive #checkoutSteps #login-section .col-2{float:none;width:100%;height:auto;border:none;position:relative;} .responsive #checkoutSteps #login-section .col-1:hover, .responsive #checkoutSteps #login-section .col-2:hover{border:none;} .responsive #checkoutSteps #login-section .col-1{padding:0 0 20px;border-bottom:2px solid #cacaca!important;} .responsive #checkoutSteps #login-section .col-2{padding:0 0 40px;} .responsive #checkoutSteps #login-section .col-2 h3{font-size:18px;text-transform:uppercase;text-align:center;margin:15px 0;font-weight:700;color:#0091b3;} .responsive #checkoutSteps #onepage-guest-register-button{margin:0 auto;} .responsive #checkoutSteps #forget-password-link{font-size:14px;margin:0 50px 20px;text-align:center;display:block;} .responsive #checkoutSteps #forget-password-link:hover{text-decoration:none;} .responsive #checkoutSteps #form-validate{background:#fff;} .responsive #checkoutSteps #onepageRegister .form-list .input-box{width:100%;} .responsive #checkoutSteps #onepageRegister .form-list #recaptcha{width:100%;} .responsive #popUpForgotPassword{padding:0;width:90%;margin:10% 5%;} .responsive #popUpForgotPassword h2, .responsive #popUpForgotPassword p{text-align:center;} .responsive #popUpForgotPassword p{font-size:16px;margin:15px 25px;} .responsive #popUpForgotPassword .form-list input.input-text{width:98%;height:38px;line-height:38px;padding:2px;text-indent:5px;} .responsive #popUpForgotPassword .buttons-set{padding:0;margin:20px 0px 0px;position:relative;} .responsive #popUpForgotPassword button{margin:0 auto;} .responsive #popUpForgotPassword #submitBtn{width:90%;float:none;margin-bottom:15px;} .responsive #popUpForgotPassword #closeForgetPassword{width:70%;float:none;} .responsive #checkoutSteps #checkout-step-shipping, .responsive .checkout-left #checkout-step-payment{padding:0;} .responsive #checkoutSteps #onepageShipping{width:100%} .responsive #checkoutSteps .checkout-center{width:100%;padding:0 0 10px;} .responsive .checkout-center .select-box select{height:42px;font-size:16px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .responsive .checkout-center .select-box{background:url(../images/checkout-m-down-arrow.png) no-repeat right top #fff;} .responsive .checkout-center .select-box select{padding-right:35px;} } .responsive .checkout-center .fields.fieldset .field{width:49%;margin:0 2% 0 0;} .responsive #checkoutSteps .form-list{margin:0 25px;} .responsive #checkoutSteps .checkout-buttons{width:100%;margin:0 auto;} .responsive #checkoutSteps .checkout-center .fields.fieldset, .responsive #checkoutSteps .checkout-center .control{padding:0;} .responsive #checkoutSteps .please-wait-loader .please-wait, .responsive #popUpForgotPassword .please-wait-loader .please-wait{line-height:60px;font-size:14px;font-family:"proxima-nova", Arial;text-transform:uppercase;font-weight:700;} .responsive #checkoutSteps #checkout-step-shipping .please-wait-loader #shipping-please-wait-bottom.please-wait{line-height:60px;} .responsive #checkoutSteps #payment-total-section{display:block;background:#daecc8;margin:0 0 15px;padding:10px 0;text-align:center;font-family:"proxima-nova", Arial;font-weight:700;font-size:14px;color:#8b8c8e;text-transform:uppercase;line-height:30px;} .responsive #checkoutSteps #payment-total-section #payment-total-grandtotal{font-weight:bold;} .responsive #checkoutSteps #payment-total-section #m-order-details{color:#fe661a;} .responsive #checkoutSteps .checkout-center .form-list li.wide{margin:0 auto;width:100%;} .responsive #checkoutSteps .checkout-center #payment-section-1 .input-box{float:left;width:60%;margin:0 0 0 2%;} .responsive #checkoutSteps .checkout-center #payment-section-1 #cc-type-box{width:38%;margin:0;line-height:45px;} .responsive #checkoutSteps .checkout-center .form-list li.wide #payment-section-1 input.input-text{width:99%;} .responsive #checkoutSteps #cc-type-box img{max-width:46px;width:25%;margin:0;} .responsive #checkoutSteps .checkout-center #payment-section-2{width:67%;padding:0 0 10px;} .responsive #checkoutSteps .checkout-center #payment-section-2 .select-box{margin:0 1% 0 0;width:49%;} .responsive #checkoutSteps .checkout-center #payment-section-3{width:33%;padding:0 0 10px;} .responsive #checkoutSteps .checkout-center #payment-section-3 .cvv-what-is-this{font-size:10px;} .responsive #checkoutSteps .checkout-center .form-list li.wide #payment-section-3 input.input-text{width:99%;} /* Age Verification ================================================================================ */ .responsive #checkoutSteps .checkout-center #checkout-step-ageverifcation{padding:20px 0;background:#daecc8;margin:0 0 5px;} .responsive #checkoutSteps .checkout-center #checkout-step-ageverifcation .select-box{width:33%;margin-right:.5%;} .responsive #checkoutSteps .checkout-center #checkout-step-ageverifcation .select-box.year{margin-right:0;} .responsive #checkoutSteps .checkout-center #checkout-step-ageverifcation .select-box select{margin:0;} .responsive #checkoutSteps .checkout-center #checkout-step-ageverifcation .validation-advice{top:34px;} .responsive #checkoutSteps #activateGiftCard{margin:0 25px;} .responsive #checkoutSteps #activateGiftCard label{margin:0 0 5px;} .responsive #checkoutSteps #activateGiftCard .input-box{width:65%;float:left;margin:0 2% 0 0;} .responsive #checkoutSteps #activateGiftCard input.input-text{width:99%;} .responsive #checkoutSteps #activateGiftCard .applyBtn{width:33%;padding:12px 0;margin:0;line-height:21px;} .responsive #cart-fade {display:none;background:#000;position:fixed;left:0px;top:0px;width:100%;height:100%;opacity:.80;z-index:399;} .responsive #onepageCartSummary{display:none;width:90%;min-height:150px;margin:5% 5% 0;padding:0;left:0;top:0;background:#fff;position:fixed;zoom:1;z-index:499;-webkit-box-shadow:0px 0px 20px #000;-moz-box-shadow:0px 0px 20px #000;box-shadow:0px 0px 20px #000;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .responsive #onepageCartSummary .onepageCartClose{display:block;position:absolute;width:39px;height:39px;background:url(../images/m-summary-close.png) 0 0 no-repeat;z-index:30;margin:0;top:-15px;right:-20px;text-indent:-9999px;} .responsive #onepageCartSummary #secure-info{display:none;} .responsive #onepageCartSummary #onepageSummary{background:none;border:none;margin:0;height:100%;} .responsive #onepageCartSummary #onepageSummary #summary-title{display:none;} .responsive #onepageCartSummary #onepageSummary #onepage-summary-form{height:100%;overflow-y:auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .responsive #onepageCartSummary #onepageSummary #review-order-title{display:block;background:url(../images/m-checkout-cart.png) left center no-repeat;font-size:16px;float:right;color:#424242;text-transform:none;padding:0 30px;margin:10px 0;} .responsive #onepageCartSummary #onepageSummary .order-summary{width:100%;} .responsive #onepageCartSummary #onepageSummary thead td{border-bottom:2px solid #e8e8e8;} .responsive #onepageCartSummary #onepageSummary tbody td{padding:0;} .responsive #onepageCartSummary #onepageSummary tfoot, .responsive #onepageCartSummary #onepageSummary tfoot tr.last{background:none;} .responsive #onepageCartSummary #onepageSummary tfoot tr{background:#e8e8e8;} .responsive #onepageCartSummary #onepageSummary tfoot tr.odd{background:#f8f8f8;} .responsive #onepageCartSummary #onepageSummary tfoot tr.last{background:none;} .responsive #onepageCartSummary #onepageSummary tfoot td{padding:5px 15px;} .responsive #onepageCartSummary #onepageSummary tfoot tr.last td{padding:0;} .responsive #onepageCartSummary #onepageSummary tfoot tr.last #footer_edit_cart{padding:15px 0;} .responsive #onepageCartSummary #onepageSummary .product-info{width:50%;float:left;} .responsive #onepageCartSummary #onepageSummary .product-pricing{width:50%;float:right;} .responsive #onepageCartSummary #onepageSummary .product-name{font-size:14px;padding:0;} .responsive #onepageCartSummary #onepageSummary .options-container .view-options{display:none;} .responsive #onepageCartSummary #onepageSummary .item-options{display:block;width:100%;max-width:250px;position:relative;left:0;top:0;padding:0;background:none;color:#424242;font-size:11px;margin:0;font-family:Arial;} .responsive #onepageCartSummary #onepageSummary .item-options dt{font-weight:bold;font-style:italic;width:100%;float:none;text-align:center;} .responsive #onepageCartSummary #onepageSummary .item-options dd{margin:0;width:100%;float:none;text-align:center;} .responsive #onepageCartSummary #onepageSummary tfoot td span{display:block;float:left;font-size:14px;} .responsive #onepageCartSummary #onepageSummary .footer-total{text-align:left;width:55%;} .responsive #onepageCartSummary #onepageSummary tfoot .price{font-size:16px;text-align:right;width:45%;} .responsive #onepageCartSummary #onepageSummary tfoot td #current-payment-total-grandtotal{width:45%;} .responsive #onepageCartSummary #onepageSummary tfoot #current-payment-total-grandtotal .price{width:100%} .responsive #onepageCartSummary #onepageSummary .cartBtn{border:none;width:60%;font-size:16px;text-transform:uppercase;padding:10px 0px;margin:0 auto;} .responsive #onepageCartSummary #onepageSummary .onepage-summary .please-wait-loader{left:0;top:0;padding:0;} /* Tooltip */ .responsive .tool-tip{position:fixed;width:90%;padding:10px 0px;margin:5% 5% 0;left:0!important;top:0!important;} .responsive .tool-tip .tool-tip-content{padding:5px 0;margin:0 auto;width:95%;} .responsive .tool-tip .tool-tip-content img{width:100%;height:auto;} /* Address Validation ================================================================================ */ .responsive #address-validation-popup{border:none;width:90%;max-height:90%;left:0;top:0;margin:1% 5%;overflow-y:auto;} .responsive #address-validation-popup h3{font-size:18px;text-align:center;} .responsive #address-validation-popup .remember-me-popup-body{font-size:12px;} .responsive #address-validation-popup .remember-me-popup-body p{text-align:center;} .responsive #address-validation-popup label{width:60%!important;font-size:12px;line-height:30px;text-align:right;} .responsive #address-validation-popup input[type="radio"]{width:5%;margin:0;} .responsive #address-validation-popup div.address{margin:0 0 10px 0;display:block;text-align:center;font-weight:bold;} .responsive #address-validation-popup .remember-me-popup-close-button{margin-top:20px;text-align:center!important} .responsive .remember-me-popup .remember-me-popup-body a{display:block;padding:10px 0;width:50%;margin:0 auto;font-size:20px;text-transform:uppercase;} /* iCart ================================================================================ */ .responsive #MB_window[id]{width:90%!important;left:0!important;right:0!important;top:0;margin:5% auto 0;} .responsive #MB_frame {height:100%;padding:0;} .responsive #MB_header {height:20%;min-height:52px;border:none;background-position:20px center;background-color:#efefef;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-left-radius:10px;-moz-border-top-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;} .responsive #MB_header:after{clear:both;} .responsive #MB_caption{padding:10px 20px 0 30px;font-size:18px;} .responsive #MB_close{top:-20px;right:-20px;width:39px;height:39px;background:url(../images/m-summary-close.png) 0 0 no-repeat;} .responsive .icart-button-set button{position:relative;top:0;margin-bottom:20px;} .responsive .icart-button-set .btn-cart{right:auto;} .responsive .icart-button-set .btn-continue{left:auto;} .responsive .icart-collaterals .crosssell li.item{padding:10px 0;} .responsive .icart-product-view{padding:10px 20px 20px;} .responsive .icart-product-view .product-img-box{padding:10px 0;width:30%;} .responsive .icart-product-view .product-name h2{text-align:left;} .responsive .icart-product-view .product-details {width:70%;} .responsive .icart-product-view .product-options{width:100%;padding:0 0 25px;} .responsive .icart-product-view .product-options .grouped-options-row{width:100%;} .responsive .icart-product-view .product-options dt{width:45%;} .responsive .icart-product-view .product-options dd, .responsive .icart-product-view .product-options .grouped-options-row dd{margin:0 0 0 4%;width:51%;} .responsive .icart-product-view .product-options dd .select-box{width:auto;max-width:90%;} .responsive .icart-product-view .product-options #shots dd .select-box{float:none;} .responsive .icart-product-view .product-options #shots dd .select-box:first-of-type{margin:0 0 10px;} .responsive .icart-product-view #product-options-wrapper p.required{width:45%;} .responsive .icart-product-view .product-options-bottom{padding:0;} .responsive .icart-product-view .validation-advice{display:none;} /* Enroll ================================================================================ */ .responsive .boxContentHDP{width:auto;height:auto;background:none;} .responsive .boxContentHDP h1, .responsive .boxContentHDP h1.excluded{padding:10px 0 0;font-weight:400;font-size:46px;line-height:40px;} .responsive .boxContentHDP small.excluded{position:relative;bottom:0;right:0;text-align:center;display:block;} .responsive #tableMidHDRight{margin:0;padding:0 0 20px;} .responsive #tableMidHDRight h2{margin:0;} .responsive #tableMidHDRight ul{list-style:disc inside;max-width:370px;margin:0 auto;} .responsive #tableMidHDRight ul li{font-size:18px;line-height:28px;} .responsive #tableMidHDRight ul li small{font-size:18px;margin:0;} .responsive #hdpOptions{float:none;width:80%;font-size:24px;} .responsive #noThanks{float:none;margin:0 auto 20px;} .responsive .boxContentHDP .finalMsg{font-size:24px;line-height:24px;} .responsive #popUpHDPOptions{width:98%!important;min-height:initial;min-height:auto;margin:0 auto 20px!important;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;z-index:1;} .responsive #popUpHDPOptions>.popUpClose{display:none;} .enrollhdp.responsive #fade, .checkout-onepage-success.responsive #fade{display:none!important;} .responsive #subscription-form{width:95%;max-height:initial;max-height:auto;overflow:inherit;margin:0 auto;} .responsive #subscription-form .content{padding:0;} .responsive #subscription-form .row{width:95%;max-width:570px;margin:0 auto 10px;} .responsive #subscription-form label{width:44%;margin:0 2% 0 0;line-height:34px;} .responsive #subscription-form p{width:95%;max-width:500px;text-align:center;padding:20px 0 0;} .responsive #subscription-form #payment-button{width:80%;max-width:250px;} .responsive #subscription-form #submit-subscription-form{width:100%;} .responsive #subscription-form #close-subscription-form{width:60%;height:auto;max-width:200px;margin:15px auto 0;position:relative;top:auto;right:auto;background:#838383;text-indent:0;} .responsive #subscription-form .input-box{width:44%;margin:0;height:34px;} .responsive #subscription-form .input-text{width:98%;height:26px;border:2px solid #e8e8e8;} .responsive #subscription-form .input-box select{width:100%;height:34px;border:2px solid #e8e8e8;} .responsive #subscription-form .row span{padding:0;margin:5px 0 0 46%;} .responsive #subscription-form #expmonth-box{width:21%;margin:0 2% 0 0;} .responsive #subscription-form #expyear-box{width:21%;} .responsive #subscription-form #expmonth, .responsive #subscription-form #expyear{width:100%;} .responsive #subscription-form #cvv-box{width:21%;} .responsive #subscription-form #cvv{width:98%;} .responsive #subscription-form #cal_date_trig{width:4%;min-width:20px;height:auto;margin:0 0 0 3%;} .responsive #subscription-form #cvvPop, .responsive #subscription-form #shippingPop{line-height:17px;width:8%;display:block;float:left;text-align:center;margin:0 0 0 2%;} .responsive #subscription-form p.required{width:44%;margin:0 0 0 1%;} .responsive #subscription-form #shots dl {border-top:1px solid #e8e8e8;margin:5px 20px 0px;padding:5px 0px 10px;} .responsive #subscription-form #shots dl.last{padding-bottom:20px;} .responsive #subscription-form #shots dt {display:block;color:#000;padding-top:5px;float:none;} .responsive #subscription-form #shots dt label{float:none;font-size:12px;line-height:12px;margin:0;width:100%;text-align:center;font-weight:bold;} .responsive #subscription-form #shots dd {width:98%;padding:10px 0px;margin:auto;float:none;} .responsive #subscription-form #shots dd .select-box{position:relative;width:48%;margin:0 1%;} .responsive #edit-subscriptions{width:95%;max-height:initial;max-height:auto;overflow:inherit;margin:0 auto;} .responsive #edit-subscriptions .content{padding:0;} .responsive #edit-subscriptions .page-title h1{text-align:center;} .responsive #edit-subscriptions .row{width:95%;max-width:570px;margin:0 auto 10px;} .responsive #edit-subscriptions label{width:44%;margin:0 2% 0 0;line-height:34px;} .responsive #edit-subscriptions .input-box{width:44%;margin:0;height:34px;} .responsive #edit-subscriptions .input-text{width:98%;height:26px;border:2px solid #e8e8e8;} .responsive #edit-subscriptions .input-box select{width:100%;height:34px;border:2px solid #e8e8e8;} .responsive #edit-subscriptions .row span{padding:0;margin:5px 0 0 46%;} .responsive #edit-subscriptions #expmonth-box{width:21%;margin:0 2% 0 0;} .responsive #edit-subscriptions #expyear-box{width:21%;} .responsive #edit-subscriptions #expmonth, .responsive #edit-subscriptions #expyear{width:100%;} .responsive #edit-subscriptions #cvv-box{width:21%;} .responsive #edit-subscriptions #cvv{width:98%;} .responsive #edit-subscriptions #cvvPop, .responsive #edit-subscriptions #shippingPop{line-height:17px;width:8%;display:block;float:left;text-align:center;margin:0 0 0 2%;} .responsive #edit-subscriptions #cal_date_trig{width:4%;min-width:20px;height:auto;margin:7px 0 0 3%;} .responsive #edit-subscriptions #shots dl {border-top:1px solid #e8e8e8;margin:5px 20px 0px;padding:5px 0px 10px;} .responsive #edit-subscriptions #shots dl.last{padding-bottom:20px;} .responsive #edit-subscriptions #shots dt {display:block;color:#000;padding-top:5px;float:none;} .responsive #edit-subscriptions #shots dt label{float:none;font-size:12px;line-height:12px;margin:0;width:100%;text-align:center;font-weight:bold;} .responsive #edit-subscriptions #shots dd {width:98%;padding:10px 0px;margin:auto;float:none;} .responsive #edit-subscriptions #shots dd .select-box{position:relative;width:48%;margin:0 1%;} /* Rewards ================================================================================ */ .responsive .chechout-purchase-share{padding:0;margin:0 auto;width:98%;} .responsive .rewards-grid+.rewards-grid{border:none;} .responsive .rewards-grid .item{width:50%;padding:10px 0;border:none;} .responsive #transfers_earnings_table .col-head-2, .responsive #transfers_earnings_table .col-2, .responsive #transfers_spendings_table .col-head-2, .responsive #transfers_spendings_table .col-2, .responsive #transfers_earnings_table .col-head-5, .responsive #transfers_earnings_table .col-5, .responsive #transfers_spendings_table .col-head-5, .responsive #transfers_spendings_table .col-5{white-space:nowrap;} .responsive #popUpAbandon header{background:url(../images/icart_logo.png) center 20px no-repeat;} /* Free Shipping Day Smart Notification */ .responsive #smartnotificationsHeader{height: auto;} .responsive #fsdaysbs-sale-notification{background-image: url(../images/free-day-shipping-mobile.jpg);height: auto;line-height: 40px;padding: 5px 0;} /* SMS Support */ .sendText p, .sendText div{max-width: 280px;} .sendText .sms-content label{ font-size: 14px;} .sendText form p { padding-bottom:0;} .sendText form.text_us_btn {width: 100%;} } @media (max-width:1040px) and (min-width:768px){ /* Age Verification PopUp ================================================================================ */ .responsive #popUpAgeAuthorization{margin:0 auto!important;max-width:560px;} .responsive #popUpAgeAuthorization img{width:180px;} .responsive #popUpAgeAuthorization p{font-size:18px;line-height:24px;} .responsive #popUpAgeAuthorization .warning-nicotine {height:80px;padding: 6px; font-size: 20px; line-height:24px;border:11px solid #000000;} .responsive #popUpAgeAuthorization .popup-container{height:320px;padding:5px 0 0;} .responsive #popUpAgeAuthorization .popup-content{height:auto!important;margin-top:10px;} .responsive #popUpAgeAuthorization .popup-content .age-buttons{margin-top:10;} .responsive #popUpAgeAuthorization .popup-content .age-buttons a {font-size:16px;width:100px;} } @media (max-width:1024px) and (min-width:768px){ .page>.warning-nicotine{ font-size:65px; line-height:80px;padding: 25px 19px 25px;} .page>.warning-nicotine div{display:inline;} } @media (max-width: 994px) { .responsive .boxContent .videoDiv{width:48%;margin:0px 1% 10px;} /* Sticky Add to Cart */ #mobile-add-to-cart{display:-webkit-flex;display:flex;} /* Category Subcontent */ .category-subcontent{display:none;} .category-subcontent-container .read-more{display:block;} } @media (min-width: 995px) { /* Category Subcontent */ .category-subcontent{display:block!important;} } @media (max-width: 899px) { .responsive .main{padding:0;} .responsive #mainBannerContent{background:none;width:95%;padding:5px 0;margin:0 auto!important;} .cms-home.responsive #mainBannerContent{padding:5px 0 15px;} .responsive #mainBannerContent .flexslider{margin-bottom:5px;} .responsive .boxContent, .responsive .boxContent2, .responsive .boxContent3, .responsive .boxContent4, .responsive .boxContent5{background:none;width:95%;padding:10px 0;margin:0 auto!important;} .responsive #mainBannerContent #mainBannerBottom, .responsive #mainBannerContent #mainBannerTop, .responsive .boxContentBottom, .responsive .boxContentBottom2, .responsive .boxContentBottom3, .responsive .boxContentBottom4, .responsive .boxContentBottom5, .responsive .boxContentTop, .responsive .boxContentTop2, .responsive .boxContentTop3, .responsive .boxContentTop4, .responsive .boxContentTop5{background:none;display:none;} .responsive.catalog-category-view .boxContent3:before, .responsive.catalog-category-view .boxContent3:after{content:none;} .responsive .boxContent6{margin:25px auto;} .responsive .boxContent7{margin:35px auto 25px;} .responsive .boxSpecialContent{margin:14px 0} .responsive #product-view-breadcrumb, .responsive #category-view-breadcrumb{display:none;} .responsive .product-list-item .boxContent3{border-top:2px solid #dadedf;padding:20px 0 0;} .responsive .product-list-item .boxContent3.first{border:none;padding:0;} .responsive .category-description .boxContent3{border-top:2px solid #dadedf;} .responsive .new-flavor{left:-10px;top:-2px;} .responsive #product-view-breadcrumb{left:0;} .responsive #productDetails{padding:0;} } @media (max-width: 809px) { .responsive #boxFeatured ul li span.tool>img{height:35px;} } @media (max-width: 799px) { .responsive .category-products .products-grid .actions .ratings{float:none;width:auto;display:inline-block;padding:0;border:none;} .responsive .category-products .products-grid .actions .ratings .rating-box{float:left;margin:0 10px 0 0;} .responsive .category-products .products-grid .actions .ratings .amount{float:right;} .responsive .category-products .products-grid .actions .add-btns{float:none;} } @media (max-width: 779px) { .responsive #product-extras #product-info-tabs>.tabNavigation{height:53px;} .responsive #product-extras #product-info-tabs>.tabNavigation li{height: auto;} .responsive #product-extras #product-info-tabs>.tabNavigation li a{word-spacing:150px;line-height:20px;} .responsive #product-extras #product-info-tabs>.tabNavigation li.last a{word-spacing:15px;} .responsive .icart-product-view .product-options-bottom .price-box{margin:0 10px 0 0;} .responsive .icart-product-view .product-name+.product-options-bottom { padding:20px 0 0; } .responsive .icart-product-view .add-to-box .qty{width:30px;} } @media (max-width:767px) { .page>.warning-nicotine{ font-size:23px; line-height:30px; padding:22px 0 24px;} .category-links .row .category-link.col-xs-6.col-sm-4.col-md-4{width:50%;} /* Age Verification PopUp ================================================================================ */ .responsive #popUpAgeAuthorization{margin:0 auto!important;max-width:300px;} .responsive #popUpAgeAuthorization p{font-size:14px;line-height:18px;width:auto;} .responsive #popUpAgeAuthorization img{max-width:110px;} .responsive #popUpAgeAuthorization .warning-nicotine{height:60px;padding:8px 0;border-width:7px;font-size:13px;line-height:16px;} .responsive #popUpAgeAuthorization .popup-container{height:240px;padding:10px 0 0;} .responsive #popUpAgeAuthorization .popup-content{margin-top:10px;} .responsive #popUpAgeAuthorization .popup-content .age-buttons{margin-top:15px;} .responsive #popUpAgeAuthorization .popup-content .age-buttons a{font-size:14px;width:50px;} } @media (max-width: 734px) { .responsive #my-orders-table .col-head-3, .responsive #my-orders-table .col-3{display:none;} .responsive #transfers_earnings_table .col-head-4, .responsive #transfers_earnings_table .col-4{display:none;} .responsive #transfers_spendings_table .col-head-4, .responsive #transfers_spendings_table .col-4{display:none;} } @media (max-width: 729px) { .responsive .boxContent6 .content{padding:18px;} .responsive .boxContent6 .content ul{width:330px;float:none;margin:10px auto 0;font-size:16px;} .responsive .boxContent6 .content ul li{padding:10px 0 10px 30px} .responsive .boxContent6 .content.two-column .content-box>img{width:95%;margin:0 auto;display:block;float:none;} .responsive .boxContent6 .content.two-column a{width:auto;float:none!important;} .responsive .boxContent6 .content.two-column a img{width:auto;} .responsive .boxContent6 .content.three-column h2{padding:14px;} .responsive .boxContent6 .content.three-column p{float:none;width:auto;} .responsive .boxContent6 .content.three-column a{width:auto;margin:10px 0;float:none!important;} .responsive .boxContent6 .content.three-column a img{width:177px;} .responsive .boxContent6 .content.three-column .content-box>img{display:block;width:100%;max-width:310px;float:none;margin:0 auto;} .responsive #vaporAccessories{width:auto;} .responsive #vaporAccessories .boxContentHeader h2{line-height:32px;padding:10px;} .responsive #vaporAccessories .boxContentHeader h4{padding:0 20px;} .responsive #vaporAccessories .boxContentImage{float:none;width:80%;max-width:364px;margin:0 auto;} .responsive #vaporAccessories .boxContentText{width:auto;padding:10px 20px 30px;} .responsive #vaporAccessories .boxContentText a{display:block;} /* Flash Sale Smart Notification */ .responsive #smartnotificationsHeader.sbs-flash-sale-smart-notification{height:75px;} .responsive #sbs-flash-sale-smart-notification{height:75px;line-height:28px;} .responsive #sbs-flash-sale-smart-notification .main-text{display:block;} .responsive #sbs-flash-sale-smart-notification .main-text:after{content:'';} .responsive #sbs-flash-sale-smart-notification .wrapper>span{font-size:18px;} .responsive #sbs-flash-sale-smart-notification .flashSaleButton{margin:3px 10px;} .responsive #flashSaleTimer .countdown-section{height:32px;} .responsive #flashSaleTimer .countdown-section .countdown-amount{line-height:22px;} .responsive #flashSaleTimer .countdown-section .countdown-period{line-height:5px;} } @media (max-width: 719px) { .responsive #customKitProduct .product-options .flexslider .grouped-options-row{min-height:125px;} } @media (max-width: 699px) { .responsive .boxContent3 .boxContentLeft{width:100%;float:none;} .responsive .boxContent3 .product-title{width:90%;float:none;text-align:center;} .responsive .boxContent3 .boxContentRight{width:100%;float:none;} .responsive #mainRewards .rewardsTable .reward-points-header{display:none;} .responsive #mainRewards .rewardsTable .rewards-rule{padding:45px 0 0;background-position:center top;} .responsive #mainRewards .rewardsTable .rewards-rule span{text-align:center;display:block;} .responsive #mainRewards .rewardsTable .rewards-rule .reward-points{float:none;width:auto;padding:5px 0;} .responsive #productDetails{padding:0;} .responsive #productDetails h1{text-align:center;} .responsive .productDetailImg .product-img-box{max-width:300px;margin:0 auto 65px;} .responsive .productDetailImg .product-image{position:relative;} .responsive .productDetailImg .product-image #mobile-overlay{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);} .responsive #productDetails .productDetailImg{width:auto;float:none;min-height:initial;min-height:auto;} .responsive #productDetails .productDetailImg object{display:none;} .responsive #productDetails h1, .responsive #productDetails .productDetailInfo{width:auto;float:none;} .responsive #productDetails .productDetailInfo{max-width:280px;margin:0 auto;} .responsive #productDetails .productCustomerViewed .mini-products-list .item{display:block;width:100%;padding:10px 0;border-bottom:1px solid #e8e8e8;} .responsive #productDetails .productCustomerViewed .mini-products-list .product-name{min-height:initial;min-height:auto;} .responsive .eliquidDetailImg{width:auto;margin:0;float:none;} .responsive .eliquidDetailImg .product-img-box{max-width:300px;margin:0 auto 10px;} .responsive #eliquidDetails h1.product-name{width:90%;float:none;margin:0 auto 10px;} .responsive .eliquidDetailInfo{width:auto;float:none;} .responsive .eliquidDetailInfo .add-to-box .qty{width:30px;} .responsive #product-extras .tab-container{padding:30px 10px;} } @media (max-width: 663px) { .responsive #new-shopping-cart-table .qty{width:50%;} .responsive #new-shopping-cart-table #cart-table-head #cart-col1{width:40%;} .responsive #new-shopping-cart-table #cart-table-head #cart-product-col{display:block;width:45%;text-align:center;} .responsive #new-shopping-cart-table #cart-table-head #cart-col2{display:none;} .responsive #new-shopping-cart-table #cart-table-head #cart-col3{display:none;} .responsive #new-shopping-cart-table #cart-table-head #cart-col4{display:none;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col1{width:40%;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-product-col{width:45%;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col2{width:100%;float:none;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col3{width:70%;padding:0 0 20px;position:relative;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col3:after{content:"X";position:absolute;right:-3px;top:0;line-height:44px;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col4{width:30%;padding:0 0 20px;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col5 a{width:40px;height:40px;margin:0 auto;text-indent:-9999px;opacity:1.0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col5 a:hover{opacity:0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col5 .remove-btn{background:url(../images/checkout-remove-btn.png) 0 0 no-repeat;margin:0 auto 10px;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col5 .edit-btn{background:url(../images/checkout-edit-btn.png) 0 0 no-repeat;} .responsive #new-shopping-cart-table #update-cart-actions .btn-update{width:49%;margin:4px 2% 4px 0;} .responsive #new-shopping-cart-table #update-cart-actions .btn-empty{width:49%;} .responsive #magento-cart .button-set .btn-continue{float:none;margin:0 auto;width:80%;max-width:200px;} .responsive #magento-cart .button-set .btn-checkout{float:none;margin:10px auto;width:100%;max-width:270px;} .responsive #new-shopping-cart-table tfoot .totals{padding:10px;} .responsive #shopping-cart-totals-table, .responsive .discount ~ #shopping-cart-totals-table{float:none;width:100%;} .responsive .cart-table .discount{float:none;margin:0;} .responsive .cart-table .discount .cart_redemption_item{text-align:center;} .responsive .icart-product-view .product-img-box{float:none;margin:0 auto;width:150px;padding:10px;text-align:center;} .responsive .icart-product-view .product-details{float:none;width:100%;} .responsive .icart-product-view .product-name h2{text-align:center;} .responsive .icart-product-view .product-options dd .select-box, .responsive .icart-product-view .grouped-options-wrapper dd .select-box{width:100%;} .responsive #icart #shopping-cart-table #cart-table-head #cart-col1{width:40%;} .responsive #icart #shopping-cart-table #cart-table-head #cart-product-col{display:block;width:45%;text-align:center;} .responsive #icart #shopping-cart-table #cart-table-head #cart-col2{display:none;} .responsive #icart #shopping-cart-table #cart-table-head #cart-col3{display:none;} .responsive #icart #shopping-cart-table #cart-table-head #cart-col4{display:none;} .responsive #icart #shopping-cart-table #cart-table-head #cart-col5{width:15%;} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-col1{width:40%;} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-product-col{width:45%;} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-col2{width:100%;float:none;} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-col3{width:70%;padding:0 0 20px;position:relative;} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-col3:after{content:"X";position:absolute;right:-3px;top:0;line-height:40px;} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-col4{width:30%;padding:0 0 20px;} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-col5{width:15%;padding:15px 0 0;} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-col5 a{width:40px;height:40px;margin:0 auto;text-indent:-9999px;opacity:1.0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-col5 a:hover{opacity:0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-col5 .remove-btn{background:url(../images/checkout-remove-btn.png) 0 0 no-repeat;margin:0 auto 10px;} .responsive #icart #shopping-cart-table #cart-table-body .cart-item .cart-col5 .edit-btn{background:url(../images/checkout-edit-btn.png) 0 0 no-repeat;} } @media (max-width: 644px) { .responsive #subscription-form .row{padding:0;margin:0 auto;} .responsive #subscription-form label{width:100%;margin:0;display:block;float:none;text-align:left;} .responsive #subscription-form .input-box{width:83%;} .responsive #subscription-form .row span{margin:5px 0 0;} .responsive #subscription-form #expmonth-box{width:41%;margin:0 2% 0 0;} .responsive #subscription-form #expyear-box{width:41%;} .responsive #subscription-form #cvv-box{width:41%;} .responsive #subscription-form #cvvPop, .responsive #subscription-form #shippingPop{width:15%;font-size:10px;max-width:54px;} .responsive #subscription-form #shots dl{width:95%;margin:5px auto 0;} .responsive #subscription-form #shots dl.last{padding-bottom:0;} .responsive #subscription-form #shots dt label{text-align:left;} .responsive #subscription-form #shots dd{width:100%;padding:10px 0 0;} .responsive #subscription-form #shots dd .select-box{float:none;width:83%;margin:0 0 10px;} .responsive #subscription-form p.required{text-align:left;width:95%;max-width:initial;max-width:auto;margin:0 auto;} .responsive #edit-subscriptions .row{padding:0;margin:0 auto;} .responsive #edit-subscriptions label{width:100%;margin:0;display:block;float:none;text-align:left;} .responsive #edit-subscriptions .input-box{width:83%;} .responsive #edit-subscriptions .row span{margin:5px 0 0;} .responsive #edit-subscriptions #expmonth-box{width:41%;margin:0 2% 0 0;} .responsive #edit-subscriptions #expyear-box{width:41%;} .responsive #edit-subscriptions #cvv-box{width:41%;} .responsive #edit-subscriptions #cvvPop, .responsive #edit-subscriptions #shippingPop{width:15%;font-size:10px;max-width:54px;} .responsive #edit-subscriptions small.notice{margin:10px auto;} .responsive #edit-subscriptions #shots{padding:10px 0 0;} .responsive #edit-subscriptions #shots dl{width:95%;margin:5px auto 0;} .responsive #edit-subscriptions #shots dl.last{padding-bottom:0;} .responsive #edit-subscriptions #shots dt label{text-align:left;} .responsive #edit-subscriptions #shots dd{width:100%;padding:10px 0 0;} .responsive #edit-subscriptions #shots dd .select-box{float:none;width:83%;margin:0 0 10px;} .responsive #edit-subscriptions .buttons-set{-webkit-flex-direction:column;flex-direction:column;} .responsive #edit-subscriptions .buttons-set #submitBtn, .responsive #edit-subscriptions .buttons-set #cancelBtn{margin:0 0 10px;} .responsive .rewards-grid .item{width:100%;} .responsive .icart-product-view #custom-blend-shots .label-button img{display:none;} /* NY Sale 35 off */ .responsive #sbs-ny-35-sale-notification .wrapper > span{display: block;} .responsive #sbs-ny-35-sale-notification .wrapper > span.sec-text{margin-top: -6px;} } @media (max-width: 599px) { .responsive .new-flavor{display:none;} .responsive #eliquid-category #eliquid-category-list li{width:25%} .responsive #eliquid-category #eliquid-category-list #eliquid-category-list-divider{display:block;float:left;width:12.5%;} .responsive #productDetails #product-info-tabs>.tabNavigation{font-size:11px;} .responsive #productDetails #product-info-tabs>.tabNavigation li{line-height:14px;} .responsive #productDetails #product-info-tabs>.tabNavigation li a span{word-spacing:100px;padding:10px 5px;margin:0 auto;border:none;} .responsive #productDetails #product-info-tabs>.tabNavigation li #how-to-use-tab-link span, .responsive #productDetails #product-info-tabs>.tabNavigation li #ingredients-tab-link span{padding:17px 5px;word-spacing:0;} .responsive #product-extras-right #product-extras-right-top{float:none;margin:0;} .responsive #product-extras-right #product-extras-right-text{text-align:center;} .responsive #onepageCartSummary #onepageSummary .product-info, .responsive #onepageCartSummary #onepageSummary .product-pricing{width:100%;float:none;} .responsive .imgFloatRight{float:none;width:100%;height:auto;display:block;margin:0 auto;} .responsive #smartnotificationsHeader.black-friday-sale{height:75px;} .responsive #blackFridayNotification{height:75px;line-height:32px;} .responsive #blackFridayNotification .main-text{display:block;} .responsive #blackFridayNotification .wrapper>span{font-size:18px;} .responsive #blackFridayTimer .countdown-section{height:32px;} .responsive #blackFridayTimer .countdown-section .countdown-amount{line-height:22px;} .responsive #blackFridayTimer .countdown-section .countdown-period{line-height:5px;} .responsive #smartnotificationsHeader.cyber-monday-sale{height:75px;} .responsive #cyberMondayNotification{height:75px;line-height:32px;} .responsive #cyberMondayNotification .main-text{display:block;} .responsive #cyberMondayNotification .wrapper>span{font-size:18px;} .responsive #cyberMondayTimer .countdown-section{height:32px;} .responsive #cyberMondayTimer .countdown-section .countdown-amount{line-height:22px;} .responsive #cyberMondayTimer .countdown-section .countdown-period{line-height:5px;} .responsive #smartnotificationsHeader.free-shipping-day{height:75px;} .responsive #free-shipping-notification{height:75px;line-height:32px;} .responsive #free-shipping-notification .main-text{display:block;} .responsive #free-shipping-notification .wrapper>span{font-size:18px;} .responsive #freeShippingTimer .countdown-section{height:32px;} .responsive #freeShippingTimer .countdown-section .countdown-amount{line-height:22px;} .responsive #freeShippingTimer .countdown-section .countdown-period{line-height:5px;} .responsive #smartnotificationsHeader.holiday-sale{height:75px;} .responsive #holiday-sale-notification{height:75px;line-height:32px;} .responsive #holiday-sale-notification .main-text{display:block;} .responsive #holiday-sale-notification .main-text:after{content:'';} .responsive #holiday-sale-notification .wrapper>span{font-size:18px;} .responsive #holiday-sale-notification .holidayButton{margin:3px 10px;} .responsive #holidaySaleTimer .countdown-section{height:32px;} .responsive #holidaySaleTimer .countdown-section .countdown-amount{line-height:22px;} .responsive #holidaySaleTimer .countdown-section .countdown-period{line-height:5px;} .responsive #smartnotificationsHeader.mardigrass-flash-sale{height:75px;} .responsive #mardigrass-flashsale-notification{height:75px;line-height:32px;} .responsive #mardigrass-flashsale-notification .main-text{display:block;} .responsive #mardigrass-flashsale-notification .main-text:after{content:'';} .responsive #mardigrass-flashsale-notification .wrapper>span{font-size:18px;} .responsive #mardigrass-flashsale-notification .mardigrassButton{margin:3px 10px;} .responsive #mardigrasFlashSaleTimer .countdown-section{height:32px;} .responsive #mardigrasFlashSaleTimer .countdown-section .countdown-amount{line-height:22px;} .responsive #mardigrasFlashSaleTimer .countdown-section .countdown-period{line-height:5px;} .responsive #smartnotificationsHeader.valentines-day-sale{height:84px;} .responsive #vday-sale-notification{height:84px;line-height:32px;} .responsive #vday-sale-notification .main-text{display:block;} .responsive #vday-sale-notification .main-text:after{content:'';} .responsive #vday-sale-notification .wrapper>span{font-size:16px;} .responsive #vday-sale-notification .vdayButton{margin:3px 10px;} .responsive #vdaySaleTimer .countdown-section{height:32px;} .responsive #vdaySaleTimer .countdown-section .countdown-amount{line-height:22px;} .responsive #vdaySaleTimer .countdown-section .countdown-period{line-height:5px;} .responsive #smartnotificationsHeader.new-year-sale{height:75px;} .responsive #new-year-sale-notification{height:75px;line-height:32px;} .responsive #new-year-sale-notification .main-text{display:block;} .responsive #new-year-sale-notification .main-text:after{content:'';} .responsive #new-year-sale-notification .wrapper>span{font-size:18px;} .responsive #new-year-sale-notification .newYearButton{margin:3px 10px;} .responsive #newYearSaleTimer .countdown-section{height:32px;} .responsive #newYearSaleTimer .countdown-section .countdown-amount{line-height:22px;} .responsive #newYearSaleTimer .countdown-section .countdown-period{line-height:5px;} .responsive #sitemap .type{width:auto;float:none;} } @media (max-width: 579px) { .responsive #affiliates-form{margin:0 0 10px;width:100%;float:none;} .responsive .category-products .products-grid.three-column .product-image, .responsive .category-products .products-grid.two-column .product-image{float:none;width:100%;margin:0 auto 15px;text-align:center;} .responsive .category-products .products-grid.three-column .product-image{max-width:224px;} .responsive .category-products .products-grid.two-column .product-image{max-width:352px;} .responsive .category-products .products-grid .product-image img{width:auto;max-width:100%;} .responsive .category-products .products-grid .product-info{float:none;width:100%;} .responsive .category-products .products-grid .product-name {text-align:center;} .responsive .category-products .products-grid .short-description{text-align:center;padding:0 0 10px;} .responsive .category-products .products-grid .actions {text-align:center;} .responsive .category-products .products-grid .actions .price-text{text-align:center;} .responsive .category-products .products-grid .actions .ratings .amount{float:right;} .responsive .category-products .products-grid .actions .add-to-links li a {margin:0 auto;} .responsive #reviews-list .reviews-listing-rating {width:50%;} .responsive #reviews-list .reviews-listing-by {width:50%;padding:20px 0 0;} .responsive #reviews-list .reviews-listing-details {width:95%;float:none;margin:0 auto;} .responsive #my-reviews-table .col-4, .responsive #my-orders-table .col-head-5, .responsive #my-orders-table .col-5, .responsive #my-subscriptions-table .col-head-3, .responsive #my-subscriptions-table .col-3, .responsive #transfers_earnings_table .col-head-3, .responsive #transfers_earnings_table .col-3, .responsive #transfers_spendings_table .col-head-3, .responsive #transfers_spendings_table .col-3{display:none;} } @media (max-width: 569px) { .responsive #recaptcha_area, .responsive #recaptcha_table{width:100%!important;/* max-width: 447px; */} .responsive #recaptcha_table{background:#fff;} .responsive #recaptcha_area tr{height:auto!important;} .responsive #recaptcha_area td{padding:0!important;display:none;} .responsive #recaptcha_area tr td:first-of-type{display:block;} .responsive #recaptcha_area .recaptcha_image_cell{width:94%;height:auto;margin:5px auto!important;background:none;} .responsive #recaptcha_area .recaptcha_image_cell center{height:auto;} .responsive #recaptcha_area #recaptcha_image{width:100%!important;height:auto !important;} .responsive #recaptcha_area #recaptcha_image img{width:100%!important;height:auto !important;} .responsive #recaptcha_area #recaptcha_response_field{width:90%!important;margin:0 auto 5px;display:block;} .responsive #wishlist-table .col-head-1, .responsive #wishlist-table .col-1{display:none;} .responsive #wishlist-table .col-head-2{white-space:normal;} .responsive .my-wishlist button.button>span span{padding:0 5px;} } @media (max-width: 544px) { .responsive #popUpForgotPassword h2{font-size:20px;} } @media (max-width: 539px) { .responsive #boxFeatured ul li span.tool>img{height:22px;} } @media (max-width: 524px) { .responsive #customKitProduct #custom-kit-extras{width:100%;max-width:438px;} .responsive #customKitProduct #custom-kit-extras img{width:50%;height:auto;} .responsive #my-orders-info-table .col-head-2, .responsive #my-orders-info-table .col-2, .responsive .my-invoice-table .col-head-2, .responsive .my-invoice-table .col-2{display:none;} } @media (max-width: 499px) { .responsive .form-list .field{float:none;width:100%;} .responsive .form-list .field:first-of-type{margin:0;} .responsive #product-extras #product-info-tabs>.tabNavigation{height:45px;} .responsive #product-extras #product-info-tabs>.tabNavigation li a{font-size:10px;line-height:16px;} .responsive .my-wishlist .buttons-set button.button{display:block;} } @media (max-width: 484px) { .responsive .boxContent .videoDiv{width:98%;margin:0px 1% 10px;} .responsive .boxContent .videoDiv p{min-height:initial;min-height:auto;padding:10px 0 0;} .responsive #review-form .data-table .nobr{white-space:normal!important;text-align:center;display:block;font-size:7px;} .responsive #my-reviews-table .col-1, .responsive #my-orders-table .col-head-2, .responsive #my-orders-table .col-2{display:none;} } @media (max-width: 459px) { .responsive .block-filterby .block-content, .responsive .block-filterby .filterby_label{display:block;text-align:right;line-height:22px;} .responsive #MB_header{height:10%;background:#efefef;} .responsive #my-subscriptions-table .col-head-4, .responsive #my-subscriptions-table .col-4{display:none;} /* Free Shipping Day Smart Notification */ .responsive #fsdaysbs-sale-notification .wrapper>span{display: block;font-size: 19px;} .responsive #fsdaysbs-sale-notification .fsdaysbsButton img{width: 100px;} } @media (max-width: 449px) { .responsive #footer #footerLeft #footerCopyright p{padding:10px 0;} .responsive #footer #footerLeft #footerCopyright p span{display:block;line-height:26px;margin:0;} .responsive #productDetails .productCustomerViewed .item{float:none;width:100%;} .responsive .boxContent6 .content ul{width:240px;margin:5px auto 0;font-size:12px;line-height:18px;} .responsive .boxContent6 .content ul li{padding:3px 0 3px 22px} .responsive .boxContent6 .content.two-column h2{line-height:18px;padding:8px 20%;} .responsive .boxContent6 .content.two-column .content-box>img{width:100%;} .responsive .boxContent6 .content.two-column a img{width:142px;} .responsive .boxContent6 .content.three-column h2{line-height:18px;} .responsive .boxContent6 #three-columnFirst h2{padding:8px 25%;} .responsive .boxContent6 #three-columnSecond h2{padding:8px 10%;} .responsive .boxContent6 #three-columnThird h2{padding:8px 25%;} .responsive .boxContent6 .content.three-column a{margin:0;} .responsive .boxContent6 .content.three-column a img{width:142px;} .responsive .boxContent6 .content.three-column .content-box>img{max-width:210px;} .responsive .boxContent6.content-v1 .content ul li{ background:url(../images/img-check-list-m-v1.png) left center no-repeat;} .responsive .boxContent6.content-v2 .content ul li{ background:url(../images/img-check-list-m-v2.png) left center no-repeat;} .responsive .block-filterby .block-content, .responsive .block-filterby .filterby_label{display:block;text-align:right;line-height:22px;} .responsive #MB_header{height:10%;background:#efefef;} .responsive #my-subscriptions-table .col-head-4, .responsive #my-subscriptions-table .col-4{display:none;} .responsive .icart-product-view .add-to-box .add-qty{float:right;} .responsive .icart-product-view .add-to-box #add_to_cart_button{float:none;clear:both;margin:0 auto;padding:5px 0 0;} } @media (max-width: 434px) { .responsive .cartPacks{width:27%;margin:10px 3% 0 0;} .responsive .productOption .boxContentRightPrice{width:70%;margin:0;} .responsive .productOption .boxContentRightLink{float:none;width:auto;clear:both;padding:5px 0 0;} .responsive .productOption .boxContentRightLink:after{display:block;content:"";clear:both;height:0;} .responsive .productOption .boxContentRightLink .btn-link{float:right!important;width:50%;} .responsive .productOption .boxContentRightLink .ratings{float:left;width:50%;} .responsive .cart #continueShopBtn{float:none;width:80%;} .responsive #my-orders-info-table .col-head-3, .responsive #my-orders-info-table .col-3, .responsive .my-invoice-table .col-head-3, .responsive .my-invoice-table .col-3{display:none;} /* Flash Sale Smart Notification */ .responsive #sbs-flash-sale-smart-notification{line-height:26px;} } @media (max-width: 399px) { .responsive #customKitProduct .product-options .flexslider .grouped-options-row{min-height:250px;} } @media (max-width: 389px) { .responsive #customer-reviews-tab #customer-reviews h2{padding:8px 0;} .responsive #review-form .form-list .input-box{width:100%;} .responsive #review-form .form-list input.input-text{width:97%;} .responsive #review-form .form-list textarea{width:97%;} .responsive #review-form #submitReviewBtn{float:none;} .responsive #my-reviews-table .col-3, .responsive #my-orders-table .col-head-4, .responsive #my-orders-table .col-4{display:none;} .responsive #transfers_earnings_table .col-head-5, .responsive #transfers_earnings_table .col-5, .responsive #transfers_spendings_table .col-head-5, .responsive #transfers_spendings_table .col-5{font-size:12px;} .responsive .c1_WrapperContainer .CheckBoxInput{width:10%;} .responsive .c1_WrapperContainer .CheckBoxLabelPart{width:90%;padding: 4px 0;} .responsive .c1_WrapperContainer .CheckBoxLabel{font-size:11px} /* NY Sale 35 off */ .responsive #sbs-ny-35-sale-notification .wrapper > span{font-size:30px;} } @media (max-width: 374px) { .responsive #boxFeatured ul li span.tool>img{height:18px;} } @media (max-width: 369px) { .responsive #new-shopping-cart-table .product-image{width:90%;} .responsive #new-shopping-cart-table .product-image img{width:100%;height:auto;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col3{width:100%;float:none;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col3:after{content:"X";display:block;position:relative;right:auto;top:auto;line-height:15px;} .responsive #new-shopping-cart-table #cart-table-body .cart-item .cart-col4{width:100%;float:none;} .responsive #new-shopping-cart-table #cart-table-totals #cart-points-total_earned span{display:block;padding:0 0 5px;} .responsive .productDetailInfo .product-options{width:95%;} .responsive #my-subscriptions-table .col-head-2, .responsive #my-subscriptions-table .col-2{display:none;} } @media (max-width: 329px) { .responsive #my-orders-info-table .col-head-4, .responsive #my-orders-info-table .col-4, .responsive .my-invoice-table .col-head-4, .responsive .my-invoice-table .col-4{display:none;} }