@media screen and (max-width:1200px){
    .masked{
        width: 100%;
    }
    .home-about-description-box{
        padding-right: 0;
    }
    .why-choose-right-box{
        width: 100%;
    }
    .why-choose-right-box span{
        margin-left: 0;
    }
    .why-choose-right{
        padding:10px 2px;
    }
    .footer-address ul li {
        width: 35%;
    }
    .wow{
        animation-name: none !important;
        visibility: visible !important;
    }

}
@media screen and (max-width:991px){
    .footer-address ul{
        flex-direction: column;
    }
    .footer-address ul li{
        flex-direction: column;
        width: 100%;
        
    }
    .footer-address ul li a{
margin: 5px 0;
    }
    .web-design-right img{
        position: static !important; 
        width: 33% !important;
    }
    .web-design-container{
        height: fit-content;
    }
    .web-design-right{
        padding: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .flex-col-reverse{
        flex-direction: column-reverse;
    }
    .d-none-img{
        display: none !important;
    }

}
@media screen and (max-width:768px){
    .baner-caption-card h1{
        font-size: 35px;
        line-height: 50px;
    }
    .nav-container {
    padding: 10px 15px !important;
}
.about-us-title-box h1{
    font-size: 40px;
}
.why-choose-left{
    height: 350px;
}
.mobile-app-img img {
    width: 50%;
}
}
@media screen and (max-width:567px){
    .logo-nav img{
        width: 110px;
    }
    .baner-caption-card h1{
        font-size: 30px;
        line-height: 45px;
    }
    .baner-caption-card{
        padding: 5px;
    }
    .why-choose-right-box{
        margin-bottom: 20px;
        align-items: center;
    }
    .why-choose-right-box-info{
        padding: 0 10px;
    }
    .why-choose-right-box-info h3{
        font-size: 18px;
    }
   
    .web-design-left h3,.mobile-app-right h3{
        font-size: 30px;
    }
    .section-title h3{
        font-size: 30px;
    }
    .product-modal-dt-left{
        height: 300px;
    }

}