@media screen and (max-height: 750px) {
    .pop_up {
        height: 90%;
    }
    .pop_up .title {
        margin-top: 0px;
        font-size: 28px;
    }
    .pop_up__content {
        margin-top: 30px;
        font-size: 15px;
    }
    .pop_up__content p {
        margin-top: 12px;
    }
    .pop_up__images {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1620px) {

    .header .top-menu{
        position: absolute;
        width: 80%;
        margin: 90px auto 0;
    }

    .header .top-menu ul li{
        font-size: 18px;
    }

    .utp_photo {
        top: 368px;
        width: 800px;
        height: 300px;
    }

    .send-request{
        width: 400px;
        margin-left: 220px;
    }

    .services {
        height: 885px;
    }

    .service {
        width: 20%;
        height: 200px;
        padding-top: 10px;
    }

    .service__title {
        width: 180px;
        height: 33px;
        font-size: 12px;
    }

    .service__icon {
        right: -82%;
        /*right: -195px;*/
    }

    .service__content{
        width: 100%;
        height: 45%;
        margin-top: 5px;
        font-size: 12px;
    }

    .service__button {
        bottom: 5%;
        right: -40%;
        width: 100px;
        height: 25px;
        font-size: 13px;
    }

    .repair__what_we_doing .service__button {
        right: -10%;
    }

    .services__contact {
        width: 50%;
    }

    .services__contact .title {
        font-size: 30px;
    }

    .services__contact button {
        margin-left: 42%;
    }

    .advantages {
        margin-top: 20px;
    }

    .advantages__title {
        top: 80px;
        left: 35%;
    }

    .advantage {
        width: 33%;
        height: 235px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .advantage__one {
        height: 335px;
    }

    .advantages__title {
        height: 100px;
    }

    .advantages__title h2{
        font-size: 30px;
        margin-bottom: 10px;
    }

    .advantages__title p {
        font-size: 14px;
    }

    .advantage__title div {
        font-size: 15px;
    }

    .diagnostic__how_we_carry .title h2 {
        font-size: 32px;
    }

    .diagnostic__questions h2 {
        font-size: 26px;
    }

    .title__one {
        top: 181px;
        padding: 35px 55px;
    }

    .title__two {
        left: 50%;
        width: 45%;
        height: 219px;
    }

    .title__three {
        top: 138px;
        height: 97px;
    }

    .title__four {
        width: 50%;
        height: 100%;
    }

    .icon__one {
        left: 85%;
    }

    .icon__two {
        top: -65px;
        left: 85%;
    }

    .icon__three {
        top: 72px;
        left: 85%;
    }

    .icon__four {
        top: -215px;
    }

    .icon__five {
        top: 78px;
        left: 85%;
    }

    .icon__six {
        top: -65px;
        left: 85%;
    }

    .footer_main__card {
        left: 110px;
    }

    .footer_main__title {
        left: 575px;
    }
    .footer_main__social {
        top: -760px;
        left: 925px;
    }
    .item_product_more span {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {

    .header .top-menu ul li{
        font-size: 15px;
    }

    .utp__middle {
        font-size: 70px;
        line-height: 80px;
    }

    .send-request{
        width: 370px;
        margin-left: 90px;
    }

    .utp_photo {
        top: 370px;
        left:-15px;
        width: 42%;
        height: 200px;
    }

    .service {
        width: 22%;
        padding-left: 10px;
    }

    .service__button {
        /*margin-left: 36%;*/
    }

    .services__contact {
        width: 50%;
    }

    .advantages__title h2{
        font-size: 30px;
        margin-bottom: 5px;
    }

    .advantage__icon {
        width: 30px;
        height: 30px;
        background-size: cover;
    }

    .diagnostic__questions h2 {
        font-size: 20px;
    }

    .diagnostic__questions p {
        font-size: 15px;
    }

    .icon__two {
        top: -40px;
        left: 85%;
    }

    .icon__three {
        top: 97px;
        left: 85%;
    }

    .icon__four {
        top: -215px;
    }

    .icon__five {
        top: 97px;
        left: 85%;
    }

    .icon__six {
        top: -45px;
        left: 85%;
    }

    .footer_main__card {
        left: 55px;
    }

    .footer_main__title {
        left: 485px;
    }

    .footer_main__social {
        left: 660px;
    }

    .footer_main__title span {
        font-size: 32px;
    }

    .footer_main__title span span {
        font-size: 45px;
    }
}

@media screen and (max-width: 994px) {
    body{
        background-image: unset;
    }

    .header {
        height: unset;
        margin-top: 20px;
        margin-bottom: 10px;
        position: unset;
        flex-direction: column;
    }

    .header .block_search_cart {
        top: 110px;
        right: 17px;
    }

    .header__mob_menu {
        position: relative;
        height: 800px;
        width: 100%;
        margin: unset;
        display: flex;
        flex-direction: column;
    }

    .mob_menu__button {
        display: none;
        position: absolute;
        top: 30px;
        right: 30px;
    }

    .mob_menu__button_close {
        display: block;
        position: absolute;
        top: 30px;
        right: 30px;
        background: url("../images/menu_close.svg") center no-repeat;
    }

    .header .logo{
        margin: 0px auto;
        width: 177px;
        height: 73px;
        /*position: absolute;*/
        /*top: 30px;*/
        /*left: 50px;*/
        background: url(../images/logo-black-mobile.jpg);
    }

    .header .top-menu {
        display: none;
        transition: all 300ms ease-in-out;
    }

    .header .top-menu ul{
        position: absolute;
        top: 150px;
        left: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        flex-shrink: 0;
    }

    .header .top-menu ul li{
        color: #B6B6B6;
        font-family: Manrope;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        margin-top: 14px;
    }

    .header .phone {
        /*display: none;*/
        /*position: absolute;*/
        /*top: 150px;*/
        /*right: 35px;*/
        margin: 10px auto;
        font-family: Manrope;
        font-size: 22px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        text-transform: capitalize;
        /*text-decoration: underline;*/
        color: grey;
    }

    .header .block_search_cart {
        position: unset;
        margin: 0 auto;
    }

    .mob_menu__social {
        display: none;
        position: absolute;
        bottom: 40px;
        left: 10%;
    }

    .main-page-first {
        flex-direction: column;
        margin-top: 70px;
        height: 100%;
    }

    .utp {
        width: 90%;
        height: 100%;
     }

    .utp__middle {
        font-size: 60px;
        line-height: 60px;
    }

    .utp_photo {
        position: inherit;
        top: 20px;
        width: 100%;
        height: 230px;
        padding-bottom: 50px;
    }

    .send-request {
        margin: 20px auto;
        width: 90%;
        height: 650px;
    }

    .send-request__line {
        margin: 20px auto;
    }

    .send-request .send_request__block span {
        width: 90%;
        height: 85px;
    }

    .services {
        margin-top: 40px;
        height: 3720px;
    }

    .services__header {
        width: 100%;
        height: 360px;
    }

    .services__header .title {
        width: 100%;
        height: 140px;
        font-size: 30px;
        margin-bottom: 40px;
    }

    .services__header .title p{
        margin:  20px auto;
    }

    .services__content_block, .production__content_block {
        display: flex;
        flex-direction: column;
    }

    .service {
        width: 100%;
        height: 280px;
    }

    .service__title {
        margin-top: 0px;
        margin-bottom: 10px;
        width: 70%;
        font-size: 20px;
    }

    .service__content, .production .content {
        width: 90%;
        font-size: 18px;
    }

    .service__line {
        margin-top: 25px;
    }

    .service__button {
        position: relative;
        right: -55%;
        bottom: 9%;
        width: 118px;
        height: 35px;
    }

    .service__icon {
        right: -90%;
    }

    .service__button {
        right: -70%;
    }

    .services__contact {
        width: 100%;
    }

    .services__contact .title {
        text-align: center;
    }

    .services__contact button {
        margin: 20px 30%;
    }

    .pop_up {
        width: 350px;
        /*height: 700px;*/
    }

    .pop_up .close {
        top: 1%;
        left: 90%;
    }

    .pop_up .title {
        font-size: 15px;
        text-align: center;
        margin: 0;
    }

    .pop_up__content {
        font-size: 12px;
        width: 90%;
        margin: 10px auto;
    }

    .pop_up__images {
        width: 100%;
    }

    .pop_up__images img {
        width: 100px;
        height: unset;
    }

    .advantages {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .advantages__row {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .advantages__title {
        position: unset;
        height: unset;
        width: 90%;
        margin: 10px auto;
    }

    .advantage {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
        height: 275px;
    }

    .advantage__one {
        height: 421px;
    }

    .advantage__title div {
        font-size: 22px;
    }

    .title__one {
        top: 283px;
        padding: 41px 55px;
    }

    .title__two {
        left: 52%;
        height: 259px;
        padding-left: 14px;
    }

    .title__three {
        top: 178px;
    }

    .icon__one, .icon__two, .icon__six {
        left: 90%;
    }

    .icon__three, .icon__five {
        left: 90%;
        top: 115px;
    }

    .footer_main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: unset;
    }

    .footer_main__map {
        position: unset;
        height: 450px;
    }

    .footer_main__card {
        position: unset;
        padding: unset;
        width: unset;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-left: 30%;
        padding-bottom: 40px;
    }

    .footer_main__title {
        position: unset;
        width: unset;
        height: unset;
        padding-top: 10px;
    }

    .footer_main__title span span{
        line-height: 10px;
        font-size: 34px;
    }

    .footer_main__social {
        top:-150px;
        left: -10px;
    }

    .arrow_up {
        right: 3px;
        bottom: -2px;
        width: 70px;
        height: 70px;
    }

    .diagnostic__content h1, .production__content h1, .prices__content h1 {
        line-height: 60px;
        font-size: 34px;
    }

    .diagnostic__photos_one {
        width: 80%;
    }

    .diagnostic__photos_two {
        display: none;
    }

    .diagnostic__what_cases p {
        margin: 20px;
    }

    .diagnostic__how_we_carry {
        width: 100%;
    }

    .diagnostic__how_we_carry .title {
        position: unset;
        margin-bottom: 20px;
        padding-left: 20px;
        width: 100%;
    }

    .diagnostic__how_we_carry .title h2 {
        font-size: 34px;
    }

    .diagnostic__how_we_carry .title p {
        font-size: 16px;
        margin-top: 20px;
        margin-right: 20px;
    }

    .how_we_carry__content {
        flex-direction: column;
        justify-content: start;
    }

    .how_we_carry__content_one {
        width: 100%;
        height: 745px;
        margin-right: 0;
    }

    .how_we_carry__content_one .content{
        height: unset;
    }

    .how_we_carry__content_one img{
        width: 100%;
    }

    .how_we_carry__content_two {
        width: 100%;
        margin-right: 0;
        flex-direction: column;
    }



    .how_we_carry__content_two img {
        display: none;
    }

    .diagnostic_how_we_carry__photo_2 {
        width: 100%;
        height: 275px;
        background: url("../images/diagnostic_how_we_carry_2_back.jpg") center no-repeat;
    }

    .diagnostic__questions {
        width: 100%;
        height: 625px;
        flex-direction: column;
        position: relative;
    }

    .diagnostic__questions h2 {
        margin-top: 20px;
        text-align: center;
        font-size: 36px;
        letter-spacing: 3.6px;
    }

    .diagnostic__questions p {
        margin-top: 10px;
        text-align: center;
    }

    .diagnostic__questions button {
        margin-top: 160px;
        z-index: 1;
    }

    .diagnostic__questions img {
        height: 70%;
        position: absolute;
        top: 30%;
        left: 56%;
    }

    .footer-page {
        flex-direction: column;
        background-color: #FFF;
        height: 705px;
        width: 100%;
        justify-content: end;
        align-items: center;
    }

    .footer-page__card {
        display: block;
        padding-left: 20px;
    }

    .footer-page__content {
        position: relative;
        width: 100%;
        height: 550px;
        justify-content: center;
    }

    .footer-page__content  .logo{
        position: absolute;
        top: -110px;
        /*left: 30px;*/
        width: 255px;
        height: 107px;
        background: url("../images/logo.jpg") center no-repeat;
    }

    .footer-page__content  h3 {
        position: absolute;
        bottom: -163px;
        width: 100%;
        background-color: #000;
        font-family: Manrope;
        font-size: 26px;
        text-align: left;
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .footer-page__content  h3 span {
        font-family: Montserrat;
        font-size: 38px;
        font-style: normal;
        font-weight: 700;
    }

    .footer-page__content  .footer__social {
        position: absolute;
        bottom: 10px;
    }

    .repair__what_we_doing {
        height: 2070px;
    }

    .photo img{
        width: 100%;
    }
    .diagnostic__what_cases h2, .balancing__content h2 {
        font-size: 34px;
    }

    .balancing {
        flex-direction: column;
    }

    .balancing__content .content {
        flex-direction: column;
    }

    .balancing__content .content ul {
        width: 80%;
    }

    .balancing__content .content li {
        font-size: 14px;
    }

    .balancing .send_request__block {
        width: 86%;
        height: 470px;
        margin-top: 20px;
    }
    .balancing .send_request__block .send_request__line {
        width: 80%;
    }

    .balancing .send_request__block span {
        width: 90%;
        font-size: 32px;
    }

    .balancing .send_request__block .send_request__submit, .diagnostic__what_cases .send_request__submit {
        width: 90%;
    }

    .prices__content {
        width: 95%;
    }

    .prices__content h1 {
        margin-bottom: 20px;
    }

    .prices__content .price {
        font-size: 16px;
    }

    .prices__content .price .first {
        padding-left: 7px;
    }

    .category__content {
        flex-direction: column;
        margin-bottom: 40px;
    }

    .shop {
        width: 90%;
    }

    .item_product {
        width: unset;
    }

    .item_product_more {
        width: unset;
        height: 80px;
    }

    .item_product_more span {
        margin: 25px auto;
    }
}
@media screen and (max-width: 500px) {
    .utp__middle {
        font-size: 45px;
    }

    .utp_photo {
        height: 97px;
    }

    .send-request {
        width: 100%;
        height: 671px;
    }
    .services {
        height: 3515px;
    }

    .services__header .title{
        font-size: 30px;
    }

    .service {
        padding-left: 10px;
        height: 265px;
    }

    .service__line {
        /*margin-top: 7px;*/
    }

    .service__button {
        right: -55%;
    }

    .services__contact .title{
        font-size: 18px;
    }

    .services__contact button {
        margin-left: 10%;
    }

    .advantage__title div {
        font-size: 18px;
    }

    .title__one {
        top: 243px;
    }

    .title__two {
        height: 260px;
    }

    .title__three {
        top: 178px;
    }

    .diagnostic__questions h2 {
        font-size: 30px;
    }

    .diagnostic__questions img {
        height: 53%;
        top: 47%;
        left: 44%;
    }

}

@media screen and (max-width: 351px) {
    .utp_photo {
        height: 87px;
    }

    .footer_main__social {
        top: -240px;
        left: -10px;
    }

}