@media (min-width: 1500px) and (max-width: 1800px) {
html { font-size: 90%; }
.olive-title { font-size: 3em; }
}
 @media (min-width: 1025px) and (max-width: 1499px) {
html { font-size: 90%; }
.olive-title { font-size: 3em; }
.logo-grid img { width: 120px; }
.container { width: 90% !important; }
}
 @media (min-width: 1024px) and (max-width: 1299px) {
html { font-size: 90%; }
p { line-height: 24px; }
.logo img { width: 90px; }
.slick-slide > div { margin: 7px; }
section { padding: 4em 0 !important; }
.olive-but { padding: 14px 14px; }
.container { width: 90% !important; }
.banner .slick-slide > div { margin: 8px; }
.banner { padding: 10em 0 4em 0 !important; }
.olive-title { font-size: 2.5em; }
.trusted { width: 460px; }
.clint-slider .slick-slide img { height: 410px; border-radius: 6px; }
.about-slider .slick-slide strong { font-size: 4em; }
.about .flex-container { gap: 2em; }
.stories-grid { padding: 2em 0em; }
.success-stories p { width: 100%; margin: 10px auto 0 auto; }
.success-stories .success-stories-slider p { width: 100%; min-height: 210px; }
.portfolio-grid figure { height: 450px; }
.logo-grid img { width: 110px; }
.services-min .slick-slide > div { min-height: 250px; }
.about .flex-container > div p { line-height: 32px; }
.banner .banner-left { flex: 0 1 calc((60% / 1) - 2em); }
.work-right p { font-size: 1.1em; width: 100%; }
.banner-form { flex: 0 1 calc((39% / 1) - 2em); }
.work-right h3 { font-size: 2em; }
.service-grid h3 { font-size: 1.5em; }
.success-stories .flex-container { gap: 1em; }
.banner strong { width: 100%; font-size: 1.2em; }
.stories-grid aside { padding: 2em 1em; }
.why-us .olive-title { font-size: 2em; }
.cta-2 p { font-size: 2em; }
}
 @media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 80%; }
p { line-height: 24px; }
.logo img { width: 90px; }
.slick-slide > div { margin: 7px; }
section { padding: 4em 0 !important; }
.olive-but { padding: 14px 14px; }
.container { width: 90%; }
.banner .slick-slide > div { margin: 8px; }
.banner { padding: 10em 0 4em 0 !important; }
.banner p { width: 90%; }
.olive-title { font-size: 2.5em; }
.trusted { width: 400px; }
.clint-slider .slick-slide img { height: 360px; border-radius: 6px; }
.about-slider .slick-slide strong { font-size: 4em; }
.about .flex-container { gap: 2em; }
.success-stories .flex-container { gap: 1em; }
.stories-grid { padding: 2em 0em; flex: 1 1 calc((100% / 2) - 3em); }
.success-stories p { width: 100%; margin: 10px auto 0 auto; }
.success-stories .success-stories-slider p { width: 100%; min-height: 200px; }
.portfolio-grid figure { height: 450px; }
.logo-grid img { width: 110px; }
.trusted ul li img { width: 38px; }
.banner-form { flex: 0 1 calc((46% / 1) - 2em); padding: 1em 1em; }
.banner .banner-left { flex: 0 1 calc((54% / 1) - 2em); }
.banner-left h2 { margin-bottom: 30px; }
.banner strong { width: 100%; font-size: 1.1em; line-height: 26px; }
.work-right { width: 58%; }
.work-right p { font-size: 1.2em; width: 100%; }
.work-img img { height: 300px; object-fit: cover; }
.cta .olive-title { width: 100%; }
.cta p { width: 80%; }
.services-min .flex-container { gap: 0.5em; }
.service-grid { border: solid 1px #596c35 !important; flex: 1 1 calc((100% / 2) - 1em); }
.stories-grid:nth-child(3),
.stories-grid:nth-child(5) { display: none; }
.why-us .olive-title { font-size: 2em; }
.cta-2 p { font-size: 2em; width: 60%; }
}
 @media only screen and (max-width: 767px) {
html { font-size: 80%; }
p { line-height: 26px; }
section { padding: 3em 0 !important; }
.olive-but { padding: 14px 14px; }
.flex-container { display: block; }
.slick-slider { margin-top: 2em; }
.container { width: 90% !important; }
.header .flex-container { display: flex; }
.logo img { width: 90px; }
.olive-title { font-size: 2em; }
.banner p { width: 100%; }
.banner { padding: 9em 0 4em 0 !important; }
.banner .slick-slide > div { margin: 6px; }
.trusted { width: 320px; }
.trusted ul li img { border-radius: 100px; width: 34px; }
.trusted aside { margin-right: 1.5em; }
.clint-slider { margin-top: 4em; }
.clint-slider .slick-slide img { height: 270px; border-radius: 6px; }
.about .olive-title { font-size: 2em; padding: 0px 0 15px 0; }
.about-slider .slick-slide { padding: 0em; }
.about-slider .slick-slide strong { font-size: 3em; }
.about { padding: 3em 0; }
.services-min { padding: 4em 0 3em 0; }
.clint-min { padding: 3em 0; }
.work-slider .slick-slide > div { margin: 8px; }
.work-slider { margin-top: 2em; }
.work-min { padding: 3em 0; }
.portfolio-grid figure { height: 300px; }
.portfolio .slick-slider { margin-top: 0; }
.cta p { width: 100%; margin: 10px auto 20px auto; }
.about-slider .slick-slide span { font-size: 1em; }
.about-slider .slick-slide > div { margin: 5px; }
.olive-but,
.cfs-hyperlink { padding: 16px 10px; }
.olive-but:before,
.cfs-hyperlink:before { left: -6px; top: 6px; }
.services-min ul { margin-top: 20px; }
.services-min ul li { padding-right: 0; margin-right: 0; padding: 10px 20px !important; border: solid 1px #fff; /* width: 100%; */ margin: 6px 0; font-size: 14px; border-radius: 30px; }
.services-min ul li:before { display: none; }
.clint-min .flex-container { display: flex; gap: 2em; flex-wrap: wrap; }
.logo-grid { flex: 1 1 calc((100% / 3) - 2em); }
.clint-min .flex-container:nth-child(2),
.clint-min .flex-container:nth-child(3) { display: none; }
.success-stories p { width: 100%; margin: 10px auto 0 auto; }
.slick-slide > div { margin: 0 6px; }
.footer-cta h2 { font-weight: 300; font-size: 1.2em; }
.success-stories .stories-grid p { min-height: auto; margin-bottom: 1em; }
.clint-min .olive-title { width: 100%; }
ul.slick-dots li { border: none; }
.services-min .slick-slide > div { min-height: auto; }
.services-min ul.slick-dots li { padding: 0px 5px !important; }
.logo-grid img { width: 110px; }
.open-form .container { width: 90%; }
.open-form ul { gap: 1em 3em; }
.open-form ul li { flex: 1 1 calc((100% / 1) - 2rem); }
.banner-left h2 { margin-bottom: 20px; }
.banner strong { width: 100%; font-size: 1.1em; line-height: 24px; margin-bottom: 40px; padding: 0; }
.banner-form { padding: 2em 1em; }
.banner-form ul li input,
.banner-form ul li textarea { width: 100%; padding: 10px 0 5px 5px; }
.about:after { width: 250px; height: 250px; left: -48px; top: 77%; }
.about:before { width: 210px; height: 210px; left: -30px; top: 80%; }
.work-img img { height: 300px; object-fit: cover; }
.work-right { width: 90%; }
.work-right ul li { padding: 6px 6px; font-size: 0.9em; }
.cta .olive-title { width: 100%; }
.cta-2 p { font-size: 2em; width: 100%; }
.portfolio .olive-title { width: 99%; }
.why-us .olive-title { font-size: 2em; margin-bottom: 20px; }
.stories-grid figure { display: none; }
.stories-grid h3 { padding: 0px 0 0px 0; }
.banner strong:before,
.banner strong:after { display: none; }
.services-min .flex-container { margin-top: 2em; }
.service-grid { border: solid 1px #596c35 !important; padding: 1em; flex: 1 1 calc((100% / 2) - 0em); }
.services-min .flex-container { margin-top: 2em; display: flex; flex-wrap: wrap; gap: 1em; }
.success-stories .flex-container { gap: 1em; display: flex; }
.stories-grid { flex: 1 1 calc((100% / 1) - 3em); }
.stories-grid .cfs-hyperlink { margin-top: 2em; margin-bottom: 2em; }
.why-us-grid { margin-bottom: 20px; }
.footer { padding: 10px 20px; }
.work-right p { font-size: 1.1em; }
/**/

}
 @media only screen and (max-width: 340px) {
.banner-content h2 { font-size: 1.8em; }
}
