/***** 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;  
} 
.list-top-section .list-listings-count {color:#286B94!important}
/*-------- 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 {
font-family: 'Mulish', sans-serif !important;
}

p{font-family: 'Mulish', sans-serif !important;font-size: 18px;line-height: 1.5;}

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

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

hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}

.top-head {background: #fff;padding: 10px 0;}
.manu-wrap {display: flex;gap: 10px;align-items: center;}
.manu-wrap img {max-width: 100%;width: 180px;}
.contact-info {display: flex;gap: 20px;align-items: center;}
.contact-info a {color: #000;}
.top-head .flex-container,.main-header .flex-container {justify-content: space-between;align-items: center;}
.main-header {background: #2c4f91;}
.logo img {width: 180px;max-width: 100%;}

/*---BODY--------------------------------*/
.page-wid {max-width: 1350px;margin: 0 auto;width: 90%;}
.wid90{width:90%;margin:0 auto;}
.blue-txt {color: #2c4f91;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.relative{position: relative;}
.center {text-align: center;}
span.small-txt {display: block;font-size: 20px;text-transform: uppercase;letter-spacing: 2px;color: #2c4f91;font-weight: 600;}
#pad-l{padding-top: clamp(20px, 5%, 40px) !important;padding-bottom: clamp(20px, 5%, 40px) !important;}
#pad-xl{padding-top: clamp(60px, 8%, 90px) !important;padding-bottom: clamp(60px, 8%, 90px) !important;}
#pad-xl-top{padding-top: clamp(60px, 8%, 90px) !important;}
#pad-xl-bottom{padding-bottom: clamp(60px, 8%, 90px) !important;}
.off-white {background: rgb(233 233 233 / 35%);}

.texture-bg {background-color: #fff;background-image: url("/siteart/texture-bg.png");}
.page-content h1 {text-transform: uppercase;font-size: 32px;color: #000;font-weight: 900;margin-bottom: 15px;line-height: 1;}
.page-wid h2 {text-transform: uppercase;font-size: 28px;color: #2c4f91;font-weight: 800;margin-bottom: 15px;letter-spacing: 1px;line-height: 1;}
span.head-icon {color: #f4d942;}
.blue-color{color:#2c4f91 !important;}
/*--------HERO STYLES--------------------*/
section.hero,.hero .flex-container {height: 500px;}
.hero .flex-container {gap:50px;}
.hero .third {flex-basis: 33%;display: flex;align-items: center;}
.hero-txt {margin-left: 15%;}
.hero .twothird {flex: 1;overflow: hidden;display: flex;align-items:center;}
.angle-bg {clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);background-color: #2c4f91;background-image: url("/siteart/hero-bg.png");position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 000;width: 100%;}
.hero-txt h1 {font-size: 36px;line-height: 1.25;margin-bottom: 15px;font-weight: 900;}
.slidewrap {padding:0;overflow: hidden;}

.home-slide {margin: 10px;}
.home-slide img {max-width: 100% !important;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;}
.hero-slideshow .slick-list{padding:0 5% 0 0 !important;}

.slide-btn {position: absolute;bottom: 8%;right: 5%;}
.video-wrapper {position: relative;aspect-ratio:1500/480;}
.video-wrapper video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;bottom: 0;right: 0;}
/*---HOME STYLES---*/
.inventory-options h2,.home-txt h2 {text-transform: uppercase;margin-bottom: 15px;color: #2c4f91;font-weight: 800;font-size: 28px;line-height: 1;}
a.cat,a.cat h3 {transition: .3s all;}
a.cat.relative {
    max-height: 130px !important;
    background: #fff;
    color: #000;
}

a.cat:hover {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

a.cat:hover h3 {color:#2c4f91;}
a.cat.showroom-box:hover h3 {color:#f4d942}
.grid-cats {grid-template-columns: repeat(4, 1fr);gap: 15px;grid-auto-rows: minmax(100px, auto);}
.cat img {object-fit: contain;height: 100%;width: 100%;object-position: right;}
span.cat-txt {
    position: absolute;
    top: 20%;
    left: 6%;
    text-transform: uppercase;
    line-height: 1.25;
}

.cat-txt h3 {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
}

a.cat p {font-size: 16px;letter-spacing: 1px;}
.showroom-box {
    background: #2c4f91;
    color: #fff;
    position: relative;
}
#service-logo {width: 100%;max-width: 275px;}
.service-cta .texture-bg {margin-top: 5%;display: flex;align-items: center;justify-content: center;}
.service-banner a {
    font-weight: 800;
    color: #000;
    display: inline-block;
}

.service-banner a:hover {color:#2c4f91}
.service-img {box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;position: relative;}
.service-img img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.service-cta h3 {
    font-size: 36px;
    font-weight: 800;
	line-height: 1.25;
	margin-bottom:10px;
}

.service-cta .wid90 {
    width: 80%;
}


/*--MANU SLIDE---*/
.brand {
    text-align: center;
}
.brand a {
    width: 170px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
.brand img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/*--------PARTS STYLES--------------------*/
.flex-img {
    gap: 60px;
}

.img-half img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-width: 100%;
}
.img-half img.utv {object-position: 70%;}
.img-half img.polaris {object-position: 20%;}

.img-half, .txt-half {
    flex: 1;
}

.txt-half {
    margin: 5% 0;
}

.img-half {display: flex;gap: 10px;}
.side-box {
    flex: 1;gap: 10px;
    display: flex;
    flex-direction: column;
}
.img-box-long {
    flex: 1;
	    border-radius: 0 0 30px 0!important;
    overflow: hidden;
}

.side-box {
    border-radius: 30px 0 0 0 !important;
    overflow: hidden;
}

.side-box .img-box {
    flex: 1;
}
/*--------BUTTON STYLES--------------------*/
button.linkbtn,a.linkbtn {
    background: transparent;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Catamaran', sans-serif;
    transition: .3s all;
	cursor: pointer;
	color: #000;
}
.btnservice{
    transition: none !important;;
    cursor:default;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Catamaran', sans-serif;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;

}



button.linkbtn:hover,a.linkbtn:hover {opacity: 1;letter-spacing: 2px;}

form a.linkbtn{font-size: 18px; font-weight: 700;}
button.yellow-btn {
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Catamaran', sans-serif;
    transition: .3s all;
	cursor: pointer;
	background: #f4d942;
    color: #2c4f91 !important;
    padding: 10px 30px;
    border-radius: 150px;
	font-weight: 700;
}

button.yellow-btn:hover {
	background: #2c4f91;
	color: #fff !important;
}
button.grey-btn {
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Catamaran', sans-serif;
    transition: .3s all;
	cursor: pointer;
	background: #eaeaea;
    color: #2c4f91 !important;
    padding: 10px 30px;
    border-radius: 150px;
	font-weight: 700;
}

button.grey-btn:hover {
	background: #2c4f91;
	color: #fff !important;
}
button.blue-btn {
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Catamaran', sans-serif;
    transition: .3s all;
	cursor: pointer;
	background: #2c4f91;
    color: #fff !important;
    padding: 10px 30px;
    border-radius: 150px;
	font-weight: 700;
}

button.blue-btn:hover {
	background: #000;
	color: #fff !important;
}

.next-slide {
    padding: 15px 20px;
    color: #2c4f91;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: none;
    cursor: pointer;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.buttonwrap {
    display: flex;align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.schedule-item{
    display: flex;
}
.qr-scale{
    width:145px;
    height: 145px;
}

/*---CONTACT US---*/
.contact-page .txt-half {
    margin: 3% 0;
}
.contact-option {
    flex: 1;
    border: 1px solid #e8e8e8;
    padding: 20px;
    text-align: center;    background: #f8f8f8;
}
.contact-options-wrap {
    gap: 20px;
}
.c-icon {
    margin: 10px 0;
}
.c-icon span {font-size: 26px;}

.icon-background{color:#2c4f91}
.c-icon .fa-solid {
    color: #f4d942;
}
.contact-option p, .contact-option a {
    font-size: 16px;
	color: #000;
}
.contact-option h3 {
    font-size: 24px;
}

.img-half iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/*---FINANCE---*/

.finance-logo {
	display:flex;
	justify-content: center; 
	align-items: center; 
	height: 200px;
}

/*---ABOUT---*/
.aboutpage .txt-half { flex: 2;margin: 3% 0;}
.img-third {
    flex: 1;
    border-radius: 30px 0 30px 0 !important;
    overflow: hidden;
}
.img-third img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
	width: 100%;
}
.flex-about {
    flex-direction: column;
    gap: 10px;
    height: 100%;
}
.map-wrap {
    position: relative;
    flex: 1;
}
.img-wrap{flex:2;}

.map-wrap iframe {position: absolute; top: 0; right: 0;bottom: 0; left: 0;}
/*---SHOWROOM---*/
.showroom-flex{grid-template-columns: repeat(4, 1fr);gap: 15px;grid-auto-rows: minmax(100px, auto);}
a.manu {position: relative;border: 1px solid #f1f1f1;transition: .3s all;}
.showroom-tab {position: absolute;top: 0;left: 0;padding: 10px;background:  #f1f1f1;color: #000;font-size: 14px;transition:.3s all;font-weight: 600;}
a.manu:hover {background: #f1f1f1;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
a.manu:hover .showroom-tab {color: #2c4f91;background: #fff;}
a.manu:hover .showroom-label {border-top: 1px solid #fff;}
.showroom-logo {
    padding: 70px 0 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.showroom-label {
    padding: 20px;
    text-align: center;
    border-top: 1px solid #f1f1f1;
    color: #000;
    font-weight: 700;
}

/*-------- FOOTER STYLES ----------------*/
footer{background: #000;}

footer a,footer p {color: #fff;font-family: 'Catamaran', sans-serif;font-size: 16px;}

.foot-contact {
    padding: 20px 0;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.foot-contact .wid90 {align-items: center;}
.foot-contact .wid90,.main-footer .wid90 {justify-content: space-between;}
.foot-social i {color: #f4d942;}
.foot-social a {font-weight: 700;font-size: 18px;}
.main-footer {padding: 30px 0;}
.hour-flex {justify-content: space-between;gap: 40px;}

.main-footer ul,.hour-flex {line-height: 2;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}

.list-content .spec-label, .list-content .dealer-data,.ts-button {    font-family: 'Mulish', sans-serif !important;}
.list-top-section .list-title .list-title-text,.faceted-search-content .faceted-section-head .faceted-section-title,.list-content .listing-portion-title,.list-content .price-container .price,.list-content .list-listing .listing-top-right .listing-dealer-info {font-family: 'Catamaran', sans-serif !important;}
    
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#2c4f91 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#eaeaea !important;color: #2c4f91 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #ddd !important; transition: ease all 0.2s !important;}


.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #2c4f91 !important; border: solid 1px #2c4f91 !important; transition: ease all 0.2s !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #2c4f91 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #2c4f91 !important;}
.list-main-section .contact-options a {border: #2c4f91 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover,.faceted-search-content .faceted-section-box .faceted-search:hover {background:#203A6B !important;}
.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}


/* POPUP */

#popup .popup-window{
	padding: 30px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	max-width: 400px;
	width: 100%;
	background: #fff;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.33);
	z-index: 10005;
	
	text-align: center;
    box-sizing: border-box;
}
#popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0, 0.33);
	z-index: 10000;
}
#popup i {
    position: absolute;
    left: 0.25%;
    top: 1%;
    cursor: pointer;
    padding: 20px;
    z-index: 100000000000000;
    color: #fff;
	transition-duration: 0.2s;
	font-size: 23px;

}



.popuptext {
    width: 645px;
    height: auto;
    position: relative;
    margin: 0 auto;
    top: 10%;
	transition-duration: 0.2s;
}

.popuptext img {
    width: 100%;
}

/*Accordion*/
.flex-container.flex-services {justify-content: space-between;gap: 15px;}

.flex-services .page-head {flex: 1;}

.service-section {flex: 1;}

.accordion {
	background: #f7f7f7;color: #000;cursor: pointer;padding: 15px 20px;font-size: 20px;width: 100%;text-align: left;border: none;outline: none;
	font-family: 'Mulish', sans-serif !important;transition: 0.4s;font-weight: 600;display: flex;align-items: center;justify-content: space-between;letter-spacing: 1px;}


.table-faq {border: 1px solid #e8e8e8;}
.table-faq tr th,.table-faq .title {text-transform: uppercase;
    letter-spacing: .5px;
    text-align: left;
    background: #f8f8f8;
    padding: 10px;
    box-sizing: border-box;
	font-weight: 800;border-right: 1px solid #e8e8e8;}

.table-faq td {
    text-align: left;
    padding: 10px;
    box-sizing: border-box;border-right: 1px solid #e8e8e8;}
.table-faq td:nth-of-type(1) {font-weight: 600;}
.table-faq tr {
    border-top: 1px solid #e8e8e8;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
}

.panel ul.fa-ul {
    padding-inline-start: 0px;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 30px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
	margin: 10px 0;
}

.panel p {
    padding: 30px 0;
	font-size: 16px;font-weight: 500;
}

.panel a {color:#2c4f91;transition:.3s all;text-decoration: underline;}
.panel a:hover {color:#2c4f91;}
.accordion:after {
  content: '+'; /* Unicode character for "plus" sign (+) */
  font-size: 28px;
    color: #2c4f91;
    font-weight: 600;
    float: right;
}

.accordion.active:after {
  content: "-";
	 font-size: 28px;
  color:#2c4f91;
  float: right;
  margin-left: 5px;/* Unicode character for "minus" sign (-) */
}


.list-accordion {
	list-style:decimal;
	font-weight: bold;
    margin-left: 20px;
}

.list-accordion li,
.bullets-accordion li{
	margin-bottom: 15px;
}

span.normal-type {
	font-weight:normal;
}

.bullets-accordion {
	list-style: initial;
	margin-left: 20px;
}






@media screen and (max-width: 1275px) {
	.popuptext {
		
	}
	#popup i {
		
	}
}
@media screen and (max-width: 900px) {
	.popuptext {
		
	}
	#popup i {
		
	}
}
@media screen and (max-width: 600px) {
		.popuptext {
		
		width: 90%;
		top: 4%;
	}
	#popup i {
		left: -3%;
        top: -3%;
		
		font-size: 15px;
	}
}




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

@media only screen and (max-width: 1400px) {
	section.hero,.hero .flex-container {height: auto;}
	.hero-txt h1 {
		font-size: 30px; }
	span.small-txt,p {font-size: 16px;}
	.hero-txt {padding: 60px 0;}
}
@media only screen and (max-width: 1200px) {
	.contact-options-wrap {flex-wrap:wrap;}
	.contact-option {flex-basis: 40%;}
	.hero-txt h1 {
    font-size: 24px;
}
	.logo img {max-width: 250px;width: 100%;}
	.hero-txt {
    padding: 45px 0;
}
	.grid-cats,.showroom-flex {
		grid-template-columns: repeat(3, 1fr);}
	.service-cta h3 {
    font-size: 32px;
	}
}	
@media only screen and (max-width: 1190px) {
    .schedule-item{
        flex-direction: column;
    }
    .service-mobile{
        margin-top: 10px;
        display: flex;
        flex-flow: column wrap;
        align-content: start ;
        align-items: flex-start;
    }
}

@media only screen and (max-width:1138px){
        .btnservice{
            padding: 22px 171px 0px 0px;
        }
}

@media only screen and (max-width: 970px) {
	.hero .flex-container {flex-wrap:wrap;gap: 0;}
	
	section.hero,.hero .flex-container {height: auto;}
	.hero .third,.hero .twothird {flex-basis: 100%;}
	.hero .third{order: 1;}
	.hero-txt {width: 90%; margin: 0 auto}
	.slidewrap {padding: 20px 0;}
	.angle-bg{clip-path: unset;}
	.hero-slideshow .slick-list {padding: 0 !important;}
	.slide-btn {position: absolute;bottom: 10px;right: 10px;}
	.home-slide img {width: 90%;margin: 0 auto;}
	.home-slide {margin: 0 ;}
	.hero-txt h1 {font-size: 32px;}
	.flex-foot{flex-wrap: wrap;gap: 40px;}
	
	.foot-col {flex-basis: 40%}
	
	.flex-img { gap: 30px;}
	.showroom-flex {grid-template-columns: repeat(2, 1fr);} 
	.aboutpage {flex-wrap:wrap-reverse;}
	.img-third {flex-basis: 100%;}
	.aboutpage .txt-half{flex-basis: 100%;}
	.map-wrap iframe {position: unset;height: 250px;}
}

@media only screen and (max-width: 840px) {
	.grid-cats {
		grid-template-columns: repeat(2, 1fr);} 
}

@media only screen and (max-width: 800px) {
	.flex-img {flex-wrap: wrap-reverse;gap:45px;}
	.img-half, .txt-half {flex-basis: 100%;}
	.img-half.relative {height: 230px;}
	.txt-half {margin: 0 !important;}
		header .phone-head{display: none;}
	header .contact-info {flex-basis: 50%;}
	header .contact-info {order: -1;}
    .service-mobile{
        display: none;
    }
}
@media only screen and (max-width: 630px) {
	.grid-cats {grid-template-columns: repeat(1, 1fr);} 
	a.cat {height: 115px !important;}
	span.cat-txt {width: 90%;height: 50%;overflow: auto;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
	.showroom-box p {display: none;}
	.contact-option {flex-basis: 100%;}
}


@media only screen and (max-width: 768px) {
	.service-banner {flex-wrap:wrap-reverse;}
	.service-img,.texture-bg {flex-basis: 100%;}
	.service-cta .wid90 {width: 90%;}
	.service-img {height: 250px;}
}
@media only screen and (max-width: 700px) {
	.foot-contact {padding: 5px 0;}
	.foot-social span { display: none;}
	.foot-social a {font-size: 28px;line-height: 2;}
	.foot-col {flex-basis: 100%;}
	.hour-flex{justify-content: flex-start;}
	.top-head .flex-container {justify-content: space-between;}
	.hour-flex span:first-of-type {flex-basis: 25%;}

}
@media only screen and (max-width: 500px) {
	.slidewrap {padding: 0;}
	.home-slide img {width: 100%;}
	.slide-btn{display: none;}
	
	.showroom-flex {grid-template-columns: repeat(1, 1fr);} 
}
@media only screen and (max-width:450px) {
	.top-head .flex-container {gap: 10px;}
	.top-head .flex-container,.manu-wrap {flex-wrap:wrap;}
	.contact-info,.manu-wrap{flex-basis: 100%;}
	.manu-wrap img {
    max-width: 100%;
    width: 100%;
}
	header .contact-info {flex-basis: 100%;}
	header .contact-info a {border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Catamaran', sans-serif;
    transition: .3s all;
	cursor: pointer;
	background: #2c4f91;
    color: #fff !important;
    padding: 10px 30px;
    border-radius: 150px;
	font-weight: 700;width:100%;text-align: center;}
	header .contact-info a i {color:#fff;}
	.manu-wrap a {flex: 1;}
	
	
}
@media only screen and (max-width: 380px) {
	a.cat {height: 140px !important;}
	span.head-icon {display: block;padding-bottom: 10px;}
		.main-header .flex-container {gap: 40px;}
	.manu-wrap a{flex-basis: 100%;text-align: center;}
	.manu-wrap a img {max-width: 200px;}
}