/* Responsive-css */
@media(max-width:1367px) {

    :root {
    --section-space: 100px;
    --section-smallspace: 50px;
    --section-herotitle:48px;
    --section-h1:40px;
    --section-h2:30px;
    --section-h3:30px;
    --section-h4:20px;
    --section-h5:20px;
    --section-h6:18px;
    }
    .story-vector-right{
        opacity: 0.3;
    }
    .story-vector-left{
        opacity: 0.3;
    }

}

@media(max-width:1199px) {
    :root {
        --section-space:80px;
        --section-smallspace: 50px;
        --section-hero-title: 55px;
        --section-heading: 32px;
        --section-subheading: 22px;
        --section-subtitle: 20px;
        --section-paragraph: 16px;
        --section-largeHeading:44px;
    }
   
}


@media(max-width:1024px) {
   
    :root {
        --section-space: 80px;
        --section-herotitle:36px;
        --section-h3:24px;
        --section-h4:20px;
        --section-h1: 36px;
    }
.banner_start {
    height: 500px;
}
.wrap--logobar {
    height: 60px;
}

.list__item{
    font-size: 16px;
    width: 25%;
}
}

@media(max-width:991px) {
    :root {
        --section-hero-title: 48px;
        --section-hero-subtitle: 36px;
        --section-heading: 32px;
        --section-subheading: 20px;
        --section-space: 60px;
    }
    .navbar-nav {
        gap: 10px;
    }

.wrap--logobar {
    height: 60px;
}

.list__item{
    font-size: 16px;
    width: 25%;
}

.footer-navigation{
    gap: 20px;
    flex-direction: column;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow:none;
}

.footer-navigation li{
    border: none !important;
    padding: 0 !important;
    border-bottom: 1px solid white !important;
    padding-bottom: 10px !important;
}

.sub_banner{
    height: 350px;
}

.core-card {
    border-right: 0px solid transparent !important;
    text-align: center;
    justify-content: center !important;
    align-items: center !important;
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
}

.core-card-none{
    text-align: center;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 20px;
}

.contact-vector{
    display: none !important;
}

.story_img img{
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.menu-image{
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
}

}


@media(max-width:767px) {
    :root {
        --section-space: 50px;
        --section-h3:18px;
        --section-h2:24px;
        --section-herotitle: 28px;
        --section-h1: 28px;
        --section-h5: 16px;
    }
    .navbar-nav {
        gap: 10px !important;
    }
    .list__item{
        font-size: 16px;
        width: 50%;
    }

    
    .story-vector-right{
        opacity: 0.3;
    }
    .cta-right-vector{
        bottom: -230px;
    }
    .cta-left-vector{
        width: 60%;
    }
    .reviews_bg{
        height: 650px;
        border-radius: 20px;
    }
    .cta-bg {
    padding: 50px 0;
}
.cta-left-vector, .cta-right-vector{
    display: none;
}
}

@media(max-width:567px) {
  section{
    overflow: hidden;
  }
}