@media screen and (max-width:640px) { 

.m-only {
	display: block;
}

.m-only-inline {
	display: inline-block;
}

.t-only, .d-only, .w-only {
	display: none;
}
.m-none {display: none !important;}
p {font-size: 14px;}	
h1 {
    font-family: 'Avenir Next LT W01 Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    margin: 10px 0px;
    text-align: left;
    margin: 0 0 20px 0;
}
h2 {font-size: 18px;}
.content .inner table tr td {width:100% !important; display: block; padding: 0 !important;}	
.inner {
	width: 100%;
	margin: auto;
	padding: 20px;
}

header .inner {
    width: 100%;
	min-height: 180px;
}
.logo {
	width: 60%;
    max-width: 300px;
    max-height: 200px;
    padding: 60px 15px 30px 15px;
	left: 20px;
}
.contact_cart {
    float: left;
	clear: both;
	font-size: 26px;
    margin: 8% 0px 15px 0;
    width: 100%;
}
.contact_cart a {display: inline-block; width: 60%; max-width: 300px; margin-left: 20px; text-align: center;}
.contact_call_now {display: none;}
.quote_cart {
    display: block;
	width: 70px;
	margin: -10px 20px 0 0;
	padding: 5px 0 0 0;
    float: right;
	clear: both;
}
.quote_cart a { display: block; width: 100%; float: right; margin: 0; text-align: center;}
.quote_cart img { display: block; margin: 0 auto 4px; text-align: center;}
	
.flexslider .slides img {
    max-width: 100%;
    width: 100%;
    display: block;
	    min-width: 950px;
    min-height: 350px;
	margin-left: 0px;
	float: left;
}	
.flex-direction-nav {display: none;}

#slides_text {width: 100%; margin: 0 ; padding-top: 0;}
#slides_text .inner {padding: 10px 10px 10px 10px;}
#slides_text h2 {width: 100%; font-size: 24px; margin-top: 0; line-height: 28px;}
#slides_text h3 {font-size: 14px; margin: 0 0 5px 0;}
	#slides_text .coming_soon_outer h3, #slides_text .coming_soon_outer h4 {
		font-size: 20px !important;
	}	

#slides_text h3 img {
    display: inline-block;
	width: 20px;
    margin: 0px 5px 12px 0;
    float: left; clear: left;
}
#slides_text h6 {margin: 10px 0 0 0;}
.home_heading { font-size: 24px;}
	
.home_range_panel {width: 100%;  height: auto; padding: 10px 10px 0px 10px;}
.home_range_panel h3 {font-size: 20px;}
.home_range_panel p {margin-bottom: 0; padding: 0 0 80px 0;}
.home_range_panel .button_green {left: 0; bottom: 5%;  width: 90% !important; margin: 0 5%; text-align: center;}
.home_range_panel img {max-width: 150px;}

#range_page .home_range_panel {padding: 20px 0px 20px 0px;}
#range_page .home_range_panel p {padding: 0px 0px 0px 0px;}
#range_page .home_range_panel img {width: 80px !important; max-height: 150px; margin: 0 20px 10px 0 !important;}
#range_page .home_range_panel .button_green {left: 0; bottom: 5%;  width: auto !important; margin:15px 0 0 0; text-align: center;}
	
.slides_range .inner {padding: 10px 0 0 30px;}
.slides_range h2 {font-size: 28px !important; line-height: 38px !important; margin: 10px 0 15px 0 !important; text-shadow: 0 0 10px #ffffff; }
.slides_range h3 {font-size: 14px !important; line-height: 20px !important; text-shadow: 0px 0px 6px #ffffff; padding-bottom: 6px !important; }
.slides_range h6 {text-shadow: 0 0 3px #ffffff; margin:10px 0 0 0 !important; }	

/* WINTER SLIDER ****** */

li.wintersale .coming_soon_outer {
    width: 98%;
    padding: 0px 10px !important;
}
    
.flexslider img.saletextimg {
    height: 100px !important;
    width: auto !important;
    margin: auto;
    float: none;
}

li.wintersale .coming_soon_outer h3 {
    text-align: center !important;
    font-size: 17px !important;
    line-height: 27px;
}

li.wintersale .coming_soon_outer p {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 17px;
}

li.wintersale .coming_soon_outer p .button_green {
    margin-left: auto !important;
    margin-top: 15px !important;
    clear: both;
    display: table;
    margin: auto;
    float: none !important;
}
    
/* END WINTER SLIDER ** */
    

.content.newproduct img {
    float: none;
    margin: auto;
    height: 100px;
}

.content.newproduct .description h2 {
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    width: 100%;
    float: left;
}

.content.newproduct .description p {
    text-align: center;
    margin-bottom: 26px;
}

.content.newproduct .button_green {
    float: none;
    display: table;
    margin: auto;
    margin-bottom: 35px;
}

.content.newproduct .description {
    width: 100%;
}

    
.content_why {padding: 40px 0 50px 0;}
.content_why .inner {padding: 0px 0 0px 10px;}
.why_outer {width: 100%;}
.why_icons {
    width: 35%;
    float: left;
    text-align: center;
    padding: 0 4% 0 0; font-size: 13px;}
.why_text { width: 60%;}
.why_text h2 { font-size: 18px;  margin-bottom: 30px;}
.why_text p { font-size: 13px; margin: 26px 0 0 0; clear: both;}
.why_text p img { margin: 0 10px 25px 0;}
	
.product_grid {
    position: relative;
    overflow: hidden;
    float: left;
    width: 50%;
	padding-bottom: 300px; }
	
.product_grid .button_green {
    padding: 15px 5px;
    font-size: 17px;
}
	
.product_detail h1 { width: 50%; float: left;}
.product_detail img {
    float: left;
    width: 46%;
    margin: 0px 0 10px 4%;
    padding: 0px;
    border: 4px solid #dddddd;
}
.price_panel_outer {width: 100%;}
.price_panel {width: 100%; padding: 10px;}
.price_panel form { width: 100%; }
	
#info_tabs label { width: 100%; padding: 15px 2px 15px 2px; font-size: 15px; margin-top: 4px;border-right: none;}
#info_tabs input:checked + label {border-right: none;}
#info_tabs section { padding: 10px 15px 20px; border-top: 4px solid #ffffff; border-right: none;}
#info_tabs section img {width: 100% !important; height: auto !important; display: block;}
ol { padding-left: 20px;}
ol li { font-size: 14px;}
/* NAV *********************************************************** */

nav {
    width: 100%;
}
nav .inner {
	border-right: none;
	padding: 0;
	min-height: 10px;
}	
.flexnav li ul {
    width: 100%;
}

.flexnav {	width: 100%;
	padding: 0px;
	margin:10px 0 0 0px;
}
.flexnav ul {width: 100%;}
.flexnav li {
	display: inline-block; float: left;
	width: 100%; margin: 0px 0 0 0; overflow: visible;}
.flexnav li a {
	height: 80px;
	padding: 30px 40% 0 15%;
	z-index: 2;
	overflow: hidden;
	color: #ffffff;
	border-top: 1px solid #67877b;
	border-left: none;
	text-align: center;
}
.flexnav .item-with-ul a {	padding: 30px 40% 0 15%; }
.flexnav li ul {
	width: 100%; /* change to modify with of dropdown menus */
	padding: 0px;
	margin: 0px;
	display: none;
}
.flexnav li ul li {
	margin: 0px;
}
.flexnav li ul li a {
	padding: 30px 15% 0 !important; 
}
/* LAYOUT ELEMENTS *********************************************** */
.w70_left { width: 100%; padding-bottom: 20px; }
.sidebar_right { width: 100%; float: left; text-align: center;}
.sidebar_menu h2 { margin: 20px 0 10px 0px;}
.triangle_right, .triangle_left {display: none;}
.sidebar_contact { padding: 20px 20px 20px 20px;}
.sidebar_contact h2 {font-size: 32px;}
.sidebar_contact h3 {text-align: left;}
.sidebar_contact a {font-size: 32px;}
	
.footer-quicklinks { width: 100%; text-align: center; }
.footer-quicklinks .button_green { width: 100%; text-align: center; }
.footer-certs {width: 100%; text-align: center; float: right; margin-top: 30px;}	
footer .inner a {display: block; width:100%; clear: both; margin: 10px 0;}
	
.w45_left {width: 100%;}
.w50_left {width: 100%;}
.w50_right {width: 100%; margin-top: 20px;}
	.w40_left, .w40_right {
		width: 100%;
	}
	.w60_right, .w60_left {
		width: 100%;
	}

	
.content .inner .w100 form table tr td {width:auto !important; display:table-cell; padding:5px 5px !important; font-size: 14px;}
.content .inner .w100 form table tr td img {width:70px !important; margin-left: -20px;}
	.checkout_button {width:48% !important; min-width: 100px;}
	
.w20 {
	width: 100%;	
}

.w30 {
	width: 100%;	
}

.w40 {
	width: 100%;	
}

.w45 {
	width: 100%;	
	float: none;	
}

.w50 {
	width: 100%;	
}

.w60 {
	width: 100%;	
}

.w70 {
	width: 100%;	
}
.w70-inline {
	display: block;
	width: 100%;
}
.w80 {
	width: 100%;	
}

.w100 {
	width: 100%;	
}

.sidebar {
	width: 100%;
	display: block;
	vertical-align: auto;
	margin-left: 4%;
}


/* CART ***************************************************** */

.cart .row_heading {
	display: none;
}

.cart .image {
	display: block;
	width: 30%;
	padding: 5px;
	vertical-align: top;
	float: left;
}

.cart .name {
	display: block;
	width: 60%;
	padding: 5px;
	vertical-align: top;
	float: left;
}

.cart .quantity {
	display: block;
	width: 50%;
	padding: 5px 5px 5px 30%;
	vertical-align: middle;
	float: left;
	clear: both;
}

.cart .price {
	display: block;
	width: 30%;
	padding: 15px 5px 5px 5px;
	vertical-align: middle;
	float: left;
}

.cart .item_total {
	display: inline-block;
	width: 100%;
	padding: 5px;
	vertical-align: inherit;
	font-weight: bold;
	text-align: right;
}

.cart .remove {
	position: absolute;
	top: 0px;
	right: 10px;
	display: block;
	padding: 5px;
	vertical-align: inherit;
}

.cart .totals {
	display: inline-block;
	width: 49%;
	padding: 10px 0px;
	text-align: right;
	font-weight: bold;
}

.cart .totals_title {
	display: inline-block;
	width: 49%;
	padding: 10px 0px;
	text-align: left;
	font-weight: bold;
}

.cart .button_left {
	display: block;
	margin: 10px 0px 0px 0px;
	float: none;
}

.cart .button_right {
	display: block;
	margin: 10px 0px 0px 0px;
	float: none;
}

.cart .spacer {
	display: none;

}
.cart .postage {
	display: none;

}

input[name="cardnumber"] {
	display: inline;
	width: 100%;
}

select[name="expiry_m"],
select[name="expiry_y"] {
	width: 30%;
	margin-right: 3%;
}

input[name="cvn"] {
	width: 30%;
	margin-right: 0%;
}

.pay_method {
	width: 50%;
	margin-bottom: 10px;
}

button.login_button,
button.guest_button,
button.billing_button,
button.shipping_button,
button.cc_button,
button.pp_button,
button.dd_button,
button.cash_button {
	width: 100%;
	float: none;
}
	
/* PRODUCTS 2021 ***** */

.content p img {
    width: 100% !important;
    height: auto !important;
}
	
div#underground-tank-packages .product_grid {
    width: 100%;
    padding-bottom: 0px;
    height: 315px;
}
	
.product_detail img {
    width: 100%;
    margin: 0px;
}

.product_detail h1 {
    width: 100%;
}

}