/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.header {
    width: 100%;
    position: relative;
    z-index: 10;
}
.topheadersection{
	width: 95%;
	display: flex;
	justify-content: flex-end;
	padding-right: 5%;
}
.topheadersection i{
	color: #bb0306;
	padding: 0px 10px 0px 0px;
}
.topheadersection a{
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 14px;
}
.bottomheadersection{
	background: url("../siteart/red_black_split_bkgd.png");
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	height: 60px;
	align-items: center;
	justify-content: space-between;
	background-color: #000;
}
.navlogo{
	padding-left: 10%;
}
.headernavsection{
	padding-right: 5%;
}
.navlogosection{
	position: relative;
	z-index: 499;
}
.navinfo{
    padding: 15px 15px 15px 2px;
}
.navicon{ 
	padding: 15px 0px;

}
/*---HERO SECTION--------------------------------*/
.herosection{
	display: flex;
}
.heroleft{
	width: 45%;
    background-color: #bb0306;
    height: 580px;
}
.heroright{
	background: url("/siteart/farmequip2.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    width: 55%;
    height: 665px;
}
.herotextbox{
	background: #fff;
    width: 65%;
    padding: 80px 35px 0px 35px;
    position: relative;
    left: 34%;
    top: 30%;
	overflow: hidden;
	
}
.heroheader{
font-family: 'Vollkorn', serif;
text-transform: uppercase;	
font-weight: 800;
font-size: 45px;
line-height: 38px;
padding-bottom: 10px;
}
.herotext{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	padding-bottom: 28px;
}
.redbutton{
	background: #bb0306;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 40px;
	border-radius: 5px;
}

.blackanglebox{
	transform: skewX(-30deg);
	width: 340px;
	height: 40px;
	background: #000;
	position: relative;
	right:20%;
	margin-top: 50px;
}
.hpaboutsection{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 3% 0% 10% 0%;
}
.hpaboutleft{
    width: 37%;


}
.herobanner {
    background: #000;
    padding: 85px 60px 25px 60px;
    text-align: center;
    font-family: 'Source Sans Pro';
    margin-top: -60px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.herobanner p {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
	font-family: 'Source Sans Pro';
}
.herobanner a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
	font-family: 'Source Sans Pro';
}
.herobanner a:hover {
    font-weight: 700;
}
.blackheader{
font-family: 'Vollkorn', serif;
text-transform: uppercase;	
font-weight: 800;
font-size: 42px;
line-height: 30px;
padding-bottom: 30px;
}
.blackpara{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	padding-bottom: 28px;
	line-height: 40px;
	
}
.hpaboutright{
	width: 32%;
	padding-right: 14%;
	padding-top: 5%;
}
.anglebkgrd{
	background: url("/siteart/blackanglebackground.png");
	background-repeat: no-repeat;
	width: 100%;

}
h3.whtheader{
    background-color: #000;
}
.whtheader{
color: #fff;
font-family: 'Vollkorn', serif;
text-transform: uppercase;	
font-weight: 800;
font-size: 38px;
line-height: 30px;
padding: 20px;
text-align: center;
}
.hp-catsection{
display: flex;
width: 80%;
margin: 2% 0% 0% 0%;
flex-wrap: wrap;
justify-content: center;
}
.categoryboxes{
	width: 25%;
	overflow: hidden;
	height: 140px;
	display: flex;
	align-items: flex-end;
	margin: 30px 20px;
}
.center{
display: flex;
justify-content: center;
}
.tractorbox{
	background: url("/siteart/tractor.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.harvestingbox{
	background: url("/siteart/harvesting.jpg");
	background-repeat: no-repeat;
	background-size: cover;    
	background-position: center;
}

.haybox{
	background: url("/siteart/hayforage.jpg");
	background-repeat: no-repeat;
	background-size: cover;  
	background-position: center;
}
.tillagebox{
	background: url("/siteart/tillage.jpg");
	background-repeat: no-repeat;
	background-size: cover;   
	background-position: center;
}
.sprayersbox{
	background: url("/siteart/sprayers.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.grainbox{
	background: url("/siteart/grainhandling.jpg");
	background-repeat: no-repeat;
	background-size: cover;  
	background-position: center;
}
.categoryredangle{
	transform: skewX(-30deg);
	width: 70%;
	height: 35px;
	background: #bb0306;
	position: relative;
	right:20%;
	margin-top: 50px;
	padding-left: 22%;
	display: flex;
    align-items: center;
	transition-duration: 0.5s;
}
.categoryredangle:hover{
width: 80%;	
background: #000;
}
.cat-wht-header{
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	transform: skewX(30deg);
	padding-left: 20px;
	font-weight: 600;
	line-height: 14px;
}
.lgredbutton{
	background: #bb0306;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	padding: 20px 40px;
	border-radius: 5px;
	font-weight: 700;
	margin: 0px 24px;
}
.categorybtnsection{
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 25px;
}
.brandssection{
	display: flex;
	flex-wrap: wrap;
	margin: 10% 15%;
	justify-content: center;
}
.brandtitle{
	width: 100%;
	font-family: 'Vollkorn', serif;
	text-transform: uppercase;	
	font-weight: 800;
	font-size: 38px;
	line-height: 30px;
	padding-bottom: 30px;
	text-align: center;
}
.brandlogo{
	width: 140px;
    height: 45px;
    padding: 30px;
}
.hpcontactsection{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-top: 10%;
	align-items: center;
}
.hpcontactleft{
	width: 60%;
	background: url("/siteart/redwhitesplit.png");
	background-repeat: no-repeat;
	background-size: cover;
	
}
.hpmap{
	padding: 20px 0px 20px 80px;
	width: 70%;
	height: 450px;
}
.hpcontactright{
	width: 40%;
}
.hpcticons{
	width: 62px;
	height: 50px;
	padding: 0px 5px;
}
.hpcontacticonsect{
	padding-top: 15px;
}
.hpcontactinfo{
	display: flex;
	flex-wrap: wrap;
	width: 50%;
}
.redsubhead{
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 26px;
	font-weight: 700;
	padding-bottom: 10px;
	line-height: 25px;
	color:#bb0306;
}
.blkcontactinfo{
	width: 50%;
	padding-bottom: 15px;
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 18px;

}
.contactinfolink{
	width: 100%;
	padding-bottom: 15px;
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 20px;
}
.headerpadding{
	padding: 4% 13% 0% 14%;
}
.lgredheader{
	color: #bb0306;
	font-family: 'Vollkorn', serif;
	text-transform: uppercase;
    font-weight: 800;
    font-size: 42px;
	line-height: 42px;
}
.lgblackheader{
	color: #000;
	font-family: 'Vollkorn', serif;
	text-transform: uppercase;
    font-weight: 800;
    font-size: 42px;
	line-height: 42px;
}
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #000;
  color: white;
}
/*--------FORM STYLES--------------------*/
.thirdformfield{
    width: 31%;
    height: 38px;
    margin: 2px 13px 5px 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;

}
.halfformfields{
   width: 48%;
    height: 38px;
    margin: 5px 5px 0px 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
}
.fullformfield{
    width: 97%;
    height: 38px;
    margin: 5px 5px 5px 0px;
    padding: 0px 11px 0px 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
}
.formcontainer {
    width: 100%;
    display: flex;
    justify-content: center;
	font-family: 'Source Sans Pro', sans-serif;
}
.formpadding{

    width: 100%;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.message{
  	width: 97%;
    height: 150px;
    padding: 0px 11px 5px 0px;
    margin: 10px 3px 5px 0px;
    font-family: 'Source Sans Pro', sans-serif!important;
	font-size: 15px;
}
.CaptchaImagePanel{
	padding: 5px 0px 10px 0px;
}
.CaptchaPanel {
    margin: 10px 0px 10px 0px!important;
    text-align: left!important;
    padding: 0px!important;
}
.CaptchaMessagePanel{ 
font-family: 'Source Sans Pro', sans-serif!important;
font-size: 15px!important;
font-weight: 600!important;
}
.CaptchaWhatsThisPanel a{
	color: #bb0306!important;
	font-family: 'Source Sans Pro', sans-serif!important;

}
.submit{
font-family: 'Source Sans Pro', sans-serif!important;
background-color:#bb0306; 
border: none;
color: #fff;
	font-size: 15px;
    font-weight: 600;
    padding: 10px 40px;
    border-radius: 5px;
}
.dksubmit{
	font-family: 'Source Sans Pro', sans-serif!important;
background-color:#000; 
border: none;
color: #fff;
	font-size: 15px;
    font-weight: 600;
    padding: 10px 40px;
    border-radius: 5px;
}
.formpagecontainer{
	width: 60%;
	padding:5% 0%;
}
.formcenter{
	width: 100%;
	display: flex;
	justify-content: center;
	
}
.formheader{
	width: 100%;
}
/*--------CONTACT PAGE STYLES--------------------*/

.contactformsection{
width: 32%;	
padding: 100px 0% 100px 5%;
}

.contactmessage{
width: 100%;
height: 150px;
font-family: 'Source Sans Pro', sans-serif!important;

}
.contactformfield{
width: 100%;
height:30px;
margin-bottom: 5px;
}
.ctmap{
    width: 80%;
    height: 450px;
    padding: 20px 0px 20px 25%;
}
.contactmap{
width: 50%;
}
.contactpagesection{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.contactinfosection{
	display: flex;
    align-items: center;
    background: #000;
    padding: 35px 5%;
	font-family: 'Source Sans Pro', sans-serif;
	justify-content: space-between;
}
.cthoursection{
    display: flex;
    align-items: center;
	color: #fff;
}
.ctphonesection{
	display: flex;
    align-items: center;
	color: #fff;
}
.ctsocialsection{
	display: flex;
    align-items: center;
	color: #fff;
}
.contacticon{
	width:35px;
}
.ctwhtheader{
	text-transform: uppercase;
	font-size: 24px;
	padding: 0px 10px;
}
.ctwhtpara{
	padding: 0px 10px;
	color: #fff;
	font-size: 16px;
}
/*--------THANKYOU STYLES--------------------*/
.thankyoupadding{
margin: 22vh 5% 30vh 5%;
	overflow: hidden;
	padding: 15px 0px;
}
.thankyouangle{
height: 35px;
background: #000;
transform: skewX(-30deg);
width: 35%;
position: relative;
right:20%;
margin-top: 50px;
padding-left: 22%;
display: flex;
align-items: center;	
}


/*--------ABOUT STYLES--------------------*/
.aboutpadding{
	padding: 5% 10% 0% 10%;
}
.aboutsection{
	display: flex;
}
.aboutleft{
	width:40%;
	overflow: hidden;
	padding: 25px 0px;
}
.aboutright{
	width:60%;
	text-align: right;
}
.aboutangle{
height: 35px;
background: #000;
transform: skewX(-30deg);
width: 58%;
position: relative;
right:20%;
margin-top: 50px;
padding-left: 22%;
display: flex;
align-items: center;
}
.blacksubhead{
    padding: 35px 0px;
    font-size: 30px;
    font-family: 'Vollkorn';
    text-transform: uppercase;
    font-weight: 900;	
	width: 100%;
}
.apownersect{
    display: flex;
    flex-wrap: wrap;
	padding-top: 20px;
}
.redheader{
	color: #bb0306;
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-size: 25px;
    padding: 10px 0px 0px 0px;
	line-height: 21px;
}
.ownersection{
	width: 45%;
    padding-right: 3%;
}
.jobtitle{
    padding-bottom: 2px;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
	font-weight: 600;
}
.employeebio{
	width: 100%;
    font-family: 'Source Sans Pro';
    padding-bottom: 12px;
    font-size: 15px;
	line-height: 26px;
}
.employeeinfo{
	line-height: 29px;
	color: #000000;
	font-family: 'Source Sans Pro';

}
.employeeinfo:hover{
	color: #505050;
}
.employeebox{
	display: flex;
	flex-wrap: wrap;
}
.employeeimgsection{
	width: 45%;
}
.employeetextsection{
	width: 50%;
	padding-left: 20px;
}
.employeeimage{
	width: 100%;
}
.aptechsect{
	display: flex;
	flex-wrap: wrap;
	padding-top: 65px;
}
.employeesection{
	width: 50%;
	padding-bottom: 25px;
	
}
.nameonlyflex{
	 display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 0px 50px 0px;

}
.nameonlysection{
    width: 25%;
    padding-bottom: 15px;	
}
/*-------- FOOTER STYLES ----------------*/
.footer{
	width: 100%;
	display: flex;
	margin:0%;
	padding-top: 20px;
	background-color: #bb0306;
	align-items: baseline;
}
.footerlogosection{
	width: 18%;
	padding-left: 5%;
}
.footerlogo{
	width: 35%;
}
.footertext{
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	line-height: 22px;
	padding: 5px 30px 50px 20px;
}
.footernavsection{
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	width: 62%;
	text-align: center;
	font-weight: 600;

}
.footernavsection a{
	color: #fff;
	padding: 0px 10px;
	
}

.footericons{
	color: #fff;
	padding: 0px 8px;
	font-size: 20px;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inventorypadding{
	padding: 5% 0%;
}
.list-top-section .list-title .list-title-text{
		font-family: 'Vollkorn', serif!important;
		font-weight: 800!important;
		text-transform: uppercase!important;
}
.list-top-section .list-title .list-listings-count{
	color: #bb0306!important;
	font-family: 'Source Sans Pro', sans-serif!important;

}

.list-content .price-container .price{
	color: #bb0306!important;	
	font-family: 'Source Sans Pro', sans-serif!important;

}
.view-listing-details-link{
		background-color: #bb0306!important;	
		font-family: 'Source Sans Pro', sans-serif!important;
}
.faceted-search-content .selected-facets-container .selected-facet{
			background-color: #bb0306!important;	
			font-family: 'Source Sans Pro', sans-serif!important;

}
.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text{
				font-family: 'Source Sans Pro', sans-serif!important;

}
.ts-button{
					font-family: 'Source Sans Pro', sans-serif!important;

}
.list-content .list-error-container .info button{
	    background-color: #bb0306!important;
}
.list-content .list-error-container .info .selected-facet button{
	background: transparent!important;
}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1708px) {
	.formpagecontainer {
    width: 68%;
	}
	
}
@media only screen and (max-width: 1614px) {

	.nameonlysection {
		width: 33%;}
}
@media only screen and (max-width: 1540px) {
	
	.categoryboxes {
	width: 30%;
    overflow: hidden;
    height: 163px;
    display: flex;
    align-items: flex-end;
    margin: 18px 9px;
	}
	

}
@media only screen and (max-width: 1514px) {
.formpagecontainer {
    width: 77%;
}
}
@media only screen and (max-width: 1380px) {
	.hpmap{
		width: 80%;
	}
	.hpcontactinfo{
		width: 95%;
	} 
	.hp-catsection {
	width: 100%;
	}
	.herotextbox {
    width: 85%;
    padding: 80px 35px 0px 35px;
    left: 14%;
    top: 25%;
	}
	.nameonlysection {
    width: 50%;
padding-bottom: 45px;
	}
}
@media only screen and (max-width: 1335px) {
	.formpagecontainer {
    width: 87%;
}
	
	
}
@media only screen and (max-width: 1290px) {
	.footernavsection {
		    width: 55%;
		    padding: 0px 45px 0px 0px;
	}
	.footerlogosection {
    width: 22%;
	}
	.footerlogo {
    width: 43%;
}
.employeetextsection {
    width: 43%;
    padding-left: 14px;
}
.employeeimgsection {
    width: 53%;
}
}
@media only screen and (max-width: 1183px) {
.formpagecontainer {
    width: 98%;
}	
	.contactinfosection{
	padding: 35px 1%;	
	}	
	
}
@media only screen and (max-width: 1165px) {
	.brandssection{
	margin: 10% 0%;
	
	}
	.hpmap {
    width: 77%;
    height: 365px;
	}
	.hpcontactleft {
		background-size: 152%;
		width: 60%;
	}
	.cthoursection{
	width: 34%;
    flex-wrap: wrap;	
	}
	.ctphonesection{
	flex-wrap: wrap;
    width: 30%;	
	}
	.ctsocialsection{
	flex-wrap: wrap;
	}
	.ctwhtheader{
		width: 100%;
	}
	.contactformsection {
    width: 43%;
    padding: 100px 0% 100px 1%;
}
	.contactpagesection {

    justify-content: center;
}
}
@media only screen and (max-width: 1052px) {
	.thirdformfield{
	margin: 2px 11px 5px 0px;
	}	
	.ctmap {
    width: 94%;
    height: 530px;
    padding: 20px 0px 20px 11%;
}
	.contactformsection {
    width: 43%;
    padding: 100px 0% 100px 1%;
}
	.contactmap {
    width: 45%;
}
}
@media only screen and (max-width: 1005px) {
.footerlogosection {
    width: 20%;
    padding-left: 2%;
}
	.footernavsection {
    width: 60%;
    padding: 0px 8px 0px 0px;
}
	.footertext {
	    padding: 5px 6px 50px 20px;
	
	}
	.hpmap {
    width: 77%;
    height: 288px;
}
	.hpcontactleft {
     background-size: 166%;
    width: 60%;
}
	.hpaboutleft {
    width: 47%;
}
	.hpaboutright {
    width: 42%;
    padding-right: 5%;
    padding-top: 5%;
}
	.hpaboutsection{
	padding: 7% 0% 10% 0%;	
	}
	.aboutpadding {
    padding: 5% 2% 0% 2%;
}
	.aboutimage{
		width: 100%;
	}
	.thirdformfield {
    margin: 2px 0px 5px 0px;
    padding: 0px 9px 0px 0px;
}
	.formpagecontainer{
		padding: 8% 0% 10% 0%;
	}
}
@media only screen and (max-width: 950px) {
.footer {
	flex-wrap: wrap;
	}
.footerlogo {
    width: 11%;
}
	.footertext {
    padding: 15px 110px 1px 110px;
    padding-bottom: 13px;
}
	.footernavsection {
    width: 100%;
    padding: 0px 8px 0px 0px;
}
	.footericonsection{
		width: 100%;
    text-align: center;
    padding-bottom: 19px;
    font-size: 50px;
	}
	.footerlogosection {
    width: 100%;
	text-align: center;
	}
	.categoryredangle {
	width: 78%;
	
	}
	.hpcontactsection{
		padding-top: 15%;
	}
	.brandssection {
    margin: 15% 0%;
}
	.employeebox {
	padding: 0px 20px;
	}
	.employeeimgsection {
    width: 100%;
}
	.employeetextsection {
    width: 100%;
    padding-left: 0px;
}
	.aboutpicture{
		width: 100%;
	}
}

@media only screen and (max-width: 850px) {
	.brandlogo {
    width: 110px;
    height: 40px;
    padding: 5px;
}
	.categoryboxes {
		width: 46%;
	}
	.categoryredangle {
		width: 74%;
	}
	
	.hpaboutsection {
    padding: 15% 0% 10% 0%;
	flex-wrap: wrap;
}
	.hpaboutleft {
    width: 100%;
    padding-left: 45px;
}
	.hpaboutright {
    width: 100%;
    padding-left: 7%;
    padding-top: 5%;
}
	.aboutsection {
    flex-wrap: wrap;
}
.aboutleft {
width: 100%;
}
.aboutright {
	width: 100%;
	background: url("/siteart/historypicture.jpg");
	background-repeat: repeat;
	background-size: cover;
	height: 300px;
	background-position: center;
}	
	.aboutpicture{
		display: none;
	}
.thirdformfield {
	width: 98%;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 8px;
}	
.fullformfield {
    width: 98%;
    height: 38px;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 8px;
}
	.halfformfields {
    width: 98%;
    height: 38px;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 8px;
}
	.message {
    width: 98%;
    height: 150px;
    padding: 6px 0px 5px 8px;
    margin: 10px 3px 5px 0px;

}
	.formpagecontainer {
    padding: 12% 0% 15% 0%;
	width: 80%;
}
}
@media only screen and (max-width: 760px) {
			.herosection {
    flex-wrap: wrap-reverse;
	}
	.heroleft {
    width: 100%;
    height: 344px;
}
	.herotextbox {
    width: 76%;
    padding: 55px 35px 0px 35px;
    left: 5%;
    top: -10%;
}
	.blackanglebox{
	margin-top: 61px;	
	}
	.heroright {
    width: 100%;
    height: 355px;
    background-position: center;
}
	
}
@media only screen and (max-width: 695px) {
	.hpcontactsection {
    width: 100%;
    flex-wrap: wrap;
    padding-top: 10%;
    align-items: center;
}
	.hpcontactleft {
    width: 100%;
    background: #bb0306;
    background-size:100%;
}
	.hpmap {
    width: 100%;
    height: 325px;
		padding: 0px;
}
	.hpcontactright {
    width: 100%;
    padding: 35px;
}

}
@media only screen and (max-width: 635px) {
	.contactinfosection{
	flex-wrap: wrap;	
	}	
	.cthoursection {
	width: 100%;
	padding-top: 15px;	
	}
	.ctphonesection {
	padding-top: 15px;	
	width: 100%;	
	}
	.ctsocialsection{
	padding-top: 15px;	
	}
	.contactinfosection {
    padding: 15px 1%;
}
}
@media only screen and (max-width: 620px) {
	.footerlogo {
    width: 20%;
}
	.lgredbutton{
	width: 40%;
    text-align: center;	
	padding: 18px 0px;
	font-size: 14px;
	border-radius: 0px;
	}
	.hpaboutleft {
    padding-left: 36px;
	}
	.thankyoupadding {
    margin: 16vh 5% 28vh 5%;
    overflow: hidden;
	
}
}
@media only screen and (max-width: 590px) {
.contactformsection {
    width: 93%;
    padding: 100px 0% 55px 0%;
}	
	.contactmap {
    width: 100%;
}
.ctmap {
    width: 100%;
    height: 290px;
    padding: 20px 0px 0px 0%;
}	
	.herobanner{
	padding: 85px 30px 25px 30px;	
	}	
	.herobanner p {
		font-size: 16px;
	}
	.herobanner a {
		font-size: 16px;
	}
	.whtheader{
	    font-size: 30px;
    line-height: 32px;	
	}
}
@media only screen and (max-width: 523px) {
	.heroleft {
    height: 385px;
	}
	.blackanglebox {
    margin-top: 43px;
}
	.herotextbox{
		left: 4%;
	}
.ownersection {
    width: 100%;
    padding-right: 3%;
    padding-bottom: 35px;
}
	.employeesection {
    width: 100%;
    padding: 28px 0px;
}
}
@media only screen and (max-width: 466px) {
	.categoryboxes {
    width: 100%;
	margin: 14px 0px;
}
	.lgredbutton {
    width: 100%;
    padding: 30px 0px;
    font-size: 15px;
	margin: 10px 0px;
}
	.categorybtnsection{
		flex-wrap: wrap;
		padding-top: 6px;
	}
	.heroleft {
    height: 385px;
}
	.herotextbox {
    left: 3%;
	width: 82%;
    padding: 55px 16px 0px 27px;
}
	.blackanglebox{
	width: 230px;	
	}
	.lgblackheader{
		font-size: 33px;
	}
}
@media only screen and (max-width: 440px) {
	.footertext {
    padding: 15px 9px 1px 9px;
}
.footernavsection a {
    padding: 0px 4px;
    font-size: 15px;
}
	.footerlogo {
    width: 40%;
}
	.brandtitle{
		font-size: 30px;
    line-height: 27px;
    padding-bottom: 8px;
	}
	.hpaboutleft {
    padding-left: 15px;
}
	.hpaboutsection {
		padding: 27% 0% 20% 0%;}
	.blackheader{
		font-size: 32px;
		line-height: 28px;
		padding-top: 20px;
	}
	.nameonlysection {
    width: 100%;
    padding-bottom: 30px;
}
}
@media only screen and (max-width: 380px) {
	.hpcontactright {
    padding: 35px 10px;
}
	.herotextbox {
    left: 1%;
	width: 85%;
	}
	.lgredheader{
	font-size: 30px;
    line-height: 30px;
    padding-bottom: 10px;	
	}
	.formpagecontainer{
		width: 91%;
	}
}
@media only screen and (max-width: 350px) {
	.herotextbox {
    left: 3%;
    width: 80%;
}
.heroleft {
    height: 390px;
}	
}
@media only screen and (max-width: 300px) {
	.heroheader{
	font-size: 30px;
    line-height: 23px;	
	}
	.heroleft {
    height: 370px;
}
	.herotextbox {
    left: 3%;
    width: 85%;
	padding: 55px 10px 0px 10px;
}
	.blackanglebox {
    width: 160px;
}
	.heroleft {
    height: 372px;
    text-align: center;
    display: flex;
    justify-content: center;
}
	.herotextbox {
    left: 0%;
    width: 95%;
    padding: 55px 6px 0px 6px;
    position: unset;
    margin: 0px;
    height: 298px;
}
}
@media only screen and (max-width: 290px) {
	.brandlogo {
    width: 105px;
    height: 42px;
    padding: 9px 0px;
}
	.hpcticons {
    width: 48px;
	height: 40px;
	}
	.categoryredangle{
	width: 100%;	
	align-items: center;
    text-align: center;
    justify-content: center;
	padding-left: 0%;
	right: 0%;
	transform: skewX(0deg);
	}
	.categoryredangle:hover{
	width: 100%;	
	}
	.cat-wht-header{
	transform: skewX(0deg);
    padding-left: 0px;	
	}
	.hpaboutleft {
    padding-left: 12px;
	padding-bottom: 30px;
}
	.aboutpadding {
    padding: 5% 0% 0% 0%;
}
}
@media only screen and (max-width: 230px) {
.blkcontactinfo {
	width: 100%;
	}
.hpcontactright {
    padding: 35px 0px;
}
	.blackheader{
		font-size: 26px;
	}
	.whtheader{
	font-size: 23px;
    line-height: 23px;
    padding: 20px 0px;	
	}
	.heroleft {
		height: auto;
	}
	.herotextbox{
	height: auto;	
	}
	.heroheader {
    font-size: 26px;
	}
	.herotext {
    font-size: 16px;
	}
	.redbutton{
	font-size: 13px;
    padding: 10px 21px;
	}
	.thirdformfield {
		width: 85%;}
	.fullformfield {
		width: 85%;}
	.halfformfields {
		width: 85%;}
	.message {
		width: 85%;}
}