﻿/***** BEGIN RESET *****/
@import url("https://use.typekit.net/ydr0ybg.css");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.css");

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;	
}

html {scroll-behavior: smooth;}

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;  
} 

h1,h2,h3,h4,h5,h6,button,.overlay p,span.large-text {font-family: "oso-serif", sans-serif;text-transform: capitalize;}

.script {font-family: "pacifico", sans-serif;}
/*-------- 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;
}

button,a {cursor:pointer;}

/*-------- BODY STYLES --------*/
body.inventory {background:#fff;}

body {
box-sizing:border-box;
line-height:1.5;
font-style:normal;
font-family: "barlow", sans-serif;
position:relative;
background:#D9D9D9;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

.flex {display:flex;}

hr{border:#000 1px solid;}

/*---- ANIMATION STYLES --------------*/
.animation-element {
	opacity: 0;
	position: relative;}
	
	.animation-element.slide-left {
        -webkit-transition: all 1500ms ease;
        -moz-transition: all 1500ms ease;
        -o-transition: all 1500ms ease;
        transition: all 1500ms ease;
        opacity: 0;
        -moz-transform: translate3d(-100px, 0px, 0px);
        -webkit-transform: translate3d(-100px, 0px, 0px);
        -o-transform: translate(-100px, 0px);
        -ms-transform: translate(-100px, 0px);
        transform: translate3d(-100px, 0px, 0px);
    }
	
	.animation-element.slide-left.in-view {
        opacity: 1;
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

/*--- HEADER STYLES ---------------------*/
header {}

.swiper {height: 890px;}
.swiper-slide img {width:100%;}
.swiper-horizontal {overflow-x: hidden;}
.swiper {height: 890px;}
.swiper-slide img {object-fit:cover;}
section.gallery .swiper-horizontal {overflow-x: hidden;}
section.gallery .wrapper.flex {width: 100%;max-width: 90%;margin: 0 auto;box-sizing: border-box;}


.home.swiper-slide {
  overflow: hidden; /* Vital to hide the scaling image edges */
  position: relative;
}

.zoom-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: transform 7000s linear; /* Matches slide delay length */
}

/* The magic: Trigger zoom ONLY when the slide becomes active */
.home.swiper-slide-active .zoom-bg {
  transform: scale(1.1);
  transition: transform 6000ms ease-out;
}

.sub-hero {background-image:url("../siteart/hero-slides/hero-slide-1.webp");width:100%;height: 680px;background-size:cover;background-color:#000;position:relative;background-repeat:no-repeat;}

.sub-hero.inventory {height: 380px;}
section.sub-hero.inventory .hero-overlay {justify-content: center;text-align: center;background: #0009;}
section.sub-hero.inventory .hero-overlay .hero-content {padding-left: unset !important;}


.body-wrapper-main.sub section.contact-home {margin: unset!important;}
.body-wrapper-main.sub section.contact-home.value-trade {margin: 5% 0 2% !important;padding-bottom:5%;}

/*---BODY--------------------------------*/
.wrapper {line-height:1.5;}

.heading div{line-height:1;margin-bottom:20px;}

.heading span.script {color:#006533;}
.heading h2 {font-size: clamp(1.25rem, 0.9122rem + 1.6892vw, 2.8125rem);font-weight:600;}
.heading p {font-size: clamp(1.125rem, 1.0304rem + 0.473vw, 1.5625rem);}

span.script {font-size: clamp(1.25rem, 1.1554rem + 0.473vw, 1.6875rem);}
span.script.white {color:#fff;}

.body-wrapper-main {width: 100%;max-width: 95%;position: relative;left: 0;right: 0;top: -110px;background: #ffff;z-index: 100;box-shadow: 0 0 15px #0002;margin: 0 auto -160px;line-height: 0;box-sizing: border-box;}

/*--------BUTTON STYLES --------*/
a.green-button {width:100%;}
.green-button button,button.green-button.dropdown.search-listings {background:#006533;color:#fff;padding:15px 10px;width:100%;border:unset;font-size: clamp(1rem, 0.9459rem + 0.2703vw, 1.25rem);border-radius: 10px;transition:.3s;}

.green-button button:hover,a.square-buttons.green button:hover,.inv-cat:hover .green-button button{background:#02a755}

.hero .green-button button:hover {background:#fff;color:#006533;}

.dropdown.search-listings button.green-button.dropdown.search-listings{max-width:100%;}

a.white-button {width:100%;}
.white-button button{background:#fff;color:#006533;padding:15px 10px;width:100%;max-width:60%;border:solid 4px #fff;font-size: clamp(1.0625rem, 1.022rem + 0.2027vw, 1.25rem);font-weight:700;border-radius:10px;transition:.3s;}

.white-button button:hover,a.square-buttons:hover  {background:unset;color:#fff !important;}

.inv-button {width:100%;max-width: 24%;}
.inv-button a.green-button button {max-width:100%;border-radius:10px;}

a.square-buttons {text-align: center;
    display: flex;width:100%;background: #fff;padding: 10px;border: unset;border-radius:10px;font-size: clamp(1.0625rem, 1.022rem + 0.2027vw, 1.25rem);width: 100%;color:#006533 !important;transition:.3s;border:solid #fff 3px;}

a.square-buttons.green {width:100%;}
a.square-buttons.green button {background:#006533 ;padding: 5px;border: unset;border-radius:10px;font-size: 20px;color:#fff;transition:.3s;max-width:unset !important;}

 button.border-button {background:transparent;border:solid #fff 5px;font-weight:600;width:100%;color:#fff;font-size: clamp(1.0625rem, 1.022rem + 0.2027vw, 1.25rem);padding:15px 0;border-radius:10px;margin-top:20px;transition:.3s;}

button.border-button:hover{background:#fff;color:#006533;}

a.green-link {color:#006533 !important;font-weight:700;}



/*--------HERO STYLES --------*/

.hero {position:relative;}
.hero h1 {font-size: clamp(1.4375rem, 0.9375rem + 2.5vw, 3.75rem);line-height:1;}
.hero-overlay {position:absolute;width:100%;height:100%;background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.3));top:0;z-index: 1;display: flex;align-items:center;}

.hero-overlay .hero-content {padding-left: 9%;color: #fff;bottom: 80px;position: relative;}

.sub-hero.inventory .hero-content {align-items: center;}

section.sub-hero .hero-overlay .hero-content {padding-left: 9%;color: #fff;bottom: 20px;position: relative;line-height: 1.1;display: flex;flex-direction: column;}

.hero-content .button.flex .green-button button{max-width: 100%;}
.hero-content .button.flex{gap: 10px;margin-top:3%;}

.sub-hero .hero-content h1,.large-text{font-size: clamp(1.875rem, 1.5559rem + 1.5957vw, 3.75rem);}
.sub-hero .large-text {font-weight: 900;}
.sub-hero .large-text.dynamics {border-bottom: solid;padding-bottom: 3%;}

.inv-content {margin-top: 40px;line-height: 1.5;font-weight: 600;text-align: center;width: 100%;max-width: 60%;}

/*--------INVENTORY CAT STYLES--------*/

.inventory-categories {display:flex;flex-wrap: wrap;justify-content: center;width: 100%;max-width: 90%;margin: 0 auto;gap: 59px 39px;}

.inventory-buttons .heading {width: 100%;max-width: 90%;margin: 0 auto 21px;display: flex;justify-content: space-between;align-items: center;padding: 3% 0 0%;}

.inv-cat {width: 100%;max-width: 371px;position:relative;line-height: 0;}
.inv-cat img {width:100%;border-radius: 17px;}


.overlay-content {position: absolute;text-align: center;left: 0;right: 0;bottom: 40px;text-shadow: 0 0 15px #0008;font-size: clamp(1.125rem, 1.098rem + 0.1351vw, 1.25rem);}

/* Hide content initially */
.hidden {
  display: none;
}

/* Hide content initially */
.active {
  display: block;
}

/* Styling for the content area */
#secret-content {
  margin-top: 60px;
  border-radius: 8px;
  padding-bottom:3%;
}


/*--------ABOUT STYLES--------*/
.about-section {padding-top: 7%;}
.about-section .sec-2 {width: 100%;max-width:70%;}
.about-photo img {width: 100%;height: 463px;object-fit: cover;}
.sec-2 .flex {gap:10px;}
.two-image.flex {flex-direction: column;gap: 10px;width: 100%;max-width: 34%;}

.two-image.flex .about-photo img{height: 224px;width: 100%;max-width: 100%;object-fit: cover;}

.inv-cat a{line-height:0;color:#fff;font-size: clamp(1.3125rem, 1.2179rem + 0.473vw, 1.75rem);color:#fff;font-weight:800;}

.inv-cat .overlay {background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.3));position: absolute;width: 100%;height: 100%;text-align: center;top: 0;line-height: 1;display: flex;flex-direction: column;justify-content: flex-end;border-radius: 17px;}

.green-button.inv {    line-height: 0;
    position: absolute;
    bottom: -67px;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;}

.about-section .sec-1 .wrapper {width:100%;max-width: 70%;margin: 0 auto;;}
.about-section .sec-2 {max-width: 50%;line-height: 0;}

.about-section .sec-1 {display: flex;align-items: center;width: 100%;max-width: 50%;}

section.about-section .button-flex {display: flex;gap: 20px;padding-top:5%;}

section.about-section .button-flex .green-button button {max-width: 100%;border-radius:10px;}


/*--------SUB-ABOUT STYLES--------*/

.body-wrapper-main.sub .about-section {padding-top:0;}
.body-wrapper-main.sub.about {padding:0;}

/*--------RYAN STYLES------*/
.ryan-green .sec-1 .wrapper{width:100%;max-width: 70%;margin:0 auto;}
.ryan-green .sec-1 {background:#006533;color:#fff;padding:5% 0;}
.ryan-green .sec-2 {text-align: center;display: flex;justify-content: center;align-items: center;}

.ryan-green .sec-1,.ryan-green .sec-2{width:100%;max-width:50%;}

.ryan-green .sec-2 img {width:100%;max-width: 90%;object-fit:cover;}

.ryan-green .button.flex {margin-top:25px;}

/*--------SERVICES STYLES--------*/

.line {width:100%;max-width:40%;max-width: 35%;}
.services .wrapper.flex {flex-direction:column;width: 100%;max-width: 90%;margin: 0 auto;}

.services .title {line-height:1;}

.service-categories {padding:20px 0;}
.service-categories .wrapper.flex {flex-direction:row !important;max-width:100%;gap: 20px;flex-wrap: wrap;}
.service-cat {width: 100%;box-shadow: 0 0 5px #0005;position:relative;max-width: 32%;}

.services .heading {display: flex;justify-content: center;text-align: center;align-items: end;gap: 2%;}

.service-cat .wrapper {width:100%;max-width: 83%;margin:0 auto;padding: 5% 0 12%;}

.title h2 {font-size: clamp(1.25rem, 0.9797rem + 1.3514vw, 2.5rem);}
.service-cat h3 {font-size: clamp(1.25rem, 1.1149rem + 0.6757vw, 1.875rem);}

section.services {padding: 7% 0 6%;}

.service-categories .green-button {position: absolute;width: 100%;left: 0;right: 0;margin: 0 auto;text-align: center;bottom: -40px;border-radius: 30px;}

.service-categories .green-button {max-width: 90%;}

.service-categories .green-button button{padding: 25px 10px;border-radius: 10px;}

.service-cat .heading {text-align:left;justify-content: start !important;}

.service-page .wrapper.flex {width:100%;max-width:90%;margin:0 auto;flex-direction: column;}

.service-page > .wrapper.flex {border-bottom: 2px solid;padding-bottom: 30px;margin-bottom:20px;}

.service-categories .wrapper.flex {flex-direction: row !important;}

.service-page .wrapper.flex .heading div{margin-bottom: 10px;}

section.service-page {padding: 2% 0 100px;}


.consulting-services .sec-1 {width: 100%;max-width: 50%;display:flex;align-items:center;}
.consulting-services .sec-1 .wrapper.flex {flex-direction:column;width: 100%;max-width: 80%;margin: 0 auto;padding: 4% 0;}

.consulting-services .sec-2 {width: 100%;max-width: 50%;}
.consulting-services .sec-2 img{width: 100%;}

.consulting-services .sec-2.green-background {background: #006533;} 
.consulting-services .sec-2.green-background .form.flex{margin-bottom: 2%;gap: 42px;justify-content: center;color: #fff;} 
.consulting-services .sec-2.green-background form{padding: 11% 0;} 

.consulting-services .button-flex{padding-top: 43px;display: flex;gap: 20px;}

/*--------CONTACT STYLES--------------------*/

.contact-home .wrapper.flex {justify-content: center;width: 100%;max-width: 90%;margin: 0 auto;background: #006533;color: #fff;border-radius: 20px;align-items: center;}

.body-wrapper-main.sub .contact-home .wrapper.flex {justify-content: center;width: 100%;max-width: 100%;margin: 0 auto;background: unset;color: #fff;border-radius:unset;align-items: center;}

.contact-home a {color:#fff;}

.body-wrapper-main.sub .contact-home .wrapper.flex .sec-1 p,.body-wrapper-main.sub .contact-home .wrapper.flex .sec-1 h2{color:#000;}

.body-wrapper-main.sub .contact-home .wrapper.flex .sec-2 {background: #006533;}

.contact.heading {display: flex;align-items: center;}
.contact.heading .button.flex {margin: 30px 0 0;}
.contact.heading div {margin-bottom:10px;}

.contact-home .wrapper.flex .sec-1 {width: 100%;max-width: 38%;}
.body-wrapper-main.sub .contact-home .wrapper.flex .sec-1 {width: 100%;max-width: 50%;}

.body-wrapper-main.sub .contact-home .wrapper.flex .sec-2 {padding: 5% 0;max-width: 50%;}

.contact-home .wrapper.flex .sec-2 {width: 100%;max-width: 60%;border-left: #fff solid 8px;padding: 7% 0;}

.contact-home .wrapper.flex .sec-1 .wrapper {width: 100%;max-width: 60%;margin: 0 auto;}

section.contact-home {margin: 7% 0 2%;}

.form.flex.wrapper form {width:100%;max-width:90%;margin:0 auto;}

.contact-home .wrapper.flex .sec-1 .wrapper.flex {width: 100%;max-width: 70%;margin: 0 auto;flex-direction: column;align-items: start;gap: 15px;}

section.contact-home.value-trade .wrapper.flex .sec-1 .wrapper{max-width: 80%;}

.contact-home .wrapper.flex .sec-1 ul li {margin-bottom: 13px;}

.socials .flex {gap:13px;width: 100%;max-width: 17%;margin-top:10px;}

.body-wrapper-main.sub .contact-home .wrapper.flex .sec-1 .wrapper.flex {max-width: 80%;}

.body-wrapper-main.sub .contact-home .button.flex {gap: 10px;margin:40px 0 0;}

.body-wrapper-main.sub .contact-home .wrapper.flex .sec-1 p {margin-bottom:20px;}

.body-wrapper-main.sub .contact-home a.square-buttons {width:unset;}

.green-button.contact button {
    padding: 15px 2px;
    width: 100%;
    max-width: 100%;
    border: unset;
    font-size: 15px;
    font-weight: 700;
    border-radius: 10px;}


/*--------FACEBOOK SECTION STYLES--------------------*/

section.facebook .wrapper.flex .sec-1 {width:100%;background:#006533;color:#fff;border-radius: 20px;padding: 4% 0;max-width: 100%;display: flex;align-items: center;}

section.facebook {margin-bottom:5%;}

section.facebook .wrapper.flex .sec-1 h3 {font-size: clamp(1.25rem, 1.1014rem + 0.7432vw, 1.9375rem);}

section.facebook .wrapper.flex {width:100%;max-width:90%;margin:0 auto;}
section.facebook .wrapper.flex .sec-1 .wrapper {width:100%;max-width: 90%;margin:0 auto;}

.facebook .wrapper.flex .sec-2 {margin:0 auto;}
.fb-page.fb_iframe_widget,.facebook-posts {height: 230px;}
/*--------FORM STYLES--------------------*/

.form.flex {margin-bottom: 2%;gap: 42px;}

.formfield input,.formfield select, .formfield textarea {    width: 100%;padding: 15px 10px;border-radius: 5px;border: unset;box-sizing: border-box;}

.formfield {width:100%;}

.formfield label {font-family: "oso-serif", sans-serif;font-weight:800;padding-bottom:10px;}


 #recaptcha-holder .grecaptcha-badge {position: relative !important; right: 0 !important; margin-top: 20px !important;} 

/*--------GALLERY STYLES--------------------*/

section.gallery {position: relative;}
.swiper-button-prev {left:4% !important;top: 45% !important;}
.swiper-button-next {right:4% !important;top: 45% !important;}
.slick-prev:before {  font-family: "Font Awesome 6 Free";content:"\f0d9" !important;}
.swiper-button-prev,.swiper-button-next {background: #006533;color:#fff !important;padding:15px 5px;border-radius:5px;}

.gray-background {background: #D9D9D9;width: 100%;height: 240px;top: 12%;position: absolute;}

/*-------- FOOTER STYLES ----------------*/
footer{}
.footer .wrapper.flex {display:flex;}

.footer-cat ul li {margin-bottom: 7px;}

.footer-categories {background: #006533;width: 100%;display: flex;align-items: center;}

.footer-categories .wrapper.flex {width:100%;max-width:90%;margin:0 auto;align-items: start;justify-content: center;gap: 7%;}

.footer-logo {width: 100%;max-width: 30%;background: #fff;text-align: center;padding: 54px 0;}

.footer-logo img {width: 100%;max-width: 40%;height: 100%;object-fit: contain;}

.footer-categories,.footer-logo {padding: 7% 0 6%;}

.footer-categories a {color:#fff;}

.footer-categories span.large-text {color:#fff;font-size:27px;font-weight:700;}
.footer-categories p {margin-bottom:10px;}

.footer-cat {width:100%;max-width: 24%;}
.footer-cat:nth-child(1) .flex {gap:39px;}

/*----THANK YOU STYLES ----*/
.consulting-services.thankyou .sec-1 .wrapper.flex {padding: 6% 0;}
.consulting-services.thankyou > .flex {gap:0;}
.sec-2.thank-you {max-width:30%;text-align: center;display: flex;justify-content: center;margin: 0 auto;padding: 5% 0;}
.consulting-services .sec-2.thank-you .button-flex{display: flex;flex-direction: column; justify-content: center;margin: 0 auto;padding: 5% 0;gap:10px;width: 100%;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.ground-bcrumbs,.breadcrumbs {padding-top: 50px !important;}

a.view-listing-details-link.des-view-listingDetails.template-branded-button,button#compare-page-print-this,a.view-listing-details-link.des-view-listingDetails.template-branded-button,.list-redesign .widget-container .listing-widgets .shipping a,button#compare-page-print-this,.compare-listings-container .compare-container .cs-btns a {background:#006533 !important;color:#fff !important;}

.column3.left ul li a,.linking-container h4,div#no-compare-listings h2,.return-links a span,.return-links a i{color:#000 !important;}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1880px) {
	.inv-cat {max-width: 31%;}
}

@media only screen and (max-width: 1800px) {
	.line {max-width: 34%;}
}

@media only screen and (max-width: 1600px) {
	.consulting-services .button-flex {flex-direction: column;gap: 10px;padding-top: 23px;}
}

@media only screen and (max-width: 1500px) {
	.line {max-width: 33%;}
}

@media only screen and (max-width: 1400px) {
	.service-cat {max-width: 49%;}
	.service-categories .wrapper.flex {justify-content: center;gap: 70px 15px;padding: 5% 0 10%;}
	.service-cat:last-child {max-width:100%;}
	.service-cat:last-child .wrapper {padding: 5% 0 9%;}
	.service-categories .wrapper.flex {padding: 0% 0 10%;}
	button.green-button.dropdown.search-listings {font-size:16px;}
	.contact-home .wrapper.flex .sec-1 {max-width: 48%;}
}

@media only screen and (max-width: 1300px) {
	.line {max-width: 30%;}
	.consulting-services .sec-1 .wrapper.flex {padding: 11% 0;}
	.consulting-services .sec-2 img {width: 100%;object-fit: cover;height: 450px;}
	.inv-cat {max-width:46%;}
}


@media only screen and (max-width: 1200px) {
	.contact-home .wrapper.flex .sec-1 {max-width: 78%;}
	.body-wrapper-main.sub .contact-home .button.flex {flex-direction: column;}
	.contact.heading,.hero-content .button.flex {flex-direction: column;align-items: start;}
	.body-wrapper-main.sub .contact-home .wrapper.flex .sec-2 {padding: 10% 1%;}
}


	
@media only screen and (max-width: 1090px) {
	.contact-home .wrapper.flex, section.consulting-services .flex,section#Ryan .flex,section.ryan-green .flex {flex-direction: column;}
	.body-wrapper-main.sub .contact-home .wrapper.flex .sec-1 {max-width: 90%;}
	.consulting-services .sec-1,.consulting-services .sec-1,.body-wrapper-main.sub .contact-home .wrapper.flex .sec-2,.about-section .sec-1,.about-section .sec-2,.ryan-green .sec-1, .ryan-green .sec-2,section.facebook .wrapper.flex .sec-1 {max-width: 100%;}
	.contact-home .wrapper.flex .sec-2 {max-width: 100%;border-left:unset;border-top:#fff solid 8px;}
	
	.consulting-services .sec-2 {max-width: 100%;}
	.consulting-services .sec-2 img {object-fit: cover;height: 240px;}
	.consulting-services > .flex {gap: 30px;}
	
	.body-wrapper-main.sub .contact-home .wrapper.flex .sec-1 .wrapper.flex,.about-section .sec-1 .wrapper,.ryan-green .sec-1 .wrapper {max-width: 80%;}
	
	.form.flex.wrapper form {max-width: 100%;}
	.consulting-services .sec-2.green-background {width: 100%;max-width: 100%;margin-top: 60px;}
	.consulting-services .sec-2.green-background .form.flex {gap:17px;}
	.body-wrapper-main.sub iframe {height: 300px;}
	.about-photo img {width: 100%;height: 100%;object-fit: cover;max-width: 90%;margin: 0 auto;}
	.two-image.flex .about-photo{width:100%;}
	.two-image.flex .about-photo img {height: 364px;}
	
	.about-section .flex {margin-bottom: 9px;}
	.about-section .sec-2 {margin-top:30px;}
	.about-photo {text-align: center;}
	.two-image.flex {flex-direction: row !important;max-width: 90%;width: 100%;}
	.about-section .flex {flex-direction:column;align-items: center;}
	.ryan-green .sec-1 {padding: 10% 0;}
	.ryan-green .sec-2 {padding: 14% 0 8%;}
	.ryan-green .sec-2 img {max-width: 90%;}
	.body-wrapper-main.sub.about {padding: 7% 0;}
	.about-section {padding-top:14%;}
	.service-cat:last-child .wrapper {padding: 5% 0 20%;padding: 5% 0 11%;}
	.footer .wrapper.flex {flex-direction: column;}
	.footer-logo {max-width: 100%;padding: 10% 0 6%;}
	.footer-logo img {max-width: 20%;}
	.footer-categories .wrapper.flex {flex-direction:row;justify-content: space-between;}
	.contact-home .wrapper.flex .sec-1 {max-width: 100%;}
	.contact-home .wrapper.flex .sec-1 .wrapper.flex {max-width: 80%;padding: 5% 0 10%;}
	.contact-home .wrapper.flex {padding: 3% 0;}
	section.facebook .wrapper.flex .sec-1 {padding: 12% 0;}
	.body-wrapper-main.sub .contact-home .wrapper.flex .sec-1 .wrapper.flex, .about-section .sec-1 .wrapper, .ryan-green .sec-1 .wrapper {max-width:80%;}
	section.facebook .wrapper.flex .sec-1 .wrapper {max-width: 80%;}
	div#formpage,button.border-button {width: 100%;max-width: 81%;margin: 0 auto;}
	button.border-button {max-width: 90%;text-align: center;
    margin: 0 auto;display: flex;justify-content: center;margin-top: 30px;}
	.body-wrapper-main.sub .contact-home .wrapper.flex .sec-2 {padding: 11% 0;}
	.hero-overlay .hero-content {padding-left:0;color: #fff;bottom: 80px;position: relative;width: 100%;max-width: 68%;margin: 0 auto;}
	.swiper {height: 610px;}
	.sub-hero {height: 530px;}
	.consulting-services.thankyou .sec-1 .wrapper.flex {padding:7% 0 0;}
	.sec-2.thank-you {padding:0 0 7%;}
	.sub-hero.inventory .hero-overlay .hero-content {bottom: 10px;}
	section.sub-hero .hero-overlay .hero-content {bottom: 40px;padding-left: unset;}
.sec-2.thank-you {max-width:80%;}
	section.gallery .wrapper.flex {max-width: 80%;}
	
}

@media only screen and (max-width: 920px) {
	.line {max-width: 27%;}
	.service-cat {max-width: 100%;}
	.hero-content .button.flex {flex-direction: column;}
	.hero-content .button.flex {margin-top: 7%;}
}


@media only screen and (max-width: 900px) {
	.inv-button {max-width: 40%;}
}


@media only screen and (max-width: 700px) {
	.consulting-services .button-flex {flex-direction: column;gap: 10px;}
}

@media only screen and (max-width: 700px) {
	.form.flex {margin-bottom: 17px;gap: 17px;flex-direction: column;}
	.inv-cat {max-width: 100%;}
	.inventory-buttons .heading {flex-direction: column;align-items: start;}
	.inv-button {max-width:100%;}
	.line {max-width: 23%;}
	.footer-categories .wrapper.flex {flex-direction: column;gap: 30px;}
	.footer-cat {width: 100%;max-width: 90%;margin: 0 auto;}
	
	.consulting-services .sec-2 img {display:none;}
	.hero-overlay {background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.3));}
	
}

@media only screen and (max-width: 650px) {
	.service-cat {max-width:100%;}
	.service-categories .wrapper.flex {flex-direction: column !important;gap: 70px;}
}

@media only screen and (max-width: 600px) {
	.line {max-width:19%;}
	.service-cat .wrapper {padding: 5% 0 28%;}
	.service-cat:last-child .wrapper {padding: 5% 0 32%;}
	.hero-overlay .hero-content {max-width:90%;}
	.hero-overlay .hero-content {bottom: 40px;}
	.body-wrapper-main.sub .contact-home .button.flex,section.about-section .button-flex {flex-direction:column;}
}


@media only screen and (max-width: 500px) {
	section.about-section .button-flex {gap: 11px;margin-top: 10px;}
	.line {max-width:15%;}
	.white-button button {max-width: 100%;}
	.footer-logo img {max-width: 60%;}
	.about-section {padding-top: 22%;}
	.inv-content {max-width:90%;}
	.inv-content p {font-size:15px;}
	
}

@media only screen and (max-width: 400px) {
	.line {max-width: 10%;}
	.two-image.flex .about-photo img {height: 134px;}
	section.about-section .button-flex {    display: flex;
    gap: 9px;
    flex-direction: column;}
	.footer-logo {padding: 30% 0 16%;}
	.inventory-buttons .heading {padding: 8% 0 0%;}
	.about-section .sec-1 .wrapper {padding: 5% 0;}
	.contact-home .wrapper.flex .sec-1 ul li {margin-bottom: 23px;}
	.contact-home a {display: flex;flex-direction: column;gap: 6px;}
}
@media only screen and (max-width: 310px) {
	.line {max-width:5%;}
}






