@media(max-width:1500px) {
    .logo img {
        width: 70%;
    }
    li a {
        font-size: 1em;
    }
    .title-brand {
        left: -12.4%;
        font-size: 80px;
    }
    .text-container p span {
        font-size: 1em; }
        h1 {
            font-size: 45px;
        }
        .timeline-content p {
            font-size: 1em;
        }
        .news h2 {
            font-size: 2.8em;
        }
        .equipment .item .btn {
            padding: 12px 0 15px;
            font-size: 1.3em;
        }
        .contacts .flex .right {
            width: 45%;
        }
        .contacts .flex .right .contact-info .item {
            font-size: 20px;
            margin: 20px 0;
        }
        .dillers .item {
            display: block;
            width: 230px;
            height: 150px;
        }
        .equipment .item .title .special-title {
            font-size: 1.2em;
        }
        .equipment .item .title {
            font-size: 1.1em;
        }
      
}
@media(max-width:970px){
    .news-page .section.news-page .news-images .dib {
        text-align: center;
    }
     .news-page .section.news-page h1 {
             margin: 30px 0;
     }
    .news-page .section.news-page .current-news {
        display: none;
    }
    .mobile {
        display: block;
    }
    .desc, .flex.desc{
        display: none;
    }
    header .nav.top.desc {
        display: none;
    }
      .text-container {
        width: 100%;
    display: block;
    position: unset;
    }
    .main .section.dillers .flex {
        display: block;
    }
    .main .dillers .item {
            margin: 20px auto;
    }
      .title-brand {
          position: relative;
        transform: none;
        left: 0;
        right: 0;
        text-align: center;
        top:unset;
    }
   #overlay-button {
    position: absolute;
    right: 15px;
    top: 20px;
    padding: 15px 5px;
    z-index: 5;
    cursor: pointer;
    user-select: none;
}
#overlay-button span {
    height: 3px;
    width: 30px;
    border-radius: 2px;
    background-color: white;
    position: relative;
    display: block;
    transition: all 0.2s ease-in-out;
}
#overlay-button span:before {
    top: -8px;
    visibility: visible;
}
#overlay-button span:after {
    top: 8px;
}
#overlay-button span:before, #overlay-button span:after {
    height: 3px;
    width: 30px;
    border-radius: 2px;
    background-color: white;
    position: absolute;
    content: "";
    transition: all 0.2s ease-in-out;
}
#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
    background: #fff;
}
input[type=checkbox] {
    display: none;
}
input[type=checkbox]:checked ~ #overlay {
    visibility: visible;
}
input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
    background: transparent;
}
input[type=checkbox]:checked ~ #overlay-button span:before {
    transform: rotate(45deg) translate(4px, 4px);
    opacity: 1;
}
input[type=checkbox]:checked ~ #overlay-button span:after {
    transform: rotate(-45deg) translate(7px, -7px);
}
#overlay {
    height: 100%;
    width: 100%;
    top:0;
    left: 0;
    right: 0;
    background: #262626;
    z-index: 2;
    visibility: hidden;
    position: fixed;
}
#overlay.active {
    visibility: visible;
}
#overlay ul {
    text-align: left;
    margin-top: 15%;
}
#overlay ul li {
    padding: 6px 20px;
    display: block;
    width: 100%;
}
#overlay ul li a {
    color: white;
    text-decoration: none;
    font-size: 20px;
}
#overlay ul li a:hover {
    color: #333332;
}
#overlay ul.contacts-mob-menu li {
   display: flex;
   align-items: center;
}
#overlay ul.contacts-mob-menu li span {
width: 20px;
height: 20px;
margin-right: 20px;
}
#overlay ul.social-mob-menu {
display: flex;
align-items: center;
margin-left: 20px;
}
#overlay ul.social-mob-menu li {
width: 50px;
padding: 0;
}
footer .item.left img {
    width: 100%;
}
 .carousel-block {
        height: unset;
    }
    .carousel-container img {
        object-fit: contain;
        height: unset;
    }
    .carousel-container .def-btn {
        margin-top: 20px;
    }
    .def-btn {
        display: block;
    }
    .circle {
        border: 1px solid #fff;
    }
    .circle-fill {
        background-color: #fff;
    }
    .left-arrow .chevron, .right-arrow .chevron {
        border-color: #69cb43;
    }
    .left-arrow {
      left: -5%;
       top: 15%;
    align-items: center;
    height: 20%;
    }
    .right-arrow {
     right: -5%;
       top: 15%;
    align-items: center;
    height: 20%;
    }
    .circle-container {
        bottom: 10%;
    }
    .chevron {
        width: 20px;
        height: 20px;
        border: solid rgba(255, 255, 255, 0.5);
        border-width: 5px 5px 0 0;
    }
    .image-side {
        width: 400px;
    }
    .image-side:after {
        display: none;
    }
    .equipment .container {
        width: 100%;
    }
    .news .flex {
        display: block;
    }
    .news .left {
        width: 100%;
            height: 200px;
    }
    .news .right {
        width: 100%;
    }
    .section.contacts .container {
        width: 100%;
    }
.page .container {
    width: 100%;
}
.page footer .container {
    width: 90%;
}
}
@media(min-width:500px) and (max-width:768px){
    .image-side {
        display: none;
    }
    .container.line:before {
        display: none;
    }
}
@media(max-width:500px){
    h1 {
        font-size: 35px;
    }
    .page h1 {
        margin: 0px 0 30px 0;
    }
    .mobile {
        display: block;
    }
    .desc, .flex.desc{
        display: none;
    }
    header .nav.top.desc {
        display: none;
    }
    .flex {
        display: block;
    }
    .page .section .container {
        width: 100%;
    }
/*     .main-page {
    margin: 15% auto 50px;
} */
    .image-side {
        display: none;
    }
    .timeline-wrap {
        margin: 0;
    }
    .title-brand {
        transform: none;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 30px;
        text-align: center;
    }
    .text-container {
        width: 100%;
    display: block;
    }
    .carousel-block {
        height: unset;
    }
    .carousel-container img {
        object-fit: contain;
        height: unset;
    }
    .carousel-container .def-btn {
        margin-top: 20px;
    }
    .def-btn {
        display: block;
    margin-bottom: 12%;
    }
    .circle {
        border: 1px solid #fff;
    }
    .circle-fill {
        background-color: #fff;
    }
  
  .left-arrow {
      left: -15%;
    top: 6%;
    align-items: center;
    height: 20%;
    }
    .right-arrow {
     right: -15%;
    top: 6%;
    align-items: center;
    height: 20%;
    }
    .chevron {
        width: 20px;
        height: 20px;
        border: solid rgba(255, 255, 255, 0.5);
        border-width: 5px 5px 0 0;
    }
    .section {
        margin: 100px 0;
    }
    .container.line:before {
        left: 2.3%;
    }
    .equipment .item {
        width: 100%;
        margin: 30px 0;
    }
    .equipment .item .btn.def-btn {
        margin-bottom: 0;
    }
    .dillers .item {
        width: 100%;
        margin: 30px 0; 
    }
    .equipment:before, .equipment:after {
        display: none;
    }
    .news .left, .news .right {
        width: 100%;
    }
    .news .left {
        height: 200px;
    }
    .news .right .slide .info {
        bottom: 30px;
    }
    .slider {
        padding: 0;
   }
    .slide {
        padding: 16px 10px;
   }
    .slide img {
        margin: 0;
   }
    .control-prev-btn {
        top:-20%;
   }
    .control-next-btn {
        top: -20%;
   }
   footer .item {
       width: 100%;
   }
   footer .item.mid {
    justify-content: flex-start;
   }
   .contacts .flex .left {
       width: 100%;
   }
   .contacts .flex .right {
       width: 100%;
       margin-top: 20px;
   }
   .contact-info span.btn {
       text-align: center;
   }
   footer .item.right .flex {
       display: flex;
   }
   .page .dillers .item {
       display: block;
       padding: 0;
    text-align: center;
    background: #2e2e2e0f;
   }
   .page .dillers .item .info {
       margin: 0;
   }
   .page .dillers .item .info .flex .name-mid {
       margin: 0;
       width: 100%;
   }
   .page.leasing .item .image-block {
    width: 100%;
    min-width: auto;
    margin: 0;
   }
   .page .dillers .item .name {
    font-size: 27px;
   }

   .page .dillers .item .image-block {
    width: 100%;
    min-width: auto;
    margin: 0;
   }
   .page.dealers .dillers .item {
       margin-bottom: 100px;
   }

   #overlay-button {
    position: absolute;
    right: 15px;
    top: 20px;
    padding: 15px 5px;
    z-index: 5;
    cursor: pointer;
    user-select: none;
}
#overlay-button span {
    height: 3px;
    width: 30px;
    border-radius: 2px;
    background-color: white;
    position: relative;
    display: block;
    transition: all 0.2s ease-in-out;
}
#overlay-button span:before {
    top: -8px;
    visibility: visible;
}
#overlay-button span:after {
    top: 8px;
}
#overlay-button span:before, #overlay-button span:after {
    height: 3px;
    width: 30px;
    border-radius: 2px;
    background-color: white;
    position: absolute;
    content: "";
    transition: all 0.2s ease-in-out;
}
#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
    background: #fff;
}
input[type=checkbox] {
    display: none;
}
input[type=checkbox]:checked ~ #overlay {
    visibility: visible;
}
input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
    background: transparent;
}
input[type=checkbox]:checked ~ #overlay-button span:before {
    transform: rotate(45deg) translate(4px, 4px);
    opacity: 1;
}
input[type=checkbox]:checked ~ #overlay-button span:after {
    transform: rotate(-45deg) translate(7px, -7px);
}
#overlay {
    height: 100%;
    width: 100%;
    top:0;
    left: 0;
    right: 0;
    background: #262626;
    z-index: 2;
    visibility: hidden;
    position: fixed;
}
#overlay.active {
    visibility: visible;
}
#overlay ul {
    text-align: left;
    margin-top: 15%;
}
#overlay ul li {
    padding: 6px 20px;
    display: block;
    width: 100%;
}
#overlay ul li a {
    color: white;
    text-decoration: none;
    font-size: 20px;
}
#overlay ul li a:hover {
    color: #333332;
}
#overlay ul.contacts-mob-menu li {
   display: flex;
   align-items: center;
}
#overlay ul.contacts-mob-menu li span {
width: 20px;
height: 20px;
margin-right: 20px;
}
#overlay ul.social-mob-menu {
display: flex;
align-items: center;
margin-left: 20px;
}
#overlay ul.social-mob-menu li {
width: 50px;
padding: 0;
}
.section.service .flex .left {
    width: 100%;
}
.section.service .flex .right {
    width: 100%;
}

.slide-block {
    width: 100%;
}
.product-page .item-info {
    width: 100%;
    margin-top: 50px;
    padding: 0;
}
.product-page .item-info .mid .price {
    text-align: center;
}
.product-page .section.product .other-items .item .btn {
    margin-bottom: 3%;
}
.def-btn {
    text-align: center;
}
.product-page .section.product .other-items .item {
    width: 100%;
    margin: 20px 0;
}
.page.product-page .section .container {
    padding: 50px 30px;
}
.page.contacts .contacts .flex .right {
    padding: 20px 0;
}
#sync1 .owl-item {
    height: 300px;
}
#sync2 .owl-item {
    height: 80px;
}
}

@media(max-width:375px){
    .main-page {
    /*     margin: 10% auto 50px; */
        height: 85vh;
    }
    .carousel-container .def-btn {
        margin-bottom: 5%;
    }
    .left-arrow,.right-arrow {
        bottom: 3%;
    }
    .circle-container {
        align-items: center;
    }
    
}