/***** 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;}
img{max-width: 100%; height: auto;}
.location-img {
	max-width: 55%;
	border-radius: 0 50px 0 50px;
}
.location-contact {
	display: flex;
	justify-content: space-between;
	width: 31%;
	margin: 35px 143px 0px 0px;
}
.location-img-contact {
	display: flex;
	justify-content: space-between;
}
.img-none-location {
	margin-top: 0px;
}
.location-h3 {
	font-size: 29px;
	line-height: 38px;
}
.location-names {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.location-names div {
	width: 30%;
	text-align: center;
}
.location-names div {
	margin: 0 0 20px 0;
}
.location-names div a {
	color: #3594D5;
}
/*-- colors - fonts
blue: 1d6a9f
red: d8222e

font-family: 'Barlow Condensed', sans-serif;
font-family: 'Montserrat', sans-serif;*/

/***** END RESET *****/

body{
	font-family:  'Montserrat', sans-serif !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	overflow-x: hidden;
	width: 100%;
	background: #000;
	color: #fff
}

::-moz-selection {
    background: #1d6a9f;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #1d6a9f;
    color: #fff;
    text-shadow: none;
}

a{
	color: inherit;
	transition: all .6s ease-in-out; 
	-moz-transition: all .6s ease-in-out; 
	-webkit-transition: all .6s ease-in-out;
	text-decoration: none;
}
:hover{	transition: all .6s ease-in-out; 
	-moz-transition: all .6s ease-in-out; 
	-webkit-transition: all .6s ease-in-out;}

.clear{clear:both;}	


.shadow{box-shadow: 0px 6px 14px -7px rgba(0,0,0,.1);}

h1,h2,h3,h4{font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; font-weight: 700; font-style: italic;}
h1{font-size: 40px; color: inherit; letter-spacing: .75px; line-height:50px; }
h2{font-size: 32px; color: inherit; letter-spacing: .75px;}
h3{font-size: 24px; color: inherit; letter-spacing: .75px;}
h4{font-size: 18px; color: inherit; letter-spacing: .75px;}

strong{font-weight: 600; }

/*---BASIC STYLES -----------------------------------*/
.pad{padding: 25px 0;} .l-pad{padding: 50px 0;} .xl-pad{padding: 80px 0;}

.black-bg{background: #000; color: #fff;} .gray-bg{background: #3d3d3d; color: #fff;} .red-bg{background: #d8222e; color: #fff}.blue-bg{background: #1d6a9f; color: #fff}
.white-text{color: #fff;}.gray-text{color: #3d3d3d;} .red-text{color: #d8222e}

.bullet{font-size: 13px; margin:0 15px}

.wrapper-inner{width: 75%; margin: 0 auto;}
.wrapper-center{width: 75%; margin: 0 auto; text-align: center;}
.wrapper90{width: 90%; margin: 0 auto;} .wrapper60{width: 60%; margin: 0 auto;}


#white-outline-btn{ background: none; color: #fff; border: 1px solid #fff; letter-spacing: 2px; font-size: 16px; padding:12px 30px; font-family:  'Barlow Condensed', sans-serif; font-weight: 700; margin: 5px; text-transform: uppercase; font-style: normal; border-radius: 50px; } 
#white-outline-btn:hover{background: #fff; color: #000}

#red-btn{background: #d8222e; color: #fff; letter-spacing: 2px; font-size: 16px; padding:12px 30px; font-family:  'Barlow Condensed', sans-serif; font-weight: 700; margin: 5px; text-transform: uppercase; font-style: normal; border-radius: 50px; } 
#red-btn:hover{background: #fff; color: #d8222e}


.gray-truck-bg{background: url(../siteart/gray-truck-bg.jpg) no-repeat fixed center; background-size: cover;}

.flex-row{display: flex;}
.flex-row .col-2{justify-content: flex-start; width: 50%;}
.flex-row .col-3{justify-content: flex-start; width: 33.33%;}
.flex-row.videos .col-2 iframe{width: 98%; margin-bottom: 10px;}

/*---HEADER-----------------------------------*/
.header{width:100%; padding:10px 0 5px 0;}
.header-inner{width: 90%; margin: 0 auto; display: flex; align-items:center}
.header-inner .left{justify-content: flex-start; width: 50%; } 
#logo{width: 100%; max-width: 200px; display: inline-block; vertical-align: middle; position: relative; z-index: 111; margin-bottom: -40px}
.header-inner .left h3{display: inline-block; vertical-align: middle; margin-left: 15px;}

.header-inner .right{justify-content: flex-end; width: 50%; text-align: right; padding: 10px 0; display: flex;gap: 10px;}
.header-inner .right .col-3{display: inline-block; vertical-align: top; width: auto; padding: 0 25px; text-align: center;}
.header-inner .right .col-3 img{max-width: 100px} .header-inner .right .col-3 p{font-size: 13px; font-weight: 400; line-height: 20px; color: #fff;} .header-inner .right .col-3 a{color: #fff}

.nav-wrapper-home{position: absolute; z-index: 1111; margin:20px auto 0 auto; text-align: center;  left: 0; right: 0; }
.nav-wrapper-home #red-btn{padding:8px 18px; vertical-align: middle; margin:0 5px; display: inline-block; letter-spacing: .5px; font-size: 15px;}

.nav-wrapper{position: absolute; z-index: 11; margin:0 auto; text-align: center;  left: 0; right: 0; background: rgba(0,0,0,.3); padding: 22px 0 22px 0}
.nav-wrapper #red-btn{padding:8px 18px; vertical-align: middle; margin:0 5px; display: inline-block; letter-spacing: .5px; font-size: 15px;}



#blue-btn{background: #1d6a9f; color: #fff; letter-spacing: .5px; font-size: 15px; padding:8px 18px; font-family:  'Barlow Condensed', sans-serif; font-weight: 700; margin: 0 5px; text-transform: uppercase; font-style: normal; border-radius: 50px; vertical-align: middle; display: inline-block;} 
#blue-btn:hover{background: #fff; color: #d8222e}
.header-logo {
	text-align: center;
}
.header-logo img {
    width: 100%;
	max-width: 150px;}
/*---HOME PAGE ----------------------------------*/
/*--slider--*/
.cycle-slideshow {width: 100%; display: block}
.cycle-slideshow img{width: 100%; display: block;}

.hero-overlay{position: absolute; z-index: 111; top: 17vw; width: 800px; left: 4%; color: #fff}
.hero-overlay h1{font-size: 65px; line-height: 100%; z-index: 999; position: relative; margin-bottom: 20px;}


.img-gradient{ position:relative;}
.img-gradient:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:50%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(left, rgba(0,0,0,0.4) 0%, rgba(220, 66, 37, 0.4) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220, 66, 37, 0.4)), color-stop(100%,rgba(0,47,75,0.4))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,47,75,0.4) 0%,rgba(220, 66, 37, 0.4) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,47,75,0.4) 0%,rgba(220, 66, 37, 0.4) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,47,75,0.4) 0%,rgba(220, 66, 37, 0.4) 100%); /* IE10+ */
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.0) 0%, rgba(37, 37, 37, 0.7497373949579832) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.img-gradient img{ display:block;}
/*--HOME CATEGORY CONTAINER--*/
.cat-container {display:grid;grid-template-columns: repeat(4, 1fr);gap: 2px;padding-top: 2px;}
.cat img {width: 100%;height:100%;object-fit: cover;filter: grayscale(100%);transition: .5s ease-in-out;}
.cat {position:relative;max-height: 200px;}
.overlay {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;background: rgb(0 0 0 / 35%);}
.cat:hover img {filter: grayscale(0%);}
.cat-wrap {width: 80%; margin: 0 auto;}
.cat-wrap h2 {	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);font-size: 28px;letter-spacing: 2px;}
button.cat-btn {   -webkit-transition: all .6s ease-in-out;
       background: none;
    color: #fff;
    border: 1px solid #fff;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 12px 30px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    margin: 5px;
    text-transform: uppercase;
    font-style: normal;
    border-radius: 50px;}
.cat:hover button.cat-btn {background: #fff;border-color: #fff;color:#1d6a9f;}

.cat hr {
    margin: 20px 0;
    width: 175px;
    border: none;
    height: 5px;
    background: #1d6a9f;
}

/*--welcome--*/
.home-bg{background: url(../siteart/home-bg.jpg) no-repeat fixed center; background-size: cover;}

/*--scrolling inventory --*/
.scrolling-wrap {height:90px; overflow:hidden;  margin-top: -50px; z-index: 999; position: relative}
.scrolling{width:100%; height:92px;}

.welcome-blue{padding: 50px 0 100px 0; border-radius: 0 140px 0 140px; margin-top: 50px; width: 95%}
.welcome{display: flex; align-items:center}
.welcome .left{justify-content: flex-start; width: 65%;} 
.welcome .right{justify-content: flex-start; width: 35%; text-align: right}

.welcome-slider{width: 94%; float: right; right: -100px; position: relative; top: -100px}
.welcome-slider .slider img,.vango img,.service img{margin: 10px;}

.wrapper-center.brands-wrap h2 {
    margin-top: 50px;
}


.top-logo img {
    width: 65%;
	max-width: 100%;
}

.top-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
	gap: 1px;
}

.top-logo div {flex: 1;}


.logo-wrap {
  display: flex;
  flex-wrap: wrap;    /* allow wrapping on small screens */
  justify-content: center;
  gap: 20px;          /* spacing between logos */
}

.logo-wrap img {
  max-width: 250px;   /* smaller than top logos */
  width: 100%;
  height: auto;
  flex: 0 0 auto;     /* prevent stretching */
}

.logo-wrap div {flex: 1;}
/*-- explore videos --*/
.explore{padding: 150px 0}

/*-- Parts Request --*/
#form-button {
	background: #d8222e !important;
    color: #fff !important;
    letter-spacing: 2px !important;
    font-size: 16px !important;
    padding: 12px 30px !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    border-radius: 50px !important;
    cursor: pointer;
    border: none !important;
    margin: 15px 5px;
    width: 100%;
}


#form-button:hover {
    background: #fff  !important;
    color: #d8222e !important;
}

.big-text {font-size: 24px;letter-spacing: .75px;color: inherit;font-family: 'Barlow Condensed', sans-serif;text-transform: uppercase;font-weight: 700;font-style: italic;}

/*-- inv page --*/

.inv-btns{display: flex;gap:10px;flex-wrap:wrap;}
.inv-btns #red-btn{flex-grow: 1;
    padding: 10px 5px;
    text-align: center;
    margin: 0;
    font-size: 14px;
    flex-basis: 18%;    display: flex;
    align-items: center;
    justify-content: center;}
.inv-btns #red-btn:hover{background: #1d6a9f; color: #fff}

/*-- LOCATIONS PAGE---------------------*/
.rent-contacts {
    display: flex;
    justify-content: space-between;gap: 40px;
}
.emg-number a {display: block;}
.rent-emp h2 {font-size: 28px;}
.emg-number h2 {
    font-size: 28px;
    font-weight: 500 !important;
    line-height: 1.25;
}

.home-pg {    overflow: hidden !important;}

.rent-emp {flex: 1;}
/*-- LOCATIONS PAGE---------------------*/
.locations section {
  display: none;
  padding: 20px 0 0;
}

.locations label {
  display: inline-block;
  margin: 3px;
  padding: 15px 30px;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
font-family:  'Barlow Condensed', sans-serif; 
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 18px;
	border-radius: 50px
}

.locations label:before {
  margin-right: 10px;
}


.locations label:hover {
  color: #fff;
  cursor: pointer;
  background: #d8222e;
}

.locations input:checked +  label {
  color: #fff;
  background: #d8222e;
}

.locations label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8,
#tab9:checked ~ #content9, 
#tab10:checked ~ #content10 {
  display: block;
}

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

 .locations label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  .locations label {
    padding: 15px;
  }
}

.loc{display: flex; width: 100%; align-items: center; background: #1d6a9f; margin-top: 30px;color:#fff; border-bottom-left-radius: 100px; border-top-right-radius: 100px}
.loc .col1{justify-content: flex-start; width: 35%; margin-right: 20px;}
.loc .col2{justify-content: flex-start; width: 65%; height: 100% !important;}
.loc .col2 iframe{height: 450px !important; display: block; border-top-right-radius: 100px}


/*-- Vango Tarps PAGE---------------------*/
.flex-row.vango {
	gap: 40px;
	flex-wrap: wrap;
	justify-content: space-between
	
}

.column-vango {
	flex-basis: 45%;
}

/*-- parts - service--*/
.parts{flex: 1; margin: 5px;}
.parts.one{background: url(../siteart/parts/Inventory.JPG) no-repeat; background-size: cover; border-bottom-left-radius: 100px}
.parts.two{background: url(../siteart/parts/Parts-Manual.jpg) no-repeat; background-size: cover;}
.parts.three{background: url(../siteart/parts/Service.jpg) no-repeat; background-size: cover;border-top-right-radius: 100px}
.parts.four{background: url("../siteart/parts/vango-tarpt.jpg") no-repeat; background-size: cover;}

.parts h3{text-align: center; z-index: 111; background: rgba(29,106,159,.8); padding: 100px 0; color: #fff}
.parts h3:hover{background: rgba(255,255,255,.8); color: #1d6a9f}

.parts.one h3{border-bottom-left-radius: 100px}
.parts.three h3{border-top-right-radius: 100px}

.parts-boxes{flex: 1; margin: 10px;}
.parts-boxes #red-btn{padding: 10px 0; width: 100%; display: block; text-align: center;}



.service.slider img{margin: 10px;}



/*-- about ---*/
.about-img{border-radius:0 100px 0 100px; width: 100%;}


/*-- employment --*/

.careers{flex: 1; margin: 10px;}
.careers#red-btn{padding: 10px 0; width: 100%; display: block; text-align: center;}
.careers#red-btn:hover{background: #d8222e; color: #fff}

#formpage h4 {font-size:13.28px !important;line-height: 26px;font-weight: bold;text-transform: none;font-family:'Montserrat', sans-serif !important;font-style: normal !important;}

/*-- FOOTER ------------------------------------*/
.foot{border-top-right-radius: 100px}
.footer{color: #fff; display: flex; }
.footer ul li{font-weight: 300; line-height: 30px; font-size: 14px;} .footer a{color: #fff} .footer li a:hover{text-decoration: underline} .footer p{font-size: 14px;} .footer p a{color: #fff}

.footer .foot-col-2{justify-content: flex-start; width:25%;}

.footer .foot-col-1{justify-content: flex-start; width:50%; text-align: right}
.footer img{width: 100%; max-width: 225px; display: block; float: right}

.copyright{text-align: right; padding-bottom: 20px; font-size: 13px}


/*---FORMS -----------------------------------*/
.form-row{display: flex;}
.formfield{flex: 1; font-family: 'Montserrat', sans-serif; position: relative; padding: 5px 0; margin: 5px 5px 5px 0; font-size:13px;}

.thin-border {padding: 20px; margin: 25px 0;  border: 1px solid #ccc;}

input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;	
 }

.formfield input, .formfield select  {
	width: 100%;
	padding: 10px 0;
	border:1px solid #134773;
	background:#fff;	
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	-webkit-appearance:none;
	-webkit-border-radius: 0px !important;
	border-radius: 0 !important
}



.form-row  textarea {
	width: 100%;
	padding: 10px 0;
	border:1px solid #134773;
	font-weight: 700;
	color:#000;
	background:#fff;
	font-family: 'Montserrat', sans-serif !important;
    height:85px;	
	-webkit-appearance:none;
	-webkit-border-radius: 0px !important;
	border-radius: 0 !important;
} 

form input.button,
form input.button:focus {
	float: none;
    width:160px;
	font-family:  'Barlow Condensed', sans-serif; 
	font-weight: 700; 
	text-transform: uppercase; 
	font-style: normal;    
	margin:15px auto 0 auto;
    background: #d8222e; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	font-size:16px;
	padding: 12px 30px;
	letter-spacing:2px;
	text-align: center;
	display: block;
	border: none;
	-webkit-appearance:none; 
	border-radius: 50px; 
	-webkit-border-radius: 0px !important;
}

form input.button:hover { background: #fff; color: #d8222e}

/*control the Captcha */

.CaptchaPanel {margin: 0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#fff !important;width: 100%;  text-align:left;}
.CaptchaPanel input{width: 100% !important; max-width: 300px;}
.CaptchaImagePanel {
	
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
	color: #fff !important
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 auto;
	padding:10px 0 10px 0 !important;
	width: 100%;
	float: right;
	display: block;
}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 




/*---RESPONSIVE STYLES ------------------------------*/

@media screen and (max-width: 1420px) {
	.inv-btns #red-btn{
		flex-basis: 25%;
	}
	.cat hr {margin: 15px 0;}
	
	.cat-wrap h2 {font-size: 22px;}
	
}
@media screen and (max-width: 1220px) {
	.location-names div {
		width: 33%;
	}
	.cat-wrap {
    width: 90%;
    margin: 0 auto;
}
	
	    .cat-wrap h2 {
        font-size: 18px;
    }
	
	.overlay{    background: rgb(0 0 0 / 50%);}
}
@media screen and (max-width: 1200px){	
	.rent-contacts{flex-wrap:wrap;}
	.emg-number {flex-basis: 100%;text-align: center;}
	.rent-emp,.rent-pg {text-align: center;}
	.emg-number a {display: inline-block;}
.wrapper-inner,.wrapper-center{width: 90%}	
	
	.header-inner{width: 95%;}	
	#logo{width: 100%; max-width: 180px;}
.header-inner .left h3 {margin-left: 10px; font-size: 20px}
	.header-inner .left{width: 55%}
	.header-inner .right{width: 45%}
.header-inner .right .col-3{ padding: 0 8px; text-align: center;}
	
	
.hero-overlay{top: 10vw;}
.hero-overlay h1{font-size: 55px;}

	
.nav-wrapper #red-btn,#blue-btn{padding:8px 15px; margin:0 2px; font-size: 13px;}


}
@media screen and (max-width: 1138px) {
	.hero-overlay {
		top: 15vw;
	}
}
@media screen and (max-width: 1112px) {
	.xl-pad {
		padding: 148px 0;
	}
}	

@media screen and (max-width: 960px) {	
	
.xl-pad{padding: 70px 0}

.header-inner {display: block}
.header-inner .left{width: 100%; justify-content: flex-end; text-align: center; margin: 0 auto;}
.header-inner .left h3 {margin-left: 10px; font-size: 20px}
#logo{max-width: 150px; margin-bottom: 0; z-index: 0}
.header-inner .right{width: 100%; justify-content: center; text-align: center; margin: 0 auto; padding: 15px 0}
.header-inner .right .col-3{ padding: 0 10px; text-align: center;}
		
	
.nav-wrapper-home{ background: rgba(0,0,0,.3); margin-top: 0; padding-top: 5px}
	
.flex-row{display: block;}
.flex-row .col-2{justify-content: flex-end; width: 100%;}	
	
.img-gradient:after{width: 100%;}	
.hero-overlay{top: 15vw; width: 90%;}
.hero-overlay h1{font-size: 35px; margin-bottom: 10px}
	
	
/*--scrolling inventory --*/
.scrolling-wrap {margin-top: -30px; }

/*--welcome--*/	
.welcome-blue{padding: 50px 0 100px 0; border-radius: 0 140px 0 140px; margin-top: 30px; width: 95%}
.welcome{display: block;}
.welcome .left,.welcome .right{justify-content: flex-end; width: 100%; text-align: left; display: block}
.welcome .right{margin-top: 50px}
	
.welcome-slider{width: 90%; float: none; right: 0; left: 0; position: relative; top: -100px; text-align: center; margin: 0 auto}
	
.welcome-slider .slick-dots {width: 100% !important; float: none !important; text-align: center !important}
	
	
.explore{padding: 100px 0}	
	
	.cat-container{    grid-template-columns: repeat(2, 1fr);}
/*-- about ---*/
.about-img{border-radius:0 50px 0 50px;}

/*-- location -- */
.loc{display: block; border-bottom-left-radius: 100px; border-top-right-radius: 100px}
.loc .col1{justify-content: flex-end; width: 100%; margin-right: 0; padding: 30px 0}
.loc .col2{justify-content: flex-end; width: 100%; height: 100% !important;}
.loc .col2 iframe{height: 450px !important; display: block; border-bottom-left-radius: 100px; border-top-right-radius: 0}

/*-- inv page --*/
	
/*-- FOOTER ------------------------------------*/
.footer{color: #fff; display: flex; }
.footer .foot-col-2{width:50%;}
.footer .foot-col-1{display: none}

.copyright{text-align: left;}

/*-- parts - service--*/
.parts{margin: 5px auto; display: block; widows: 100%;}
.parts.one{border-bottom-left-radius: 0}
.parts.three{border-top-right-radius: 0}

.parts.one h3{border-bottom-left-radius: 0}
.parts.three h3{border-top-right-radius: 0}

.parts-boxes #red-btn{padding: 10px 0; width: 100%; display: block; text-align: center;}

	.inv-btns #red-btn {flex-basis: 45%;}
}

@media screen and (max-width: 850px) {
}
@media screen and (max-width: 729px) {
	.location-names div {
		width: 47%;
	}
	
	
}
@media screen and (max-width: 700px) {
	.location-img {
		max-width: 86%;
	}
}
@media screen and (max-width: 649px) {
	
.form-row{display: block;}	
.formfield{width: 100%; display: block; margin:3px auto; font-size:14px;}
input.radio {margin:0;  display:block; float: left; text-align: left}	

	
.hero-overlay{display: none}
.img-gradient:after{width: 0%;}	


.welcome-blue{padding: 30px 0 100px 0; border-radius: 0 140px 0 0; width: 98%}
	
	
.sub #red-btn{display: block; padding: 12px 0; width: 100%; margin: 10px auto; text-align: center}	


	
/*--locations pg--*/
.locations label {
  display: block;
  margin: 0 auto;
  padding: 15px 0;
	width: 100%
}

.locations label:before {margin-right: 0;}
	.top-logo {flex-wrap:wrap;}
	.top-logo div {width: 100%;flex-basis: 100% !important;}
.logo-wrap {
   flex-wrap: wrap;
}

	.logo-wrap div{flex-basis: 45%;}
}

@media screen and (max-width: 480px) {
.header-inner .right .col-3{ padding: 0 5px; text-align: center;}
.header-inner .right .col-3 img{max-width: 70px} .header-inner .right .col-3 p{font-size: 12px}
.cat-container{    grid-template-columns: repeat(1, 1fr);}
	.cat {height: 150px;}
	.inv-btns #red-btn {flex-basis: 100%;}

.loc .col2 iframe{ border-bottom-left-radius: 0; border-top-right-radius: 0}

	@media screen and (max-width: 471px) {
		.header-inner .left {
			width: 85%;
		}
	}
	@media screen and (max-width: 434px) {
		.location-names div {
			width: 88%;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		
		.logo-wrap img {
			max-width:100% !important; }
		
		.top-logo img {
			width: 100%;
		}
		
		.logo-wrap{gap: 0;}
	}	
/*-- FOOTER ---*/
.footer{color: #fff; display: block; }

.footer .foot-col-2{justify-content: flex-end; width:100%; margin-bottom: 15px}
.footer .foot-col-1{display: none}

.copyright{text-align: left;}
}