@media (min-width: 992px){ .col-md-4 { width: 32.333333%; } } @media (max-width: 992px) { #header_bottom ul#main_menu > li > a { padding: .75em .9em; font-size: 0.8em; line-height: 0.8em; } body .usp_area a { padding: 0 15px; font-size: 11px; } .panel_container.panel_products .list-row .panel, .panel_container.panel_products .list-row { padding-left: 15px; } .body.product form .product_options { display: block; } .body.product form .product_options .qty { height: 40px; } .body.product .product_options .input-name { display: inline-block; margin-right: 10px; width: auto; } } @media screen and (max-width: 769px){ .cta_4_item a { padding-top: 200px; } .homepage_messaging { font-size: 16px; line-height: 22px; } .checkout_progress:not(.pull-right) { display: block; } .checkout_progress .pull-right { height: 68px; display: flex; width: auto; min-width: 100%; margin-left: -15px; margin-right: -15px; align-items: flex-start; justify-content: space-between; text-align: center; } .magnify .magnify-lens { display: none!important; } .row.product .product_img { width: 100%; } body .showAll > div { width: 100%!important; } } @media (max-width: 992px) { body .footer-top > .container > .row { display: block; } body .footer-top > .container > .row > div:first-child { width: 100%; } body .footer-top > .container > .row > div { width: 100%; } body .footer-top > .container > .row > div.social { display: flex; align-items: center; margin-top: 15px; justify-content: center; } .checkout_progress:not(.pull-right) { display: block; } .checkout_progress .pull-right { height: 68px; display: flex; width: 100%; margin-left: 0px; margin-right: 0px; align-items: flex-start; justify-content: space-between; text-align: center; } body.cart form .row.two-col > [class*='col-'] { padding-left: 15px!important; padding-right: 15px!important; } body.cart .col-xs-12.col-sm-4.sidebar { margin-top: 25px; } .checkout_progress:not(.pull-right) { margin-bottom: 0; } .cart form .title { margin-bottom: 0; } body.cart form > p:first-child > .btn { margin-bottom: 15px; margin-top: -5px; } body.myaccount .darken_screen + section, body.myaccount .darken_screen + #ecom + #ecom section, body.cart .darken_screen + section, body.cart .darken_screen + #ecom > #checkout { margin: 30px 0; } .cart .cart form > .col-xs-12:first-child { display: block; } .row.cart .col-xs-12.col-sm-4 { margin-bottom: 15px; } .row.cart .col-xs-12.col-sm-6.text-right + .col-xs-12 hr { display: none; } .col-xs-12.col-sm-6.lgreybk.ecom-ship-info { margin-bottom: 15px; } body.cart .shippingmethod form > p:first-child > .btn { margin-top: 15px; } #header_top { display: none; } #header_bottom > .container { position: static; } .container.review .checkout_progress + .col-xs-12 > h1 { margin-top: 15px; } #header { position: static; } #header_bottom ul#main_menu .sub_menu .col-md-8 { padding: 0; } body .usp_area a:after { display: none; } body .usp_area a img { display: block; margin: 0 auto 5px; } body #header_bottom { display: block; position: static; } body #header_bottom ul#main_menu i { display: block; } body #header_bottom ul#main_menu > li > a > i { display: none; } body .header_mid_row > div.mid_1 { display: none; } body #header_bottom ul#main_menu { display: block; } body #header_bottom ul#main_menu > li { text-align: left; } body #header_bottom ul#main_menu > li > a { color: #333; padding: 1.5em 1.75em; -webkit-transform: none; -moz-transform: none; transform: none; } body #header_bottom ul#main_menu > li > .sub_menu li a, body #header_bottom ul#main_menu > li > .sub_menu li a:hover { padding: 15px 30px; font-weight: normal; font-size: 14px; line-height: 14px; } body #header_bottom ul#main_menu > li .sub_menu { margin-left: 0; min-height: 0px; } body #header_bottom ul#main_menu > li .sub_menu ul { border-bottom: 0; } body #header_bottom .mobile_menu_button a span { padding-right: 10px; } .no-padding { margin: 0px; } #header_top { padding: 0; } #header_top a { padding: 8px; display: inline-block; } #header_top a i { font-size: 14px; } #header_top a span { display: none; } /*section#banner .slide { height: 30vh; }*/ #header_bottom { background: #552236; } #header_bottom .mobile_menu_button { display: block; text-align: left; } #header_bottom .mobile_menu_button a { color: white; display: block; padding: 10px 0; font-weight: bold; font-size: 14px; line-height: 14px; } #header_bottom .mobile_menu_button a i { line-height: 14px; } #header_bottom ul#main_menu { width: 60%; border-right: 1px solid #ccc; top: 0; left: 0; min-height: 100vh; background: white; position: absolute; z-index: 1000; transform: translatex(-100%); -webkit-transform: translatex(-100%); transition: all 0.2s ease-in-out; } #header_bottom ul#main_menu.visible { transform: translatex(0); -webkit-transform: translatex(0); } #header_bottom ul#main_menu > li { width: 100%; display: block; position: relative; border-bottom: 1px solid #ccc; } #header_bottom ul#main_menu > li > a > span { padding: 16px 16px 9px; position: absolute; display: table-cell; background: white; overflow: hidden; right: 0; top: 0; bottom: 0; border-left: 1px solid #ccc; } #header_bottom ul#main_menu > li > a > span i { color: inherit; } #header_bottom ul#main_menu > li > a > span.close_menu { color: white; background: #0F5057; display: inherit; } #header_bottom ul#main_menu > li > a > span.visible i { transform: rotate(180deg); -webkit-transform: rotate(180deg); } #header_bottom ul#main_menu > li .sub_menu { padding: 0; margin-top: 3px; border-top: 0 none; position: relative; } #header_bottom ul#main_menu > li .sub_menu span.dropdown_btn { display: block; } #header_bottom ul#main_menu > li .sub_menu li:hover > a { color: inherit; } #header_bottom ul#main_menu > li .sub_menu .row > div:last-child { display: none; } #header_bottom ul#main_menu > li .sub_menu .container { padding-left: 0; padding-right: 0; } #header_bottom ul#main_menu > li .sub_menu .container > div:first-child { margin-left: 0; margin-right: 0; } #header_bottom ul#main_menu > li .sub_menu ul { padding: 0; margin: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #header_bottom ul#main_menu > li .sub_menu ul:after { clear: both; display: block; content: ''; } #header_bottom ul#main_menu > li .sub_menu ul li { width: 100%; } #header_bottom ul#main_menu > li .sub_menu ul li span.visible i { transform: rotate(180deg); -webkit-transform: rotate(180deg); } #header_bottom ul#main_menu > li .sub_menu ul li span { z-index: 199; } #header_bottom ul#main_menu > li .sub_menu ul li ul { display: none; } #header_bottom ul#main_menu > li .sub_menu > .container > ul { border-bottom: 1px solid #ccc; } #header_bottom ul#main_menu > li .sub_menu > .container > ul > li { width: 100%; } .filter_list { display: none; } .filter_list ul > li { width: 49%; display: inline-block; } .filter_list ul > li ul li { width: 100%; display: block; } .filter_list.visible { display: block; } a.filter_button { z-index: 59; color: white; display: block; font-weight: bold; position: relative; padding: 10px 15px; margin-bottom: 15px; background: #0F5057; } a.filter_button:hover { text-decoration: none; } a.filter_button i { margin-top: 2px; float: right; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } a.filter_button.visible i { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .product_img { width: 75vw; max-height: 100vw; display: block; margin: 0 auto 15px; min-height: 0; } .product_options .option p { width: 30%; } .product_options .option select { /* width: 65%; */ } .product .btn { display: block; width: 100%; margin-bottom: 15px; } #AddThis > div { margin: 40vh 20vw; } #main_image { margin: auto; width: 75vw; } .panel_container { position: relative; display: inline-block; width: 100%; } body #header_bottom ul#main_menu > li .sub_menu.width_sidebar { padding: 0; left: 0; margin-top: 0; } #header_mid > .container > .row > [class*='col-'] img.logo { height: auto; } #header_top .text-right ul li::before{ content: ""; } section#banner .slide { height: auto; } .cta_secondary_container .submitButton{ width: 100%; } .cta_secondary_container .btn.btn-default.btn-small.btn-block{ margin-left: 0px; } .cta_secondary_left, .cta_secondary_right { width: 100%; padding-right: 15px; } .cta_secondary_right{ border-left: 0px; } .cta_secondary_right:after{ display: none; } .image_thumbs.slick_me.slick-initialized.slick-slider { display: none; } #messages{ width: 85vw; } #messages .alert{ width: 85vw; } #header_mid #searchLink i{ color: #999; font-size: 20px; padding: 7px 0px; } #header_mid > .container > .row > [class*='col-'] { float: left; } .btn{ max-width: 100%; white-space:inherit; } .checkout_progress_step img, .checkout_progress_step svg { height: 35px; } .checkout_progress_step { font-size: 9px; line-height: 10px; height: 60px; width: 20%; } .form-group .row.two-col > [class*='col-']:last-child{ padding: 0 15px; } .cart .btn { width: 100%; } .panel_container .panel .panel_buttons .btn{ display: initial; } } @media (max-width: 568px) { #header_bottom ul#main_menu { width: 75%; } #header_top { text-align: center; } #header_top .col-xs-6 { padding: 0; width: auto; float: none; display: inline-block; } #header_top ul li:before { margin: 0 5px; } .pager li.num:nth-child(n+8) { display: none; } .pager li span { display: none; } } @media (max-width: 468px) { #header_bottom ul#main_menu { width: 95%; } #header_bottom ul#main_menu .sub_menu li { width: 100% !important; } .filter_list ul > li { width: 100%; } .page .panel_products.grid > div { width: 100%; } }