@media only screen and (max-width:1199px){
    
    .menu-link{
        font-size: 14px;
    } 

    .menu-inner{
        /* margin: 118px 0 0 0; */
        column-gap: normal;
    }
    .dis1199{
        display: none;
    }

    .carousel-caption h5{
        font-size: 35px;
    }

    .carousel-caption p{
        font-size: 16px;
        width: 85%;
    }

    .con-box p{
        font-size: 14px;
    }

    .con-box h3{
        font-size: 18px;
    }
    
   
}

@media only screen and (max-width:1100px){
    .carousel-item{
        top: 35% !important;
    }

    .about-sec{
        padding: 40px 0;
    }
    .about-des p{
       line-height: normal;
    }

    .our-service{
        padding: 0 0 40px 0;
    }

    .choose-hed img{
        margin: 143px 0 0 0;
    }
    .form-wrap{
        padding: 40px 15px;
    }
    .about-sec2{
        padding: 40px 0;
    }

    .client-wrap{
        padding: 40px 0;
    }
    .con-hed h4{
        font-weight: 600;
        font-size: 15px;
    }
    .con-box p{
        font-size: 13px;
    }
    .con-box{
        height: 175px;
    }

    .menu-link{
        font-size: 13px;
    }
    .btn-login{
        font-size: 13px;
    }

    .nav-links li{
        margin: 12px 20px 0 0;
    }
}

@media only screen and (max-width:991px){
   
    .brand img{
        width: 60%;
    }

    .about-des h4{
        font-size: 20px;
    }

    .about-des p{
        font-size: 12px;
    }

    .service-hed{
        margin: 0 0 25px 0;
        text-align: center;
    }

    .service-hed h3{
        font-weight: 600;
    }

    .service-hed h2{
        margin: 0;
    }
    .service-hed p{
        font-size: 12px;
        line-height: normal;
    }

    .service-hed h2{
        margin: 0 0 5px 0;
    }

    .ser-des h3{
        font-size: 16px;
    }

    .ser-des h3{
        font-weight: 700;
    }
    .ser-des{
        margin: 15px 0 ;
    }
    .choose-hed{
        text-align: center;
    }
    .choose-hed h3{
        font-weight: 600;
    }
    .choose-hed img{
        margin: 15px auto 0 auto;
        width: 90%;
        height: auto;
    }
    .box-flex{
        margin: 15px 0 0 0;
    }

    .choose-box h4{
        font-weight: 700;
    }

    .index-bg-hed{
        padding: 85px 0;
    }
    .index-bg-hed p{
        width: 100%;
    }

    .about-banner{
        height: 250px;
    }

    .about-hed h2{
        font-size: 24px;
    }
    .about-hed p{
        font-size: 14px;
        width: 100%;
    }
    .about-hed{
        padding: 70px 0;
    }

    .contact-heding{
        padding: 0 0 40px 0;
    }

    .contact-texts h3{
        font-size: 20px;
    }
    .about-sec2-hed h2{
        font-size: 20px;
    }

    .rows .col-md-4{
        width: 50%;
    }

    .client-banner{
        height: 250px;
    }
    .client-form{
        width: 90%;
    }

    .client-hed h2{
        font-size: 22px;
        font-weight: 600;
    }
    .career-banner{
        height: 250px;
    }
    .career-bg{
        width: 90%;
    }

    .ser-hed h2{
        font-size: 22px;
    }
    .con-hed h4{
        font-size: 16px;
    }
    .con-box p{
        font-size: 14px;
    }
    .contact-form{
        width: 90%;
    }

    .carousel-caption h5{
        font-size: 30px;
    }

    .carousel-caption p{
        font-size: 14px;
        width: 100%;
    }
    .carousel-caption{
        top: 30% !important;
    }

}


@media only screen and (max-width:767px){
    
    .carousel-caption h5{
         font-size: 25px;
    }
    .about-sec{
        padding: 30px 0;
    }

    .service-hed h3, .choose-hed h3{
        font-size: 14px;
        margin: 0 0 5px 0;
    }
    .btn-con{
        font-size: 12px;
        margin: 0 0 15px 0;
    }
    .choose-box h4{
        margin: 10px 0;
    }
    .choose-box p{
        font-size: 12px;
    }

    .choose-box{
        margin: 25px 0 0 0;
    }

    .index-bg-hed h2{
        font-size: 24px;
    }
    .index-bg-hed p{
        margin: 25px auto;
    }

    .btn-cargo{
        padding: 8px 15px;
        font-size: 12px;
    }

    .map-flex{
        flex-wrap: wrap-reverse;
    }
    .form-wrap{
        width: 100%;
    }
    .map-wrap{
        width: 100%;
    }

    .map-wrap iframe{
        height: 300px;
    }
    .footer-upper ul li a{
     font-size: 12px;
    }

    .footer-upper ul li{
        font-size: 0 15px;
    }

    .footer-down p{
        margin: 0;
        font-size: 12px;
    }

    .form-wrap{
        padding: 30px 10px;
    }

    .form-wrap h3{
        text-align: center;
    }

    .form-wrap h3{
        font-size: 20px;
    }
    .left-form{
        margin: 0;
    }
    .btn-submit{
        border: 2px solid #fff;
    }

    .f-mes{
        height: 94px;
    }

    .index-bg{
        height: 320px;
    }

    .logo a img{
        width: 75%;
        margin: -15px 0 0 0;
    }
    nav{
        padding: 0;
    }

    .carousel-caption{
        top: 25% !important;
    }

    .float-call {
        font-size: 25px;
        height: 55px;
        width: 55px;
        line-height: 55px;
        font-size: 25px;
    }

    .float-button{
        font-size: 25px;
        height: 55px;
        width: 55px;
        line-height: 55px;
        font-size: 30px;
    }

    .about-hed h2{
        font-size: 20px;
    }

    .about-hed p{
        font-size: 12px;
    }
     
    .about-des ul{
        padding: 0;
        margin: 0 0px 0 18px;
    }
    .about-des ul li{
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        color: #575757;
        margin: 0 0 5px 0;
    }

    .contact-texts h3{
        margin: 0 0 5px 0;
    }

    .text-flex p{
        font-size: 12px;
    }

    .text-flex i{
        font-size: 10px;
    }

    .text-flex{
        margin: 10px 0 0 0;
    }

    .rows .col-md-6{
        width: 50%;
    }

    .sec2-box h4{
        margin: 10px 0;
    }
    .sec2-box p{
        font-size: 12px;
    }
    .sec2-box{
        height: auto;
    }
    .client-form{
        width: 100%;
    }
    .client-form{
        padding: 15px;
    }

    .btn-submits{
        font-size: 12px;
    }

    .career-bg{
        width: 100%;
    }

    .con-box{
        height: 215px;
    }

    .contact-form{
        width: 100%;
    }

    .contact-map iframe{
        height: 250px;
    }
    .header-des a{
        font-size: 12px;
    }
    .wrapper .nav-links{
        line-height: 40px;
    }

   
}

@media only screen and (max-width:712px){
   
    .carousel-caption h5{
        font-size: 24px;
    }
    .carousel-caption{
        top: 20% !important;
    }
}

@media only screen and (max-width:684px){
   
    .carousel-caption h5{
        font-size: 22px;
    }
    .carousel-caption{
        top: 20% !important;
    }
}

@media only screen and (max-width:627px){
   
    .carousel-caption h5{
        font-size: 18px;
    }
    .carousel-caption{
        top: 20% !important;
    }
}

@media only screen and (max-width:575px){
    .carousel-caption p{
        font-size: 12px;
    }
    .carousel-caption{
        top: 15% !important;
    }

    .ser-des h3{
        font-size: 17px;
    }
    .index-bg-hed{
        padding: 75px 0;
    }
    .index-bg-hed h2{
        font-size: 22px;
    }
    .index-bg-hed p{
        margin: 20px 0;
    }
    .map-wrap iframe{
        height: 200px;
    }

    footer{
        padding: 10px 0;
    }

    .about-banner, .client-banner, .career-banner{
        height: 220px;
    }
    .about-hed h2{
        font-size: 18px;
    }
    .about-hed{
        padding: 65px 0;
    }
    .about-des h4{
        font-size: 20px;
    }
    .about-des ul li{
        font-size: 12px;
    }
    .sec2-box h4{
        font-size: 16px;
    }
    .sec2-box{
        height: 210px;
    }
    .client-hed h2{
        font-size: 20px;
    }
    .form-group{
        margin: 20px 0 0 0;
    }
    .c-name{
        font-size: 14px;
    }
    .client-name{
        padding: 6px 10px;
    }
    .client-text{
        height: 40px;
        padding: 6px 10px;
    }
    .upload label{
        font-size: 14px;
    }
    .flex-name label{
        font-size: 14px;
    }
    .flex-name input{
        padding: 6px 10px;
    }

    .career-name{
        font-size: 14px;
    }
    .career-type{
        padding: 6px 10px;
    }
    .career-text{
        padding: 6px 10px;
    }
    .contact-address{
        padding: 40px 0;
    }

    .ser-hed h2{
        font-size: 20px;
    }
    .con-box h3{
        font-size: 16px;
    }
    .con-hed h4{
        font-size: 14px;
    }
    .con-box p{
        font-size: 12px;
    }
    .con-box{
        height: 185px;
    }
    .contact-hed h3{
        font-size: 20px;
    }
    .contact-cont{
        padding: 6px 10px;
    }
    .contact-conts{
        padding: 6px 10px;
    }
    .mes-wrap{
        padding: 6px 10px;
    }
}

@media only screen and (max-width:540px){
    .about-des h4{
        font-size: 18px;
    }
    .service-hed h2{
        font-size: 18px;
    }
    .ser-des h3{
        font-size: 14px;
    }
    .choose-hed h2{
        font-size: 18px;
    }
    .choose-hed p{
        margin: 15px 20px;
    }
    .index-bg-hed{
        padding: 65px 0;
    }
    .index-bg-hed p{
        font-size: 12px;
    }
    .index-bg{
        height: 260px;
    }

    .form-select{
        padding: 6px 10px;
    }
    .f-text{
        padding: 6px 10px;
    }
    .f-mes{
        padding: 6px 10px;
        height: 84px;
    }
    .about-hed h2{
        font-size: 16px;
        font-weight: 600;
    }
    .contact-texts h3{
        font-size: 18px;
    }
    .about-sec2-hed h2{
        font-size: 18px;
    }
    .wrapper .nav-links{
        line-height: 30px;
    }
     
}

@media only screen and (max-width:500px){
    .carousel-caption{
        top: 10% !important;
    }
    .carousel-caption h5{
        font-size: 13px;
    }
    .carousel-caption p{
        font-size: 10px;
    }
    .ser-des p{
        font-size: 10px;
        line-height: 15px;
    }
    .footer-upper ul li{
        margin: 0 5px;
    }
    .logo a img{
        width: 65%;
    }
    .con-box{
        height: 210px;
    }
    .message-wrap{
        padding: 40px 0;
    }
    
}

 @media only screen and (max-width:475px){
    .about-banner, .client-banner, .career-banner{
        height: 200px;
    }
    .about-hed h2{
        font-size: 14px;
    }
    .about-hed{
        padding: 57px 0;
    }
    .about-des h4{
        font-size: 18px;
    }
    .contact-texts h3{
        font-size: 18px;
    }
    .about-sec2-hed h2{
        font-size: 18px;
    }
    .sec2-box h4{
        font-size: 14px;
    }
    .sec2-box p{
        font-size: 11px;
    }
    .ser-des h3{
        font-size: 16px;
    }
    .header-des a{
        font-size: 10px;
    }

    nav .wrapper{
        height: 60px;
    }

    .choose-box{
        padding: 10px 5px;
    }
    .upload{
        width: 100%;
        margin: 5px 0 0 0;
    }

    .client-hed p{
        font-size: 12px;
    }
    .career{
        width: 100%;
        margin: 5px 0 0 0;
    }
    .form-group{
        margin: 15px 0 0 0 !important;
    }
    .career-bg{
        padding: 10px ;
    }
    .con-box h3{
        font-size: 14px;
    }
    .form-wrap h3{
        font-size: 18px;
    }
    .btn-submit{
        font-size: 12px;
    }
    .f-mes{
        height: 76px;
    }
} 

@media only screen and (max-width:450px){
    .dis450{
        display: none !important;
    }
    .header-des a{
        font-size: 12px;
    }
}

@media only screen and (max-width:415px){
    .about-hed{
        padding: 40px 0;
    }
    .about-des h4{
        font-size: 16px;
    }

    .rows .col-md-6{
        width: 100%;
    }

    .con-box h3{
        font-size: 16px;
    }
    .con-hed h4{
        font-size: 15px;
    }
    .con-box p{
        font-size: 14px;
    }
    .con-box{
        height: auto;
    }

    .rows .col-md-6{
        width: 100%;
    }
    .ser-hed{
        margin: 0 0 20px 0;
    }
    
}

@media only screen and (max-width:375px){
    
    .carousel-caption{
         top: 5% !important;
    }
    .choose-hed p{
        font-size: 12px;
    }
    .choose-box{
        width: 100%;
        height: auto;
    }
    .index-bg-hed h2{
        font-size: 16px;
    }
    .btn-cargo{
        font-size: 10px;
    }
    .index-bg-hed{
        padding: 56px 0;
    }
    .flex-name{
        width: 100%;
        margin: 5px 0 0 0;
    }
    .footer-upper ul li a{
        font-size: 10px;
    }
    .ser-hed h2{
        font-size: 18px;
    }
}