@media (max-width:1024px) {

    /*glob*/
    .body {
        overflow-x: hidden;
        max-width: 1024px;
    }

    .title_blok {
        margin-bottom: 50px;
        font-weight: 700;
        font-size: 54px;
    }

    /*header*/
    .header_logo {
        margin-bottom: 15px;
    }

    .nav__item:not(:last-child) {
        margin-right: 100px;
    }

    /*main*/
    .main_link {
        font-weight: 700;
        font-size: 18px;
    }

    .main_title_content {
        padding: 130px 50px;
    }

    .main_blok {
        background-size: auto;
        background-position: top center;
        background-repeat: no-repeat;

    }

    /*about_company*/

    .about_company_img {
        margin-right: 50px;
    }

    .about_company_title {
        margin: 0;
        font-weight: 600;
        font-size: 40px;
        margin-bottom: 50px;
    }

    .position_text {
        padding: 0;
    }

    /*services*/

    .services_cards {
        align-items: center;
    }

    .services_item:not(:nth-child(4n)) {
        margin-right: 0px;
    }

    .services_item:not(:nth-child(2n)) {
        margin-right: 30px;
    }

    .services_title {
        position: relative;
        margin-bottom: 70px;
    }

    /*contacts*/

    .contacts_right {
        display: flex;
        justify-content: center;
    }

    .contacts_img {
        width: 80%;
    }

    /*footer*/

    .footer_logo {
        margin-right: 0;
    }

    .footer_container {

        justify-content: center;
    }

    .footer_list_network {
        display: flex;
    }

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

    .footer_item_network {
        margin-right: 10px;
    }

    .footer_nav {
        margin-right: 100px;
    }

    .nav_list_footer {
        display: none;
    }

}

@media (max-width:768px) {

    .body {
        overflow-x: hidden;
        max-width: 768px;
    }

    .title_blok {
        font-weight: 700;
        font-size: 40px;
    }

    .container {
        padding: 0 15px;
    }

    /*header*/

    .header {
        margin-bottom: 40px;
    }

    .header_logo {
        margin-right: 0;
        margin-bottom: 40px;
    }

    .nav__link {
        font-weight: 400;
        font-size: 20px;
    }

    .header_nav {
        margin-right: 0;
    }

    .heder_nav_btn {
        display: none;
    }



    /*main*/

    .main_blok_title {
        background-position: 65%;
    }

    .main_link {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .main_title {
        font-weight: 700;
        font-size: 32px;
    }

    .main_title_content {
        max-width: 300px;
        padding: 60px;
        padding-top: 100PX;
    }

    .main_content {
        font-weight: 700;
        font-size: 20px;
    }

    .heder_nav_btn_mob {
        display: inline-block;
    }


    /* about_company*/

    .about_company_title {
        display: none;
    }

    .about_company_license {
        display: none;
    }

    .about_company_license_mob {
        display: block;
        margin: 0;
        font-weight: 600;
        font-weight: 16px;
    }

    .common_content {
        display: flex;
        margin-bottom: 40px;
        flex-direction: column;
        justify-content: center;
    }

    .common {
        display: flex;
    }

    .about_company_title_mob {
        display: block;
        margin: 0;
        margin-bottom: 25px;
        padding-left: 100px;
        padding-right: 100px;
        text-align: center;
        font-weight: 700;
        font-size: 36px;
    }


    .about_company_content {
        justify-content: flex-end;
        margin-bottom: 0;
        background-image: url(../img/map_mob.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 20px;
    }

    .about_company_img {
        display: none;

    }

    .about_company_list {
        padding: 50px;
        flex-direction: column;
    }

    .about_company_item {
        margin-bottom: 30px;
        font-weight: 700;
        font-size: 24px;
        text-align: center;
    }

    .about_company_text {
        max-width: 200px;
        padding: 70px 40px;
        justify-content: space-around;
        background-color: rgba(20, 17, 17, 0.48);
        border-radius: 20px;
    }

    .about_company_info {
        font-weight: 700;
        font-size: 14px;
        color: #fff;
    }

    /*services*/

    .services_title {
        margin-bottom: 40px;
        font-weight: 700;
        font-size: 36px;
    }

    .services_cards {
        align-items: normal;
    }

    .services_item {
        min-width: 300px;
        min-height: 120px;
    }

    .services_item_title {
        margin-bottom: 0;
        margin-right: 15px;
        font-weight: 700;
        font-size: 24px;
    }

    .services_cards_city_text {
        flex-direction: row;
    }

    .services_cards {
        padding: 20px 50px;
    }

    .servises_cards_city {
        min-width: 270px;
        min-height: 120px;
    }

    .services_cards_city_text {
        min-width: 270px;
        min-height: 120px;
        padding: 10px;
    }

    .services_btn {
        font-weight: 400;
        font-size: 16px;
    }

    .services_btn {
        margin: 0;
    }

    .contacts_right {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }

    .contacts_btn {
        display: none;
        font-weight: 700;
        font-size: 24px;
    }

    .contacts_btn_mob {
        display: block;
        position: relative;
        width: max-content;
        padding: 10px;
        font-weight: 700;
        font-size: 24px;
        color: #fff;
        background-color: #D31926;
        border-radius: 10px;
        border: 5px solid transparent;
        transition: color 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
    }

    .contacts_mob {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    /*footer*/

    .footer_list_network {
        display: none;
    }
}

@media(max-width:480px) {

    .body {
        overflow-x: hidden;
        max-width: 480px;
    }

    .header {
        margin-bottom: 15px;
    }

    .header_logo {
        margin-bottom: 20px;
        text-align: center;
    }

    .header_logo_img {
        width: 70%;
    }

    .nav__link {
        font-size: 16px;
    }

    .nav__item:not(:last-child) {
        margin-right: 50px;
    }

    .main_title_content {
        max-width: 230px;
        padding: 15px;
        padding-top: 30PX;
    }

    .main_blok_title {
        background-size: cover;
        background-image: url(../img/main_blok_mob.jpg);
        background-position: top center;
    }

    .main_title {
        margin-bottom: 14px;
        font-weight: 700;
        font-size: 26px;
    }



    .main_title_content {
        min-height: 100px;
    }

    .main_content {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 16px;
    }

    .main_link {
        display: none;
        margin-bottom: 10px;
        padding: 5px;
        font-weight: 400;
        font-size: 14px;
    }

    .intendent_block {
        margin-bottom: 20px;
    }

    /*about_company*/

    .title_blok {
        margin-bottom: 30px;
        font-weight: 700;
        font-size: 30px;
    }

    .about_company_title_mob {
        padding-left: 20px;
        padding-right: 20px;
        font-weight: 700;
        font-size: 26px;
    }

    .about_company_list {
        padding: 10px;
    }

    .about_company_small_text {
        margin: 0;
        font-weight: 700;
        font-size: 20px;
    }

    .about_company_descr {
        margin: 0;
        font-weight: 600;
        font-size: 16px;
    }

    .about_company_text {
        max-width: 100px;
        padding: 40px;
    }

    /*services*/

    .services_item {
        margin-right: 0;
    }

    .services_cards_city_text {
        max-width: 300px;
    }

    .services_item_title {
        text-align: left;
    }



    .services_item:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .services_cards {
        flex-wrap: wrap;
        align-items: center;
        padding: 20px 10px;
    }

    .services_list {
        margin-bottom: 25px;
    }


    /*contacts*/

    .contacts_container {
        margin-bottom: 30px;
    }

    .contacts_right {
        display: flex;
        justify-content: center;
        flex-direction: row;
    }

    .contacts_img {
        display: none;
    }

    .contacts_btn_mob {
        padding: 5px;
        font-size: 18px;
        border-radius: 5px;
    }

    .contacts_content {
        flex-wrap: wrap;
        flex-direction: column;
    }

    /*footer*/

    .footer_logo {
        display: none;
    }
}