/** Shopify CDN: Minification failed Line 228:73 Expected identifier but found "!" Line 861:32 Unexpected "{" Line 867:88 Unexpected "{" Line 1068:0 Unexpected "}" **/ /* width: 1200px */ @media (min-width: 1200px) { .header-bottom.on .header-panel-top { right: 65px; } .quickview-template .content, .quick-view .content { width: 1038px; } .products-grid > .col { width: 20%; } .list-category .grid-item.col {width: 20%;} } @media (max-width: 1034px) { .grid-item .hover { display: none;} .products-grid .wishlist { display: none; } .quick-view { display: none!important; } .products-grid .spr-badge { position: static; opacity: 1; filter: alpha(opacity=100); } .products-grid .grid-item .product-top { position: static; } .quickview-button { visibility: hidden; display: none; } /* product */ .products-grid .grid-item { padding-bottom: 50px; } .list-category .view { display: none; } .recently-viewed-products .product-bottom .action, .products-grid .product-des { opacity: 1; filter: alpha(opacity=100); bottom: 0; } .recently-viewed-products .product-bottom .action { position: static; } .products-grid .owl-item .grid-item { padding-bottom: 50px; } } /* width: 970px */ @media (min-width: 992px) and (max-width: 1199px) { .banner .container { margin-left: -495px; } .banner .inner { width: 400px; } .header-bottom.on .header-panel-top { right: 65px; } .header-bottom.on .site-nav > li > a { margin-left: 15px; margin-right: 15px; font-size: 11px; } .newsletter .input-group-field { width: 245px; } .toolbar .btn-group { margin-left: 15px; } .product-img-box.has-jcarousel .product-photo-container { width: 220px; } .grid-item-details { width: 100%; } .more-view-wrapper .jcarousel-clip-vertical { height: 253px; } .quick-view .product-img-box.has-jcarousel .product-photo-container { width: 230px; } } /* width: 750px */ @media (min-width: 768px) and (max-width: 991px) { .banner .container { margin-left: -375px; } .banner .inner { width: 320px; } .header-bottom.on .header-panel-top { right: 65px; } .header-bottom.on .site-nav { padding-right: 90px; } .header-bottom .nav-search .icon-search { width: 50px; } .nav-bar .header-logo-fix { margin-left: 10px; margin-right: 10px; } .site-nav > li > a { margin-left: 12px; margin-right: 12px; } .header-bottom.on .site-nav > li > a { margin-left: 7px; margin-right: 7px; font-size: 10px; } .header-bottom.on .top-cart a span.first { width: 50px; background-position: -29px -110px; } .header-bottom.on .top-cart a #cartCount { right: 10px; } .slide-heading { padding: 0 0 5px; } .slide-des p.line { display: none; } .slide-text { padding-bottom: 10px; line-height: 1.35; } .collection-title h3.h5 { font-size: 18px; } #email-modal .modal-window { width: 705px; } #email-modal .window-window .window-content .left { width: 425px; padding: 40px 10px 30px 20px; } #email-modal .window-window .window-content .right { width: 280px; } .slide-des { bottom: 60px!important; } .banner p { margin-bottom: 20px; } .newsletter .input-group-field { width: 100%; } .widget-featured-product .products-grid .grid-item { width: 150px; } .widget-featured-product .btn { padding: 0 5px; } .sidebar-custom ul li { width: 100%; } .refined-widgets > a { float: left; } .toolbar .view-mode label { display: none; } .toolbar .view-mode { margin: 16px 8px 16px 16px; } /* product detail page */ .product-img-box.has-jcarousel .product-photo-container { width: 150px; } .more-view-wrapper .jcarousel-clip-vertical { height: 160px; } .product-img-box.has-jcarousel .product-photo-thumbs li { margin-bottom: 10px; } .tab-content .spr-form-input-textarea { width: 100%; } .nav-tabs > li { width: 100%; margin-bottom: 0; } .nav-tabs > li > a { padding: 14px 20px 12px!important; } .nav-tabs > li > a:hover, .nav-tabs > li:hover > a, .nav-tabs > li:hover > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-color: transparent; color: #fff; background: #000; padding: 13px 20px!important; } /* cart page */ .cart-row .btn { font-size: 12px; padding: 0 10px; } /* contact page */ #contactFormWrapper input[type="text"], #contactFormWrapper input[type="email"], #contactFormWrapper input[type="tel"] { width: 340px; } #contactFormWrapper textarea { width: 340px;} #get-rates-submit { padding: 0 10px; } } @media (min-width: 768px) { .cbp-spmenu-push-toright {left:0!important;} #cbp-spmenu-s1 {display: none !important;} .sidebar { display: block!important; } .header-bottom.on .top-cart a span.first {text-indent: -999em;display: inline-block;background: url(cart-white.svg)50% 50% no-repeat;width: 65px;height: 48px;background-size: 13px 19px;} .header-bottom { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; } .header-bottom.on { position: fixed; left: 0; right:0; top: 0; z-index: 999; padding: 0; } .wrapper-container .header-bottom.on .site-nav li.dropdown.mega-menu > a:after, .wrapper-container .header-bottom.on .site-nav li.dropdown.mega-menu > a:before { display: none; } .header-bottom.on p.text_order, .header-bottom.on .currency, .header-bottom.on .header-logo, .header-bottom.on .free_shipping, .header-bottom.on .customer-links { display: none; } .header-bottom.on .header-panel { position: absolute; width: auto; right: 0; top: 0; z-index: 10; } .header-bottom.on .header-panel-bottom { width: 100%; margin: 0; } .header-bottom.on .top-cart { padding: 0; } .header-bottom.on #dropdown-cart { left: auto; right: 0; top: 48px; } .header-bottom.on .header-panel-top { position: absolute; width: auto; top: 0; z-index: 11; } .header-bottom.on .nav-search .icon-search { display: block; } .header-bottom.on .search-bar { display: none; position: absolute; right: -1px; top: 48px; width: initial; } .header-bottom.on .search-bar input.input-group-field { font-style: italic; background: #fff; border: 2px solid rgba(0,0,0,0.2); border-top: 0; height: 38px; width: 232px; } .header-bottom.on .search-bar .input-group-btn input.btn { height: 38px; background-position: 8px 13px; } .header-bottom.on .top-cart a .first{display:none} .header-bottom.on .top-cart .icon { display: none; } .header-bottom.on .top-cart a { display: block; } .header-bottom.on .top-cart a i.first {font-size:0px; display: inline-block; width: 65px; height: 48px;line-height:48px; border-left: 1px solid #4d4d4d; } .header-bottom.on .top-cart a #cartCount { background: #f02121; color: #fff; position: absolute; right: 10px; top: 10px; line-height: 20px;height:20px; width:20px; margin: 0; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 100%; border-radius: 100%; } .header-bottom.on .top-cart a:hover span.first{border-bottom:0px;} .header-bottom.on .top-cart a span.first > .fa-shopping-bag{display:block;} .nav-bar .header-logo-fix { float: left; display: none; margin: 0 30px; } .header-bottom.on .nav-bar .header-logo-fix { display: table; height: 48px; position: relative; z-index: 2; } .header-bottom.on .nav-bar .header-logo-fix a { display: table-cell; vertical-align: middle; } .header-bottom.on .search-bar .input-group-btn button.btn{height:38px} .header-bottom.on .site-nav { padding-right: 120px; } /* .nav-search.on .search-bar { display: block!important; } */ .header-bottom.on .lang-block { display: none; } .have-fixed .nav-bar {position: fixed;left: 0;right: 0;top: 0;z-index: 99;padding: 0;} .have-fixed .nav-search {position: fixed;top: 0;right: 65px;z-index: 100;} .have-fixed .header-logo-fix {display: block;line-height:48px} .flex-control-nav { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .site-nav li.dropdown a > .icon-dropdown { display: none; } } /* width: 100% */ @media (max-width: 767px) { /* .header-panel {display: none;} /* added by matt */ .cbp-spmenu .site-nav-dropdown.style_4 .inner img{margin-top:10px;} .lang-block { clear: both; display: inline-block; float: none; text-align: center; padding: 8px 10px; } .lang-block .selectize-control { float: none; margin: 0; } .banner .container { position: static; margin-left: 0; } .header-bottom .search-bar input.input-group-field{background:none!important;} img:hover { opacity: 1; filter:alpha(opacity=100); } .quickview-button, .newsletterwrapper { display: none !important; } #slider { display: none; } .visible-phone { display: block; } .hidden-phone { display: none; } /* header */ #currencies-modal { position: absolute; top: 46px; left: 0; width: 100%; z-index: 9; padding: 10px 20px; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.15);color:#000!important; } p.login { display: none; } .header-mobile { display: block; } .header-mobile .currency { width: 25%; } .customer-links { padding-left: 0; float: none; /* display: none; */} .customer-area a { text-decoration: none; } .customer-links li.wishlist { display: none; } .header-top { padding: 17px 0; } .header-top .container { position: relative; } .header-top .close { position: absolute; top: 5px; right: 10px; margin: 0; } .header-top p { max-width: 250px; margin: 0 auto; } .header-bottom { padding: 0; } .header-bottom .container { padding: 0; } .header-bottom p.text_order { float: none; display: inline-block; text-align: center; padding: 9px 10px; vertical-align: top; } .header-logo { margin: 15px 0 20px; text-align: center; float: left; width: 100%; } .header-panel { padding: 0; clear: both; overflow: hidden; border-top: 1px solid #e7e7e7; } .header-panel-bottom { float: left; width: 100%; text-align: center; margin: 0; } .header-panel-bottom .customer-links { display: none; } .header-panel-top { /*float: none;*/ width: auto; clear: both; text-align: center; } .currency, .header-bottom .currency .selectize-control div.item{color:#fff!important;} .currency #currencies { height: 46px; border: 0; background: #141414; color: #fff; width: 100%; font-weight: 700; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; } .header-panel-top .currency { position: absolute; right: 25%; top: 0; float: left; width: 25%; background: #141414; border-right: 1px solid #868686; } .header-panel-top .currency .selectize-control { height: 46px; width: 100%; margin:0; position: static!important; } .header-panel-top .currency .selectize-control.single .selectize-input, .header-panel-top .currency .selectize-control.single .selectize-input input { color: #fff; width: 100%; height: 46px; line-height:46px; background: none; cursor: pointer; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .header-panel-top .currency .selectize-control.single .selectize-input input { display: none; } .header-panel-top .currency .selectize-control div.item { background: none; padding: 0;} .header-panel-top .currency .selectize-control div.item:after { border: 4px solid transparent; border-top-color: #fff; content:''; height: 0; display: inline-block; margin-left: 8px; } .header-panel-top .currency .selectize-control.single .selectize-input.dropdown-active { background-color: rgba(0,0,0,0.8); } .header-panel-top .currency .selectize-control.single .selectize-input:after { border:0; } .header-panel-top .currency .selectize-control.single .selectize-input.dropdown-active div.item:after { border-top-color: transparent; border-bottom-color:#fff; margin-bottom: 4px; } .header-panel-top .currency .selectize-dropdown { margin-top: 0; width: 100%!important; left: 0!important; } .header-panel-bottom { position: static; } .header-bottom { position: relative; } .header-bottom .top-header { background: #141414; position: absolute; right: 0; top: 0; } .header-bottom .top-header .top-cart .fa-shopping-bag.first{color:#fff;!important;line-height:46px;} .header-bottom .top-cart { float: right; width: 100%; padding: 0; } .header-bottom .top-cart .icon { display: none; } .header-bottom .top-cart a { float: left; width: 100%; height: 46px; background: url(cart-white.svg) 50% 50% no-repeat; background-size: 13px 19px; } .header-bottom .top-cart a span.first{display:none;} .header-bottom .top-cart a:hover { background-color: rgba(0,0,0,0.8); } .header-bottom #dropdown-cart { left: auto; right: 0; top: 46px; border-width: 0 0 1px; } .header-bottom .top-cart a #cartCount{ background: #f02121!important; color: #fff; position: absolute; top: 10px; line-height: 20px; height: 20px; width: 20px; margin: 0; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 100%; border-radius: 100%;} .header-panel-top .nav-search { display: none; } .header-bottom .free_shipping { max-width: 300px; margin: 0 auto; } .header-panel .nav-search { width:100%; margin: 24px 0 0; padding: 8px 10px; border: 1px solid #e7e7e7; border-width: 1px 0; display: none; } .header-panel .nav-search:hover { background: #fafafa; } .header-panel .nav-search .input-group, .header-panel .search-bar input.input-group-field { width:100%; background: none; border: 0; } /* footer */ #back-top { width: 36px; height: 36px; right: 10px; top: auto; bottom: 100px; background-position: 0 -1914px; background-color: #fff; } .footer-top .col-1, .footer-top .col-2 { width: 50%; } .footer-top .col-3, .footer-top .col-4 { width: 100%; } /* home page */ .banner .inner { position: static; width: 100%; margin-top: 20px; } .banner h2 { font-size: 20px; } .banner p { margin-bottom: 20px; } .banner-home-top { margin-bottom: 20px; } .banner-home-top li { margin-bottom: 10px; } .banner-home-bottom .des h4 { margin-top: 20px; } .widget-title fieldset.box-title legend { font-size: 18px; } /* Slideshow */ .home-slideshow .line, .home-slideshow .slide-button, .home-slideshow .slick-slider .slick-arrow{display:none!important;} .slide-heading { font-size: 15px!important; display: none; border: 2px solid rgba(0, 0, 0, .075); background: rgba(0, 0, 0, .075); padding: 8px 12px 7px; } .slide-text { font-size: 11px; line-height: 1.3; display: none; padding-bottom: 0;} .slide-des p.line { display: none; } .home-slideshow .slider-content{left:0px!important;right:0px!important} /* Fix Menu Mobile */ .nav-bar { display: none; } .mobile-menu-grid { background-color: #000; display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(12px, auto); border-bottom: 1px solid #e5e5e5; } .gf-menu-device-container .site-nav { display: block!important; overflow: hidden; } .gf-menu-device-container .site-nav.gf-menu.clicked { visibility: visible; height: auto; } .gf-menu-device-container .col-4 { width: 100%; } .gf-menu-device-wrapper .mobile-menu-grid .close-menu{font-size:17px;padding: 10px 20px; color: #fff; text-align: right;display: block; grid-column: 4;cursor: pointer;} .gf-menu-device-wrapper .input-group { position: inherit; display: flex;} .gf-menu-device-wrapper .container { padding-bottom: 26px;} .gf-menu-device-wrapper .container { padding-left: 20px;} .gf-menu-device-wrapper .container .col-1, .gf-menu-device-wrapper .container .col-2, .gf-menu-device-wrapper .container .text { float:left; } .gf-menu-device-wrapper .container .text h3 { margin: 0 0 5px; } .gf-menu-device-wrapper .container .text h3 img:hover { opacity:1; } .gf-menu-device-wrapper .container ul { padding:0; list-style: none; } .gf-menu-device-wrapper .container ul.social-icons {margin: 4px 10px 20px 0;float: left;} .gf-menu-device-wrapper .container ul.social-icons { list-style: none; padding: 0; } .gf-menu-device-wrapper .container ul.social-icons li { display: inline-block; padding: 0; margin-right: 12px; } .gf-menu-device-wrapper .container ul.social-icons li a { color: #fff; display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; border: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .gf-menu-device-wrapper .container ul.social-icons li a {background:#fff;color:#141414;border: 1px solid #fff;} .gf-menu-device-wrapper .container ul.social-icons li a:hover{color:#fff;background:#141414; border: 1px solid #fff;} .gf-menu-device-wrapper .input-group { width: 100%; } .gf-menu-device-wrapper .search-bar input.input-group-field { font-style: italic; background: #fff; width: 100%; } .gf-menu-device-wrapper .search-bar .input-group-btn {width: fit-content;} .gf-menu-device-wrapper .search-bar .input-group-btn button.btn{font-size: large;} /* .footer-top ul.social-icons {margin: 4px 10px 20px 0;float: left;} .footer-top .footer-social ul.social-icons { list-style: none; padding: 0; } .footer-top .footer-social ul.social-icons li { display: inline-block; padding: 0; margin-right: 12px; } .footer-top .footer-social ul.social-icons li a { color: #fff; display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; border: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .footer-top .footer-social ul.social-icons li a {background:#fff;color:#141414;border: 1px solid #fff;} .footer-top .footer-social ul.social-icons li a:hover{color:#fff;background:#141414; border: 1px solid #fff;} */ /* End Fix Menu Mobile */ .cbp-spmenu-left.cbp-spmenu-open { left: 0; overflow-y: auto; } .cbp-spmenu-push-toright { overflow-y: hidden;position: fixed; width: 100%;} #megamenu-responsive-root { display: none !important; } .menu-block { width: 50%; float: left; padding: 0; } /* Icon Menu */ .site-nav > li:hover > a > span:first-child, .site-nav > li:hover > a.current > span:first-child, .site-nav > li > a.current > span:first-child { border: 0; } .site-nav a { white-space: normal; } .cbp-spmenu { background: url(//cdn.shopify.com/s/files/1/2382/7423/t/11/assets/box-shadow-mobile.png?v=105698230563824345621515556554) right 0 repeat-y #3c3f41; } .cbp-spmenu .site-nav > li > a { font-size: 13px; font-weight: 700; color: #fff; padding: 12px 20px; margin: 0; border-bottom: 1px solid #3c3f41; } .cbp-spmenu .site-nav > li.dropdown.open > a {position: relative;} .cbp-spmenu .site-nav > li.dropdown.open > a:before { border-top-color:transparent; border-bottom-color: #fff;top: 15px; } .menu-block .site-nav { border-bottom: none; } .site-nav li { position: relative; } .site-nav li.dropdown { position: relative; } .site-nav > li { display: block; clear: both; position: relative;} .site-nav > li > a { padding: 12px 0; } .site-nav > li.dropdown > p.toogleClick { height:0; width:0; display:block; margin-left: 7px; top: 2px; right: 5px; margin:0; padding: 0; z-index: 2; padding: 20px;} .site-nav > li.dropdown p.toogleClick { position: absolute; right: 0; text-indent: -999em; cursor: pointer; } .site-nav > li.dropdown > p.toogleClick:before { height:0; width:0; border:5px solid transparent; border-top-color: #fff; display:block; margin-left: 7px; text-indent: -999em;cursor: pointer; position: absolute; top: 19px; right: 15px; margin:0; padding: 0; background: none; z-index: 2; content: "";} .site-nav > li.dropdown:hover > p.toogleClick:before { border-top-color: #fff; } .site-nav > li.dropdown > p.toogleClick.mobile-toggle-open:before { border-top-color:transparent; border-bottom-color:#bb0b0b; top: 14px;} .site-nav > li.dropdown:hover > p.toogleClick.mobile-toggle-open:before { border-bottom-color: #bb0b0b; } .site-nav > li.dropdown > a.mobile-open { color: #bb0b0b; font-size: 17px;} .site-nav li.dropdown a > .icon-dropdown { display: none; } .site-nav-dropdown { border: 0; background: none!important; width: 100%; position: static; padding: 0 20px; } .site-nav-dropdown .container { padding-left: 0; padding-right: 0; } .site-nav-dropdown .row{margin:0px!important} .site-nav > li:hover > a, .site-nav > li.open > a:hover, .site-nav > li:hover > a:hover { background: #1a1a1a; } /* .site-nav > li.dropdown:hover > a { color: #bb0b0b; } /* matthew dropdown colors when item is selected */ /* .site-nav > p.mobile-toggle-open > a { color: #bb0b0b; } */ .site-nav > li:hover > a.mobile-open, .site-nav > li:hover > a.mobile-open:hover { color: #bb0b0b;} .site-nav > li.dropdown ul p.toogleClick.mobile-toggle-open:before { top: 10px; } .site-nav-dropdown .col-1 .inner p.toogleClick:before, .site-nav > li.dropdown ul p.toogleClick:before { display: block; content:""; position: absolute; right: 0; top: -15px!important; width: 20px; height: 40px; padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px;} .site-nav-dropdown p.toogleClick { background: url(//cdn.shopify.com/s/files/1/2382/7423/t/11/assets/icon-megamenu.png?v=100493816699163438341515556561) no-repeat; padding: 0; width: 8px; height: 8px; right: 0; top: 18px; z-index: 2; } .site-nav-dropdown .col-1 .inner p.toogleClick { display: block!important;filter: invert(100%); } .site-nav > li.dropdown ul p.toogleClick.mobile-toggle-open, .site-nav-dropdown .col-1 .inner p.toogleClick.mobile-toggle-open { background-position: center bottom; height: 4px; } .site-nav > li > ul > .dropdown.open > ul {display: block;} .site-nav > li > ul > li > ul > .dropdown.open > ul {display: block;} .site-nav > li > ul > li > ul > ul > li > .dropdown.open > ul {display: block;} .site-nav > li > .site-nav-dropdown { border-bottom: 1px solid #e5e5e5; } .site-nav > li > .site-nav-dropdown > li > a { padding: 11px 0 13px; text-transform: uppercase; font-size: 11px; font-weight: 700; border-top: 1px solid #e5e5e5; } .site-nav > li > .site-nav-dropdown > li:first-child > a { border-top: 0; } .site-nav > li > .site-nav-dropdown > li:hover > a:before { background: none; } .site-nav > li li .site-nav-dropdown { padding: 0 15px; margin-bottom: 20px; } .site-nav-dropdown li:hover a { background: none; } .site-nav-dropdown li:hover a, .site-nav-dropdown a:active { padding-left: 0; } .site-nav-dropdown li li a { padding: 7px 0; } .site-nav-dropdown li li:hover a { padding: 7px 20px; } .site-nav-dropdown li:hover > a:before { left: 0; } .site-nav-dropdown .col-1, .site-nav-dropdown .col-2, .site-nav-dropdown .col-3 { width: 100%; padding: 0; } .site-nav-dropdown .col-3 { padding-bottom: 28px; } .site-nav-dropdown .col-1 .inner { width: 100%; padding: 0; } .cbp-spmenu .site-nav-dropdown .col-1 .inner:first-child > a { border-top: 0; } .site-nav-dropdown .col-1 ul.dropdown li a { padding: 7px 15px; font-size: 12px; font-weight: 400; text-transform: none; border: 0; } .site-nav-dropdown .col-1 ul.dropdown li:hover > a { padding-left: 40px; } .site-nav-dropdown .col-1 ul.dropdown li:hover > a:before { left: 20px; } .site-nav .widget-featured-product { text-align: left; border: 1px solid #e5e5e5; border-width: 1px 0; margin-bottom: 10px; padding-top: 23px; padding-bottom: 25px; } .site-nav .products-grid .grid-item { text-align: left; } .site-nav .products-grid .grid-item .product-grid-image { float: left; margin: 0 15px 0 0; } .site-nav .widget-featured-product .widget-title h3 { font-size: 11px; } .widget-featured-product .grid-item .product-grid-image img { width: 80px; } .widget-featured-product .products-grid .grid-item { position: relative; } .widget-featured-product .details { overflow: hidden; } .site-nav .product-label { display: none; } .site-nav .product-label strong { float: left; } .cbp-spmenu .site-nav-dropdown .col-1 .inner { width: 100%!important; position: relative; padding: 0; float: left; } .cbp-spmenu .site-nav-dropdown.style_4 .inner{width:100%;} /* Ajax */ .ajax-success-modal .btn-secondary { font-size: 9px!important; height: 34px; line-height: 30px; padding: 0 8px; } .ajax-success-modal .content { width: 100%; margin-left: 0; margin-top: 0; left: 0; top: 60px!important; padding: 20px 10px; min-height: 180px; } .ajax-success-modal .close-modal { right: 5px; top: -40px; } .ajax-success-modal .ajax-right { margin-left: 80px; } .ajax-success-modal .ajax-left { margin-right: 10px; } .ajax-success-modal .continue-shopping { margin-right: 5px; } /* category */ .toolbar .view-mode label { padding-bottom: 0; border:0; margin: 0; } .sidebar { display: none; } .sidebar, .col-main { width: 100%!important; } .template-article #displayTextLeft, .template-blog #displayTextLeft { display: block; } .widget-featured-product .products-grid { width: 100%; } /* detail */ .product-shop { clear: both; } .product-shop .addthis, .product-shop p.custom { margin-bottom: 20px; } .product { margin-bottom: 30px; } .product-shop #add-to-cart-form .btn { margin-bottom: 10px; } .nav-tabs { margin-bottom: 20px; } .nav-tabs > li { width: 100%; margin-bottom: 0; } .nav-tabs > li > a { padding: 14px 20px 12px!important; } .nav-tabs > li > a:hover, .nav-tabs > li:hover > a, .nav-tabs > li:hover > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-color: transparent; color: #fff; background: #000; padding: 13px 20px!important; } #shopify-product-reviews { padding: 0; } #shopify-product-reviews .spr-summary { text-align: left; } #shopify-product-reviews .spr-summary-actions { clear: both; float: left; width: 100%; } .spr-summary-actions a { margin-top: 20px; clear: both; float: left; } .product-img-box.has-jcarousel .product-photo-container { float: none; display: inline-block; margin-right: 10px;} .product-img-box.has-jcarousel .more-view-wrapper { float: none; display: inline-block; overflow: hidden; } .product-img-box { float: none; text-align: center; padding-right: 10px; margin-bottom: 30px; } .product-img-box .product-photo-container { z-index: -1; } .product-photo-container #product-featured-image { max-width: 100%;} .product-photo-container .zoomContainer { max-width: 100%;} .zoomWrapper { width: 100% !important; max-width: 100%; position: relative; z-index: -1; } .zoomLens { display: none !important; } .zoomWindowContainer { display: none !important; } .zoomContainer { display: none!important; } .tab-content .spr-form-input-text, .tab-content .spr-form-input-email, .tab-content .spr-form-input-textarea { width: 100%; } .related-products .owl-theme .owl-controls .owl-buttons div.owl-prev, .related-products .owl-theme .owl-controls .owl-buttons div.owl-next { opacity: 1; } /* cart page */ .cart-list a.product-img { width: 40%; } .cart-list .product-details { width: 60%; } .cart-list input.qty { margin: 0 20px 20px 0; } .cart-row textarea { margin-bottom: 30px; width: 100%;} #shipping-calculator-form-wrapper p {margin-bottom: 10px;} /* end cart page -----------------------------------------------------------------------------------------*/ /* lookbook */ .lookbook .slide-heading { background: none; border: 0; padding: 0; } .lookbook .slide-des p.line { display: none; } .lookbook .slide-text { display: none; } .lookbook_page .slick-slider .slick-arrow{display:none!important;} .lookbook_page .slide-heading p.line{display:none;} /* wishlist page */ table.wishlist-product thead th:first-child, table.wishlist-product tbody td:first-child { display: none; } table.wishlist-product tbody td { padding: 10px 5px;} table.wishlist-product thead th { padding: 10px 5px; white-space: normal; } table td, table th { padding: 5px 8px; } /* my account */ .grid-item form input[type="tel"], .grid-item form input[type="text"], .grid-item select { width: 100%; } #recover_password input, #customer_login input, #create_customer input { width: 100%; } .message #comment-body, .comment-form .comment-form input, #contactFormWrapper input[type="text"], #contactFormWrapper input[type="email"], #contactFormWrapper input[type="tel"], #contactFormWrapper textarea { width: 100%; margin-left:0; margin-left:0; } /*Update 2.0.1*/ .site-nav-dropdown .col-2 .col-left { width: 100%; clear: both; padding: 0; } .site-nav-dropdown .col-2 .col-right { width: 100%; clear: both; padding: 0 0 10px; } .site-nav-dropdown .style_2 .col-2 .col-left a { padding-right: 0; } .site-nav-dropdown .style_3 .inner > img { display: none; } .site-nav-dropdown .style_4 .col-2 { padding-right: 0; } .products-grid .grid-item { width: 33.33%; } } @media (max-width: 720px) { .products-grid { width: 480px; margin: 0 auto; } .products-grid .grid-item { width: 50%; } } @media (max-width: 530px) { .share_toolbox ul { float:left; margin-top: 5px; } .share_toolbox ul li:first-child { padding: 0; } } @media (max-width: 499px) { .newsletter .input-group-field { width: 63%; } .products-grid { width: 100%; margin: 0 auto; } .products-grid .grid-item { width: 50%; } .product-list .product-list-thumb { max-width: 100px; } .product-list .grid-item .product-image { margin-right: 20px; } .product-img-box.has-jcarousel .product-photo-container { width: 230px; } .more-view-wrapper .jcarousel-clip-vertical { height: 265px; } .products-grid .grid-item .product-title{min-height:40px;} .grid-item-details { width: 100%; } } @media (max-width: 360px) { .newsletter .input-group-field { width: 100%; } .infinite-scrolling a, .infinite-scrolling-homepage a { width: 100%; } .button .btn { padding: 0 10px; } .products-grid .product-item .btn{padding:0px 8px;} .toolbar .view-mode { margin: 16px 8px 16px 16px; } .toolbar .view-mode label { display: none; } .toolbar.toolbar-bottom { text-align: center; } .toolbar.toolbar-bottom .page-total { float: none; margin-bottom: 10px; } .pagination-page { text-align: center; } table.full thead th:nth-child(3), table.full tbody td:nth-child(3) { visibility: hidden; padding: 0; font-size: 0; } } @media (max-width: 767px) { .site-header p.text_order_link { padding: 9px 0; margin: 0; } .right-block, .topMegamenu { display: none; } .header-panel { position: static; } .header-logo { float: none; } .header-panel .nav-search { margin: 0; } .header-panel .nav-search .icon-search { display: none; } .header-panel .nav-search .search-bar { display: block; position: relative; top: initial; right: initial; } .header-panel-top:after { background: transparent; } } @media (max-width: 699px) { #section-c-careers .bg-image-careers img{ object-fit: cover; object-position: 70% 0; height: 100%; } } /* Careers Media Query */ @media(min-width: 700px) { .careergrid { display: grid; grid-template-columns: 1fr repeat(2, minmax(auto, 50em)) 1fr; margin-right: 1em; grid-gap: 1em; grid-auto-rows: minmax(50px,auto); } .content-wrap, #section-b-careers ul { grid-column: 2/4; } #showcase-careers ul { grid-column: 2/4; } #section-a-careers .content-text { columns: 1; column-gap: 2em; } #section-b-careers ul { display: flex; justify-content: space-around; } #section-b-careers li { width: 31%; } #section-c-careers .smallbox:first-child { grid-column: 1/4; grid-row: 1; display: grid; grid-template-columns: 1fr; grid-template-rows: minmax(25px,auto); position: relative; } #section-c-careers .smallbox:nth-child(2) { align-items: center; justify-content: center; text-align: left; grid-column: 1/4; grid-row:2; text-align: Center; } #section-c-careers .smallbox:nth-child(3) { align-items: center; justify-content: center; text-align: Center; display: flex; grid-column: 1/4; grid-row:3; } .smallbox, #section-c-careers div { grid-column: span 2; } #showcase-careers { min-height: 450px; color: #fff; text-align: center; } #section-c-careers .bg-image-careers { height: 450px; background-repeat: no-repeat; background-size: inherit; overflow: hidden; z-index: -1; display: block; margin-left: auto; margin-right: auto; width: 100%; } #section-c-careers .bg-image-careers img{ position: relative; top: 40%; left: 50%; transform: translate(-50%, -50%); display: block; max-width: 100%; height: auto; } } /* Tires Media Query */ @media(min-width: 749px) { #showcase .bg-image { position: absolute; Background-position: center; background-repeat: no-repeat; background-size: cover; max-width: 765px; overflow: hidden; height: 500px; z-index: -1; } } @media(min-width: 960px) { .grid { display: grid; grid-template-columns: 1fr repeat(2, minmax(auto, 50em)) 1fr; margin-right: 1em; grid-gap: 1em; grid-auto-rows: minmax(50px,auto); } #showcase .bg-image { position: absolute; background: #333 url(https://cdn.shopify.com/s/files/1/2382/7423/files/Duratrac_Showcase_Banner.png?36407356695340965); Background-position: center; background-repeat: no-repeat; background-size: cover; max-width: 1200px; overflow: hidden; height: 500px; z-index: -1; } #showcase .content-logo { padding-top: 20px; padding-bottom: 10px; padding-left:0px; width:20em; /* you can use % */ height: auto; } #showcase .shop-button-large { display: block; } #showcase .shop-button-large .btn {background: #f40c0c; } #showcase .shop-button-large .btn:hover {background: #ffffff; color: #000000; } #showcase h1 { text-align: left; padding-left: 3.75em; font-size: 2em; } .shop-button-mobile { display: none; } .smallboxheader, #showcase div { grid-column: span 1; } #showcase .smallboxheader:first-child { align-items: left; } #showcase .smallboxheader:nth-child(2) { text-align: left; padding-left: 1em; } #showcase .smallboxheader:nth-child(3){ align-items: center; text-align: Center; display: flex; grid-column: 1; } #showcase .nested{ display:grid; grid-template-columns:repeat(2,1fr); } #showcase .smallboxheader:nth-child(4) { text-align: center; padding-top: 8em; padding-left: 4em; } #section-a .content-text { columns: 2; column-gap: 2em; } #section-a .content-text p { padding-top:0; } #section-c .smallbox:first-child { text-align: left; } #section-c .smallbox:nth-child(2) { text-align: left; } #section-c .smallbox:nth-child(3) { align-items: center; justify-content: center; text-align: Center; display: flex; grid-column: 3/4; grid-row:1/4; } #section-c .smallbox:nth-child(4) { align-items: center; justify-content: center; text-align: Center; display: flex; grid-column: 3/4; grid-row:2; } .smallbox, #section-c div { grid-column: span 2; } .content-wrap, #section-b ul { grid-column: 2/4; } #section-b ul { display: flex; justify-content: space-around; } #section-b li { width: 31%; } } @media screen and (min-width: 48em) { .page-form .form-container, { width:50%; margin-right: auto; margin-left: auto } .page-form .form-container,.page-form .form-container:last-child:not(:first-child), { float: none; clear: both } .form-container__link-policy-text { padding-left: 10px } } @media print, screen and (min-width: 64em) .submit-wrapper div { float: none; } @media print, screen and (min-width: 40em) .submit-wrapper div { display: inline-block; } @media screen and (min-width: 120em) and (min-width: 40em) .form-field__label:not(.form-field__label-subscription) { padding-right: .625rem; padding-left: .625rem; } @media screen and (min-width: 40em) and (min-width: 75em) .form-field__label:not(.form-field__label-subscription) { padding-right: .625rem; padding-left: .625rem; } @media print, screen and (min-width: 40em) and (min-width: 64em) .form-field__label:not(.form-field__label-subscription) { padding-right: .625rem; padding-left: .625rem; } @media screen and (min-width: 40em) and (min-width: 48em) .form-field__label:not(.form-field__label-subscription) { padding-right: .625rem; padding-left: .625rem; } @media print, screen and (min-width: 40em) .form-field__label:not(.form-field__label-subscription) { padding-right: .625rem; padding-left: .625rem; } @media print, screen and (min-width: 40em) .form-field__label:not(.form-field__label-subscription) { width: 50%; float: left; padding-right: .3125rem; padding-left: .3125rem; } @media (min-width: 500px) and (max-width: 768px) { .box1 .img{ max-width: 100%; height: auto } .box2 { padding: 0.5em; grid-row: 5; justify-self: start; } .master_box > div:nth-child(even) .box2{ grid-column: 3/8; } .master_box > div:nth-child(odd) .box3{ grid-column: 4/7; } .master_box > div:nth-child(even) .box3{ grid-column: 2/5; } .box3 { background: #000; color: #fff; padding: 0.5em; font-size: smaller; font-family: montserrat; margin-left: 0em; text-align: center; grid-row: 6; } } @media (min-width: 768px) and (max-width: 1200px) { .master_box { display: grid; grid-template-columns: repeat(9, 1fr); } .team_wrapper { display: grid; grid-template-columns: repeat(7, 1fr); /*justify-items: start;*/ /* align-items: start; */ grid-column: 1/5; /* padding-top: 2em; */ /* padding-bottom: 2em; */ } .master_box > div:nth-child(even){ grid-column: 6/10; } .master_box > div:nth-child(even) .box1{ grid-column: 1/4; } .master_box > div:nth-child(even) .box2{ grid-column: 2/8; } .master_box > div:nth-child(even) .box3{ grid-column: 4/8; } } @media (min-width: 1100px) and (max-width: 1200px) { .master_box > div:nth-child(odd) .box2{ grid-column: 2/8; } } @media (min-width: 1200px) { .master_box { display: grid; grid-template-columns: repeat(16, 1fr); } .team_wrapper { display: grid; grid-template-columns: repeat(7, 1fr); /*justify-items: start;*/ /* align-items: start; */ /* grid-column: 1/5; */ padding-top: 2em; padding-bottom: 10em; } .master_box > div:nth-child(5n-2) { grid-column: 2/6; } .master_box > div:nth-child(5n-3) { grid-column: 10/14; } .master_box > div:nth-child(5n-4) { grid-column: 5/9; } .master_box > div:nth-child(5n-1) { grid-column: 7/11; } .master_box > div:nth-child(5n) { grid-column: 12/16; } .master_box > div:nth-child(even) .box1 { grid-column: 1/4; } .master_box > div:nth-child(even) .box2 { grid-column: 2/8; } .master_box > div:nth-child(odd) .box2 { grid-column: 2/8; } .master_box > div:nth-child(even) .box3 { grid-column: 4/8; } } } @media (min-width: 1920px) { .master_box { margin: 0 12%; } } @media (min-width: 2500px) { .master_box { margin: 0 18%; } } /* ABout Us Page */ /* ABout Us TOP BANNER */ @media screen and (max-width: 767px) { #shopify-section-about-top-banner { height: 500px; } } @media (min-width: 768px) { #shopify-section-about-top-banner { height: 600px; } .about_banner_master_box { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); height: inherit; } #about_banner_image { grid-row: 1; grid-column: 1/4; box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.4); background-size: 100% auto; background-position: center; background-repeat: no-repeat, repeat; } #About_Top_Banner_Header { grid-column: 2/4; text-align: left; padding-right: 1.5em; } #About_Top_Banner_Header > h2 { padding-top: 0.5em; padding-bottom: 1em; } } @media screen and (min-width: 1200px) { #shopify-section-about-top-banner { height: 700px; } .about_banner_master_box { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(5, 1fr); height: inherit; } #about_banner_image { grid-row: 1/4; grid-column: 1/8; box-shadow: inset 1px 0px 130px 100px rgba(0, 0, 0, 0.8); background-size: 100% auto; background-position: center; background-repeat: no-repeat, repeat; } #About_Top_Banner_Header { grid-column: 5/8; grid-row: 4/6; text-align: left; padding-right: 1.5em; } #About_Top_Banner_Header > h2 { font-size: 30px; /* 52px; */ font-weight: 700; padding-left: 0em; padding-bottom: 0.5em; } #About_Top_Banner_Header > p { padding-left: 1em; } } @media screen and (min-width: 1366px) { #shopify-section-about-top-banner { height: 800px; } } @media (min-width: 1920px) { .about_banner_master_box { margin: 0 6%; } } @media (min-width: 2500px) { .about_banner_master_box { margin: 0 18%; } } @media (min-width: 3000px) { .about_banner_master_box { margin: 0 20%; } } /* END ABOUT US TOP BANNER*/ /* ABOUT US STRENGTHS */ @media screen and (max-width: 830px) { .og-expander h3 { font-size: 32px; } .og-expander p { font-size: 13px; } .og-expander a { font-size: 12px; } } @media screen and (max-width: 650px) { .og-fullimg { display: none; } .og-details { float: none; width: 100%; } } @media screen and (min-width: 768px) { #shopify-section-about-strengths { height: 70vh; } .about_strengths_master_box { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(1, 1fr); grid-auto-rows: minmax(100px, auto); grid-auto-columns: minmax(100px, 100px); } .About_Strengths_Header { grid-column: 1/4; text-align: left; } .About_Strengths_Header > h2 { padding-left: 0.5em; } .about_strengths_cornerimg { grid-column: 4/6; justify-self: center; grid-row: 1/3; display: block; } .og-grid { grid-row: 2; grid-column: 1/4; } .og-fullimg > img { padding-top: 4.5em; padding-bottom: 3em; } } @media screen and (min-width: 992px) { .about_strengths_master_box { display: grid; grid-template-columns: repeat(6, 1fr); } .About_Strengths_Header { grid-column: 1/4; text-align: left; } .About_Strengths_Header > h2 { padding-left: 0.5em; } .about_strengths_cornerimg { grid-column: 5/7; justify-self: center; grid-row: 1/3; } } @media screen and (min-width: 1200px) { .about_strengths_master_box { display: grid; grid-template-columns: repeat(7, 1fr); grid-auto-rows: minmax(100px, auto); } .About_Strengths_Header { grid-column: 1/4; text-align: left; } .About_Strengths_Header > h2 { font-size: 30px; /* 52px; */ font-weight: 700; padding-left: 0.5em; } .about_strengths_cornerimg { grid-column: 4/8; justify-self: right; grid-row: 1/6; object-fit: fill; } #about_strengths_cornerimg1 { max-height: fit-content; } .og-grid li { padding-left: 2em; padding-right: 4em; } .icon-grid { padding-left: 3em; } .icon-grid li { height: auto; margin-bottom: 0em; padding-right: 2em; } .icon-grid .img { max-height: 50px; } .og-expander { width: 60%; /* MODIFIED BY MATT FROM 100% */ } } @media (min-width: 1920px) { .about_strengths_master_box { margin: 0 6%; } } @media (min-width: 2500px) { .about_strengths_master_box { margin: 0 18%; } } @media (min-width: 3000px) { .about_strengths_master_box { margin: 0 20%; } } /* END OF ABOUT US STRENGTHS */ /* END OF ABOUT US THE TEAM */ @media screen and (min-width: 1200px) { .About_Team_Header { font-size: 30px; /* 52px; */ font-weight: 700; padding-left: 0em; padding-bottom: 0.5em; } } /* END OF ABOUT US THE TEAM */ /* END ABOUT US */ /* CATEGORY PAGES */ @media screen and (max-width: 768px) { .cat-item img{ padding-bottom: 40px; } }