@media (max-width: 1500px) {
    #social_icons{
        margin-left: 490px
    }
    #head .navigation__site > .nav__menu__item > a{
        padding: 6px 10px;
    }
}
@media (max-width: 1300px) {
    #social_icons{
        display: none;
    }
    #head .navigation__site > .nav__menu__item > a{
        padding: 6px 8px;
    }
    #blog_plate{
        right: 0;
    }
    #head .layer{
        width: 100%;
    }
    #product{
        max-width: 100%;
    }
}
@media (max-width: 1040px) {

    #run {min-width: 100%}
    #run .layer {box-sizing: border-box}

    #product{
        width: 100%;
    }
    #slider{
        min-width: 100%;
    }
    div.photos{
        width: 100%;
    }
    .layer{
        width: 100%;
    }
    div.map{
        min-width: 100%;
    }
    .innovation_items{
        flex-wrap: wrap;
    }
    #innovation .innovation_items .item{
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #review div.flex{
        flex-direction: column;
    }
    .news_items > img{
        display: none;
    }
    #footer .layer{
        overflow: hidden;
    }
    #stanina,
    #slider_upk{
        min-width: auto;
        width: 100%;
    }
    #filmAbout iframe{
        width: 100%;
        height: auto;
        aspect-ratio: auto 16/9;
    }
    #tech tr td{
        font-size: 16px;
        line-height: 1.2;
        padding: 7px;
    }
    #tech tr th{
        font-size: 18px;
        line-height: initial;
        word-break: break-word;
    }
    #upk-3d-slider{
        aspect-ratio: auto 16/9;
        height: auto;
    }
    #upk-3d-slider img{
        width: 100%;
    }
}
@media (max-width: 768px) {

    html, body #head,
    .layer, #head .layer,
    #slider_ugp .layer{
        width: 100%;
    }

    p.h1,
    p.title{
        font-size: 26px;
        text-align: center;
        display: block;
    }

    #product *{ box-sizing: border-box }
    .product div.price{
        height: 50px;
    }

    .layer{
        width: 100%;
        padding: 0 1%;
        box-sizing: border-box;
    }

    #head, #footer{
        min-width: inherit;
    }

    .navigation__site {
        padding-left: 20px;
    }

    #head .nav__menu__item > a {
        font-size: 20px!important;
    }

    #social_icons{
        display: none;
        top: 120px;
        gap: 30px;
        margin-left: 350px;
    }
    #social_icons a img{
        width: 100px;
    }

    #footer{
        min-width: 100%;
        text-align: center;
    }

    html, body,
    #head,
    #head .layer,
    #slider_ugp,
    .layer{
        width: 100%;
    }

    #slider_ugp{
        min-width: auto;
    }

    body{
        display: block;
        margin: auto;
    }

    #call{
        display: none;
    }
    #blog_plate{
        right: 20px;
        top: -30px;
    }
    .midTitle{
        font-size: 48px;
    }

    .pilType table tr td.desc{
        font-size: 24px;
        padding: 15px 0;
    }

    #raschetStoimosti table.t2{
        width: 100%;
    }

    .head_sale_block{
        right: 50px;
    }
    .head_sale_block a.button{
        display: none;
    }
    .head_sale_block .button{
        padding: 15px 0;
    }

    div.map div.info{
        width: 100%;
        margin: 0;
    }
    .block .video_item div{
        width: 100%;
    }
    p.longtext{
        letter-spacing: initial;
        border-bottom: 0;
    }
    #filmAbout{
        max-width: 100%;
    }
    .product{
        max-width: 100%;
    }
    .news_items{
        justify-content: center;
        gap: 10px;
    }
    #slider{
        height: 245px;
    }
    #slider .slide {
        background-position: center;
        background-size: cover;
        height: 245px;
    }
    div.photos{
        display: none;
    }

    div.map div.layer{
        padding-top: 30px;
    }
    #subscribe{
        display: none;
    }
    .model_selector{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .model_selector a{
        width: 100%;
    }
    #videoblog .midTitle span{
        padding: 0;
        font-size: 28px;
    }
    #news_content{
        width: 100%;
    }
    #news_instagram > a{
        display: none;
    }
    .new{
        width: 100%;
    }
    #price .contact{
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    #price .contact p.num{
        font-size: 26px;
        letter-spacing: initial;
    }
    #pricelist{
        margin-left: 0;
        width: 100%;
    }
    #videoblog .part .right_block{
        width: 100%;
        height: auto;
    }
    #videoblog .part .btnVline{
        position: relative;
    }
    #head .navigation__site .subMenu{
        margin-left: 20px;
    }
    #head .navigation__site .subMenu a{
        font-size: 20px;
    }

    .woodver_case{
        width: 100%;
        left: 0;
        box-sizing: border-box;
    }
    .woodver_case input[type=text], .woodver_case input[type=email]{
        width: 100%;
    }
    #recall input[name=name]{
        width: 100%;
    }
    #head .btn__open__nav{
        margin-left: 0;
    }
    .product div.detail{
        height: 50px;
    }
    #slider_upk{
        height: 365px;
        background-size: 1400px;
    }



}

@media (max-width: 480px) {
    h1{
        font-size: 28px;
    }
    #innovation .innovation_items .item{
        width: 100%;
        height: auto;
    }
}

@media (max-height: 765px) {

    #big_preview{
        height: 450px;
        width: 450px;
        top: calc(50vh - 280px);
        margin-left: -225px;
    }
    #big_preview_desc{
        width: 468px;
        font-size: 11pt;
        line-height: 16pt;
    }
    #big_preview video{height: 450px}

}
@media (max-height: 560px) {

    #big_preview{
        height: 380px;
        width: 380px;
        top: calc(50vh - 230px);
        margin-left: -190px;
    }
    #big_preview_desc{
        width: 398px;
        font-size: 11pt;
        line-height: 16pt;
    }
    #big_preview video{height: 380px}

}