@media screen and (min-width:990px) and (max-width:1440px) {
     :root {
        --fs-sm: 0.75rem;
        --fs-base: 0.85rem;
        --fs-lg: 1.05rem;
        --fs-xl: 1.5rem;
        --heading-xl: 3rem;
        --heading-lg: 2rem;
        --heading-md: 1.25rem;
        --heading-sm: 1rem;
    }
    .btn-main.btn-quote {
        width: 140px;
        font-size: var(--fs-base);
        position: unset;
        gap: 0.5rem;
        min-width: unset;
        padding: 0.5rem 1rem;
    }
    .contact-info>div span.text-mute {
        margin-right: 0;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 0.5rem 0.75rem;
    }
    .navbar>div {
        padding: 0 2rem;
    }
  
    .btn-main.btn-quote img {
        width: 30px;
    }
    .section-hero .hero-left .hero-content{
        padding: 3rem;
    }
    .section-hero .hero-left .hero-head{
        font-size: 45px;
    }
    .quote-co{
        top: -30px;
    }
    .wcu-banner{
        padding: 60px 20px;
    }
    .wcu-card{
        padding: 1.5rem;
    }
    .footer-content{
        padding: 1rem 3rem;
    }
}

@media screen and (max-width:990px) {
     :root {
        --fs-sm: 0.75rem;
        --fs-base: 0.85rem;
        --fs-lg: 1rem;
        --fs-xl: 1.5rem;
        --heading-xl: 3rem;
        --heading-lg: 2rem;
        --heading-md: 1.25rem;
        --heading-sm: 1rem;
    }

    .section-hero .hero-right{
        display: none;
    }
    .section-hero .hero-left{
        width: 100%;
    }
    .section-content{
        padding: 2rem;
    }
    .testimonial-image{
        display: none;
    }
    .footer-content{
        padding: 1rem 1rem;
    }
    .nav-menu{
        flex-direction: row;
    }
}

@media screen and (max-width:720px) {
     :root {
        --fs-sm: 0.75rem;
        --fs-base: 0.85rem;
        --fs-lg: 1rem;
        --fs-xl: 1.2rem;
        --heading-xl: 2.5rem;
        --heading-lg: 1.5rem;
        --heading-md: 1rem;
        --heading-sm: 0.85rem;
    }
    .navbar{
        height: auto;
    }
    .navbar>div{
        padding: 1rem;
    }
    .nav-menu{
        justify-content: space-between;
    }
    .contact-info>div span.text-mute{
        margin-right: 0;
    }
    .section-hero .hero-left .hero-content{
        padding: 1rem;
    }
    .section-hero .hero-left .hero-head{
        font-size: 30px;
    }
    .quote-co{
        position: unset;
    }
    .section-heading-outline{
        font-size: 60px;
    }
    .section-service{
        padding: 20px 0;
        margin-top: 0;
    }
    .section-content{
        padding: 1rem;
    }
    .wcu-banner{
        padding: 1rem;
    }
    .section-hero{
        height: 400px;
        margin-bottom: 1rem;
    }
    .section-hero video{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .section-content .section-main-heading{
       text-align: center;
    }
    .section-content .section-head{
        text-align: center;
    }
    .hero-banner{
        height: 40vh;
    }
    .hero-content .heading{
        font-size: var(--heading-xl);
    }
    .blog .date{
        padding: 0.5rem 1rem;
    }
}