@media screen and (max-width:1200px){}
@media screen and (max-width:991px){
    .footer-links-box{
        flex-direction: column;
        flex-wrap: unset;
        gap: 20px;
        margin-top: 20px;
    }
     .mpd-right{
    padding-right: 15px;
  }
  .mpd-left{
    padding-left: 15px;
  }
  .project-main-info{
    padding: 18px 10px;
  }
  .col-rv{
    flex-direction: column-reverse;
  }
}
@media screen and (max-width:768px){
    .navbar-brand img{
        width: 100px;
    }
    .hero-content h1{
        font-size: 45px;
    }
    .hero-content ul{
        flex-direction: column;
        gap: 10px;
    }
    .carousel-btn2 .owl-nav button.owl-next{
        right: 0;
    }
    .carousel-btn2 .owl-nav button.owl-prev{
        left: 0;
    }
    h3.product-pop-title{
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }
    .project-main-img{
        height: 500px;
    }
}
@media screen and (max-width:567px){
    .hero-content h1{
        font-size: 35px;
    }
    .hero-content p{
        font-size: 16px;
    }
    .about-us-content h2{
        font-size: 25px;
    }
    .section-title-cs h2{
        font-size: 28px;
    }
    .section-title-cs p{
        font-size: 16px;
    }
    .why-choose-items-list ul li{
        width: 100%;
    }
    .why-choose-content h2{
        font-size: 27px;
    }
    .contact-us-form h2{
        font-size: 25px;
    }
    .about-footer-content p{
        font-size: 15px;
    }
        .award-item-cotent h3 {
            font-size: 17px;
        }
        .page-header{
            height: 45vh;
        }
        .page-header {
            padding-top: 50px;
        }
        .hight-cs{
            height: 300px !important;
        }
        .policy-container{
            padding: 20px;
        }
        .policy-container h3{
            font-size: 18px;
        }
        .cms-container{
            padding: 15px;
        }
        .cms-container h3{
            font-size: 18px;
        }
        .baner-blank h3{
            font-size: 23px;
        }
        .slicknav_nav .slicknav_row, .slicknav_nav li a{
            font-size: 15px;
        }
        .safety-container h3{
            font-size: 25px;
        }
        .project-main-img{
            height: 350px;
        }
        .project-main-info h3{
            font-size: 22px;
        }
}

@media screen and (max-width:350px){
    .hero-content h1{
        font-size: 28px;
    }
}