@media (max-width: 1700px){
.rent-item .text-box{padding: 20px 20px 20px 40px}
}

@media (max-width: 1499.9px){
  .ttl.lg{font-size: 60px;}
}
@media (max-width: 1336px){
  .rent-item{flex-direction: column;}
  .rent-item .img-box{width: 100%}
  .rent-item .text-box{width: 100%}
  .main-contacts .contacts-box{padding: 80px 50px 80px 20px}
  .main-contacts .icon-telegram{width: 145px}
  .main-contacts .address{width: calc(100% - 151px);}
  .footer-menu a{margin: 0 10px}
}
@media (max-width: 1199.9px){
  .ttl.lg{font-size: 48px;}
}
@media screen and (max-width: 1024px){
  
  .header {padding: 5px 0;}
  .header .logo{width: 150px; position: static; margin: 0 auto 0 0;}
  .header-menu{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;    
    flex-direction: column;
    background: rgba(124, 152, 187, .7);
    padding: 20px 0 10px;
  }
  .sticky .header-menu{background: var(--white);}
  .header-menu a{display: block; width: 150px; text-align: center; margin: 0 auto 10px;}
  .burger-menu{display: block; margin-left: 15px;}
  .main{margin-top: 0;}
  .main-about .text-box{width: 100%; margin-bottom: 30px}
  .main-about .img-box{width: 100%}
  .main-steps{padding: 40px 0 30px}
  .main-steps-list li{width: calc(50% - 5px); margin-bottom: 10px}
  .main-contacts .map{width: 100%; height: 350px; order: 2}
  .main-contacts .contacts-box{width: 100%; padding: 60px 15px}
  .main-contacts .icon-telegram{width: 145px}
  .main-contacts .address{width: calc(100% - 151px);}
  .footer{padding: 20px 0}
  .footer .copy{width: 100%; text-align: center; order: 2}
  .footer-menu{display: none;}
  .footer .social{justify-content: center; margin: 0 auto 15px;}
  .footer .social a{margin: 0 5px}


} 
@media (max-width: 991.9px){}
@media (max-width: 767.9px){
  .mb120{margin-bottom: 80px;}
  .mb70{margin-bottom: 50px;}
  .mb60{margin-bottom: 40px;}
  .mb45{margin-bottom: 30px;}
  .mb30{margin-bottom: 25px;}
  .mb25{margin-bottom: 20px;}
  .mb20{margin-bottom: 15px;}
  .mb15{margin-bottom: 12px;}
  .ttl.lg {font-size: 36px;}
  .main-intro .text{font-size: 18px; margin-bottom: 20px}
  .rent-item .text-box{padding: 20px 0}
  .rent-item .chars-list{width: 100%; margin-bottom: 30px}
  .rent-item .prices{width: 100%}  
  .rent-item .prices .title{font-weight: 500; margin-bottom: 15px}
  .rent-item .caption{width: 100%; margin-bottom: 20px}
  .rent-item .ttl.md{width: 100%; margin-bottom: 20px} 
  .main-partners .wrapper a{width: calc(33.3% - 5px);}
}
@media (max-width: 576px){
  .mb120{margin-bottom: 60px;}
  .mb70{margin-bottom: 40px;}
  .mb60{margin-bottom: 30px;}
  .mb45{margin-bottom: 25px;}
  .mb30{margin-bottom: 20px;}
  .mb25{margin-bottom: 15px;}
  .mb20{margin-bottom: 10px;}
  .mb15{margin-bottom: 8px;}
  .main-intro .sliders {bottom: 38%}
  .main-intro .wrapper{min-height: calc(100vh - 50px); padding: 20px 0}
  .main-intro .text{font-size: 14px; margin-bottom: 15px}
  .main-about{padding: 60px 0 30px;}
  .main-about .item{width: 100%; margin-bottom: 30px}
  .main-steps-list .ico{margin-right: 10px}
  .main-rent {padding-top: 60px}
  .main-partners{padding: 60px 0 55px}
  .main-partners .wrapper a{width: calc(50% - 5px);}
}
@media (max-width: 425px){
  .header .social{display: none;}
  .main-steps-list li{width: 100%}
  .rent-item .chars-list li {font-size: 12px}
}
@media (max-width: 365px){
  .main-intro .sliders {bottom: 50%}
  .main-ttl-slider .swiper-slide {font-size: 120px}
  .main-intro .ball{min-width: 160px}
  .main-intro .shadow{display: none;}
  .main-contacts .links a{width: 100%}
}