@media screen and (min-width: 0px) and (max-width: 1600px) {
}

@media screen and (min-width: 0px) and (max-width: 1441px) {
.NearestBox{ padding: 70px 0 30px;}
.NearestBox .subtitle{ margin-bottom: 40px;}
.SubHeader .box:before { padding-top: 30%;}
.footerLogo {width: 30%;}
.footermenu {width: 30%;}
.footerRight {width: 40%;}
.BoxText>div{ width: 100%;}
.BoxWithVideo .BoxText h3{ margin-bottom: 30px;}
.BoxWithVideo .BoxText .btnBox{ margin-top: 20px;}
.BoxVideo .flexWrap h3 {padding: 14px 0 14px 20px;}
.BoxVideo span{ position:absolute; right: 80px;}
ul.dimensions_ul li {padding: 10px 14px; display: flex;}
.CTAPanel span{width: 12%;}
.CTAPanel h3 { margin: 0; width: 41%; padding: 0 30px; font-weight: 500; font-size: 28px; line-height: 36px;}
.slp_search_form .search_box .search_item input[type="text"] {flex-basis: 77% !important;}
.slp_search_form .search_box .search_item #addy_in_radius select{ width: 148px}
span.view_cart_btn {margin: 13px 0 0 10px;display: inline-block;}
}

@media screen and (min-width: 0px) and (max-width: 1400px) {
.product_availability{padding: 2px 0 2px 26px; margin-left: 10px}
span.product_stock { padding: 2px 0 2px 26px;}

}
@media screen and (min-width: 0px) and (max-width: 1280px) {
.QuickBox .container_1400 > h3:before, .QuickBox .container_1400 > h3:after{ display: none;}
.tax-product_cat.woocommerce ul.products li, .search-results ul.products li{width: 33.33% !important}
.single-product div.product .product_title { font-size: 30px; line-height: 34px;}
.slp_search_form .search_box .search_item input[type="text"] {flex-basis: 76% !important;}
#addy_in_address {width: 50% !important;}
.search_item {width: 49% !important;}
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
.ThreeBlock .flexWrap div > div{padding: 26px 20px 26px 68px;}
.SubHeader .box:before { padding-top: 34%;}
.AddressBox div span:before{ left:-46px;}
.CallBox div span.Email:before{ left: -54px;}
.CallBox div span.Callus:before{left:-47px;}
.TimeBox div span:before{ left: -48px;}
.NearestBox ul {margin: 0 -10px;}
.NearestBox ul li{ padding: 0 10px;}
.user-registration-account .post { margin: 60px 40px 0; padding-bottom: 60px;}
.woocommerce-account .woocommerce-MyAccount-content{ padding: 0 0px 30px 30px;}
.user-registration-account .post {margin: 0px 0px 0; padding-bottom: 60px;}
.footerLogo {width: 35%;}
.footermenu {width: 30%;}
.footerRight {width: 35%;}
.PreFooter .flexWrap .column{ padding: 0 15px;}
.HeroSlider .box:before {padding-top: 40%;}
.HeroSlider .title {font-size: 70px;line-height: 77px;letter-spacing: 3px;}
.yikes-custom-woo-tab-title{font-size: 20px; padding: 16px 40px 16px 10px;line-height: 26px;}
.product_extra_info1 h2 {font-size: 20px; line-height:normal}
.yikes-custom-woo-tab-title::after{top: 24px;}
.row.lastbtn {display: block !important;}
.row.lastbtn label{width: 100% !important; display: block;}
.row.lastbtn div{width: 100% !important;display: block; margin-top: 20px; margin-bottom: 10px;}
div#wpfBlock_6 {width: 150px !important;}
.slp_search_form .search_box .search_item input[type="text"] {flex-basis: 65% !important;}
#addy_in_address {width:41% !important;}
.search_item {width: 58% !important;}
.single-product .stock_status_delivery{ font-size: 16px;}
.special_products_chk .form-group label{padding-left: 36px; display: block;}
.special_products_chk .form-group label:before{ position: absolute; left: 0}
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
.PageTitle{ padding: 40px 0}
.ThreeBlock .flexWrap>div{ padding: 0 10px;}
.ThreeBlock{font-size: 15px;}
.AddressBox div a { margin: 22px 0 0;}
.MapWithForm .FormSide{ padding-left: 40px;}
.BoxWithVideo .BoxText h3{ margin-bottom: 10px;}
.BoxWithVideo .BoxText .btnBox{ margin-top:10px;}
.BoxVideo .flexWrap h3 {padding: 14px 0 14px 20px; width: 63%;}
span.product_stock{ display: block;}
.product_availability{margin-left: 0;margin-top: 10px; display: block;}
.woocommerce-coupon-form button.button {width: 22% !important;}
.CTAPanel span{width: 15%;}
.CTAPanel h3 { width: 36%; font-size: 24px; line-height: 28px;}
.panelText {width: 36%;}
.CTAPanel .btn{width: 13%}
.tax-product_cat ul.products li, .search-results ul.products li {padding-bottom: 130px !important;}
.single-product .quantity .qty{ width: 60px !important}
}

@media screen and (min-width:1025px) {

}

@media screen and (min-width: 0px) and (max-width: 1024px) {
h1 { font-size:36px !important;line-height: 42px;}
h2{font-size: 30px; line-height:40px;}
h3{font-size: 28px; line-height:38px;}
h4{font-size: 26px; line-height:34px;}
h5{font-size: 24px; line-height:32px;}
h6{font-size:22px; line-height:28px;}
.topRight img{ max-width: 36px !important;}
.topRight a, .Menutoggle{ margin-left: 10px;}
.topText{ margin-bottom: 20px;}
.single-product div.product .product_title { font-size: 30px !important; line-height: 34px;}
.woocommerce div.product div.summary p.price del, .woocommerce div.product div.summary .product_vat, .woocommerce div.product div.summary p.price ins, .woocommerce div.product div.summary p.price .product_vat_ea {
font-size: 22px;}
.SubHeader{ margin-bottom: 60px;}
.TSpace{ padding:60px 0 0 0;}
.BSpace{ padding: 0 0 60px;}
.TBSpace{ padding: 60px 0;}
.NearestBox {padding: 70px 0 30px;}
.FeatureBlock {padding-top: 60px !important;}
.TopBlock h3 { margin-bottom: 10px;}
.HeroSlider .box:before {padding-top: 43%;}
.HeroSlider .title {font-size: 60px;line-height: 67px;letter-spacing: 3px;}
.registration-form:before{left: -9%;}
.registration-form, .login-form{width: 46%;}
.QuickBox .box:before {padding-top: 80%;}
.slp_result_website a,.slp_result_email a,.slp_result_directions a {width: 40px;height: 40px; background-size: 40px;}
.slp_results_container .results_wrapper .online_info{top: 10px; right: 8%;}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding: 0 !important}
.woocommerce-terms-and-conditions-wrapper {padding: 10px 20px;}
button#place_order {max-width: 250px;margin: 0px auto 20px; margin-right: 20px !important;display: block;}
#stripe-payment-data ul:empty{ padding: 0 !important}
div#mini-cart-count{ padding-top: 12px;}
.dropDown ul{ right: 108px; top: 70px;}
.topRight{ width: auto; position: inherit;}
}


@media screen and (min-width: 0px) and (max-width: 1023px) {
.tax-product_cat.woocommerce ul.products li{width: 33.33% !important}
.ThreeBlock .flexWrap>div{width: 50%; margin-bottom: 20px;}
.view_cart_btn a{ padding: 12px 14px 11px !important}
.stock_status_delivery {padding: 20px 16px; margin: 10px 0 20px;font-size: 14px;}
.dimensions_title{float: left;}
.slp_search_form .search_box .search_item input[type="text"] { flex-basis: auto !important;width: 68%;}
#addy_in_address {width:100% !important; margin-bottom: 16px;}
.search_item { width: 100% !important;}
.slp_search_form .search_box .search_item label {flex-basis: auto !important;width: 200px;float: left;}
.slp_search_form .search_box .search_item #addy_in_radius select {width: 200px;}

}

@media screen and (min-width: 0px) and (max-width: 991px) {
.Newsletter .gform_footer .button{ padding: 9px 16px;}
.footermenu{ padding-left: 30px;}
.NearestBox ul li{width:50%;}
.Newsletter .gform_button{ padding: 9px 12px !important}
.MapWithForm .MapSide{width: 100%; order:2}
.MapWithForm .FormSide{width: 100%; order:1; padding: 0 0 60px}
.BoxWithVideo .BoxText { width: 100%; margin: 0}
.BoxWithVideo .BoxVideo { width: 100%; margin: 40px 0 0}
.BoxText>div{ position: relative;top: 0; transform:none; padding: 60px 20px}
.QuickBox .Boxin{ padding: 20px;}
span.order_sample_btn{ margin-bottom: 20px;}
}

@media screen and (min-width: 0px) and (min-width:951px) {
  .filterbtn, .titlefilter, .filtermenu .close-menu{ display: none;}
}

@media screen and (min-width: 0px) and (max-width: 950px) {
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
width: 100% !important}
.product_extra_info1, .woocommerce-tabs{ width: 100%;}
.product_extra_info1{ margin-bottom: 60px;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width: 60% !important;}
.filtersec {margin: 100px auto 0;}
.QuickBox .box:before {padding-top: 86%;}
.QuickBox .Boxin h3{ line-height: normal;margin-bottom: 10px; font-size: 24px;}
.CTAPanel .flexWrap {background: #E7EFF1; align-items: center; padding: 30px; position: relative;}
.panelText {width: 100%; text-align: center; padding: 0 20px;}
.CTAPanel h3 {width: 100%; padding: 0 20px 14px; text-align: center;}
.CTAPanel span {width: 100px;margin: 20px auto 26px;}
.CTAPanel span:before{width: 100%; transform: none; left: 0}
.CTAPanel .flexWrap{ padding: 0;}
.home .CTAPanel:before{display: none;}
.CTAPanel .btn {width: 160px; margin: 20px auto 30px;}

.filtersec .filterbox{ height: 100%; overflow: auto;}
.filtersec .select2-container{position: relative !important;top: auto !important;left: auto !important;}
.ms-options-wrap > .ms-options{z-index: 9999999 !important}
.filtersec .select2-dropdown{ position: relative !important;}
#wpfBlock_8 .select2-container--open .select2-dropdown, #wpfBlock_9 .select2-container--open .select2-dropdown, #wpfBlock_10 .select2-container--open .select2-dropdown{ left: 10px;}
.filtermenu{ padding-bottom: 160px;}
#wpfBlock_8 span.select2-dropdown.select2-dropdown--below{ width: 260px !important}
.filterbtn {width: 100%;height: 100%; overflow: hidden;}
.filterbtn span{padding: 10px 30px; border-radius: 4px;width: 100%; position: relative;cursor: pointer;max-width: 240px; float: right; background: #E5E5E5;margin:0 0px 20px 0; font-size: 15px; text-align: left;}
.filterbtn span:before {content: "+"; right: 20px; position: absolute; font-size: 28px;}

.filtermenu{width: 300px;height: 100%;position: fixed;right: -344px;	top: 0;background-color: #fff;-webkit-transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -o-transition: all ease 1s;transition: all ease 1s; z-index: 99999;}
.wpfFilterWrapper{ width: 100% !important; display: block !important;}
.wpfSelectedParameters{ display: none !important;}
.filtermenu .close-menu {float: left !important; padding-left: 0; padding-top: 0; cursor: pointer; margin: 15px 0 0 -44px !important;}
.titlefilter{ font-size: 24px; color: #000; padding:22px 0 22px 20px;text-align: left; border-bottom: 1px solid #C7C7C7;}
.wpfFilterWrapper[data-filter-type] { padding:16px 10px 0 20px !important;}
.wpfMainWrapper{ overflow: auto;}
.menuon {overflow: hidden;}
.close-menu {float: right; padding-right: 0; padding-top: 0; cursor: pointer; margin: 15px -44px 0 0;}
.overlay{transition: background-color .5s; position: fixed;top:0; z-index: 99;}
div#wpfBlock_5, div#wpfBlock_6 { width:100% !important;}
.viewbox {display: block !important; position: relative; bottom: 0px; margin: 0 0px; width: 100%; text-align: center; padding: 0 20px; line-height: normal;}
.viewbox a{background:#000; color:#fff !important; width: 100%; display: block; padding: 10px; text-transform: uppercase; text-decoration: none;}
.wpfFilterButtons {min-width: 100% !important; margin: 20px 0; padding: 0 20px;}
.wpfMainWrapper{padding: 0 !important; margin-bottom: 0 !important}
.wpfFilterButtons .wpfClearButton.wpfButton{width: 100%;}
.ms-options-wrap > .ms-options{ width: 100% !important}
}


@media screen and (min-width: 0px) and (max-width: 900px) {
.SubHeader .box:before {padding-top: 43%;}
.footerLogo{width: 50%;}
.footermenu{width: 50%;}
.footerRight{ width: 100%;text-align: left;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-flow: row wrap;padding: 0;list-style: none;border-top: #CECECE solid 1px; align-items: center;padding:34px 0 0; margin: 10px 0 0;}
.SocialIcon{ width: 50%;}
.SocialIcon ul{margin: 0;}
.SocialIcon li:first-child{ margin-left: 0;}
.Newsletter{width:50%;}
.footerTop{ padding-bottom: 34px;}
.Newsletter .gform_button { margin-bottom: 0 !important}
.HeroSlider .box:before {padding-top: 50%;}
.HeroSlider .title {font-size: 54px;line-height: 62px;letter-spacing: 3px;}
.woocommerce-category-wrapper {width:100%; padding: 50px 0;}
.category_slider_wrapper {width: 100%;margin-top: 0; padding-left: 0;}
}

@media screen and (min-width: 0px) and (max-width: 850px) {
.PreFooter .flexWrap .column {padding: 0 12px;}
.FeatureBlock ul li.fifty .box:before {padding-top: 47% !important;}
.FeatureBlock ul li .box:before {padding-top: 100%;}
.FeatureBlock span{ font-size: 18px; line-height: 24px;}
.slp_results_container .results_wrapper .online_info{ position: relative; right: 0}
.slp_search_form .search_box .search_item label {flex-basis: auto !important;width: 130px;}
.slp_search_form .search_box .search_item #addy_in_radius select {width: 151px;}
}

@media screen and (min-width: 0px) and (max-width: 768px) {
h1, .QuickBox .container_1400 > h3 {font-size:30px !important;line-height:36px;}
h2{font-size: 28px; line-height:36px;}
h3{font-size: 26px; line-height:34px;}
h4{font-size: 24px; line-height:32px;}
h5{font-size: 22px; line-height:30px;}
h6{font-size:20px; line-height:26px;}
#gform_fields_2 .gfield{ padding: 0 10px;}
#gform_2 .gform_footer{ padding-bottom: 0}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {float: left !important; clear: inherit !important;}
.single-product .woocommerce.columns-5 {margin: 24px -12px 36px;}
section.related.products{margin: 24px 0px 36px;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {width: 100% !important;}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{ background: none !important}
.woocommerce .col2-set .col-1{ margin-bottom:20px}
.woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {float: none; width: 100% !important; padding:0;}
.woocommerce-account .woocommerce-MyAccount-navigation {margin-bottom: 30px;}
.QuickBox .Boxin a{ padding: 10px 24px;}
.woocommerce-checkout .woocommerce-info { margin: 40px auto 20px !important;}
#customer_details { margin-bottom: 20px;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {margin-top: 10px;}
ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods {padding: 0;}
ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods li{padding: 0; margin: 0}
.woocommerce-checkout #payment div.payment_box{ margin-bottom: 0}
.product-name, .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{ text-align: left !important;}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{ margin: 0 10px 0 -10px}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td{ padding-left: 80px !important}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td::before, table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td::before{ margin: 0 10px 0 -80px !important}
.actions button.button { width: calc(100% - 100px) !important; margin: 0px auto !important}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td.actions{ padding-left: 0 !important}
.woocommerce td.product-name .wc-item-meta dd, .woocommerce td.product-name dl.variation dd{ margin: 3px 0 !important}
button#place_order {margin-right: auto ​!important}
.woocommerce ul.order_details li{ margin-bottom: 10px !important;}
.woocommerce div.product div.summary{ float: left !important;}
}

@media screen and (min-width: 0px) and (max-width: 975px) {

}

@media screen and (min-width: 0px) and (max-width: 767px) {
.fifty { width: 100% !important;}
.FeatureBlock ul li{width: 50%; margin-bottom: 20px;}
.PreFooter .flexWrap .column{width: 50%; padding: 10px 16px;}
footer {padding: 50px 0 40px;}
.registration-form:before{left: -9%;}
.registration-form, .login-form{width: 100%;}
.login-form {border-bottom: #C7C7C7 solid 1px; margin-bottom: 30px;}
.single-product div.product .product_title {font-size: 24px !important; line-height: 28px;}
.woocommerce div.product div.summary .price {font-size: 16px;}
.woocommerce div.product div.summary p.price del, .woocommerce div.product div.summary .product_vat, .woocommerce div.product div.summary p.price ins, .woocommerce div.product div.summary p.price .product_vat_ea{font-size: 19px;}
.yikes-custom-woo-tab-title { font-size: 18px;padding: 16px 40px 16px 0px;line-height: 24px;}
.woocommerce-Tabs-panel .tabcontent {padding: 0px 0px 20px 0px;}
#calculator{ padding: 16px;}
.QuickBox ul li {width: 50%;}
.slp_results_container .results_wrapper .location_distance {padding: 0px 0 10px 10px;}
.slp_search_form{ padding: 20px 10px;}
}

@media screen and (min-width: 0px) and (max-width: 685px) {
.tax-product_cat.woocommerce ul.products li, .search-results ul.products li{width: 50% !important}
.ThreeBlock .flexWrap>div{width: 100%;}
.HeroSlider .box:before {padding-top: 56%;}
.HeroSlider .title {font-size: 50px;line-height: 58px;letter-spacing: 3px;}
.HeroSlider .slick-dots {bottom: 20px;}
.tax-product_cat ul.products li, .search-results ul.products li { margin-bottom: 60px !important;}
}

@media screen and (min-width: 0px) and (max-width: 650px) {
.SubHeader .box:before {padding-top: 50%;}
.footerLogo{width: 100%;}
.footermenu{width: 100%; padding: 0}
.SocialIcon{ width: 100%; text-align: center; margin-bottom: 24px;}
.Newsletter{width:100%; max-width: 100%; float: none;}
.Newsletter form{ width: 100%;float: none;}
.Newsletter form .gform_body.gform-body {width: 80%;}
.Newsletter form .gform_footer {width: 20%;}
.Newsletter .gform_footer .button{width: 100%;}
.footerRight{ margin-top: 24px;}
.SubHeader.PageTitle h1:before{width: 40px; left: -58px;}
.SubHeader.PageTitle h1:after{width: 40px; right: -58px;}
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){ line-height: 22px !important;}
.SubHeader h3{ margin-top: 10px;}
.NearestBox ul li{width:100%; margin-bottom: 30px;}
div#addy_in_radius {width: 100%; margin-bottom: 16px;}
.slp_search_form .search_box .search_item #addy_in_radius select {width: 68%;}
.slp_search_form .search_box .search_item #radius_in_submit{ margin-left: 18px;}
}


@media screen and (min-width: 0px) and (max-width: 568px) {
h2 { font-size: 24px; line-height: 32px;}
h3 {font-size: 20px; line-height: 28px;}
.SubHeader.PageTitle h1:before, .SubHeader.PageTitle h1:after{display: none;}
#gform_fields_2 .gfield{width: 100%;}
#gform_fields_2 .gfield { padding: 0px;}
.BoxWithVideo .BoxText .btnBox .btn{ margin-bottom: 16px;}
.woocommerce-lost-password .post{ padding: 20px}
.related.products > h2:before, .product_extra_info2 > h2:before, .product_extra_info3 > h2:before, .related.products > h2:after, .product_extra_info2 > h2:after, .product_extra_info3 > h2:after{ display: none;}
.nipv_table th {padding: 4px 10px !important;}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{ padding: 0; margin-bottom: 20px !important;}
.woocommerce ul.order_details li{border: 0 !important;padding: 0 !important;margin: 0 0 14px!important; width: 100%;}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td, th{ width: 50%}
.slp_search_form .search_box .search_item label{ width: 100%; text-align: left !important;margin: 0 !important; padding: 0 0 5px;}
.slp_search_form .search_box .search_item input[type="text"]{ width: auto;}
.slp_search_form .search_box .search_item #radius_in_submit{ width: 100%;}
.slp_search_form .search_box .search_item #addy_in_radius select {width: 100%; padding: 7px 10px !important; margin: 0;}
.slp_search_form .search_box .search_item #radius_in_submit { margin-left: 0;}
#radius_in_submit input{width:100%;max-width: 200px; margin: 0px auto;}
.map_button{ width: 100% !important;margin: 20px auto 0 !important; max-width: 200px;}
.map_button .btn{ margin: 0; width: 100%; text-align: center; padding: 9px 14px 8px}
}


@media screen and (min-width: 0px) and (max-width: 480px) {
h1, .QuickBox .container_1400 > h3 { font-size:28px !important;line-height: 34px;}
.SubHeader .box:before { padding-top: 64%; }
.Newsletter form .gform_body.gform-body {width: 70%;}
.Newsletter form .gform_footer {width: 30%;}
.footerIcon{ padding: 24px 0 0; margin-bottom: 20px;}
.footerRight{ padding-top: 24px;}
.footerTop {padding-bottom: 24px;}
.SubHeader{ margin-bottom: 40px;}
.footerTop li{ margin-bottom: 2px;}
.FooterAddress{ line-height: 26px;}
.TSpace{ padding:40px 0 0 0;}
.BSpace{ padding: 0 0 40px;}
.TBSpace{ padding:40px 0;}
.NearestBox {padding: 70px 0 30px;}
.tax-product_cat.woocommerce ul.products li, .search-results ul.products li{width:100% !important}
.FeatureBlock ul li{width: 100%;}
.FeatureBlock ul li .box:before { padding-top: 70%;}
.FeatureBlock ul li.fifty .box:before { padding-top: 70% !important;}
.BoxText>div{ padding: 40px 20px}
.playVideo{ width: 60px; height: 60px; background-size:60px;}
.HeroSlider .box:before {padding-top: 60%;}
.HeroSlider .title {font-size: 34px;line-height: 36px;letter-spacing: 3px;}
.contentBox span {font-size: 18px;line-height: 22px;}
.stock_status_delivery .product_stock_status{ display: block; margin-bottom: 10px;}
span#paving_calculator_btn{display: block;text-align: left;width: 210px; float: right; margin-bottom: 10px; margin-left: 10px}
span.specifications_pdf{ padding: 0 6px 10px}
#quantityPicker .row{ display: block;}
#quantityPicker .row div {width: 100%; margin-top: 10px;}
.stock_status_delivery { padding: 20px 12px;}
.stock_status_delivery .product_delivery_status {background-size: 30px; padding: 10px 0px 10px 40px;}
.stock_status_delivery .product_stock_status {background-size: 30px;padding: 10px 0px 10px 40px; margin-right: 0;}
.show_product_stock_msg .popup_product_stock_msg{max-width: 90%; padding: 40px 20px 20px}
.add_to_cart_btn_row{text-align: left;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-flow: row wrap; padding: 0; justify-content: flex-end; margin: 30px 0 0px;
list-style: none}
span.view_cart_btn{order: 1;}
span#paving_calculator_btn{order: 2; margin-top: 14px;}
.product_free_delivery_message { border-bottom: #C4CCCE dashed 1px;color: #000000;margin: 0px 0 0; padding: 14px 0 16px; border-top: 0; width: 100%;}
.single-product .woocommerce-notices-wrapper > .woocommerce-message a.button.wc-forward, .single-product .woocommerce-notices-wrapper > .woocommerce-error a.button.wc-forward{ position: absolute;right: 0;bottom: 20px;left: 0; display: inline-block; width: 110px; text-align: center; margin: 0px auto;}
.single-product .woocommerce-notices-wrapper > .woocommerce-message, .single-product .woocommerce-notices-wrapper > .woocommerce-error{padding: 16px 20px 80px 3.5em !important;}
.QuickBox ul li {width: 100%;}
.QuickBox .box:before {padding-top: 70%;}
form.checkout_coupon.woocommerce-form-coupon .form-row{ width: 100%;}
.woocommerce form.checkout_coupon{ margin-bottom: 0 !important}
.tax-product_cat ul.products li, .search-results ul.products li {padding-bottom: 0px !important;}
.product_free_delivery_message {position: relative;bottom: auto;}
.product_stock_available_wrapper {position: relative; bottom: 0;}
.results_wrapper {padding: 0 0 20px !important;margin: 0 0 24px !important; font-size: 14px;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{font-size: 16px; padding: 14px 20px 12px;}
.woocommerce-table--order-details .woocommerce-table__product-name.product-name{padding-left:0px; padding-bottom: 18px;}
.woocommerce-table--order-details .order-thumbnail {position: relative;left: 0; margin-bottom: 16px; display: block;}
span.view_cart_btn {margin: 0px 0 0 10px;}
.wholesale_customer .woocommerce-order-details .product-name img {position: relative; margin-bottom: 6px;}
}

@media screen and (min-width: 0px) and (max-width: 441px) {
.PreFooter .flexWrap .column{width: 100%; padding: 0px 16px 30px;}
.SubHeader .box:before { padding-top: 73%;}
.HeroSlider .box:before {padding-top: 70%;}
ul.dimensions_ul li {padding: 10px 14px; display:block;}
.dimensions_title{width: 100%;}
.specifications_ul li { padding: 20px 24px 50px}
.woocommerce-coupon-form input#coupon_code{width: 100% !important; margin: 0}
.woocommerce-coupon-form button.button{width: 100% !important; margin: 14px 0 !important}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ padding: 20px;}
.BoxVideo span {position: relative; right: auto;left: auto; padding: 0px 20px 10px;}
.BoxVideo .flexWrap h3 { padding: 14px 80px 4px 20px; width: 100%;}
.woocommerce-checkout #payment div.payment_box{ padding-left: 8px !important; padding-right: 8px !important}
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox{ line-height: normal;}
.woocommerce-privacy-policy-text { margin-bottom: 12px;}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {font-size: 24px;}
table.shop_table.woocommerce-checkout-review-order-table .product-name {padding-left: 0px !important; position: relative;}
table.shop_table.woocommerce-checkout-review-order-table .product-name img { position: relative !important; left: 0; top: 0px;}
a.order_sample.button {width: 100%;text-align: center;}
span#paving_calculator_btn{ width: 100%; margin-left: 0}
span.order_sample_btn.variable{margin-right: 0; width: 100%; margin-bottom: 14px;}
a.button.ni_bulk_add_to_cart_button {width: 100%;}
span.view_cart_btn {width: 100%; margin: 0; text-align: center;}
input#updateProductQuantity{ padding-left: 0 !important; padding-right: 0 !important; width: 100%; font-size: 15px;}
}

@media screen and (min-width: 0px) and (max-width:375px) {
.HeroSlider .box:before {padding-top: 90%;}
.topRight a, .Menutoggle {margin-left: 4px !important;}
.topRight img { max-width: 34px !important;}
.dropDown ul {right:20px;}
ul.drop-down__menu:before{right: 92px;}
}
