@media (max-width: 980px){
    section.hero-section img{
        height: auto;
    }
    section.products{
        padding: 40px 0;
    }
    section.products .col-3{
        width: 50%;
    }
    section.cta-sec .col-6{
        width: 100%;
    }
    .attractions .col-4{
        width: 50%;
        margin-bottom: 20px;
    }
    section.cta-sec .cta-bg{
        padding-bottom: 30px;
    }
    header.mobile{
        position: unset;
    }
} 
@media only screen and (min-width: 550px) and (max-width: 979px) {

   
    
}

@media (max-width: 540px){

    section.hero-section img{
        height: auto;
    }
    section.products .col-3{
        width: 100%;
    }
   section.products .product-card .img img {
    height: 200px;
    object-fit: cover;
    object-position: top;
}
section.category .col-6{
    width: 100%;
    margin-bottom: 25px;
}
.about_wrapper .upper-head{
    width: 100%;
}
.about_wrapper .upper-head h2{
    font-size: 22px;
}
.about-img1 img{
    height: 220px;
    margin-bottom: 25px;
}
.about_wrapper .heading_sec h3{
    font-size: 22px;
}
.attractions .col-4{
    width: 100%;
}
.attractions .image-box img{
    height: 350px;
}
}       

@media (max-width: 391px){
    section.home-dec .head h2{
        font-size: var(--f54);
    }
    section.home-dec .head p{
        font-size: var(--f45);
        left: 70px;
        bottom: 38px;
    }
}