@media only screen and (max-width: 450px){
    .section-body {
        padding: 22px 4vw;
    }
    .about-img img{
        width: 100%;
    }
    
/*.about-img::before{*/
/*    width: 50%;*/
/*    right: 100%;*/
/*}*/
.product-card{
    width: 300px;
    height: 300px;
}
.prod-img{
     width: 300px;
    height: 300px;
}
.prod-img img{
     /*width: 300px;*/
    height: 300px;
}
.about-img{
    width: 200px;
    height: 200px;
}
    .title{
        font-size: 5vw;
    }
    .heading p {
        padding: 0px 4vw;
    }
    .top-product-body {
        /*padding: -8px 10px;*/
    }
    .top-product {
        padding-bottom: 100px !important;
    }
    .custom-next{
        right: 37%;
    }
    .custom-prev{
        left: 37%;
    }
    .about-card p{
        font-size: 6vw;
    }
    .about-title{
        font-size: 3.9vw;
    }
    .about-us-content{
        font-size: 0.7em;
    }
    .parallax-body p {
        font-size: 22px;
        padding: 20px;
    }
    .form-contact {
        color: var(--bg-color);
        text-align: start;
        margin-top: 30px;   
    }
    .form-body {
        padding: 0;
    }
    .footer-socail{
        justify-content: start;
        padding: 0;
    }

}