@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;
    }
    .header {
        padding-left: 30px;
        padding-right: 30px;
    }
    .navbar-nav .nav-link {
        font-size: var(--fs-base);
    }
    .btn-main {
        padding: 1rem;
    }
    .navbar-brand {
        width: 180px;
    }
    .hero-content h3 {
        padding-left: 20px;
        font-size: 40px;
    }
    .hero-section {
        height: 690px;
    }
    .hero-thumb img {
        margin: 0 0 0 35px;
    }
    .subscribe-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
        padding: 0.5rem;
    }
    .tab-thumb{
        margin-right: 0;
    }
}

@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;
    }
    .header {
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar {
        border-radius: 0;
    }
    .topbar {
        padding: 1rem;
    }
    .hero-section {
        height: 540px;
    }
    .hero-thumb img {
        margin: 0 0 0 55px;
    }
    .hero-shape {
        top: 0;
        left: 0;
    }
    .hero-shape img {
        width: 300px;
    }
    .feature-thumb:first-child {
        margin-bottom: 1.5rem;
    }
    .tabs li a {
        padding: 1rem 2rem;
    }
    .tab-thumb {
        margin: 0;
    }
    .tab-thumb img {
        width: 100%;
        height: 350px;
        margin-bottom: 1rem;
        object-fit: cover;
    }
    .contact-form-box{
        margin: 0;
        margin-top: 3rem;
    }
    .tabs.active{
        padding: 1rem 0;
    }
    .tabs li{
        margin-bottom: 10px;
    }
    .tab-content{
        padding: 1rem 0;
    }
}

@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;
    }
    .hero-section{
        background-position: left;
        height: 600px;
        display: flex;
    }
    .hero-thumb{
        display: none;
    }
    .hero-section .container{
        margin: auto;
        display: flex;
        align-items: center;
        padding: 0 1rem;
    }
    .hero-content h3{
        padding-left: 20px;
        font-size: 40px
    }
    .hero-content::before{
        width: 88%;
        height: 80%;
    }
    .feature-bg{
        margin-top: 0;
        padding: 2rem 1rem;
    }
    .tabs.active{
        flex-direction: column;
    }
    .tabs li a{
        padding: 0.5rem 1rem;
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .tabs li.current:before{
        right: 5px;
    }
    .teastimonial-single-box{
        padding:  0;
    }
    .contact-form-box{
        padding: 1rem;
    }
    .subscribe-icon{
        width: 40px;
        height: 40px;
        min-width: 40px;
        padding: 0.4rem;
    }
    .subscribe-contact-info{
        margin-bottom: 1rem;
    }
    .tab-thumb img{
        height: auto;
    }
    .tab-content{
        padding: 0;
    }
    .imp-info{
        padding: 1rem;
    }
    .abt-card{
        padding: 1rem;
    }
    .abt-card .head svg{
        width: 40px;
        height: 40px;
    }
    .section-title{
        margin-bottom: 0;
    }
    .about-section.upp{
        padding: 50px 0 ;
    }
    .section-title{
        text-align: center;
        margin-top: 1rem;
    }
    
}