@media screen and (max-width: 1024px) {
    .just-think { padding: 0 2rem; }
    .left-data { width: 50%; }
    .right-data { width: 45%; }
    .image-card-container{padding: 0 2rem;}
    .footer-sec{padding: 0 2rem;}
    .home-form-wrap{padding: 8rem 2rem;}
    .header{padding: 2rem 2rem;}
}

@media screen and (max-width: 765px) {
    html{font-size: 7.5px;}
    .comm-sec-padd{margin-top: 5rem;}
    .image-card{width: 100%;}
    .brand{width: 50%;}
    .brand img{width: 100%;}
    .header{padding: 0 2rem;}
    .home-form-wrap{flex-direction: column; padding: 5rem 2rem;}
    .left-data{width: 100%;}
    .right-data{width: 100%; margin-top: 6rem;}
    .image-card-container{padding: 0 2rem; text-align: center;}
    .just-think{padding: 0 2rem;}
    .footer{flex-direction: column; padding: 6rem 2rem; border-radius: 0;}
    .footer-sec{margin-bottom: 0; padding: 0;}
    .contect img { width: 2.2rem;}
    .header-wrap{padding: 1.5rem 0;}
    .footer-right-data { margin-top: 3rem; }
    .footer-left-data img{margin-right: 3rem;}
    .contect p{font-size: 1.3rem;}
    .date p{font-size: 1.4rem;}
    .image-card img{width: 85%;}
    .video-card-container{flex-direction: column;}
    .video-card::before{width: calc(100% + 29.4rem);}
    .video-card i{left: 138px; width: 76%;}
    .hero-secsion .desktop-banner{display: none;}
    .hero-secsion .mobile-banner{display: block;}
   
}