@media (max-width: 1200px) {
    .h-s2-img{
        width: 367px;
    }
    .fs-48{
        font-size: 40px;
    }
}
@media (max-width: 991.98px) {
    .fs-56{
        font-size: 50px;
    }
    .fs-48{
        font-size: 36px;
    }
    .fs-40{
        font-size: 30px;
    }
    .fs-20{
        font-size: 18px;
    }
    .h-s2-img{
        width: 285px;
    }
    .bg-zoom-effect{
        animation:unset;
        background-size: cover !important;
    }
    .bg-zoom-effect:hover {
        animation:unset;
        background-size: 120% 120%; /* Larger size on hover */
    }
    .h-s6-link-card-h{
        transform:rotate(0deg)
    }
    .h-s6-link-card{
        margin-top: 7.5rem;
    }
    .fs-16-custom-h-s6-card{
        font-size: 28px !important;
    }
    .prod-bed-main-img{
        position: unset;
        max-width: 100%;
    }
    .prod-bed-main-img-div{
        height: auto;
        margin-top: -3rem;
        z-index: -1;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 18px;
    }
    .h-s6-card-div{
        height: 375px;
    }
}
@media (max-width: 767.98px) {
    .fs-56{
        font-size: 48px;
    }
    .fs-48{
        font-size: 28px;
    }
    .fs-40{
        font-size: 28px;
    }
    .fs-20{
        font-size: 16px;
    }
    .h-s2-img-div{
        z-index: -1 !important;
    }
    .h-s2-img{
        opacity: 0.3;
    }
    .h-s2-para{
        color: #262b3f;
    }
    .h-s2-positon-card{
        transform: rotate(0deg);
    }
    .fs-16-custom-h-s6-card{
        font-size: 17px !important;
    }
    .h-ban-title{
        max-width: 100%;
      }
}
@media (max-width: 575.98px) {
    .fs-56{
        font-size: 37px;
    }
    .fs-16{
        font-size: 14px;
    }
    .fs-24{
        font-size: 20px;
    }
    .h-s6-card-div{
        height: 300px;
    }
    .h-s6-link-card{
        margin-top: 3rem;
    }
    .fs-16-custom-h-s6-card{
        font-size: 14px !important;
    }
}