#banner-delivery{
  background-image: url(https://photo.eclubusiness.com/aqniet-corp/img/delivery-groupage-top.png);
}
.logistic-cities{
  position: relative;
  padding: 0 60px;
}
.slick-list{
  overflow: hidden!important;
}
.slick-track{
  display: flex;
}
#courier-services .logistic-cities-mobile{
  display: none;
}
  #logistic-blue-section h2{
    color: white;
  }
  #yandex-telephone-hidden{
    display: none;
  }
  #route-telephone-hidden{
    display: none;
  }
  #logistic-blue-section{
    background-color: #37424D;
    color: white;
    padding-top: 50px;
    padding-left: 50px
  }
  #logistic-box-hidden{
    display: none;
  }
  #logistics-h2-p{
    margin-top: -80px;
    padding-left: 80px;
  }
  #courier-services h2{
    text-align: center; margin-bottom: 80px;
  }
  #courier-services h4{
    font-size: 26px;
     color: black;
     font-weight: 700;
  }
  #gears-simple-img{
    opacity: 0.2;
  }
  #contact-box{
    margin-top: 0
  }
  @media screen and (max-width: 1700px){
    #gears-simple-img{
      width: 60%;
    }
  }
  @media screen and (max-width: 1500px){
    #gears-simple-img{
      width: 90%;
    }
    .logistic-inner-col{
      height: 320px;
    }
  }
  @media screen and (max-width: 1300px){
    #courier-services .logistic-cities{
      margin-top: -20px
    }
  }
  @media screen and (max-width: 1200px){
    #logistics-h2-p{
      padding-left: 15px;
    }
    #gears-simple-img{
      width: 100%;
    }
    #courier-services .logistic-cities{
      margin-right: -1%;
    }
    #logistics-h2-p p{
      width: 100%;
    }

  }
  @media screen and (max-width: 992px){
    #logistic-blue-section{
      margin-bottom: -140px;
    }
    #gears-simple-img{
      display: none;
    }
    .logistic-inner-col{
      margin-top: 50px;
      height: auto;
      display: flex;
      align-items: center;
      flex-direction: column-reverse;
      padding: 30px 0;
      text-align: center;
    }
    .logistic-inner-col img {
      position: static;
      max-width: 100%;
    }
    .logistic-inner-title-wrp {
      margin-top: 30px;
    }
    .logistic-inner-col h2 {
      padding: 0;
    }
    .mt-50{
      margin-top: 0;
    }
    #yandex-telephone-hidden{
      display: block;
      margin-bottom: 20px;
      margin-top: 20px;
    }
    #yandex-telephone-hidden-then{
      display: none;
    }
    #yandex-integration h4{
      text-align: center;
    }
    #route-telephone-hidden{
      display: block;
    }
    #route-telephone-hidden-then{
      display: none;
    }
    #contact-box-2{
      width: 100%;
    }
    #contact-box-content h1{
      position: relative;
      bottom: 50px;
    }
  }
@media screen and (max-width: 576px){
  #contact-box{
    margin-top: 20px;
  }
  #courier-services .logistic-cities, #courier-services .logistic-cities-mobile{
    margin-right: 0
  }
  #courier-services .logistic-cities{
    display: none!important;
  }
  #courier-services .logistic-cities-mobile{
    display: block;
    margin-left: 0;
  }
  #yandex-telephone-hidden img{
    padding-left: 2rem;
  }
  #yandex-integration, #courier-services{
    margin-top: -80px
  }
  #courier-services h4{
    font-size: 18px;
  }
  #courier-services h2{
    margin-bottom: 20px;
  }
  #logistics-h2-p{
    padding-top: 80px;
  }
  .logistic-inner-col {
    padding: 30px 15px;
  }
  .logistic-inner-col h2{
    font-size: 20px;
  }
  #logistics-hidden-img{
    padding-left: 20px!important;
  }
  #logistics-hidden-img img{
    width: 80%!important;
    padding-left: 10%;
  }
  .logistic-inner-col .btn-style{
    width: 100%!important;
  }
  #logistic-box-hidden-then{
    display: none;
  }
  #logistic-box-hidden{
    display: block;
  }
  #logistic-box-hidden img{
    width: auto;
    height: 200px;
  }
  .inner-delivery-ecommerce p{
    font-size: 14px!important;
  }
  #contact-box-2 h4, #contact-box-2 h3{
    font-size: 16px;
  }
  .container-content h2 {
    font-size: 20px;
  }
  .container-content p {
    font-size: 14px!important;
  }
  #contact-box-content h1{
    font-size: 20px;
  }
  h2{
    font-size: 20px;
  }
  #logistic-blue-section{
    padding-left: 15px;
  }
  #logistic-blue-section h1{
    font-size: 40px;
  }
}
  @media screen and (max-width: 440px){
    #logistic-box-hidden img{
      width: auto;
      height: 140px;
    }
  }