@media (min-width: 1330px) {
    .combo-text {
        font-size: 130px;
    }

    .bubble-img {
        height: 300px !important;
    }

    /* mission  */
    section.camo-mission p {
        font-size: 15px;
    }

    /* prosses circul */
    .process-circle {
        padding: 30px 10px;
    }

    .process-circle h5 {
        font-size: 30px;
    }

    .process-circle p {
        font-size: 18px;
    }

    /* camo-service-intro */
    .camo-service-intro .container h2 {
        font-size: 64px;
        line-height: 70px;
    }

    /* camo-services-inner 4cards to 5 */
    .camo-services-inner-card5 .col-lg-3 {
        width: 16.66666667% !important;
    }

    /* camo services five  */
    .camo-service-five h2 {
        font-size: 62px;
        line-height: 65px;
    }

    /* why choose card */
    .home .camo-six-card {
        min-height: 366px;
        border-radius: 50px !important;
    }

    .camo-services-inner-card5 .camo-six-card {
        min-height: 100% !important;
    }

    .camo-services-inner-card5 .camo-six-card .icon-circle {
        width: 50px;
        height: 50px;
    }

    .home .camo-six-card .icon-circle {
        width: 88px;
        height: 88px;
    }

    .home .camo-six-card .icon-circle {
        margin-bottom: 50px !important;
    }

    .camo-six-card .six-h4 {
        font-size: 30px;
    }

    /* services slider */
    .camo-services-slider .swiper-wrapper {
        height: 600px;
    }

    /* services slider css */
    section.services-slider .swiper-wrapper .swiper-slide {
        min-height: 560px !important;
        max-height: max-content !important;
        height: auto !important;
    }

    /* desktop image */
    .camo-hero img {
        object-fit: cover;
        object-position: top;
    }

    .camo-bloger .col-12.col-md-6.col-lg-4.aos-init.aos-animate .border-0.shadow-sm.rounded-5.bg-white.pb-3.aticlesprojectcard {
        min-height: -webkit-fill-available;
    }

    /* home page faq section */
    .faq-section-wrapper.container {
        padding-top: 75px;
    }
}

@media (max-width: 1450px) {
    .camo-hero .content {
        padding-top: 70px;
    }
}

@media (max-width:1439px) {
    h2 {
        font-size: 40px;
        line-height: 50px;
    }

    /* header */
    header.camo-navbar .navbar {
        padding: 10px !important;
    }

    .camo-navbar .camo-btn-primary {
        gap: 0 !important;
        padding: 5px 10px !important;
        font-size: 11px;
    }

    .camo-navbar .camo-btn-primary img {
        width: 15px !important;
    }

    .camo-navbar li.nav-item {
        font-size: 15px;
        line-height: 15px;
    }

    .camo-navbar .navbar-expand-lg .navbar-nav {
        gap: 0 !important;
    }

    /* Hero Section */
    .camo-hero h1 {
        font-size: 35px;
    }


    p {
        font-size: 16px;
    }

    /* about section */

    section.camo-about .container .row.bg-light {
        padding: 30px 10px 30px 20px !important;
    }

    section.camo-about p {
        font-size: 13px;
    }

    section.camo-about h4 {
        font-size: 13px;
        margin: 0;
    }

    section.camo-about .image-side-camo .top-section .cards-top {
        padding: 20px 20px !important;
        height: auto !important;
    }

    section.camo-about .container .row .icon svg {
        height: 50px;
        width: 50px;
    }

    section.camo-about .container .row .icon {
        gap: 10px !important;
    }

    section.camo-about .icon .first p {
        font-size: 8px;
    }

    section.camo-about .icon .second {
        font-size: 40px;
    }

    section.camo-about .image-side-camo .col-12 {
        height: auto;
    }

    /* footer */
    .email-footer {
        font-size: 13px;
    }

    /* our mission */
    section.camo-mission .desc h2,
    section.camo-mission p {
        padding: 0 !important;
    }

    section.camo-mission .image {
        background-color: #CAF6FF;
        border-radius: 46px;
        padding: 24px !important;
    }

    /* services page card */
    section.services-card-section .services-card-wrapper-for-page .services-card {
        padding: 10px;
        height: 480px;
        max-height: 560px;
        width: 32.2%;
    }

    section.services-card-section .services-card-wrapper-for-page .services-card img {
        height: 250px;
    }

    section.services-card-section .services-card-wrapper-for-page .content {
        padding: 5px 0px 5px 10px;
    }

    section.services-card-section .services-card-wrapper-for-page .content p {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* 👈 3 lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* our services areas */
    .storysec {
        transform: translateY(-10%);
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: 0px;
    }

    .city-box h2 {
        font-size: 16px;
    }

    /* blogs page heading */
    .camo-blogs h2.entry-title {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 250px;
    }

    .camo-blogs .entry-content>p,
    .camo-blogs .entry-meta {
        width: 250px;
    }

    /* blogs */
    .camo-project-section h2,
    .camo-bloger h4 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 200px;
    }

    /* desktop image */
    .camo-hero img {
        object-fit: cover;
        object-position: top;
    }

    section.camo-mission .col-lg-6 .img-fluid {
        height: -webkit-fill-available !important;
    }

    section.camo-about.camo-service-intro.camo-margin-top.mb-5:after,
    section.camo-mission.camo-margin-top:before {
        height: 100px;
    }

    .camo-blogs .wp-post-image {
        height: 300px;
        object-fit: cover;
    }

    /* testimonial*/
    .testimonailSlider .testimolial-swiper-button-next svg {
        width: 130px;
        height: 130px;
    }

    /* privacy policy */
    .privacy-policy .entry-content {
        padding: 200px 20px 40px 20px;
    }
}

@media (max-width:1023px) {

    /*  */
    section.camo-about .image-side-camo .top-section .cards-top {
        height: auto !important;
        width: 100% !important;
        padding: 1px 20px;
        /* border: 1px solid red; */
    }

    /* header */
    header.camo-navbar .navbar {
        padding: 20px 15px 20px 15px !important;
    }

    .camo-navbar .camo-btn-primary {
        gap: 5px !important;
        padding: 5px 5px 5px 20px !important;
        font-size: 16px;
    }

    .camo-navbar .navbar-expand-lg .navbar-nav {
        gap: 10px !important;
    }

    .camo-navbar li.nav-item {
        font-size: 18px;
        line-height: 18px;
    }

    .camo-navbar .camo-btn-primary img {
        width: 20px !important;
    }

    /* hero section */
    .camo-hero h1 {
        font-size: 40px;
        line-height: 40px;
    }

    /* about */
    section.camo-about .container .row.bg-white {
        padding: 40px 20px 40px 30px !important;
    }

    /* testimonial slider */
    .camo-testimonials .swiper-slide {
        min-height: 450px;
    }

    /* mission */
    section.camo-mission .container {
        padding: 50px 30px !important;
    }

    /* services page card */
    section.services-card-section .services-card-wrapper-for-page .services-card {
        width: 48.7%;
    }

    /* prosses circul */
    .process-circle {
        padding: 50px 10px;
        width: 40%;
    }

    /* contact form */
    .camo-contact .contact-left .parf-of-img {
        min-height: 600px;
        height: auto;
    }

    /* blogs page heading */
    .camo-blogs article {
        width: 49%;
    }

    .camo-blogs .wp-post-image {
        height: 300px;
    }

    .camo-hero img {
        object-position: right;
    }

    /* our story  */
    .storysec {
        transform: translateY(-5%);
    }

    /* testimonial slider */
    .testimolial-swiper-button-next {
        right: 38%;
    }
}

@media (min-width:1950px) {}

@media screen and (max-width: 990px) {
    .camo-benefits .stick {
        display: none;
    }

    .dropdown-menu .camo-navbar li.nav-item {
        font-size: 16px;
        line-height: 20px;
    }

    .navbar-nav .dropdown-menu {
        padding: 10px;
    }

    .offcanvas {
        min-height: 97vh;
        width: 100% !important;
    }

    .offcanvas.offcanvas-end {
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    }
}

@media (max-width:768px) {

    /* scroll trigger */
    .center-scroll-down-icon {
        transform: translateY(-90px);
        margin-bottom: -90px;
    }

    /* services page card */
    section.services-card-section .services-card-wrapper-for-page .services-card {
        padding: 10px;
        height: auto;
        width: 90%;
        padding-bottom: 25px;
    }

    section.services-card-section .services-card-wrapper-for-page .services-card img {
        height: 300px;
    }

    /* prosses circul */
    .process-circle {
        width: 50%;
    }

    /* contact form ui */
    .camo-contact .contact-left .parf-of-img {
        min-height: 700px;
        height: auto;
    }

    /* our services areas */
    .storysec {
        transform: translateY(-6%);
        margin-left: 15px;
        margin-right: 15px;
        padding: 10px 20px;
    }

    .city-box h2 {
        font-size: 16px;
    }

    section.process-section.camo-margin-top.bg-none:after {
        width: 100%;
        height: 1000px;
        top: 0px;
        right: 0px;
        filter: blur(100px);
    }

    section.camo-six::before {
        z-index: -5;
    }

    /* testimonial slider */
    .testimolial-swiper-button-next {
        right: 10%;
        top: var(--swiper-navigation-top-offset, 70%);
    }

    .dropdown-item {
        white-space: pre-wrap;
        line-height: 25px;
        color: var(--brand-primary);
    }

    section.camo-about .image-side-camo .top-section .cards-top {
        width: 95% !important;
    }
}

@media (max-width: 577px) {

    /* global */
    .camo-margin-top {
        margin-top: 50px;
    }

    /* headr */
    header.camo-navbar .navbar {
        padding: 5px !important;
    }

    .navbar-brand img {
        width: 70%;
    }

    header.camo-navbar .navbar {
        padding: 15px !important;
    }

    /* hero */
    .camo-hero h1 {
        font-size: 30px;
        line-height: 35px;
    }

    p {
        font-size: 14px;
        line-height: 20px;
    }

    h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .camo-hero img {
        object-position: right !important;
    }

    /* about */
    section.camo-about .container .row.bg-white {
        padding: 40px 0px 10px 0px !important;
    }

    section.camo-about h4 {
        font-size: 11px;
    }

    /* suffi aread container */
    .town-we-wash .town-name {
        padding-left: 20px;
        font-size: 15px;
        background-size: 16px;
    }

    /* sami faq */
    .custom-accordion .accordion-button {
        font-size: 16px;
        padding: 20px;
    }

    .custom-accordion .accordion-body {
        padding: 0px 20px 20px 20px;
        font-size: 18px;
    }

    .custom-accordion .accordion-button:not(.collapsed) {
        padding: 20px !important;
    }

    /* services slider */
    section.services-slider .swiper-wrapper .swiper-slide {
        padding: 10px;
        height: 500px;
    }

    section.services-slider .swiper-slide img {
        height: 430px;
    }

    section.services-card-section .services-card-wrapper-for-page .content .learnMoreLink,
    section.services-slider .swiper-wrapper .content .learnMoreLink {
        font-size: 16px;
        line-height: 16px;
    }

    section.services-slider .swiper-wrapper .content {
        padding: 15px 10px 15px 10px;
    }

    section.services-slider .swiper-wrapper .content p {
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 10px !important;
    }

    section.services-slider .swiper-wrapper .content h4 {
        font-size: 20px;
    }

    /* scroll trigger */
    .center-scroll-down-icon {
        transform: translateY(-60px);
        margin-bottom: -65px;
    }

    .center-scroll-down-icon .scroll-down-img {
        width: 50px;
        height: 50px;
    }

    .center-scroll-down-icon a {
        font-size: 13px;
    }

    .camo-hero {
        height: 75vh !important;
        padding-bottom: 80px;
    }

    /* mission */
    section.camo-mission .eyeimage {
        width: 25%;
    }

    /* who we are  */
    section.overflow-hidden.camo-five.d-flex.align-items-end.camo-margin-top {
        background-position: left !important;
    }

    /* services page card */
    section.services-card-section .services-card-wrapper-for-page .services-card {
        padding: 10px;
        height: auto;
        width: 94.4%;
        padding-bottom: 25px;
    }

    section.services-card-section .services-card-wrapper-for-page .services-card img {
        height: 300px;
    }

    /* prosses circul */
    .process-circle {
        padding: 11px 10px;
        width: 190px;
        height: 190px;
    }

    .process-circle svg {
        width: 25px;
        height: 25px;
    }

    .process-circle h5 {
        margin-top: 5px;
        font-size: 16px;
    }

    .process-circle p {
        width: 90%;
        font-size: 10px;
        line-height: 10px;
    }

    /* contact form ui */
    .camo-contact .contact-left .parf-of-img {
        min-height: 500px;
        height: auto;
    }

    /* blogs page heading */
    .camo-blogs article {
        width: 100%;
    }

    .camo-services-slider .swiper-wrapper {
        padding-bottom: 50px;
    }

    .camo-benefits .benefit-text {
        max-width: 100%;
    }

    /* about */
    section.camo-mission .container {
        padding: 12px !important;
    }

    section.camo-repeatable-hero.services-areas .row .col-lg-7 {
        font-size: 14px;
    }

    .storysec {
        transform: translateY(-4%);
        margin-left: 10px;
        margin-right: 10px;
    }

    /* blogs */
    .camo-blogs .wp-post-image {
        height: 250px;
    }

    .testimolial-swiper-button-next {
        right: -5%;
        top: var(--swiper-navigation-top-offset, 80%);
    }

    .back-top {
        border-radius: 100% !important;
    }

    header.camo-navbar .navbar {
        padding: 10px !important;
        width: 95%;
    }

    .sercher article {
        width: 100% !important;
    }

    section.camo-about .image-side-camo .top-section .cards-top {
        width: 92.4% !important;
    }

    .swiper {
        width: 96% !important;
    }

    .col.text-md-center.text-start.aos-init.aos-animate h2 {
        padding: 0px 12px !important;
    }

    .navbar-nav .dropdown-menu {
        border: none;
    }

    .row .town-name:nth-child(odd) .lineer {
        display: none;
    }

    .map-of-towns {
        padding: 0 !important;
    }

    .camo-services-slider {
        margin: 0 !important;
    }

    .navbar-nav .dropdown-menu li {
        margin-bottom: 8px !important;
    }

    .camo-service-intro .container {
        padding: 16px 12px !important;
    }

    .storysec {
        padding: 10px 12px 20px 12px;
    }

    section.camo-repeatable-hero.services-areas .row .col-lg-7 {
        text-align: left !important;
    }

    .storysec .row {
        gap: 5px !important;
    }

    .camo-services-areas-card {
        width: 48% !important;
    }

    .map-of-towns iframe {
        margin-top: 10px;
    }

    .curve-section {

        padding-top: 150px;
        margin-bottom: 0px;
    }

    .swiper-pagination-bullets-dynamic {
        width: 100% !important;
    }

    .town-we-wash-container>.px-3 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}