/* CSS Document */


/************************************************************************************
	HEIGHTS
*************************************************************************************/

/************************************************************************************
smaller than 900
*************************************************************************************/
@media screen and (max-height: 900px) {
	
}


/************************************************************************************
smaller than 450
*************************************************************************************/
@media screen and (max-height: 450px) {
	
}




/************************************************************************************
	WIDTHS
*************************************************************************************/

/************************************************************************************
smaller than 1040
*************************************************************************************/
@media screen and (max-width:1040px) {

}	

/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {
	.wrap {
		width: 100%;
		padding: 0;
	}
	.white-block {
		width: 96%;
		padding: 40px 2%;
		margin: 0;
	}
	
	hr {
		width: 100%;
	}
	
	p, .pagefoot, .footer {
		width: 94%;
		padding: 0 3%;
	}
	
	h1 {
		
	}
	
	.pagetop {
		background-size: cover !important;
	}
	.pageicon {
		margin-left: 0;
		height: 250px;
	}
	h2, h3, h4, h5 {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	.white-block h2 {
		padding-left: 0;
		padding-right: 0;
	}
	
	.logo {
		margin-left: 10px;
	}
	
	.nav li a {
		width: 100px;
		height: 137px;
	}
	
	.footer {
		font-size: 16px;
		min-height: 50px;
		height: auto;
	}
	.color-label {
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	.color-block {
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.color {
		float: none;
	}
	
	
	
	.form-row {
		width: 96%;
		margin: 5px 2%;
	}
	.form-row.half {
		margin: 0;
	}

	.searchbycattitle { font-size: 40px; }
	.pagination.paging {
		display: none;
	}
	.pagination.mobile-page {
		display: block;
		width: 90%;
		margin: 20px 5% 0;
	}
	.catsearch {
		margin-bottom: 10px;
	}
	
	.product-image {
		width: 20%;
	}
	.product-name {
		width: 60%;
		line-height: 30px;
		margin-top: 10px;
	}
	.product-price {
		width: 10%;
		float: right;
	}
	.add-product {
		display: none;
	}
	.product-link {
		width: 100%;
	}
	
	.pg-bar {
		display: block;
		background: #6d533a;
		text-align: center;
		width: 96%;
		padding: 10px 2%;
		margin: 10px 0;
		font-family: "Pathway";
		font-size: 24px;
		float: left;
		clear: both;
	}
	
	
	
	.cart-col.img-col {
		width: 10%;
	}
	.cart-col.name-col {
		width: 50%;
		line-height: 30px;
		margin-top: 10px;
	}
	.cart-col.qty-col {
		width: 15%;
		margin-bottom: 10px;
	}
	.cart-col.price-col {
		width: 13%;
		float: right;
		text-align: right;
		padding-right: 2%;
	}
	.cart-col { 
		border-right: none; 
		min-height: 80px !important;
		height: auto !important;
	}
	.cart-col.qty-col input {
		width: 90%;
		padding: 5px 0;
		margin: 5px 0;
		float: none;
	}
	
	.cartrow.cart-total, .cartrow.cart-header {
		height: 50px;
	}
	.cart-col.total-col {
		width: 80%;
	}
	.cartrow.cart-total .cart-col.price-col {
		width: 13%;
		float: right;
		margin: 0;
		padding-right: 2%;
	}
	
	
	
	.teamemail {
		font-size: 20px;
	}
	
		
}

/************************************************************************************
smaller than 850
*************************************************************************************/
@media screen and (max-width: 850px) {
	.teamemail {
		font-size: 18px;
	}
}

/************************************************************************************
smaller than 750
*************************************************************************************/
@media screen and (max-width: 750px) {
	.teamemail {
		font-size: 14px;
	}
	
	
}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	
	body {
		background-position: center 200px;
	}
	
	.logo {
		width: 50%;
		height: 30px;
		margin: 10px 0 10px 10px;
		background-position: left center;
	}
	
	
	.pageheader {
		height: 200px;
	}
	#main.pagemain {
		padding-top: 200px;
	}
	
	.header {
		height: 50px;
		position: fixed;
	}
	.pagelogo {
		height:30px;
		margin: 10px 0;
	}
	
	
	.pagetop {
		background-size: cover !important;
		height: 250px;
	}
	.pageholder {
		height: 230px;
	}
	.pageicon {
		height: 150px;
		margin-top: -150px;
	}
	
	h1 {
		font-size: 45px;
		line-height: 60px;
		min-height: 55px;
		height: auto;
	}
	
	
	
	.mobile-menu { display: block; }
	.mobile-menu {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		z-index: 50;
	}
	.mobile-menu .line {
		float: left;
		clear: both;
		height: 4px;
		margin: 3px 0;
		background: #6d533a;
		width: 100%;
	}
	.menu-links {
		width: 100%;
		float: left;
		clear: both;
	}
	.menu-links .social-media { display: none; }
	.nav { display: none; margin: 0; }
	.nav span { display: none; }
	
	.nav li {
		width: 100%;
		clear: both;
		height: auto;
		background: rgba(255,255,255,0.78);
		border-bottom: 1px solid #6d533a;
	}
	.nav li a { 
		background-image: none !important; 
		text-indent: 0;
		line-height: 40px;
		width: 100%;
		height: auto;
		display: block;
	}
	
	.header .nav {
		border-top: 1px solid #6d533a;
		width: 100%;
	}
	.header .nav li ul {
		top: 0;
		position: relative;
		padding: 0;
		width: 100%;
		float: left;
		border-top: 1px solid #2680b4;
	}
	.header .nav li ul li a {
		text-align: center;	
	}
	.header .nav li ul li:last-child {
		border-bottom: none;
	}
	
	
	.footer { 
		text-align: center; 
		height: auto;
		margin-top: 0;
	}
	.foot-logo { width: 100%; }
	.footby {
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.footlinks {
		width: 100%;
		clear: both;
		text-align: center;
	}
	ul.footnav li, ul.footnav span {
		float: none;
		display: inline-block;
	}
	
	
	.col1, .col2,.col3, .col4, .col6, .col8, .col9 {
		width: 96%;
		margin: 5px 2%;
	}
	.form-row.half:nth-child(odd) { margin: 0; }
	.form-header {
		width: 96%;
		padding: 20px 2%;
	}
	.form-row.half {
		width: 96%;
		padding: 0 2%;
	}
	.form-label {
		width: 96%;
		padding: 2%;
		text-align: left;
	}
	.form-input { width: 100%; }
	.form-input input, .form-input select, .form-input textarea {
		width: 96%;
		padding: 10px 2%;
	}
	.form-input img {
		max-width: 100% !important;
	}
	.form-input input[type="submit"] {
		width: 100%;
		padding: 10px 0;
		height: auto;
	}
	.form-label.securitylabel { display: none; }
	.form-label.mobi-hide { display: none; }
	
	.general-info .phone, .general-info .email {
		font-size: 20px;
		margin: 10px 0;
		clear: both;
	}

	
	span.pcode {
		font-size: 16px;
	}
	
	.cartrow.cart-header .cart-col, .cartrow.cart-total .cart-col {
		line-height: 30px;
		min-height: 30px !important;
	}
	
	.accountnav { display: none; }
	
	.nav li.mobile-cartlink { display: block; }
	
	
	.teamemail {
		font-size: 20px;
	}
	.teamimage {
		margin: 0;
		display: inline-block;
		float: none;
	}
	.white-block .teamblock {
		text-align: center;
	}
	.teaminfo {
		width: 100%;
		margin-bottom: 20px;
	}
	.service-name {
		width: 96%;
		padding: 0 2%;
		height: auto;
		margin: 0;
	}
	.service-row {
		border-top: 1px solid #fff;
	}
	
	.service-equipmentbtn {
		width: 100%;
		padding: 0;
		height: 45px;
		line-height: 45px;
		text-align: center;
		font-size: 24px;
	}
	
	.service-description .equipment-used {
		float: left; clear: both;
		width: 100%;
		background: rgba(0,0,0,0.8);
		margin-top: 10px;
	}
	.eq-name { text-align: center; }
	.eq-row { padding: 0; }
	
	.eq-row:not(:last-child) {
		border-bottom: 1px solid #fff;
	}
	
}


/************************************************************************************
smaller than 500
*************************************************************************************/
@media screen and (max-width: 500px) {

}