@media (min-width: 980px) and (max-width: 1200px) {

    :root {
        --container-width: 960px;
    }


    .container {
        width: 960px;
    }

    .search_input {
        width: 100% !important;
    }

}


@media (min-width: 660px) and (max-width: 979px) {
    :root {
        --container-width: 640px;
    }

    .container {
        width: 640px;
    }

    .go_start_page {
        display: none;
    }

    footer > .container {
        flex-wrap: wrap;
        gap: 0;
    }

    footer > .container > div {
        margin-right: 60px;
    }

    .links {
        gap: 20px 60px;
    }

    .logo_social {
        width: 232px;
    }

    .footer_hr {
        display: block;
        width: 100%;
        opacity: 0.1;
        border: 1px solid var(--no-assets);
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .burger_menu_body, .country_popup_body {
        width: 75%;
    }

    .search_results .container {
        padding-left: 0;
        padding-right: 0;
    }

    .search_input {
        width: 100% !important;
    }

    .country_popup_body {
        width: 100% !important;
    }

    .country_popup_bottom > div {
        flex-direction: column;
    }
    
    .cut_resourses {
        border-top: solid 1px var(--black);
        border-left: solid 0px transparent !important;
        padding-left: 0 !important;
    }


    h1, h1 > p, .mainpage_title > p {
        width: 100%;
    }


    .popup-content {
        max-width: 95%;
    }
}



@media (min-width: 500px) and (max-width: 659px) {
    :root {
        --container-width: 480px;
    }

    .container {
        width: 480px;
    }

    h1, h1 > p, .mainpage_title > p {
        font-size: 29px;
        line-height: 39px;
        width: 100%;

    }

    h2 {
        font-size: 24px;
        line-height: 35px;
    }

    p, a {
        font-size: 15px;
        line-height: 22px;
    }

    .go_start_page {
        display: none;
    }

    footer > .container {
        flex-wrap: wrap;
        gap: 0;
    }

    footer > .container > div {
        margin-right: 60px;
    }

    .links {
        gap: 20px 60px;
    }

    .logo_social {
        width: 180px;
    }

    .footer_hr {
        display: block;
        width: 100%;
        opacity: 0.1;
        border: 1px solid var(--no-assets);
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    footer a {
        font-size: 12px;
        width: 180px;
    }

    .burger_menu_body, .country_popup_body {
        width: 100%;
    }

    .search_results .container {
        padding-left: 0;
        padding-right: 0;
    }

    nav.burger_menu_links > ul > li > a {
        font-size: 24px;
        line-height: 36px;
    }

    .search_result h4 {
        font-size: 24px;
        line-height: 36px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .search_result p {
        font-size: 15px;
        line-height: 140%;
    }

    .search_result {
        margin-top: 15px;
    }

    .search_input {
        font-size: 15px !important;
        padding-bottom: 8px !important;
        width: 100% !important;
    }

    .search_input::placeholder {
        font-size: 15px !important;
    }

    .burger_menu_body {
        padding-right: 0;
        padding: 50px var(--container-left);
    }


    .country_popup_body {
        width: 100% !important;
    }

    .country_popup_bottom > div {
        flex-direction: column;
    }
    
    .cut_resourses {
        border-top: solid 1px var(--black);
        border-left: solid 0px transparent !important;
        padding-left: 0 !important;
    }

    .popup-content {
        max-width: 95%;
    }
}


@media (max-width: 499px) {
    :root {
        --container-width: 90%;
    }

    .container {
        width: 90%;
    }

    .go_start_page {
        display: none;
    }

    footer > .container {
        flex-wrap: wrap;
        gap: 0;
    }

    footer > .container > div {
        margin-right: 40px;
    }

    .links {
        gap: 20px 40px;
    }

    .logo_social {
        width: 140px;
    }

    .footer_hr {
        display: block;
        width: 100%;
        opacity: 0.1;
        border: 1px solid var(--no-assets);
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    footer a {
        font-size: 10px;
        width: 140px;
    }

    .contacts {
        margin-right: 0 !important;
    }

    .burger_menu_body, .country_popup_body {
        width: 100%;
    }

    .search_results .container {
        padding-left: 0;
        padding-right: 0;
    }

    nav.burger_menu_links > ul > li > a {
        font-size: 24px;
        line-height: 36px;
    }

    .search_result h4 {
        font-size: 24px;
        line-height: 36px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .search_result p {
        font-size: 15px;
        line-height: 140%;
    }

    .search_result {
        margin-top: 15px;
    }

    .search_input {
        font-size: 15px !important;
        padding-bottom: 8px !important;
        width: 100% !important;
    }

    .search_input::placeholder {
        font-size: 15px !important;
    
    }

    .burger_menu_body {
        padding-left: var(--container-left);
    }

    .country_popup_body {
        width: 100% !important;
        padding: 15px;
    }

    .country_popup_bottom > div {
        flex-direction: column;
    }
    
    .cut_resourses {
        border-top: solid 1px var(--black);
        border-left: solid 0px transparent !important;
        padding-left: 0 !important;
    }

    h1, h1 > p, .mainpage_title > p {
        font-size: 29px;
        line-height: 39px;
        width: 100%;

    }

    h2 {
        font-size: 24px;
        line-height: 35px;
    }

    p, a {
        font-size: 15px;
        line-height: 22px;
    }


    .popup-content {
        max-width: 95%;
    }
}

@media (max-width: 358px) {

    .contacts {
        margin-top: 40px;
    }
}