/***** 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 {
}

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: #485ea5; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #485ea5;
    color: #fff;
    text-shadow: none;
}


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


*:hover {
	-webkit-transition:.4s all;  
	-moz-transition:.2s all;  
	-o-transition:.2s all;  
	transition:.2s all;	
}

button:hover {
	-webkit-transition:.6s all;  
	-moz-transition:.4s all;  
	-o-transition:.4s all;  
	transition:.4s all;	
}

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

purple: #485ea5;

*/

body {
	
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Raleway', sans-serif;
}

p {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	line-height: 28px;
}

a:link, a:visited, a:active {text-decoration:none; color: inherit;}
a:hover {text-decoration:none;-webkit-transition:.4s all;  
	-moz-transition:.2s all;  
	-o-transition:.2s all;  
	transition:.2s all;	}


hr{
	border: none;
    height: 0.5px;
    color: rgba(72,94,165,0.85);
    background: rgba(72,94,165,0.85) !important;
    margin: 30px 0 0px;
}


/*--- HEADER STYLES ---------------------*/
header {background: #000;}


.head-wrap {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 0;
}

.flex-container.head-flex {
	justify-content: space-between;
    align-items: center;
    align-content: center;
}

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

.top-head {display: flex; justify-content: space-between;font-family: 'PT Sans', sans-serif; font-weight: 800;text-transform: uppercase;}

.left-side {display: flex; gap: 20px; justify-content: space-between;}

.right-side {display: flex; gap: 5px; justify-content: space-between;}

.top-head a {
	color: #485ea5 !important;
}

#head-icons {
	color: #000 !important;

}

.icon-bg {
	color: #485ea5;
}

.logo {
	max-width: 400px;
}

.mobile-socials {
	display: none !important;
}

#social-link {
	font-size: 20px;
}

.video-wrap video[poster]{object-fit:cover;} 

/*---BODY--------------------------------*/
.wid-90 {
	width: 90%;
	margin: 0 auto;
}
.flex-container {
	display: flex;
	flex-wrap: wrap;
}

.page-wid {
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
}



.inv-pag-wid {
	max-width: 1300px;
	margin: 0 auto;
	    padding-left: 20px !important;
    padding-right: 20px !important;
}

.page-wid.center hr {
	margin: 5px auto 15px!important;
    width: 80px;
    padding: 3px 0;
}

.page-wid hr {
	margin: 5px 0 15px!important;
    width: 80px;
    padding: 3px 0;
}

.center {text-align: center;}

#l-pad {
	padding: 150px 0;
}

.flex-hero {
  justify-content: flex-end;
    width: 100% !important;

}
.overlay {
	position: relative;
    top: 0;
    bottom: 0;
    background: rgba(72,94,165,1);
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    z-index: 99;
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: -10%;
    max-height: 600px;
}

.relative {
	position: relative;
}

.slide1 {
	background: url("/siteart/slider/slide6.jpg") no-repeat;
	background-size:cover;
	background-position: center center;
	height: 500px;
}
/*
.slide2 {
	background: url("/siteart/slider/IMG_0084.jpg") no-repeat;
	background-size:cover;
	background-position: center center;
	height: 500px;
}
*/
.slide3 {
	background: url("/siteart/slider/slide7.jpg") no-repeat;
	background-size:cover;
	background-position: center center;
	height: 500px;
}

.slide4 {
	background: url("/siteart/slider/slide8.jpg") no-repeat;
	background-size:cover;
	background-position: center center;
	height: 500px;
}
.slide5 {
	background: url("/siteart/slider/slide9.jpg") no-repeat;
	background-size:cover;
	background-position: center center;
	height: 500px;
}

.slide5 {
	background: url("/siteart/slider/slide10.jpg") no-repeat;
	background-size:cover;
	background-position: center center;
	height: 500px;
}

.slide-wrap {
	width: 90%;
    margin: 0 auto;
        padding: 50px 0 50px 10%;
}

.slide-text {
	color: #fff !important
}

.slide-text h1 {
	font-size: 50px;
	line-height: 60px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#thin-font {
	font-weight: 200;
	font-size: 44px;
}

#thin-font::after {
	 content:"\a";
    white-space: pre;
}

.flex-home {
	gap: 3px;
	margin-bottom: 3px;
}
.home-wrap {
	margin: 0 auto;
    text-align: left;
    flex: 1;
	padding: 10% 0;
}

.wid90 {
    margin: 0 auto;
    margin-left: 10% !important;
	width: 80%;
}
.video-wrap {
	flex: 1;
	position: relative;
	overflow: hidden;clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.video-wrap video {
       object-fit: cover;
    width: 100%;
	height: 100%;
    object-position: center center;
	background: url("/siteart/lot-img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.home-wrap h1 {
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 20px;
}

#green-txt {
	color: #599051;
	font-weight: 700;
}

.home-wrap a {
	font-weight: 800;
}

.home-wrap a:hover {
	color: #485ea5
}

.flex-container.cats {
	justify-content: space-between;
    gap: 3px;
	padding-bottom: 3px;
}

a.cat {
	flex-basis: 24.81%;
    flex-grow: 1;
    background-size: cover !important;
    display: flex;
    height: 200px;
	font-family: 'Raleway', sans-serif;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .5px;
	position: relative;
	-webkit-transition:.6s ease-out;  
	-moz-transition:.4s ease-out;  
	-o-transition:.4s ease-out;  
	transition:.4s ease-out
	
}

.cat-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: #000;
  -webkit-transition:.6s ease-in;  
  -moz-transition:.4s ease-in;  
  -o-transition:.4s ease-in;  
  transition:.4s ease-in;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cat:hover .cat-overlay, .cat:hover .cat-text {
  opacity: 1;
	-webkit-transition:.6s ease-out;  
	-moz-transition:.4s ease-out;  
	-o-transition:.4s ease-out;  
	transition:.4s ease-out;
}

.cat-text, .cat-hover {
  color: white;
  position: absolute;

  text-align: center;
}

.cat-text {
	-webkit-transition:.6s ease-in;  
	-moz-transition:.4s ease-in;  
	-o-transition:.4s ease-in;  
	transition:.4s ease-in
}

.cat-hover {
	-webkit-transition:.6s ease-out;  
	-moz-transition:.4s ease-out;  
	-o-transition:.4s ease-out;  
	transition:.4s ease-out;
	color: #485ea5 !important;
	z-index: 99999;
}




.cat.sleeper {
	background: url("../siteart/cat/sleeper.jpg") no-repeat;
	background-position: 25%;
}
.cat.day {
	background: url("../siteart/cat/daycab.jpg") no-repeat;
	background-position: 25% 65%;
}

.cat.dump {
	background: url("../siteart/cat/dump.jpg") no-repeat;
	background-position: 50% 35%;
}

.cat.concrete {
	background: url("../siteart/cat/mixer.jpg") no-repeat;
	background-position: 50% 65%;
}

.cat.pole {
	background: url("../siteart/cat/poletruck.jpg") no-repeat;
}

.cat.winch{
	background: url("../siteart/cat/winch.jpg") no-repeat;
	background-position: 50% 65%;
}

.cat.roll{
	background: url("../siteart/cat/roll-off.jpg") no-repeat;
	    background-position: 50%;
}

.cat.tanker{
	background: url("../siteart/cat/fuel.jpg") no-repeat;
	background-position: 50% 70%;
}

.cat.all-inv{
	background: url("../siteart/cat/all-inv.jpg") no-repeat;
	    background-position: 50% 55%;
}

.cat-icon {
	width: 90px !important;
    margin: 0 auto;
}

.cat-text {
	text-align: center;
}


.black-bg {
	background: #000 !important;
	padding:90px 0;
}

.flex-container.service-flex {
	    justify-content: space-between;
    align-content: center;
}

.service-box {
width: 70%;
margin: 0 auto;
	}

.service-box h2 {
	color: #fff;
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 30px;
	font-weight: 400;
}

#bold {
	font-weight: 800;
}

.third {
	flex-basis: 30%;
	color: #fff;
	font-family: 'PT Sans', sans-serif;
	text-align: center;

}

.third h4 {
	text-transform: uppercase;
    font-size: 20px;
    margin: 5px 0 0 0;
}

.third p {
	margin-bottom: 5px;
}
.third img {
	width: 120px;
	margin-bottom: 15px;
}

#learnmore {
	color: #599051;
	font-weight: 600;
	font-style: italic;
}

.flex-container.contact-home {
	flex-wrap: wrap-reverse !important
}
.half-c {
	flex-basis: 50%;
}

.c-info {
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%),url(/siteart/lot-img.jpg) no-repeat;
    background-position: 0% 15%;
    background-size: cover;
}

.contact-text {
	padding: 90px 0 90px 30px;
	color: #fff;
	text-transform: uppercase;
}

.contact-text a {
	color: #fff;
}
.contact-text h3 {
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 400;
}

.title {
	color: #599051;
	font-weight: 800;
	line-height: 28px !important;
	margin-top: 20px;
	font-family: 'Raleway', sans-serif;
	
}

.contact-text p {
	line-height: 22px !important;
}

/* CONTACT PAGE */

#page-title {
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 28px;
}
.flex-container.contact-flex {
	justify-content: center;
    gap: 60px;
}
.contact-form {
    flex-basis: 60%;
}


.flex-contact {
	display: flex;
  flex-direction: column !important; 
  flex-grow:1;
	    gap: 20px;
}

.contact-information {
	flex-basis: 40%;
}

.contact-map {
	flex-basis: 70%;
}

.contact-information .title:first-of-type {
	margin-top: 0 !important;
	
}

.contact-information .title {
	margin-top: 10px !important;
}

.contact-information p {
	margin-bottom: 10px;
	font-size: 16px;
}

.contact-information .fa-solid,.contact-information .fa-brands {
	margin-right: 10px;
	color: #599051;
}

.contact-information .fa-brands {
	font-size: 22px;
	    margin: 5px 10px 0 0;
}

.contact-information a:hover .fa-brands {
	color: #000 !important;
}



#no-display {
	color: transparent !important;
}

/***** ABOUT PAGE ******/

.about-img {
	 padding: 30px 0 0;
}

.about-img img {
	max-width: 100%;
	width: 100%;
}

.about-brands {
	text-align: center;
}

.about-brands h2 {
	text-transform: uppercase;
    padding-top: 20px;
	color: #599051;
}

.about-brands p {
	padding-bottom: 10px;
}

.about-half {
	flex-basis: 70%;
	text-align: left
}

.flex-container.about {
	justify-content: space-between;
	gap: 60px;
}

.about-half-2 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	flex: 1;
	gap: 10px;
}

.flex-sales,.flex-service {
	font-family: 'PT Sans', sans-serif;
	color: #fff;
	text-align: left;
}

.flex-sales h3,.flex-service h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 8px;
}
.flex-sales {
	background: #599051;
}

.flex-service {
	background: #485ea5 !important;
	
}

.wrap {
	padding: 20px;
}

.hour-title {
	font-weight: 800;
	text-transform: uppercase;
	padding-bottom: 5px;
}

/********************* WARRANTY PAGE **********************/
.warranty-page h2 {
	color: #599051 !important;
	padding: 15px 0 15px 0;
}

.warranty-info img {
	max-width: 100%;
}

.warranty-logo img {
	width: 230px;
    margin: 0 0 10px;
}

/********************* FINANCING PAGE **********************/
.finance-flex {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.finance-info {
	flex-basis: 60%;
	font-family: 'PT Sans', sans-serif;
}

.finance-info h3 {
	font-size: 28px;
	margin: 20px 0 10px;
}

.finance-info h4,.finance-info h5 {
	font-size: 24px;
	margin-bottom: 10px;
}

.side-bar {
	flex-basis: 30%;
}
.reasons {
    font-family: 'PT Sans', sans-serif;
    padding: 30px;
    background: #eee;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.reasons li, .finance-info li {
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 10px;
}

.reasons h2 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 15px;
}

.fa-li {
	color: #599051 !important;
	font-size: 18px;
}

.reasons strong {
	text-transform: uppercase;
}

.finance-btn {
	padding: 10px;
    background: #485ea5;
    color: #fff;
    text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 600;
	margin: 15px auto;
	cursor: pointer;
	border: 2px solid #485ea5;
}

.finance-btn:hover {
	background: #fff;
    color: #485ea5;
}


/********************* Icon Forward **********************/
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}


/*--------FORM STYLES--------------------*/

/*-- detailed search--*/
.detailed-row {
	display: flex;
    width: 100%;
    gap: 10px;
    justify-content: left;
    align-items: center;
}

.detailed-search-wrap .column4,.detailed-search-wrap .column3  {
	flex-basis: 100%;
    box-sizing: border-box;
    margin: 5px 0 5px 0;
    color: #000 !important;
}

.detailed-search-wrap .column3  { 
 margin: 5px 0 15px 0 !important;	
}
.detailed-search-wrap .column1 {
	flex-basis: 100%;
    box-sizing: border-box;
    margin: 5px 0 5px 0;
    color: #000 !important;
}

.detailed-search-wrap {width:80%; padding: 20px 0;}


.detailed-search input[type='submit'] {
	font-size:16px;
	color:#fff;
	font-weight:700;
	background: #599051;
    width: 100%;
	padding: 9px 0;
	letter-spacing: .50px;
	font-family: 'Raleway', sans-serif;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	outline: none;
	border: none;
	-webkit-appearance: none;
	text-transform: uppercase;
	cursor: pointer;
}
.detailed-search input[type='submit']:hover{
	background:#436D3D;
	color:#fff;
}
.detailed-search input[type='text'], .detailed-search select{
	font-weight: 400; 
	font-family: 'PT Sans', sans-serif;
	border: 1px solid #878787;
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 14px;
	height: 35px;
	background-color: #f9f9f9;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
	text-transform: uppercase;
}


/* NOUI SLIDER */
.detailed-search .hp-slider .example-val {padding: 5px 0;}
.detailed-search .noUi-target{position: relative; direction: ltr}
.detailed-search .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search .noUi-handle{position: relative; z-index: 1}
.detailed-search .noUi-marker, .detailed-search .noUi-pips, .detailed-search .noUi-tooltip, .detailed-search .noUi-value{position: absolute}
.detailed-search .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search .noUi-background{background: #599051;}
.detailed-search .noUi-connect{background: #599051 !important; border: 1px #fff solid;}
.detailed-search .noUi-target{width: calc(95% - 15px); margin: 15px auto 0 auto;}
.detailed-search .noUi-handle{background: #599051 !important; border: 1px solid #fff; border-radius: 3px;}
.detailed-search .noUi-handle:after, .detailed-search .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #fff; left: 10px; top: 3px}
.detailed-search .noUi-handle:after{left: 12px}
.detailed-search .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.detailed-search .example-val{    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: .5px;
    padding-bottom: 2px;} .detailed-search .example-val span{font-weight: 300;}
.detailed-search #slider-price-value-lower:before, .detailed-search #slider-price-value-upper:before{content: '$'; padding-right: 2px}


/*-------Manu Scroll------*/
.manu-slider {
	width: 100%;
	padding: 30px 0;
	margin: 0 auto;
	    position: relative !important;
    z-index: 12;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    background: #f9f9f9;
}
.brand {
}

div.brand {
	-webkit-transition:.6s ease-in;  
  -moz-transition:.4s ease-in;  
  -o-transition:.4s ease-in;  
  transition:.4s ease-in;
}
div.brand:hover img  {
	opacity: .6;
}

.brand img {
	max-width: 100%;
	margin: 0 auto;
	width: 170px;
}



/*-------- FOOTER STYLES ----------------*/
footer{
}

.black-bg.footer {
	padding: 25px 0 0;
}

.foot-col {
	font-size: 14px !important;
	padding: 0 20px;
	
}

.foot-col a {
	font-family: 'PT Sans', sans-serif;
	color: #fff;
	line-height: 28px;
	text-transform: uppercase;
}

.foot-col a:hover {
	color: #599051 !important;
}

.foot-col:first-of-type {
	text-align: center;
	color: #fff !important;
	font-family: 'Raleway', sans-serif;
	font-size: 18px !important;
	font-weight: 800
}

.foot-col:first-of-type img {
	margin-bottom: 10px;
}
.foot-col .title {
	text-transform: uppercase !important;
	margin-top: 0 !important;
}


.foot-flex {
	width: 90%;
	margin: 0 auto;
	justify-content: space-between
}
.foot-socials {
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
}
.foot-socials .fa-brands {
	color: #fff !important;
	font-size: 18px;
	margin: 5px;
	text-align: center;
}

a:hover .foot-socials .fa-brands  {
	color: #599051;
}



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

@media only screen and (max-width: 1630px) {
	.overlay {
		width: 55%;
		
	}
	
	.slide-text h1 {
    font-size: 46px;
		line-height: 52px;
		
	}
	
	#thin-font {
    font-size: 38px;
		line-height: 44px;
}
}

@media only screen and (max-width: 1400px) {
	.slide-text h1 {
    font-size: 40px;
		margin-bottom: 0;
		line-height: 44px;
	}
	#thin-font {
    font-size: 28px;
}
	.overlay {
		padding: 10px;
	}
	
	.slide-wrap {
		padding: 0 !important;
	}
	
	
	
	
}

@media only screen and (max-width: 1222px) {
	.detailed-search input[type='text'], .detailed-search select {
		height: 30px;
	}
	
	.detailed-search input[type='submit'] {
    font-size: 14px;
	}
	
	.detailed-search .example-val {
		padding-bottom: 0px !important;
			font-size: 12px;
	}
	
	.detailed-search-wrap {
		padding: 10px 0;
	}
	
	.finance-info {
		flex-basis: 60%;
	}
}



@media only screen and (max-width: 1180px) {
	.cat.all-inv,.cat.tanker {
		flex-basis: 49.8%;
	}
	a.cat {
    flex-basis: 33.1%;
	}
	.flex-home {flex-wrap:wrap;}
	.home-wrap,.video-wrap{flex-basis:100%;}
	.video-wrap{clip-path: none;}
	.wid90{width:90%;margin: 0 auto !important;text-align: center;}
}
@media only screen and (max-width: 1120px) {
	.detailed-search-wrap {
    width: 85%;
	}
	
	.detailed-search input[type='submit'] {
		padding: 6px 0;
	}
	
	
	.service-box {
		width: 85%;
	}
	
	.contact-form {
    flex-basis: content;
}
	.finance-info {
    flex-basis: 50%;
	}
	
	
	.side-bar {
    flex-basis: 40%;
}
}


@media only screen and (max-width: 1050px) {
	#thin-font {
   font-size: 28px;
		line-height: 30px;
}
	
	.overlay {
		width: 100%;
		clip-path: none !important;
		-webkit-clip-path: none !important;
		background: rgba(72,94,165,1.0);
		position: relative;
    padding: 30px 0;
    flex-basis: 100%;
    margin: 0;
		    z-index: 9 !important;
	}
	
	.cycle-slideshow{
		flex-basis: 100% !important;
	}
	.slide {
		height: auto !important;
	}

	.slide img {object-position: center center !important;}
	.flex-hero {
		flex-wrap: wrap;
		overflow: hidden;
	}
	
	.detailed-search-wrap {
    width: 100%;
}
	
	.slide-text h1 {
		font-size: 28px;
		line-height: 30px;
		text-align: center;
		padding: 8px;
	}
	
	#thin-font::after {
	 content:none;
    white-space: pre;
}
	.flex-container.contact-flex {
    gap: 40px;
}
}


@media only screen and (max-width: 979px) {
	.head-wrap {
		padding: 20px 0 !important;
	}
	
	.top-head {
		padding-bottom: 20px; 
	}
}

@media only screen and (max-width: 920px) {
.contact-form {
    flex-basis: 50%;
}
	
	
}
@media only screen and (max-width: 896px) {

	.foot-col {
		flex-basis: 40%;
		text-align: center;
		
	}
	
	.foot-flex {
		gap: 40px;
	}
	.flex-container.contact-flex {
    gap: 20px;
}
}
@media only screen and (max-width: 865px) {
	a.cat,.cat.all-inv,.cat.tanker {
    flex-basis: 49.75%;
}
	
	.service-box,.home-wrap {
    width: 90%;
}

	
	
}

@media only screen and (max-width: 810px) {
	.side-bar, .finance-info {
		flex-basis: 100%;
	}
	
	.finance-flex {
		gap: 20px;
	}
}

@media only screen and (max-width: 720px) {
	.half-c, .contact-form {
    flex-basis: 100%;
}
	
	.contact-text {
		padding: 60px 0;
		width: 90%;
		margin: 0 auto;
	}
	
	.map {
		height: 200px
	}
	
	div.contact-map {
		height: 200px;
	}
	
}

@media only screen and (max-width: 680px) {
	.third {
    flex-basis: 100%;
}
	
	.flex-container.service-flex {
		gap: 30px;
	}
	
	.foot-col {
    flex-basis: 33%;
	}
	
	.mobile-socials {
		display: block !important;
	}
	
	.right-side {
		display: none !important;
	}
	
	.top-head {
		justify-content: center;
	}
	.mobile-socials, .logo, .nav {
	flex-basis: 100%;
		text-align: center;
		}

	.flex-container.head-flex {
    justify-content: center;
		gap: 15px;
	}
}

@media only screen and (max-width: 610px) {
	#green-txt:before {
		content: ' '; display: block;
	}
}

@media only screen and (max-width: 595px) {
	a.cat,.cat.roll,.cat.tanker {
    flex-basis: 49.6%;
}
	
	.detailed-row {
		flex-wrap: wrap;
		gap: 0px;
	}
	
	.detailed-search-wrap .column4, .detailed-search-wrap .column3 {
		flex-basis: 100%;
	}
	
	.reasons {
		padding: 20px;
	}
	
	.reasons .fa-li {
		text-align: left;
	}
}

@media only screen and (max-width: 520px) {
	.left-side {
		text-align: center;
		justify-content: center;
		margin: 0 auto;
		gap: 10px;
		flex-wrap: wrap;
	}
	
	.address-head,.phone-head {
		flex-basis: 100%;
		font-size: 18px;
	}
	
	.address-head span,.phone-head span {
		display: none !important;
	}
	
	
}
@media only screen and (max-width: 490px) {
	a.cat,.cat.roll,.cat.tanker,.cat.all-inv {
    flex-basis: 100%;
}
	
	
}



@media only screen and (max-width: 430px) {
	.foot-col {
    flex-basis: 100%;
}
	.home-wrap {
		padding: 80px 0;
	}
}