@media screen and (max-width:1212px) {

    .service-container{

max-width: unset;

width: 100%;

padding-inline: 40px;

    }

    .image-overlay {

        height: 392px;

    }

    .freight-item img{

        height: auto;

        width: 165px;

    }

    .railway-freight-content, .air-freight-content{

        top: 15%;

    }

}

@media screen and (max-width:1020px) {

    .service-container{

max-width: unset;

width: 100%;

padding-inline: 40px;

    }

    .scroll-slide{

        grid-template-columns: 1fr;

    }

    .banner-img{

        width: unset;

        height: 100%;

    }

    .main-bannner-section{

        overflow: hidden;

    }

    .image-overlay {

        height: 572px;

    }

    .btns-wrapper{

        flex-direction: column;

        max-width: 203px;

        width: 100%;

      

    }

    .warehouse-button, .warehouse-brouchre{

        width: 100%;

    }

    .big-image, .big-image2{

        height: 700px;

        object-fit: cover;

    }

    .warehouse-container{

        width: 100%;

        max-width: unset;

        padding-inline: 40px;

    }

}

@media screen and (max-width:770px) {

  

    .air-freight-left,.air-freight-right {

        rotate: unset;

        border-radius: 10px;

        width: 100%;

    }

    .freight-wrapper{

        rotate: unset;

        max-width: unset;

        width: 100%;

        padding-inline: 20px;

    }

    .railway-freight-content, .air-freight-content{

        top: unset;

       bottom: 120px;

       width: 80%;

    }

    .air-freight-content{

        left: 30px;

    }

    .railway-freight-content{

        right: 30px;

    }

    .freight-form .form-item{

       display: flex;

       flex-direction: column;

       gap: 20px;

       padding-top: 27px;

    }

    .air-fright-form.slide-in, .warehouse-container.slide-in, .railway-fright-form.slide-in-next{

        width: 60%;

        max-width: unset;

    }

    .ring-image-left, .ring-image-right{

        width: 100%;

        height: 100%;

        left: unset;

        right: unset;

    }

    .warehouse-round{

        display: none;

    }

    .railway-freight-content.slide-out-next {

        transform: translateX(200%);

    }

}

@media screen and (max-width:600px) {

    .freight-brochure{

        width: 143px;

        padding-inline: 20px;

        gap: 12px;

        font-size: 12px;

    line-height: 14px;

    }

    .content-items h2{

        font-size: 34px;

        letter-spacing: 0.8px;

    }

    .freight-item h2{

        font-size: 18px;

    }

    .manrope-font{

        font-size: 12px;

        line-height: 20px;

    }

    .service-container{

        padding-inline: 10px;

    }

   

}

@media screen and (max-width:431px) {

    .request-btn{

        font-size: 14px;

        line-height: 17.07px;

        width: 167px;

    }

    .banner-img{

        display: none;

    }

    .md-banner-1{

        display: block;

        width: 100%;

    }

    .md-next-img{

        display: block;

        position: relative;

        height: 680px;

        width: 100%;

    }

    .md-next-img img{

        width: 100%;

        

    }

    .image-overlay{

        display: none;

        width: 100%;

        height: 100%;

    }

    .md-image-overlay{

        position: absolute;

        top: 0;

        left: 0;

       

        background: rgba(0, 0, 0, 0.812);

        height: 100%;

        width: 100%;

    }

    .freight-item{

        gap: 12px;

    }

    .freight-item img{

        width: 107px;

    height: 162px;

    }

    .monserrat-font{

        font-size: 13px;

        line-height: 15.85px;

    }

    .warehouse-section h2,.air-freight-right h2, .air-freight-left h2, .freight-form h2{

        font-size: 20px;

        line-height: 67px;

        letter-spacing: 0.8px;

        

    }

    .freight-form .form-item input, .freight-form .form-item textarea{

        font-size: 13px;

        line-height: 15.85px;

    }

    .warehouse-button{

        width: 167px;

        font-size: 14px;

        line-height: 17.07px;

    }

    .warehouse-brouchre{

        display: none;

    }

    .btns-wrapper{

        align-items: center;

    }

    .warehouse-container{

        padding-inline: 10px;

    }

    .air-freight-content {

        left: 20px;

    }

    .big-image, .big-image2 {

        height: unset;

    }

  .service-form{

    height: 100%;

  }

   

    .air-fright-form.slide-in, .warehouse-container.slide-in, .railway-fright-form.slide-in-next,  .railway-fright-form.slide-out-next, .freight-form{

        width: 80%;

        height: 70%;

        max-width: unset;

    }

}