@media only screen and (max-width:1220px){ .lg-5{ width:5%;} .lg-10{ width:10%;} .lg-15{ width:15%;} .lg-20{ width:20%;} .lg-25{ width:25%;} .lg-30{ width:30%;} .lg-35{ width:35%;} .lg-40{ width:40%;} .lg-45{ width:45%;} .lg-50{ width:50%;} .lg-55{ width:55%;} .lg-60{ width:60%;} .lg-65{ width:65%;} .lg-70{ width:70%;} .lg-75{ width:75%;} .lg-80{ width:80%;} .lg-85{ width:85%;} .lg-90{ width:90%;} .lg-95{ width:95%;} .lg-100{ width:100%;} .lg-11{ width:11.111111%;} .lg-12{ width:12.5%;} .lg-14{ width:14.285714%;} .lg-16{ width:16.666666%;} .lg-33{ width:33.333333%;} .lg-66{ width:66.666666%;} }@media only screen and (max-width:980px){ .md-5{ width:5%;} .md-10{ width:10%;} .md-15{ width:15%;} .md-20{ width:20%;} .md-25{ width:25%;} .md-30{ width:30%;} .md-35{ width:35%;} .md-40{ width:40%;} .md-45{ width:45%;} .md-50{ width:50%;} .md-55{ width:55%;} .md-60{ width:60%;} .md-65{ width:65%;} .md-70{ width:70%;} .md-75{ width:75%;} .md-80{ width:80%;} .md-85{ width:85%;} .md-90{ width:90%;} .md-95{ width:95%;} .md-100{ width:100%;} .md-11{ width:11.111111%;} .md-12{ width:12.5%;} .md-14{ width:14.285714%;} .md-16{ width:16.666666%;} .md-33{ width:33.333333%;} .md-66{ width:66.666666%;} }@media only screen and (max-width:760px){ .sm-5{ width:5%;} .sm-10{ width:10%;} .sm-15{ width:15%;} .sm-20{ width:20%;} .sm-25{ width:25%;} .sm-30{ width:30%;} .sm-35{ width:35%;} .sm-40{ width:40%;} .sm-45{ width:45%;} .sm-50{ width:50%;} .sm-55{ width:55%;} .sm-60{ width:60%;} .sm-65{ width:65%;} .sm-70{ width:70%;} .sm-75{ width:75%;} .sm-80{ width:80%;} .sm-85{ width:85%;} .sm-90{ width:90%;} .sm-95{ width:95%;} .sm-100{ width:100%;} .sm-11{ width:11.111111%;} .sm-12{ width:12.5%;} .sm-14{ width:14.285714%;} .sm-16{ width:16.666666%;} .sm-33{ width:33.333333%;} .sm-66{ width:66.666666%;} }@media only screen and (max-width:470px){ .xs-5{ width:5%;} .xs-10{ width:10%;} .xs-15{ width:15%;} .xs-20{ width:20%;} .xs-25{ width:25%;} .xs-30{ width:30%;} .xs-35{ width:35%;} .xs-40{ width:40%;} .xs-45{ width:45%;} .xs-50{ width:50%;} .xs-55{ width:55%;} .xs-60{ width:60%;} .xs-65{ width:65%;} .xs-70{ width:70%;} .xs-75{ width:75%;} .xs-80{ width:80%;} .xs-85{ width:85%;} .xs-90{ width:90%;} .xs-95{ width:95%;} .xs-100{ width:100%;} .xs-11{ width:11.111111%;} .xs-12{ width:12.5%;} .xs-14{ width:14.285714%;} .xs-16{ width:16.666666%;} .xs-33{ width:33.333333%;} .xs-66{ width:66.666666%;} }@media only screen and (max-width:1024px){ .product-grid-item:hover .image > a > img, .product-list-item:hover .image > a > img{ opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transition:opacity 0;} .p-over, .quickview-button, .gallery-thumb a:before, .gallery-thumb .item-hover{ display:none;} }@media only screen and (max-width:980px){ #container, #header{ max-width:100%;} .side-block-left, .side-block-right, .banner-overlay{ display:none !important;} }@media only screen and (max-width:760px){ .hide-on-phone{ display:none !important;} #cart .content{ width:100%;} .login-content .left{ width:100%;margin-bottom:30px;} .login-content .right{ width:100%;} .login-content .left p:nth-child(2){ min-height:55px;} .side-block-left, .side-block-right{ display:none;} .heading-title, .box-heading{ max-height:100%;} .home-page #container:before{ display:none;} }@media only screen and (max-width:470px){ table.form td{ display:block;} }@media only screen and (max-width:980px){ .journal-desktop .sticky-wrapper{ max-height:160px;} .journal-menu{ clear:both;} .journal-header-default.nocart-nosearch .journal-menu{ clear:none;} #cart{ box-shadow:none;} .sticky-wrapper{ height:auto !important;} }@media only screen and (max-width:760px){ .journal-header-center .journal-links .links{ width:100%;} body header{ box-shadow:none;} header .links > a{ border-bottom-color:#E4E4E4;border-top-style:solid;border-top-width:1px;} #header{ padding-top:40px;} #header .journal-links{ position:absolute;top:0;} .is-sticky{ max-height:100%;} }@media only screen and (max-width:760px){ .journal-header .text-only > i{ display:none;} .journal-header .icon-only > i{ font-size:160% !important;} .journal-header .icon-only > span{ display:none;} }@media only screen and (max-width:1039px){ .journal-header-default.nocart .links > a:last-child{ border-right-width:0;} }@media only screen and (max-width:760px){ .super-menu > li:last-of-type{ border-left-width:0 !important;} .journal-header-center{ box-shadow:none;} .journal-header-center .j-100{ height:70px !important;} .journal-header-center .journal-cart, .journal-header-center .journal-search, .journal-header-center .journal-secondary, .journal-header-center .journal-links{ padding:0;} .journal-header-center .journal-search, .journal-header-center .journal-cart{ top:0 !important;} .journal-header-center .journal-top-header{ border-bottom-width:0;} .journal-header-center .journal-menu-bg{ display:none;} .journal-header-center #search input{ border-radius:0;} .journal-header-center .button-search{ border-radius:0;} .journal-header-center .journal-cart{ border-radius:0;} .journal-header-center .journal-cart #cart .heading a span{ border-top:1px solid transparent;} .journal-header-center .journal-cart #cart{ border-radius:0;border-right-width:0 !important;} .journal-header-center .journal-cart #cart .content{ padding-top:0;} .journal-header-center .journal-cart #cart .content .cart-wrapper{ border-radius:0;} .journal-header-center .journal-cart #cart .content:before{ display:none;} .journal-header-center .journal-cart #cart .heading i{ border-radius:0;} .journal-header-center .journal-center-bg{ top:80px;} .journal-header-center .journal-secondary{ width:100%;text-align:center;clear:both;background-color:#FAFAFA;border-bottom:1px solid transparent;border-top:1px solid transparent;} .journal-header-center .links{ float:none !important;margin:0 auto;} .journal-header-center .autocomplete2-suggestions{ top:40px;border-radius:0;} .journal-header-center .autocomplete2-suggestions:before{ display:none;} .journal-header-center .autocomplete2-selected:first-child, .journal-header-center .autocomplete2-selected:last-child, .journal-header-center .autocomplete2-suggestion:first-child > a > span > img, .journal-header-center .autocomplete2-suggestion:last-child > a > span > img{ border-radius:0;} .journal-top-header{ border-bottom-width:0;} header.journal-header-mega #logo a{ text-align:center;} }@media only screen and (max-width:470px){ #cart .content{ min-width:100%;} .journal-header-center .journal-cart #cart{ border-left-width:0 !important;} }@media only screen and (max-width:760px){ .journal-header-default .j-tall, .journal-header-menu .j-tall{ height:85px;} }@media only screen and (max-width:760px){ #cart, #search{ box-shadow:none !important;} .super-menu > li:first-of-type{ border-top-width:1px;border-top-style:solid;} .phone-sticky-cart #cart{ z-index:9999;position:fixed;top:0;width:50%;left:50%;background-color:inherit;transition:background-color 0s;} .phone-sticky-cart #cart .content{ width:200%;} .phone-sticky-cart.journal-header-compact{ margin-bottom:40px;} .phone-sticky-cart.journal-header-compact .journal-menu{ position:fixed;box-shadow:0 3px 20px rgba(0, 0, 0, 0.3);top:0;} .phone-sticky-cart.phone-sticky-menu .journal-menu{ position:fixed;box-shadow:0 3px 20px rgba(0, 0, 0, 0.3);top:0;} .phone-sticky-cart.phone-sticky-menu:not(.menu-cart-off){ margin-bottom:40px;} .phone-sticky-cart.menu-cart-off #cart{ width:100%;left:0;box-shadow:0 3px 20px rgba(0, 0, 0, 0.3) !important;} .phone-sticky-cart.menu-cart-off #cart .content{ width:100%;} .phone-sticky-cart.menu-cart-off .journal-menu{ z-index:9999;position:fixed;top:0;width:50%;box-shadow:none;} .phone-sticky-cart.menu-cart-off .journal-menu .mobile-menu{ width:200%;} .phone-sticky-cart.menu-cart-off .journal-menu .mobile-trigger{ margin-top:0;} html[dir="rtl"] .phone-sticky-cart #cart{ right:50%;left:auto;} }@media only screen and (max-width:760px){ .journal-menu .mega-menu, .journal-menu .mobile-menu > li > ul{ overflow-y:scroll;-webkit-overflow-scrolling:touch;} .journal-menu .mega-menu-item.xs-50{ max-width:50vw;} .mobile-menu > li:nth-child(-n+3) .mega-menu, .mobile-menu > li:nth-child(-n+3) > ul{ max-height:65vh;} .mobile-menu > li:nth-child(n+3) .mega-menu, .mobile-menu > li:nth-child(n+3) > ul{ max-height:50vh;} .mobile-menu > li:nth-child(n+5) .mega-menu, .mobile-menu > li:nth-child(n+5) > ul{ max-height:40vh;} .mobile-menu > li:nth-child(n+6) .mega-menu, .mobile-menu > li:nth-child(n+6) > ul{ max-height:30vh;} .super-menu{ box-shadow:none;border-radius:0;} }@media only screen and (max-width:980px){ .journal-header-menu #cart{ box-shadow:none;} .journal-header-menu .j-50{ height:40px;} .journal-header-menu.nocart-nosearch .j-med{ height:80px;} }@media only screen and (max-width:1024px){ .super-menu > li:first-of-type{ border-left-width:0;} }@media only screen and (max-width:980px){ .journal-header-default .super-menu > li > div{ left:0;margin-left:0;} }@media only screen and (max-width:760px){ .super-menu > li.icon-only{ width:100%;} .mobile-trigger{ display:block;height:40px;line-height:39px;text-transform:uppercase;width:100%;font-size:16px;padding-left:10px;color:#EEEEEE;cursor:pointer;} .mobile-trigger:before{ content:"\e618";color:inherit;margin-right:10px;font-size:23px;float:left;} .journal-mobile .mega-menu, .journal-mobile .html-menu{ position:relative;} .journal-menu .mobile-menu li:last-of-type{ border-right-width:0;} .journal-menu{ height:auto;} .journal-menu .mobile-menu{ display:none;box-shadow:none;} .journal-menu .mobile-menu > li{ position:relative;display:block;border-bottom:1px solid #333745;border-left-width:0;border-right-width:0;left:0;} .journal-menu .mobile-menu > li .mobile-plus{ display:none;width:40px;height:40px;line-height:35px;font-size:25px;font-weight:bold;top:0;right:0;position:absolute;text-align:center;cursor:pointer;color:white;background-color:#4f5660;border-style:solid;border-color:inherit;} .journal-menu .mobile-menu > li > ul{ left:0 !important;} .journal-menu .mobile-menu > li > ul li .mobile-plus{ border-left-width:0;height:40px;} .journal-menu .mobile-menu > li > a{ text-align:left;padding-left:10px;} .journal-menu .mobile-menu li:last-of-type{ border-bottom-color:transparent !important;} .journal-menu .mobile-menu li:last-of-type .mobile-plus{ border-bottom-color:transparent !important;} .journal-menu .mobile-menu > li > ul + .mobile-plus, .journal-menu .mobile-menu > li > div + .mobile-plus, .journal-menu .mobile-menu > li > span + .mobile-plus, .journal-menu .mobile-menu > li > ul li .mobile-plus{ display:block;} .journal-menu .mobile-menu .mega-menu{ max-width:100vw;} }@media only screen and (min-width:760px) and (max-width:1024px){ .hide-on-tablet{ display:none !important;} }@media only screen and (max-width:980px){ .mobile-menu-on-tablet .super-menu{ box-shadow:none;} .mobile-menu-on-tablet .sticky-wrapper{ height:auto !important;max-height:100% !important;} .mobile-menu-on-tablet .journal-header-center{ box-shadow:none;} .mobile-menu-on-tablet header .super-menu > li.icon-only{ width:100%;} .mobile-menu-on-tablet .mobile-trigger{ display:block;height:40px;line-height:39px;text-transform:uppercase;width:100%;font-size:16px;padding-left:10px;cursor:pointer;color:#EEEEEE;} .mobile-menu-on-tablet .mobile-trigger:before{ content:"\e618";margin-right:10px;font-size:23px;float:left;} .mobile-menu-on-tablet.journal-desktop header .mega-menu, .mobile-menu-on-tablet .journal-mobile .html-menu{ position:relative;} .mobile-menu-on-tablet header .journal-menu .mobile-menu li:last-of-type{ border-right-width:0;} .mobile-menu-on-tablet header .journal-menu{ height:auto;} .mobile-menu-on-tablet header .journal-menu .mobile-menu{ display:none;border-width:0;overflow:hidden;} .mobile-menu-on-tablet header .journal-menu .mobile-menu > li{ position:relative;display:block;border-bottom-width:1px;border-bottom-style:solid;border-left-width:0;border-right-width:0;left:0;width:100%;} .mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus{ display:none;width:40px;height:40px;line-height:35px;font-size:25px;font-weight:bold;top:0;right:0;position:absolute;text-align:center;cursor:pointer;color:white;background-color:#4f5660;border-left-width:0;border-style:solid;border-color:inherit;} .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul{ left:0 !important;} .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul li .mobile-plus{ border-left-width:0;height:40px;} .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > a{ text-align:left;padding-left:10px;} .mobile-menu-on-tablet header .journal-menu .mobile-menu li:last-of-type{ border-bottom-color:transparent !important;} .mobile-menu-on-tablet header .journal-menu .mobile-menu li:last-of-type .mobile-plus{ border-bottom-color:transparent !important;} .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul + .mobile-plus, .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > div + .mobile-plus, .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > span + .mobile-plus, .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul li .mobile-plus{ display:block;} }.mobile-menu > li > ul{ border-width:0;}@media only screen and (max-width:980px){ .mobile-menu-on-tablet .mobile-menu > li > ul, .mobile-menu-on-tablet .mobile-menu > li > .mega-menu{ border-width:1px 0 0 0;border-style:solid;border-color:#EEEEEE;} .mobile-menu-on-tablet .mobile-menu .drop-down > ul{ border-width:1px 0 0 0;display:none;} .mobile-menu-on-tablet .mobile-menu .drop-down ul{ width:100%;position:relative;box-shadow:none;left:0;visibility:visible;opacity:1;display:none;} .mobile-menu-on-tablet .mobile-menu .drop-down ul li{ color:#333745;position:relative;border-width:0 0 1px 0;border-style:solid;border-color:#EEEEEE;} }@media only screen and (max-width:760px){ .mega-menu-mixed .mega-menu .mega-menu-column{ width:100% !important;float:none;} }@media only screen and (max-width:760px){ .mobile-menu > li > ul, .mobile-menu > li > .mega-menu{ border-width:1px 0 0 0;border-style:solid;border-color:#EEEEEE;} .mobile-menu .drop-down > ul{ display:none;border-width:1px 0 0 0;} .mobile-menu .drop-down ul{ width:100%;position:relative;box-shadow:none;left:0;visibility:visible;opacity:1;display:none;} .mobile-menu .drop-down ul li{ color:#333745;position:relative;border-width:0 0 1px 0;border-style:solid;border-color:#EEEEEE;} .mobile-menu .drop-down ul li a{ margin-right:20px;width:calc(100% - 50px);min-height:38px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:5px 10px;white-space:normal;} }@media only screen and (max-width:470px){ .firefox .sticky-wrapper, .firefox header{ display:table;} .firefox #top-modules{ clear:both;} }@media only screen and (max-width:1040px){ #column-left + #column-right + #content .product-info > div, #column-left + #column-right + .row #content .product-info > div{ display:block;width:100%;float:none;} #column-left + #column-right + #content .product-info .right, #column-left + #column-right + .row #content .product-info .right{ padding:0;margin-top:15px;} #column-left + #column-right + #content .product-info .right .text-qty, #column-left + #column-right + .row #content .product-info .right .text-qty{ display:none;} }@media only screen and (max-width:980px){ .product-info .right .cart div .links span{ display:none;} .product-info .right .cart div .links a{ width:100%;display:block;} .product-info .right .cart div .links a:first-of-type{ margin-bottom:10px;} .product-info.split-60-40 .right .cart div .qty{ width:100%;margin-bottom:10px;} .product-info.split-60-40 .right .cart div .button{ width:100%;} #column-left + #content .product-info > div, #column-left + .row #content .product-info > div, #column-right + #content .product-info > div, #column-right + .row #content .product-info > div{ display:block;width:100%;} #column-left + #content .product-info .right, #column-left + .row #content .product-info .right, #column-right + #content .product-info .right, #column-right + .row #content .product-info .right{ padding:0;margin-top:15px;} #column-left + #content .product-info .right .text-qty, #column-left + .row #content .product-info .right .text-qty, #column-right + #content .product-info .right .text-qty, #column-right + .row #content .product-info .right .text-qty{ display:none;} }@media only screen and (max-width:980px){ .social{ padding-top:10px;} #tabs li:nth-last-child(n + 5), #tabs li:nth-last-child(n + 5) ~ li{ -webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;} #tabs li:nth-last-child(n + 5) a, #tabs li:nth-last-child(n + 5) ~ li a{ padding:0 20px;} }@media only screen and (max-width:760px){ body.is-sticky{ padding-top:0 !important;} .header{ top:0 !important;} .product-info > div{ display:block !important;width:100% !important;} .product-info .right{ padding:0;margin-top:15px;} .product-info .right .text-qty{ display:none;} .social{ padding-top:10px;} #tabs{ display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom-left-radius:0;border-bottom-right-radius:0;} #tabs li{ -webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;} #tabs li:last-of-type:nth-of-type(odd){ width:100%;} #tabs a{ width:100%;display:block;} .tab-content{ border-top-left-radius:0;border-top-right-radius:0;} .product-page #tabs li, .product-page #tabs a{ float:none;} }@media only screen and (max-width:460px){ .product-info .right .cart div .qty{ width:100%;margin-bottom:10px;} .product-info .right .cart div .button{ width:100%;} }@media only screen and (max-width:980px){ .product-filter > div b{ display:none;} }@media only screen and (max-width:760px){ #column-left, #column-right, .column-left-bg, .column-right-bg{ display:none !important;} #column-left + #content, #column-right + #content, #column-left + .row #content, #column-right + .row #content, #column-left + #column-right + #content, #column-left + #column-right + .row #content, #column-left + span + #content, #column-right + span + #content, #column-left + #column-right + span + #content{ margin:0;} div#content{ padding:20px 20px 0 20px !important;} }@media only screen and (max-width:360px){ .block-button .button{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 auto;} div.buttons{ padding:10px;} .pull-right{ line-height:1;} .pull-right .button + .button{ width:100%;margin-top:5px;} .product-compare{ display:none;} .product-list-item .image{ width:100%;float:none;margin-bottom:10px;} .product-list-item .image img{ float:none;} .product-list-item .name{ margin-left:0;} .product-list-item .product-details{ margin-left:0;} .product-filter .sort{ position:absolute;max-width:125px;right:100px;} .product-filter .sort select{ margin:0;} }.mobile .product-wrapper, .tablet .product-wrapper{ box-shadow:none !important;}.mobile #top-modules > div, .mobile #bottom-modules > div, .tablet #top-modules > div, .tablet #bottom-modules > div{ background-attachment:scroll !important;background-size:auto;}.mobile .product-grid-item .image .wishlist,.mobile .product-grid-item .image .compare, .tablet .product-grid-item .image .wishlist,.tablet .product-grid-item .image .compare{ visibility:visible;opacity:1;}.mobile .hint--top::before, .mobile .hint--top::after, .mobile .product-details::before, .tablet .hint--top::before, .tablet .hint--top::after, .tablet .product-details::before{ display:none !important;}@media only screen and (max-width:760px){ .single-section .box-sections.box-block ul li{ width:100%;float:none;margin-bottom:0;} .box-sections{ height:auto;} .box-sections ul li{ min-width:100%;float:none;display:block;margin-bottom:0;border-right-width:0;border-bottom-width:1px;} .box-sections ul li:last-of-type{ border-bottom-width:0;} .box-sections ul{ display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} .box-sections ul li{ min-width:50%;width:50%;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;border-right-width:1px;} .box-sections ul li:nth-child(even){ border-right-width:0;} .box-sections ul li:nth-last-child(2):nth-child(odd){ border-bottom-width:0;} .box-sections ul li:last-of-type{ border-right-width:0;} html[dir="rtl"] .box-sections ul li:nth-child(even){ border-right-width:1px;} html[dir="rtl"] .box-sections ul li:nth-last-child(odd){ border-right-width:0;} }@media only screen and (max-width:560px){ .journal-carousel .htabs{ height:auto;} .journal-carousel .htabs a{ background-color:transparent;box-shadow:none;border-bottom-style:solid;border-bottom-width:1px;color:inherit;border-right-width:0;width:100%;} .journal-carousel .htabs a:last-of-type{ border-bottom-width:0;} .journal-carousel .htabs.single-tab a, .journal-carousel .htabs.single-tab a.selected, .journal-carousel .htabs.single-tab a:hover{ border-bottom-width:0;} }@media only screen and (max-width:540px){ table.list .t-2, table.list .t-3, table.list .t-6, table.list .t-span-3{ display:none;} table.list .t-span-1{ display:table-cell;} }@media only screen and (max-width:760px){ .login-content .login-wrap{ min-height:50px;} .login-content > div{ min-height:100%;} }@media only screen and (max-width:460px){ .order-list .order-info{ text-align:center;padding:5px 0;width:50px;} }@media only screen and (max-width:460px){ .wishlist-info .model, .wishlist-info .stock{ display:none;} }@media only screen and (max-width:1024px){ #content::-webkit-scrollbar{ -webkit-appearance:none;} #content::-webkit-scrollbar:horizontal{ height:10px;} #content::-webkit-scrollbar-thumb{ background-color:#999;} #content::-webkit-scrollbar-track{ background-color:#ddd;} }@media only screen and (max-width:1024px){ .compare-info .cart a{ width:100%;margin:0;} .compare-info .cart a:first-of-type{ margin-bottom:7px;} }@media only screen and (max-width:760px){ .cart-info .model, .cart-info .price{ display:none;} .cart-info .name a{ white-space:normal;} .compare-info.table > tbody > tr > td, .table-responsive > .table > tbody > tr > td.name{ white-space:normal;} .compare-info.table > tbody > tr > td{ min-width:180px;} }@media only screen and (max-width:470px){ .cart-info .quantity{ min-width:50px;} .cart-info .quantity input[type="text"]{ display:block;position:relative;width:100%;margin-bottom:5px;right:0;} .cart-info .image img{ max-width:50px;} .sc-page .buttons > div, .sc-page .buttons > div a{ width:100%;} .sc-page .buttons .right{ margin-bottom:10px;} #total .right{ width:74%;} .checkout-content table{ table-layout:auto;} }@media only screen and (max-width:760px){ .checkout-content label{ display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .confirm-section > div label input[type='radio'], .confirm-section > div label input[type='checkbox']{ margin:4px 5px 5px 0;float:left;} .confirm-section > div label a{ margin-left:3px;} .confirm-section > div::after{ content:"";display:table;width:100%;clear:both;} .confirm-section > div:first-of-type{ margin-bottom:5px;} .modal-open{ overflow:hidden;margin-right:15px;} }@media only screen and (max-width:470px){ .checkout-content .left, .checkout-content .right{ width:100%;} .checkout-content table{ table-layout:fixed;} .checkout-content table td{ width:100%;} .checkout-content thead .model, .checkout-content thead .quantity, .checkout-content thead .price, .checkout-content tbody .model, .checkout-content tbody .quantity, .checkout-content tbody .price{ display:none;} .checkout-content .button{ display:block;float:right;} .checkout-content .buttons a{ display:inline-block;} .checkout-content .buttons .right{ text-align:left;} .checkout-content .left .button, .checkout-content #login .button{ float:none;} }@media only screen and (max-width:760px){ .sitemap-info > div{ width:100%;padding:0;} .sitemap-info > div:first-of-type{ padding:0;padding-bottom:20px;} .manufacturer-list ul{ display:block;float:none;width:100%;} }@media only screen and (max-width:980px){ #content.search-page h2{ padding:8px;line-height:18px;height:auto;} #content.search-page .content select{ display:block;margin:10px 0;} #content.search-page .content label{ min-width:95%;display:inline-block;} }@media only screen and (max-width:760px){ #content.search-page .content label{ min-width:90%;} }@media only screen and (max-width:470px){ #content.search-page .content label{ min-width:85%;} }@media only screen and (max-width:760px){ [data-hint]:before, [data-hint]:after{ display:none !important;} footer .contacts-left, footer .contacts-right{ float:none;} footer .bottom-footer{ height:auto;overflow:visible;border-radius:0;} footer .bottom-footer .copyright{ float:none;height:auto;margin-bottom:10px;line-height:50px;padding-left:0 !important;text-align:center;width:100%;} footer .bottom-footer .payments{ padding-right:0;width:100%;text-align:center;padding-bottom:10px;float:none;} footer .bottom-footer .payments img{ max-height:25px;margin-top:0;margin-bottom:10px;} #footer .contacts{ border-radius:0;} #footer .contacts > div > span{ display:block;margin-bottom:5px;} #footer .contacts > div > span.hint--top{ display:inline-block;} .footer-post-title{ white-space:normal !important;} .collapse-footer-columns .column > h3{ position:relative;} .collapse-footer-columns .column > h3 + div{ display:none;} .collapse-footer-columns .column > h3::after{ content:"\e620";font-size:12px;position:absolute;right:7px;top:3px;transition:all 0.05s ease-out;} .collapse-footer-columns .column > h3.column-open::after{ top:3px;-webkit-transform:rotate(90deg);transform:rotate(90deg);} .collapse-footer-columns .column.products{ padding-bottom:0;} .collapse-footer-columns .column.products > h3{ margin-bottom:0;} .collapse-footer-columns .column.products > h3 + div{ margin-top:8px;} .collapse-footer-columns .column.text{ min-height:100%;} .collapse-footer-columns .column.text h3{ margin-bottom:0;} .collapse-footer-columns .column.text h3 + div{ margin-top:12px;} .collapse-footer-columns .column:last-of-type h3{ border-bottom-width:0;} .collapse-footer-columns .column:last-of-type.xs-50 h3{ border-bottom-width:1px;} .default-header .lang-full-mobile .journal-language{ left:5px;} }@media only screen and (max-width:470px){ footer .contacts > div .no-name{ display:inline-block;margin-bottom:0;} footer .bottom-footer .copyright{ line-height:100%;padding-top:12px;} }@media only screen and (max-width:1024px){ .gallery-thumb a:before, .gallery-thumb .item-hover{ display:none;} }@media only screen and (max-width:760px){ .cms-block, .static-banner{ margin-bottom:20px;} }@media only screen and (max-width:760px){ .multi-modules-column{ width:100% !important;} }@media only screen and (max-width:980px){ .two-columns #content .journal-newsletter .newsletter-text{ float:none;width:100% !important;margin-bottom:10px;} .two-columns #content .journal-newsletter .newsletter-input-wrap{ float:none;width:100% !important;height:auto !important;text-align:center;} .two-columns #content .journal-newsletter .newsletter-input-wrap .newsletter-button{ position:relative;left:auto !important;right:auto !important;width:100%;} .two-columns #content .journal-newsletter .newsletter-input-wrap input + .button{ margin-top:0;} .one-column #content .journal-newsletter .newsletter-text{ float:none;width:100% !important;margin-bottom:10px;} .one-column #content .journal-newsletter .newsletter-input-wrap{ float:none;width:100% !important;text-align:center;} }@media only screen and (max-width:760px){ #content .journal-newsletter .newsletter-text, footer .journal-newsletter .newsletter-text, #top-modules .journal-newsletter .newsletter-text, #bottom-modules .journal-newsletter .newsletter-text{ float:none;display:block !important;width:100% !important;margin-bottom:10px;padding-right:0;} #content .journal-newsletter .newsletter-input-wrap, footer .journal-newsletter .newsletter-input-wrap, #top-modules .journal-newsletter .newsletter-input-wrap, #bottom-modules .journal-newsletter .newsletter-input-wrap{ float:none;width:100% !important;height:auto !important;text-align:center;} #content .journal-newsletter .newsletter-input-wrap input, footer .journal-newsletter .newsletter-input-wrap input, #top-modules .journal-newsletter .newsletter-input-wrap input, #bottom-modules .journal-newsletter .newsletter-input-wrap input{ min-height:34px;} #content .journal-newsletter .newsletter-input-wrap .newsletter-button, footer .journal-newsletter .newsletter-input-wrap .newsletter-button, #top-modules .journal-newsletter .newsletter-input-wrap .newsletter-button, #bottom-modules .journal-newsletter .newsletter-input-wrap .newsletter-button{ position:relative !important;left:auto !important;right:auto !important;width:100%;top:0 !important;margin-top:5px !important;} #content .journal-newsletter .newsletter-input-wrap input + .button, footer .journal-newsletter .newsletter-input-wrap input + .button, #top-modules .journal-newsletter .newsletter-input-wrap input + .button, #bottom-modules .journal-newsletter .newsletter-input-wrap input + .button{ margin-top:0;} .ui-pnotify{ top:0;left:0;right:0;} }@media only screen and (max-width:470px){ .posts h2 a{ height:auto !important;} .blog-list-view .posts .post-image{ float:none;padding-right:0;width:100%;} .blog-list-view .posts .post-item-details{ float:none;width:100%;} .blog-list-view .posts h2{ margin-top:10px;} .blog-list-view .posts h2 a{ height:auto !important;display:inline-block;border-bottom:1px solid #E4E4E4;padding-bottom:7px;} .blog-list-view .post-text{ padding:5px 10px 10px 0;} .blog-list-view .comment-date{ padding:5px 0;border:0;} }@media only screen and (max-width:500px){ .posts.blog-list-view .post-image{ float:none;display:block;margin-bottom:12px;width:100% !important;} .posts.blog-list-view .post-item-details{ width:100% !important;} }@media only screen and (max-width:980px){ .two-columns .posts h2 a{ height:auto !important;} }@media only screen and (max-width:1220px){ .two-columns.blog-list-view .posts .post-image{ width:35%;} .two-columns.blog-list-view .post-item-details{ width:65%;} }@media only screen and (max-width:980px){ .two-columns.blog-list-view .post-image{ float:none;padding-right:0;width:100%;} .two-columns.blog-list-view .post-item-details{ float:none;width:100%;} }@media only screen and (max-width:760px){ .comments > .comment, .comments .reply{ padding:15px 15px 15px 15px;} .comments .avatar{ position:relative;float:left;top:0;left:0;margin:0 10px 0 0;} .comment-form form{ padding:15px;} .comment-form form > div input{ width:100%;max-width:100%;} .blog-post .post-stats span{ display:block;margin-bottom:7px;} }@media only screen and (max-width:760px){ .comments .reply, .reply-form, .comments .reply + .success{ margin-left:0;} }@media only screen and (max-width:760px){ .oc2 #column-right + .row #content{ margin-right:0;} .oc2 #column-left + .row #content{ margin-left:0;} .oc2 fieldset label, .oc2 fieldset label + div, .oc2 fieldset label + input.form-control{ width:100%;} .oc2 fieldset label, .oc2 fieldset label + div{ padding-top:0;} .oc2 .captcha-row .pull-right{ margin-left:0;} .oc2 .contact-page .col{ float:none;width:100%;margin-bottom:10px;padding-left:0;} .oc2 .contact-page .col-sm-10{ width:100%;} .oc2 .form-horizontal .form-group label{ width:100%;float:none;margin-bottom:2px;} .oc2 .form-horizontal .form-group label + div{ width:100%;} .oc2 .action-area .panel-body label{ display:inline-block;margin-bottom:5px;} .oc2 .action-area .panel-body .input-group{ width:100%;} .oc2 .action-area .panel-body .input-group input[type="text"]{ min-width:100%;width:100%;} .oc2 .action-area .panel-body .input-group .input-group-btn{ margin-top:5px;display:block;} .oc2 .action-area .panel-body .input-group .button{ width:100%;display:block;margin-left:0;} .oc2 .action-area .sc-shipping .form-horizontal .form-group label{ padding-top:0;} .oc2 .action-area .sc-shipping .form-horizontal .form-group label + div{ width:100%;} .oc2 .action-area .sc-shipping .button{ margin-top:5px;} }@media only screen and (max-width:980px){ .journal-checkout .left select{ width:100%;margin-left:0;} .journal-checkout .left input[type='radio']{ margin-left:0;} .journal-checkout .left .button{ width:100%;} .journal-checkout .right select{ margin-left:0;} .journal-checkout .section-left .coupon-voucher input[type='text'], .journal-checkout .section-left .coupon-voucher .input-group-btn, .journal-checkout .section-left .coupon-voucher input{ width:100%;} .journal-checkout .section-left .coupon-voucher input[type='text']{ margin-bottom:7px;} .journal-checkout label{ padding-right:0;line-height:1;} .journal-checkout label input{ -webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;} .journal-checkout .coupon-voucher .panel-body{ display:block;float:none;} .journal-checkout .coupon-voucher .checkout-coupon{ padding-right:0;margin-bottom:10px;} .journal-checkout .spw{ margin-bottom:0;} .journal-checkout .spw > div{ display:block;} .journal-checkout .spw > div:first-of-type{ padding-right:12px;} .journal-checkout .checkout-cart td.quantity{ padding:5px;} .journal-checkout .checkout-cart td.quantity input[type='text']{ display:block;float:none;width:auto;min-width:42px;margin:0 auto;} .journal-checkout .checkout-cart td.quantity .input-group{ display:inline-block;} .journal-checkout .checkout-cart td.quantity .input-group input{ margin-top:5px;} .journal-checkout .checkout-cart td.quantity .input-group input:first-of-type{ margin-right:5px;} .journal-checkout .checkout-cart td.image{ padding-right:5px;} .journal-checkout .confirm-order .button{ width:100%;} .journal-checkout .checkout-cart td.name{ padding-left:15px;} .journal-checkout .coupon-voucher .input-group-btn{ padding-left:0;} .oc2 .journal-checkout .checkout-cart td.quantity{ padding:5px;} .oc2 .journal-checkout .checkout-cart td.quantity input[type='text']{ min-width:77px;margin-bottom:5px;} .oc1 .journal-checkout .form-horizontal .form-group label{ width:100%;float:none;} .oc1 .journal-checkout .form-horizontal .form-group label + div{ width:100%;float:none;} }@media only screen and (max-width:760px){ .one-page-checkout{ margin-bottom:20px;} .journal-checkout{ display:block;} .journal-checkout .left, .journal-checkout .right{ width:100%;padding-right:0;} .journal-checkout .left{ margin-bottom:15px;} .journal-checkout .left.login-mobile .checkout-content.checkout-register{ display:none;} .journal-checkout .left.login-mobile .checkout-content.checkout-login{ margin-bottom:0;} .journal-checkout #shipping-address{ margin-top:18px;} .journal-checkout .spw > div:first-of-type{ padding-right:0;} .journal-checkout .coupon-voucher input[type='text'], .journal-checkout .coupon-voucher .input-group-btn, .journal-checkout .coupon-voucher input{ width:100%;} .journal-checkout #payment-confirm-button fieldset #card-new label{ display:block;width:100%;margin-bottom:3px;} .journal-checkout #payment-confirm-button fieldset #card-new label + div{ display:block;width:100%;} .journal-checkout #payment-confirm-button fieldset input[type='text'], .journal-checkout #payment-confirm-button fieldset input[type='email'], .journal-checkout #payment-confirm-button fieldset input[type='password'], .journal-checkout #payment-confirm-button fieldset input[type='tel'], .journal-checkout #payment-confirm-button fieldset textarea{ width:100%;max-width:100%;} .journal-checkout .coupon-voucher .panel-body:nth-of-type(1){ padding-right:0;} .journal-checkout .checkout-product table{ min-width:460px;} .journal-checkout .checkout-product table td{ width:auto;} .journal-checkout .checkout-cart td.name{ padding-left:0;} .journal-checkout .checkout-content thead .model, .journal-checkout .checkout-content thead .quantity, .journal-checkout .checkout-content thead .price, .journal-checkout .checkout-content tbody .model, .journal-checkout .checkout-content tbody .quantity, .journal-checkout .checkout-content tbody .price{ display:table-cell;} .journal-checkout .checkout-cart td.name a{ margin-left:0;} .journal-checkout .checkout-cart td.image img{ max-width:80%;} .is-customer .journal-checkout section.section-left, .is-customer .journal-checkout section.section-right{ width:100%;padding-left:0;} .is-customer .journal-checkout .section-left{ margin-bottom:15px;} }@media only screen and (max-width:760px){ .product-filter .sort select{ width:94%;margin-left:3%;} .product-filter .sort{ max-width:100%;right:0;width:100%;bottom:0;} .product-filter{ height:80px;position:relative;} .product-compare a{ font-size:12px;} .product-filter .display{ margin-right:-10px;} }@media only screen and (max-width:470px){ .product-filter .limit{ top:5px;position:absolute;right:-5px;} }@media only screen and (min-width:320px) and (max-width:760px){ .journal-popup img{ max-height:200px;width:auto;} }@media only screen and (max-width:470px){ div.journal-popup img{ max-height:100%;width:100%;} }@media only screen and (max-width:760px){ .oc1 .journal-checkout .checkout-cart tbody td{ width:100% !important;border-left-width:1px;} .oc1 .journal-checkout .checkout-cart tbody tr:first-of-type td{ border-bottom-width:0;} .category-page .heading-title, .manufacturer-page .heading-title, .search-page .heading-title, .special-page .heading-title{ display:table;width:100%;} .has-popup{ overflow:hidden;} .mfp-container{ padding:0;} .mfp-wrap{ overflow-y:auto;overflow-x:hidden;} .mfp-content{ overflow:visible;} .mfp-content{ text-align:center;} .journal-popup, .journal-popup-content{ height:auto !important;text-align:left;} .journal-popup .journal-popup-header-content{ padding:7px 20px 7px 7px;} .journal-popup-newsletter .journal-newsletter{ padding-top:10px;padding-bottom:10px;} .journal-popup-newsletter .journal-newsletter.text-left .newsletter-text, .journal-popup-newsletter .journal-newsletter.text-left .newsletter-input-wrap{ width:100%;float:none;margin-top:10px;display:block;} .journal-popup-contact .content, .journal-popup-contact fieldset{ padding:10px;} .journal-popup, .mfp-wrap{ width:96% !important;left:1%;max-height:100vh;} .journal-popup label, .mfp-wrap label{ line-height:1;font-size:12px;position:relative;} .journal-popup .journal-popup-footer-content, .mfp-wrap .journal-popup-footer-content{ padding:0 10px;} .journal-popup-footer-content .button{ line-height:26px;font-size:.9em;} .journal-popup-footer-content.has-btn{ height:auto !important;} .journal-checkout .confirm-order{ margin-top:5px;} .journal-popup.journal-popup-text{ display:inline-block;} .mfp-content{ overflow:hidden;} }@media only screen and (max-width:1024px){ .mfp-container{ overflow:hidden;} .journal-popup .mfp-close{ top:-7px;right:-7px;font-weight:bold;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);} .journal-popup textarea{ height:100px;height:20vh;} .radio.check-terms{ padding-top:10px;} .radio.check-terms input{ display:block;float:left;} }@media only screen and (max-width:760px) and (orientation:landscape){ .journal-popup.journal-popup-text{ left:0;-webkit-transform:scale(0.8);transform:scale(0.8);} .journal-popup.journal-popup-text .journal-popup-content p img{ max-height:160px;max-height:52vh;} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{ width:auto;} }@media only screen and (max-width:600px) and (orientation:landscape){ .journal-popup.journal-popup-text{ -webkit-transform:scale(0.6);transform:scale(0.6);} .journal-popup.journal-popup-text .journal-popup-content p img{ max-height:125px;max-height:66vh;} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{ height:100vh;} .journal-popup, .mfp-wrap{ width:100% !important;left:0;max-height:none;} .mfp-content{ vertical-align:top;} }@media only screen and (max-width:760px){ .mobile-menu{ overflow-y:scroll !important;max-height:calc(100vh - 40px);-webkit-overflow-scrolling:touch;} }@media only screen and (max-width:760px){ .filter-on-mobile.category-page #container #column-left, .filter-on-mobile.manufacturer-page #container #column-left, .filter-on-mobile.search-page #container #column-left, .filter-on-mobile.special-page #container #column-left{ display:block !important;width:100% !important;padding-right:20px !important;padding-bottom:0;position:relative;z-index:9;} .open-filter{ display:block !important;color:white;background-color:#5F6874;line-height:38px;padding-left:15px;font-family:inherit;font-size:15px;margin-bottom:20px;} .open-filter::before{ content:"\f1de";font-size:16px;float:left;margin-right:10px;color:white;} .sf-reset, .side-column .journal-sf .box{ display:none;} #column-left + #content{ padding-top:0 !important;clear:left;} }@media only screen and (min-width:760px) and (max-width:1024px){ .journal-header-center .autocomplete2-suggestions{ min-width:240px;} }@media only screen and (max-width:980px){ .journal-header-default .journal-cart{ -webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;} .side-column .oc-module .product-details{ max-width:110px;} }@media only screen and (max-width:760px){ .oc2 .alert{ display:block;} .default-header .journal-top-header{ display:none;} .journal-header-default .journal-logo{ height:85px;} .journal-header-default .header-assets{ position:static;} .journal-header-center .links a, .journal-header-center .links .no-link{ height:40px;} .journal-header-center #header{ padding-top:0;} .journal-header-center #header .journal-links{ position:relative;} .journal-header-center .journal-search{ -webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;} .journal-header-center .journal-cart{ -webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;} }.iphone .form-horizontal .form-group label, .ipad .form-horizontal .form-group label{ padding-top:0;}