/* Responsive-css */
@media(max-width:1367px) {
    .banner-card{
        height: 100%;
    }
    .service-card h2 {
        font-size: 30px;
    }
    .content {
        transform: translateY(calc(100% - 5.5rem));
    }
}

@media(max-width:1199px) {
    :root {
        --primary-color: #385212;
        --secondary-color: #8DBD48;
        --black-color: #000000;
        --grey-color:#666666;
        --white-color: #fff;
        --section-space: 100px;
        --section-smallspace: 50px;
        --section-hero-title: 40px;
        --section-heading: 45px;
        --section-subheading: 18px;
        --section-subtitle: 18px;
        --section-paragraph: 16px;
        --section-largeheading:65px;
        --container-space: 2%;
        --font-playfair:"Playfair", serif;
        --d: 700ms;
        --e: cubic-bezier(0.19, 1, 0.22, 1);
    }
    .banner-content h1 {
        font-size: 72px !important;
    }
    .navbar-nav {
        gap: 30px;
    }
    .banner-card-content {
        max-width: 100%;
    }
    .experience_col p {
        font-size: 16px;
    }
    .service-card h2 {
        font-size: 28px !important;
    }
    .primary_btn, .secondary_btn{
        font-size: 16px; 
    }
}


@media(max-width:1024px) {
    :root {
        --section-space: 100px;
        --section-smallspace: 50px;
        --section-hero-title: 40px;
        --section-heading: 45px;
        --section-subheading: 18px;
        --section-subtitle: 18px;
        --section-paragraph: 16px;
        --section-largeheading:65px;
    }
    .navbar-nav {
        gap: 20px;
        font-family: var(--font-playfair);
        font-size: 18px;
    }  
    .border-primary-50 {
        border-right: 0;
    } 

}

@media(max-width:991px) {
    .gallery-vector img {
        width: 100%;
    }
    .banner-content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        height: 100%;
        gap: 5px;
        margin-bottom: 60px;
    }
    .video-image {
        width: 350px;
        position: absolute;
        right: unset;
        bottom: 30px;
        border-radius: 38px;
        outline: 2px solid white;
    }
}


@media(max-width:767px) {
    :root {
        --section-space: 50px;
        --section-smallspace: 50px;
        --section-hero-title: 40px;
        --section-heading: 30px;
        --section-subheading: 18px;
        --section-subtitle: 18px;
        --section-paragraph: 16px;
        --section-largeheading:65px;
    }
    .banner-content h4 {
        font-size: 18px !important;
    }
    .banner-content h1 {
        font-size: 32px !important;
    }
    .banner-content h6 {
        color: white;
        font-size: 16px;
        text-align: center;
    }
    .banner-content {
        gap: 10px;
    }
    .gallery-vector{
        display: none;
    }
    .service-card h2 {
        font-size: 26px !important;
    }
    .footer-navigation {
        gap: 20px;
        padding: 30px 0;
    }
    .leaf-vector, .home-about-vector, .video-image{
        display: none;
    }
    .choose-card{
        border:none !important;
    }
    .service-card{
        border-radius: 20px;
    }
    .content {
        transform: translateY(calc(100% - 4.5rem));
    }
    .position-relative{
        overflow: hidden;
    }
    .banner-start{
        padding: 0 15px;
        height: 500px !important;
    }
    .navbar-nav {
        gap: 10px !important;
    }
    .banner-card-content {
        max-width: 70% !important;
    }
    .our-gallery-content {
        max-width: 100% !important;
    }
    .slick-slide img {
        border-radius: 20px;
    }
    .footer .logo img{
        width: 50%;
    }
    .home-about-us br{
        display: none;
    }
    
}

@media(max-width:567px) {

}


@media(max-width:330px) {
   

}