@media only screen and (max-width:991px){
    header{
        padding: 0;
    }
    .navbar-brand{
        margin-left: 0;
    }
    .navbar-nav{
        margin-right: auto;
    }
    .navbar-nav li {
        padding: 0 0.2rem;
    }
    .section-1 .banner-img img {
        height: auto;
    }
    .section-2 .news-left h3{
        padding-left: 0;
        font-size: 27px;
    }
    .section-2 .news-right .mail{
        padding: 0.4rem 2rem 0.6rem 1rem;
    }
    .section-3 .gallery-left h5{
        width: 100%;
    }
    .section-3 .gallery-left p{
        width: 100%;
    }
    .section-3 {
        margin-top: 50px;
    }
    .odm h4{
        font-size: 25px;
    }
    .mr h4{
        font-size: 25px;
    }
    .price span{
        font-size: 25px;
    }
    .section-4 .service1 .price {
        padding: 70px 33px;
    }
    .section-4 .service1 .bn {
        padding: 70px 43px;
    }
    .odm p{
        line-height: 22px;
    }
    .section-4 .service1 .odm {
        padding: 97px 45px;
    }
    .mr p{
        line-height: 22px;
    }
    .section-4 .service2 .price {
        padding: 70px 31px;
    }
    .section-4 .service2 .bn{
        padding: 70px 43px;
    }
    .section-4 .service2 .mr{
        padding: 97px 45px;
    }
    .section-4 {
        margin-top: 100px;
    }
    .section-5 {
        margin-top: 70px;
    }
    .test-left img{
        margin-top: 5rem;
    }
    .section-6{
        background-size: cover;
    }
    .section-6 .footer-sec h4{
        font-size: 17px;
    }
    .copy-social{
        margin-top: 30px;
    }
}

@media only screen and (max-width:767px) {
    .navbar-toggler-icon .fa{
        color: #edc300;
        font-size: 1.8rem;
    }
    .navbar-brand{
        margin-left: 1rem;
    }
    .navbar-nav li span {
        display: none;
    }
    .navbar-nav li {
        text-align: center;
    }
    .navbar-nav li{
        padding: 0.3rem 0;
    }
    .section-1 .banner-txt{
        text-align: center;
    }
    .section-1 .txt-btn {
        top: 150px;
        left: 95px;
    }
    .section-2 .news-left, .news-right{
        text-align: center;
    }
    .gallery-left{
        text-align: center;
    }
    .gallery-right {
        margin-top: 30px;
    }
    .gallery-right .ug2 {
        margin-top: 30px;
    }
    .section-4 .service-head{
        text-align: center;
    }
    .section-4 .service1 .odm{
        border-right: 1px solid rgb(172, 172, 172);
    }
    .section-4 .service2 .mr {
        border-right: 1px solid rgb(172, 172, 172);
    }
    .section-4 .service1{
        text-align: center;
    }
    .section-4 .service2{
        text-align: center;
    }
    .vms{
        text-align: center;
    }
    .section-5 .test-head{
        text-align: center;
    }
    .test-left img{
        margin-top: 0;
    }
    .col-md-6.test-right{
        margin-top: 30px;
        text-align: center;
    }
    .test-right p{
        width: 100%;
    }
    .test-right .btn{
        margin-top: 60px;
    }
    .section-6{
        text-align: center;
    }
    .copy-social .copyright{
        margin-left: 0;
        padding: 15px 0;
    }
    .social-link{
        float: none;
        margin-right: 0;
        padding: 15px 0;
    }
}

@media only screen and (max-width:576px){
    .section-1 .txt-btn {
        top: 100px;
        left: 0px;
    }
    .banner-txt h3{
        font-size: 20px;
    }
    .banner-txt h3 span {
        font-size: 30px;
    }

}
@media only screen and (max-width:435px){
    .section-1 .txt-btn{
        top: 50px;
    }
    .section-2 .news-left h3{
        font-size: 23px;
    }
    .section-2 .news-left, .news-right{
        margin-top: 35px;
    }
    .section-4 .service1 .odm{
        padding: 40px 20px;
        border-bottom: none;
    }
    .section-4 .service1 .price{
        padding: 10px 25px;
        border-top: none;
        border-bottom: none;
    }
    .section-4 .service1 .bn{
        padding: 35px 43px;
    }
    .section-4 .service2 .mr{
        padding: 40px 20px;
        border-bottom: none;
    }
    .section-4 .service2 .price{
        padding: 10px 25px;
        border-top: none;
        border-bottom: none;
    }
    .section-4 .service2 .bn{
        padding: 35px 43px;
    }
}