@media(max-width: 1900px){
  .consultation--decoration-img{
    right:27px;
    width:465px
  }

  .first-screen--decoration{
    max-width:840px
  }

  .radio-button{
    padding:10px 40px 13px
  }

  .card--desc-parameters p{
    font-size:16px
  }

  .card--desc-parameters{
    -moz-column-gap:42px;
         column-gap:42px
  }

  .reseller--row div{
    padding:63px 40px 63px;
    font-size:20px
  }
}

@media(min-width: 1301px)and (max-width: 1790px){
  .page .container{
    padding:0 70px
  }
}

@media(max-width: 1790px){
  .catalog--filter{
    width:320px
  }

  .short-filter--left{
    width:320px
  }

  .short-filter--left .radio-button{
    padding-left:24px;
    padding-right:24px;
    font-size:14px
  }

  .catalog--wrap{
    width:calc(100% - 320px - 40px)
  }

  .catalog--filter p{
    font-size:16px
  }

  .catalog--filter .custom-select,.catalog--filter input,.catalog--filter .button,.catalog--filter select{
    font-size:16px
  }

  .catalog--filter form>div{
    margin-bottom:15px
  }

  .custom-select-group .custom-select{
    padding-right:20px
  }
}

@media(max-width: 1600px){
  .first-screen--decoration{
    max-width:560px
  }

  .custom-select{
    height:47px;
    font-size:16px;
    padding:0 90px 0 24px
  }

  .button_medium{
    font-size:16px;
    padding:13px 20px 14px
  }

  .card--desc-parameters p{
    font-size:14px
  }

  .card--desc-parameters>div:last-child{
    width:40%
  }

  section{
    padding-bottom:60px
  }

  .container{
    padding:0 80px
  }

  .consultation--decoration-img{
    width:330px
  }

  .conditions--cards p{
    font-size:24px;
    font-weight:800;
    line-height:28px
  }

  .conditions--cards span{
    font-size:20px;
    line-height:30px
  }

  section{
    font-size:16px
  }

  .container h2{
    font-size:2.5em
  }

  .car-dealer--card p{
    font-size:1.2em;
    font-weight:800;
    line-height:1.4em
  }

  .car-dealer--card span{
    font-size:1em;
    line-height:1.3em
  }

  .car-dealer--card_two-column span{
    margin:10px 0
  }

  .car-dealer--card{
    padding:56px 70px 150px 35px
  }

  .car-dealer--card_two-column{
    padding:0 !important
  }

  .work-order--row div{
    font-size:24px
  }

  .work-order--row div p{
    margin-top:40px
  }

  .footer .container{
    padding:80px
  }

  .footer--left{
    margin-right:160px
  }

  .car-dealer--card_two-column span{
    font-size:2em
  }

  .categories_with-border{
    justify-content:flex-start;
    gap:15px
  }

  .categories_with-border a{
    width:360px
  }
}

@media(max-width: 1570px){
  .card_compact .card--img+.card--desc .card--desc-parameters>div:last-child{
    width:100%
  }

  .specification .specification--block li{
    font-size:14px
  }
}

@media(max-width: 1450px){
  .header nav{
    margin-left:50px
  }

  .header nav ul a{
    font-size:14px
  }

  .phone a{
    font-size:16px
  }

  .logo img{
    width:140px
  }

  .header nav ul{
    gap:5px
  }

  .phone a{
    display:flex;
    align-items:center
  }

  .phone a span{
    padding-bottom:3px
  }

  .phone--dropdown-btn{
    margin-left:20px;
    display:flex;
    align-items:center
  }

  .menu-btn{
    width:30px
  }

  .first-screen{
    padding-top:0px;
    padding-bottom:110px
  }

  .first-screen--left{
    max-width:640px
  }

  .first-screen h1{
    font-size:42px;
    line-height:58px;
    margin-bottom:30px
  }

  .first-screen h1+p{
    font-size:26px;
    line-height:31px;
    margin-bottom:30px;
    max-width:500px
  }

  .marked-list li{
    padding-left:20px
  }

  .marked-list li:before{
    content:"";
    width:15px;
    height:16px;
    background-size:cover
  }

  .first-screen .button{
    margin-top:45px
  }

  .button{
    padding:22px 40px 19px;
    font-size:18px
  }

  .first-screen p{
    font-size:18px
  }

  .first-screen--decoration{
    max-width:660px
  }

  .container h2{
    font-weight:800
  }

  .catalog-block h2{
    font-weight:800;
    margin-bottom:80px
  }

  .radio-button{
    padding:10px 30px 13px
  }

  .card--desc-parameters>div:last-child{
    width:35%
  }

  .button--show-more{
    margin:60px auto 80px;
    max-width:360px;
    text-align:center;
    height:60px
  }

  .consultation--inner{
    padding:40px 50px 50px
  }

  .consultation ul{
    max-width:75%;
    -moz-column-gap:30px;
         column-gap:30px;
    row-gap:30px
  }

  .consultation ul li{
    width:230px;
    line-height:22px;
    font-size:16px
  }

  .main section{
    padding-bottom:80px
  }

  .button--show-more{
    margin-bottom:20px
  }

  .conditions h2+p{
    font-size:24px;
    line-height:32px;
    margin-bottom:80px
  }

  .categories a{
    -moz-column-gap:15px;
         column-gap:15px;
    font-size:14px
  }

  .categories img{
    width:60px
  }

  .conditions--cards span{
    font-size:16px;
    line-height:28px;
    margin-top:20px
  }

  .conditions--cards>div{
    padding:30px 40px;
    width:calc(33.33% - 15px)
  }

  .conditions--cards>div.wide{
    width:calc(50% - 12px)
  }

  .conditions--cards{
    row-gap:30px
  }

  .car-dealer--card_two-column p{
    font-size:16px
  }

  .car-dealer--card_two-column>div{
    padding:50px 30px 70px 25px
  }

  .car-dealer--card{
    padding:56px 30px 270px 25px
  }

  .car-dealer--card_two-column span{
    font-size:2em
  }

  .reseller--row div{
    padding:40px 30px 40px;
    font-size:18px;
    font-weight:500
  }

  .work-order--row img{
    width:50px
  }

  .work-order--row div p{
    margin-top:20px;
    font-size:18px;
    line-height:1.2;
    width:200px
  }

  .footer{
    margin-top:80px
  }

  .footer--menu ul a{
    font-size:14px
  }

  .footer--menu p{
    font-size:22px
  }

  .button{
    font-size:18px;
    height:47px;
    padding:0 40px;
    align-items:center;
    text-align:center;
    display:inline-flex
  }

  .categories_with-border a{
    padding:10px 20px 10px 80px;
    width:calc(20% - 15px)
  }

  .categories_with-border a img{
    position:absolute;
    top:auto;
    right:auto;
    left:0;
    bottom:0
  }

  .product-characteristics .col{
    width:50%
  }
}

@media(max-width: 1350px){
  .product-info h1,.product-info .product-info--bottom>p{
    font-size:24px
  }

  .product-info--wrap{
    padding:50px
  }

  .product-info .product-info--bottom{
    margin-top:20px;
    flex-wrap:wrap
  }

  .product-info .product-info--bottom ul p{
    font-size:14px
  }

  .product-info .product-info .product-info--bottom{
    width:100%;
    flex-wrap:wrap
  }

  .product-info .product-info--bottom>p{
    margin-top:30px
  }

  .product-info .product-info--bottom ul{
    display:flex;
    gap:20px 30px;
    max-width:100%;
    flex-wrap:wrap
  }

  .photo--wrap{
    padding:50px
  }

  .swiper-button-prev:after,.swiper-button-next:after{
    font-size:24px !important
  }

  .swiper-button-next{
    left:auto !important;
    right:15px !important
  }

  .swiper-button-prev{
    left:15px !important
  }

  .callback form .phone-input{
    width:300px
  }

  .callback form{
    align-items:flex-start
  }
}

@media(max-width: 1300px){
  .menu-btn{
    display:block;
    margin-left:15px
  }

  .header nav{
    display:none
  }

  .first-screen h1{
    font-size:36px;
    padding-right:30px;
    line-height:40px;
    margin-bottom:30px
  }

  .first-screen h1+p{
    font-size:16px;
    line-height:31px;
    margin-bottom:30px;
    max-width:350px
  }

  .first-screen--decoration{
    max-width:450px;
    top:100px;
    right:10px
  }

  .first-screen .marked-list{
    max-width:350px
  }

  .catalog-block h2{
    font-weight:800;
    margin-bottom:60px;
    font-size:28px
  }

  .container{
    padding:0 20px
  }

  .radio-button,.custom-select{
    font-size:14px;
    display:inline-block
  }

  .catalog-block--filter form{
    row-gap:15px;
    -moz-column-gap:10px;
         column-gap:10px
  }

  .custom-select{
    height:44px;
    font-size:14px;
    padding:0 40px 0 15px
  }

  .button{
    padding:13px 30px 15px;
    font-size:14px
  }

  .card .card--desc-main p{
    font-size:24px
  }

  .card .card--desc-parameters>div:last-child{
    width:auto;
    margin-top:10px
  }

  .card .card--img{
    margin-right:25px
  }

  .card .card--desc-main{
    margin-bttom:10px
  }

  .conditions--cards p{
    font-size:18px
  }

  .conditions--cards img{
    width:70px
  }

  .footer--top,.footer--bottom{
    flex-direction:column
  }

  .work-order--row{
    flex-wrap:wrap
  }

  .work-order--row div{
    width:50%
  }

  .reseller--row{
    flex-wrap:wrap
  }

  .reseller--row div{
    width:50%
  }

  .card .card--img{
    width:200px
  }

  .card .card--desc-main p{
    font-size:16px
  }

  .consultation ul li{
    width:220px
  }

  .consultation ul{
    max-width:75%;
    -moz-column-gap:20px;
         column-gap:20px;
    row-gap:20px
  }

  .categories{
    justify-content:flex-start;
    gap:30px
  }

  .conditions--cards>div{
    width:calc(50% - 15px)
  }

  .conditions--cards>div:last-child{
    width:100%
  }

  .car-dealer--card{
    padding:56px 30px 270px 25px;
    width:calc(50% - 15px)
  }

  .car-dealer--wrap{
    row-gap:30px
  }

  .car-dealer h2,.reseller h2{
    text-align:center
  }

  .reseller--row div{
    width:calc(50% - 15px)
  }

  .reseller--row{
    row-gap:30px
  }

  .work-order--row{
    gap:30px
  }

  .work-order--row div{
    display:inline-flex;
    width:calc(50% - 15px);
    align-items:center;
    justify-content:center
  }

  .work-order--row div p{
    margin-top:0;
    margin-left:15px
  }

  .footer--top .footer--left{
    margin-right:0;
    display:flex;
    justify-content:space-between;
    width:100%
  }

  .footer--top .footer--left>*{
    width:33.33%
  }

  .footer--top .footer--left>div{
    padding-left:10px
  }

  .footer--left div p{
    font-size:16px;
    margin-bottom:10px
  }

  .footer--left div a{
    font-size:20px
  }

  .footer--logo{
    margin-bottom:50px
  }

  .footer--logo img{
    width:140px
  }

  .footer--bottom span{
    max-width:156px;
    display:inline-block
  }

  .footer--bottom{
    align-items:center;
    flex-direction:row
  }

  .categories_with-border{
    gap:10px
  }

  .catalog--row{
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap
  }

  .button.open-filters-button{
    display:block;
    height:40px;
    padding-top:11px
  }

  .catalog--filter{
    display:none;
    width:100%;
    margin-bottom:50px
  }

  .catalog--filter_open{
    display:block
  }

  .catalog--filter form{
    display:flex;
    flex-wrap:wrap;
    -moz-column-gap:30px;
         column-gap:30px;
    row-gap:10px
  }

  .catalog--filter form>div{
    width:calc(50% - 15px)
  }

  .catalog--filter form select,.catalog--filter form input{
    height:50px
  }

  .catalog--filter form .filter--button-row{
    width:100%
  }

  .catalog--filter form>div:first-child{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:100%
  }

  .catalog--filter form>div:first-child p{
    width:100%
  }

  .catalog--filter form>div:first-child .custom-select{
    width:calc(33.33% - 10px)
  }

  .catalog--wrap{
    width:100%
  }

  .breadcrumbs{
    margin:10px 0 20px
  }

  .page--title-row h1{
    font-size:32px
  }

  .page--title-row span{
    font-size:16px
  }

  .card_compact .card--desc{
    padding-left:0;
    width:100%
  }

  .first-screen .button{
    margin-top:20px
  }
}

@media(max-width: 1250px){
  .categories_with-border a{
    width:calc(33.33% - 15px)
  }

  .callback form{
    align-items:flex-start;
    flex-wrap:wrap;
    justify-content:center;
    padding-left:0;
    -moz-column-gap:10px;
         column-gap:10px
  }

  .callback form p{
    width:100%;
    text-align:center;
    margin-bottom:30px
  }

  .photo{
    margin-top:0
  }

  .callback{
    padding:0
  }

  .callback form .phone-input,.callback form .button{
    width:250px;
    height:60px;
    font-size:16px;
    margin:0
  }
}

@media(max-width: 1130px){
  .filter-item-length{
    display:none !important
  }
}

@media(max-width: 1080px){
  .short-filter--row{
    font-size:14px
  }

  .short-filter--row>div{
    width:auto
  }

  .short-filter--row .short-filter--right{
    flex:1
  }

  .short-filter--row .short-filter--right form{
    justify-content:space-between
  }

  .short-filter--row .short-filter--right .modal-select--selected{
    background:url("../img/select-arrow.svg") no-repeat right center
  }
}

@media(max-width: 980px){
  .short-filter--row{
    flex-wrap:wrap;
    row-gap:20px
  }

  .short-filter--row>div{
    width:100%
  }

  .short-filter--row .short-filter--left form>div{
    width:calc(33% - 10px)
  }

  .short-filter--row .short-filter--left .radio-button{
    width:100%;
    text-align:center
  }

  .short-filter--row .short-filter--right form>div,.short-filter--row .short-filter--right .open-filters-button{
    width:calc(50% - 10px)
  }

  .short-filter--row .short-filter--right .modal-select{
    border:1px solid #b1b1b1;
    height:40px;
    border-radius:19px;
    padding:0 30px;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center
  }

  .short-filter--row .short-filter--right .modal-select--modal{
    padding:7px 10px 7px 20px;
    width:100%;
    text-align:left
  }

  .product-info--top h1{
    font-size:20px
  }

  .product-info--top h1 span{
    font-size:20px;
    margin-left:10px
  }

  .product-info--wrap{
    padding:30px 20px
  }
}

@media(max-width: 800px){
  .footer .container{
    padding:60px 30px
  }

  .card .card--img{
    width:100%;
    height:320px;
    margin-bottom:50px;
    margin-right:0
  }

  .container h2{
    font-weight:800;
    font-size:24px
  }

  .conditions--cards>div{
    width:100%
  }

  .footer--top .footer--left{
    flex-wrap:wrap
  }

  .footer--top .footer--left>*{
    width:100%
  }

  .footer--top .footer--left>div{
    padding-left:0
  }

  .footer--menu{
    margin-bottom:50px
  }

  .footer--menu ul{
    -moz-column-count:2;
         column-count:2
  }

  .footer--bottom{
    flex-wrap:wrap;
    row-gap:30px
  }

  .footer--left{
    margin-right:0;
    width:100%
  }

  .telegram img{
    display:block;
    height:23px
  }

  .header--container{
    padding:30px 15px
  }

  .logo img{
    width:100px
  }

  .telegram{
    margin:15px 10px 0 15px
  }

  .menu-btn{
    width:20px
  }

  .phone--dropdown-btn{
    margin-left:10px
  }

  .first-screen--decoration{
    max-width:320px
  }

  .consultation .button{
    width:240px
  }

  .car-dealer--card{
    width:100%
  }

  .conditions--cards>div.wide{
    width:100%
  }

  .first-screen h1{
    font-size:26px;
    max-width:70%;
    padding-right:0;
    line-height:30px;
    margin-bottom:30px
  }

  .first-screen h1{
    font-size:26px;
    max-width:70%;
    padding-right:0;
    line-height:30px;
    margin-bottom:30px
  }

  .catalog-block--filter div{
    width:calc(25% - 8px)
  }

  .catalog-block--filter div .custom-select{
    width:100%;
    height:39px
  }

  .catalog-block--filter .button{
    width:calc(25% - 8px);
    height:39px
  }

  .catalog-block--filter div:has(.radio-button){
    width:calc(33.33% - 8px)
  }

  .radio-button{
    width:100%;
    text-align:center
  }

  .catalog-block--filter form{
    justify-content:space-between
  }

  .main .card .card--desc{
    width:100%
  }

  .card{
    margin-bottom:50px
  }

  .categories_with-border{
    justify-content:space-between
  }

  .categories_with-border a{
    width:calc(50% - 5px);
    font-weight:500
  }

  .categories_with-border a:last-child{
    width:100%
  }

  .page--title-row h1{
    font-size:26px
  }

  .short-filter--row .short-filter--right .modal-select{
    padding:0 10px
  }

  .card_compact{
    padding-left:0;
    padding-right:0
  }

  .product-info--wrap{
    position:relative
  }

  .product-info--top>div{
    position:absolute;
    bottom:30px;
    right:20px
  }

  .product-characteristics--title,.specification--title{
    margin-left:30px
  }

  .product-characteristics .col{
    padding-right:0;
    padding-left:30px
  }

  .specification .specification--block{
    margin-bottom:15px;
    padding-left:30px
  }

  .specification .specification--block li{
    max-width:300px
  }

  .specification{
    margin-top:0
  }

  .product-characteristics .col{
    font-size:14px
  }

  .button--show-more{
    display:flex;
    max-width:300px;
    margin:30px auto 0
  }
}

@media(max-width: 750px){
  .specification .specification--block li{
    max-width:100%
  }
}

@media(max-width: 650px){
  .product-characteristics .col{
    width:100%
  }

  .product-info--wrap{
    padding-bottom:120px
  }

  .product-info--top>div{
    right:auto
  }

  .main section{
    padding-bottom:60px
  }

  .specification .specification--wrap{
    padding-bottom:0
  }

  .breadcrumbs li{
    font-size:12px
  }

  .breadcrumbs li:after{
    margin:0 5px
  }

  .callback form{
    row-gap:20px
  }
}

@media(max-width: 640px){
  .catalog-block--filter div{
    width:calc(33% - 10px)
  }

  .catalog-block--filter .button{
    width:100%
  }

  .page--title-row{
    display:block
  }

  .page--title-row h1{
    margin-bottom:10px
  }

  .short-filter--row .short-filter--right form{
    justify-content:space-between;
    flex-wrap:wrap;
    -moz-column-gap:0;
         column-gap:0;
    row-gap:20px
  }

  .short-filter--row .short-filter--right form>div{
    width:calc(50% - 10px)
  }

  .input-group input{
    padding-left:15px
  }

  .catalog--filter form{
    -moz-column-gap:10px;
         column-gap:10px
  }

  .catalog--filter form>div{
    width:calc(50% - 5px)
  }
}

@media(max-width: 625px){
  .first-screen .marked-list{
    max-width:160px
  }

  .first-screen--decoration{
    max-width:50%;
    top:200px
  }

  .callback form p{
    margin-bottom:0
  }
}

@media(max-width: 600px){
  .short-filter--row .short-filter--right form>div,.short-filter--row .short-filter--right .open-filters-button{
    width:100%
  }
}

@media(max-width: 560px){
  .catalog--filter form>div{
    width:100%
  }

  .catalog--filter form>div:first-child .custom-select{
    width:100%
  }
}

@media(max-width: 520px){
  .consultation--inner{
    padding:30px 25px 280px
  }

  .consultation ul{
    max-width:100%
  }

  .consultation ul .button{
    margin-top:20px
  }

  .consultation ul li{
    width:100%;
    padding-top:0;
    margin-bottom:0px
  }

  .consultation ul li:last-child{
    padding-left:0
  }

  .consultation--decoration-img{
    width:70%;
    left:50%;
    transform:translateX(-59%)
  }

  .consultation--inner h2{
    text-align:center
  }

  .consultation .button{
    width:240px;
    max-width:100%;
    margin-left:auto;
    margin-right:auto
  }

  .card{
    flex-direction:column
  }

  .pre-tab{
    display:block
  }

  .radio-button{
    font-size:12px;
    padding:8px 5px
  }

  .catalog-block--filter div{
    width:100%
  }

  .categories{
    justify-content:center;
    gap:30px;
    flex-direction:column;
    align-items:center
  }

  .categories a{
    display:flex;
    width:250px
  }

  .card .card--desc-main{
    flex-wrap:wrap
  }

  .card .card--desc-price{
    font-size:16px;
    margin-left:0;
    display:flex;
    align-items:baseline;
    width:100%;
    justify-content:flex-start;
    -moz-column-gap:20px;
         column-gap:20px;
    margin-top:10px
  }

  .card .card--desc-price span{
    font-size:16px;
    margin-top:0
  }

  .short-filter--row .short-filter--left .radio-button{
    width:100%;
    text-align:center;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center
  }

  .short-filter--row .short-filter--left form{
    flex-wrap:nowrap !important;
    -moz-column-gap:7px;
         column-gap:7px
  }

  .short-filter--row .short-filter--left form>div{
    width:100%
  }

  .short-filter--row .short-filter--left form>div .radio-button{
    font-size:12px;
    padding-left:7px;
    padding-right:7px
  }

  .card_compact:hover{
    background:none
  }

  .categories_with-border{
    justify-content:flex-start;
    align-items:flex-start;
    flex-direction:row;
    -moz-column-gap:10px;
         column-gap:10px;
    row-gap:10px
  }

  .categories_with-border a{
    display:flex;
    width:calc(50% - 5px);
    height:58px
  }

  .categories_with-border a:first-child{
    width:100%
  }

  .categories_with-border a:last-child{
    width:calc(50% - 5px)
  }

  .product-info--top>div{
    -moz-column-gap:10px;
         column-gap:10px;
    width:100%
  }

  .product-info--top>div .button{
    width:calc(50% - 5px);
    font-size:12px;
    display:flex;
    padding-left:0;
    padding-right:0;
    display:flex;
    justify-content:center
  }

  .product-info--wrap{
    border:0;
    padding-left:0;
    padding-right:0
  }
}

@media(max-width: 480px){
  .reseller--row div,.work-order--row div{
    width:100%
  }

  .footer--menu ul{
    -moz-column-count:1;
         column-count:1
  }

  .categories_with-border a{
    width:100% !important
  }

  .short-filter--row .short-filter--right form>div{
    width:100%;
    display:flex;
    align-items:center;
    -moz-column-gap:10px;
         column-gap:10px
  }

  .short-filter--row .short-filter--right form>div .custom-select{
    flex:1
  }

  .breadcrumbs{
    margin:0px 0 20px;
    flex-wrap:wrap;
    row-gap:7px
  }

  .categories_with-border{
    display:none
  }

  .categories--mobile{
    display:block
  }

  .categories--mobile summary{
    list-style:none;
    cursor:pointer;
    padding:15px 20px;
    border:none;
    outline:none;
    font-size:18px;
    font-weight:bold;
    display:flex;
    justify-content:space-between;
    align-items:center
  }

  .categories--mobile summary:after{
    content:"";
    width:15px;
    height:7px;
    background:url("../img/arrow.svg") no-repeat
  }

  .categories--mobile summary::-webkit-details-marker{
    display:none
  }

  .categories--mobile details{
    border:1px solid #ddd;
    padding:0;
    border-radius:12px
  }

  .categories--mobile div{
    margin-top:20px
  }

  .categories--mobile div a{
    padding:15px;
    display:flex;
    align-items:center;
    -moz-column-gap:20px;
         column-gap:20px;
    color:#000;
    border-bottom:1px solid #ddd
  }

  .categories--mobile div a img{
    width:80px
  }

  .categories--mobile div a:last-child{
    border-bottom:0
  }

  .short-filter{
    margin-top:40px
  }

  .product-info{
    margin-top:20px
  }
}

@media(max-width: 400px){
  .container{
    padding:0 20px
  }

  .conditions--cards p{
    font-size:15px;
    line-height:22px
  }

  .conditions--cards img{
    width:50px
  }

  .conditions--cards>div{
    padding:30px 20px
  }

  .consultation .button{
    width:auto
  }

  .consultation--inner{
    padding:30px 15px 180px
  }

  .first-screen h1{
    max-width:100%
  }

  .phone--dropdown-btn{
    margin-left:10px
  }

  .phone a{
    display:flex;
    align-items:center
  }

  .phone a img{
    width:12px;
    margin-right:5px
  }

  .phone--dropdown-btn{
    margin-left:10px
  }

  .phone--dropdown-btn img{
    width:10px
  }

  .header--right{
    margin-left:auto;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap
  }

  .phone{
    width:100%;
    justify-content:flex-end
  }

  .phone--dropdown-btn{
    margin-top:-2px
  }

  .phone--modal{
    padding:20px
  }

  .phone--modal a{
    -moz-column-gap:10px;
         column-gap:10px
  }

  .phone--modal a img{
    width:20px;
    margin-right:0
  }

  .phone a span{
    font-size:14px
  }

  .catalog-block h2{
    font-size:19px
  }

  .header--container{
    align-items:flex-start
  }

  .header .logo img{
    margin-top:12px
  }

  .header--right{
    position:relative;
    margin-top:-5px
  }

  .phone{
    justify-content:flex-end;
    position:absolute;
    width:240px;
    top:calc(100% + 5px)
  }

  .conditions .button{
    margin-top:35px
  }

  .car-dealer h2{
    margin-bottom:30px
  }

  .reseller .button-row{
    margin-top:35px
  }

  .work-order h2{
    margin-bottom:50px
  }

  .car-dealer--wrap{
    margin-bottom:40px
  }

  .reseller h2{
    margin-bottom:40px
  }

  .swiper-button-prev{
    left:0px !important
  }

  .swiper-button-next{
    left:auto !important;
    right:0px !important
  }

  .photo--wrap{
    padding:0 30px;
    border:0
  }
}

@media(max-width: 360px){
  .product-info .product-info--bottom ul{
    gap:10px
  }

  .product-info .product-info--bottom>p{
    margin-top:0px
  }

  .product-info--wrap{
    padding-bottom:100px
  }
}

@media(max-width: 340px){
  .consultation--inner{
    padding:30px 12px 180px;
    overflow:hidden
  }

  .consultation--inner h2{
    text-align:center;
    font-size:22px
  }
}