@media screen and (min-width: 3000px) {
    * {
        font-size: 27px;
    }

}

@media screen and (min-width: 2100px) {
    * {
        font-size: 22px;
    }

}

@media screen and (min-width: 1800px) {
    * {
        font-size: 18px;
    }

    main {
        min-height: 20vh;
    }
}

@media screen and (max-width: 1250px) {
    footer {
        height: 40vw;
    }
}

@media screen and (max-width: 900px) {
    .container {
        width: 94%;
    }

    #menu_header {
        display: none;
    }

    .menu_icon_show {
        margin-left: 30px;
    }

    #logo {
        width: fit-content;
    }

    #right_header {
        min-width: 0;
        width: fit-content;
    }
    #facebook_right{
        margin-right:20px;
    }
    

}

@media screen and (max-width: 570px) {
    #menu_header {
        display: none;
    }
    .menu_icon_show{
        margin-left: 30px;
    }

    #logo_title {
        font-size: 0.8rem;
        line-height: 1.2;
    }

    #header_main {
        height: 10vh;
    }
    header{
        padding-top: 10vh;
    }

    #logo_header {
        height: 70%;
    }

    #vertical_line {
        margin: 0 7px;
    }

    #search_form button {
        padding: 3px 20px;
    }

    #search_form input {
        width: 70%;
    }
}

@media screen and (max-width: 530px) {
    header {
        padding-top: 10vh;
    }
}

@media screen and (max-width: 450px) {
    header {
        padding-top: 9vh;
    }

    #header_main {
        height: 9vh;
    }

    #logo_title {
        font-size: 0.7rem;
        line-height: 1;
    }

    .search_icon {
        height: 30px;
        width: 30px;
    }

    .search_icon_close {
        height: 30px;
        width: 30px;
    }

    #facebook_right {
        height: 25px;
        width: 25px;
        margin-right:15px;
    }

    .menu_icon_show {
        height: 20px;
        width: 20px;
    }

    .menu_icon_hide {
        height: 20px;
        width: 20px;
    }

    .menu_icon_show {
        margin-left: 15px;
    }


    #search_form button,
    #search_form input {
        height: 45%;
    }

    #search_form {
        flex-wrap: wrap;
        justify-content: right;
        height: 150px;
        padding: 23px 20px;
    }

    #search_form button {
        padding: 3px 15px;
    }

    #search_form input {
        width: 100%;
    }
}


/* ******menu*********** */
@media screen and (max-width: 800px) {
    #main_menu .menu_icon_hide {
        display: block;
        float: right;
    }

    #main_menu {
        padding: 4vh 5vw;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        overflow-y: auto;

    }

    #main_menu a {
        font-size: 1.4rem;
    }

    .main_menu_item {
        max-width: 90%;
        min-width: 0;
        width: fit-content;
        width: fit-content;
        margin: 20px 1.5vw;
        cursor: pointer;
        position: relative;
    }

    .main_menu_item_list img {
        display: none;
    }

    .main_menu_item_list p {
        display: inline-flex;
        align-items: end;
        justify-content: space-between;
        width: 100%;
        font-size: 1.2rem;
    }

    .main_menu_item a {
        font-weight: 700;
    }

    .main_submenu a {
        font-weight: 400;
    }

    .main_submenu {
        position: static;
        background-color: transparent;
        box-shadow: none;
        padding: 20px 40px;
        padding-right: 50px;
        width: fit-content;
        display: flex;
        flex-direction: column;
        left: 90%;
        top: 130%;
    }

}

/* ******footer*********** */

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

    footer {
        height: fit-content;
        margin-top: 9vw;
        padding: 20px 0;
    }

    #top_footer_wrap img {
        height: 7vw;
    }

    #footer_contacts h3 {
        font-size: 1.1rem;
    }

    #footer_contacts a {
        margin-top: 12px;
        margin-left: 15px;
    }

    #footer_facebook,
    #footer_youtube {
        background-size: 25px;
        min-height: 25px;
        padding-left: 30px;
    }


    #footer_menu {
        justify-content: right;
        max-height: 40vw;
        width: 60%;
    }

    #footer_menu .footer_menu_item {
        width: 30%;
        max-width: 50%;
        margin: 10px 30px;
        cursor: pointer;
    }


    #footer_bottom p {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 750px) {
    #top_footer_wrap img {
        height: 15vw;
    }

    #top_footer_wrap {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    #footer_menu {
        margin-top: 40px;
        justify-content: space-around;
        max-height: fit-content;
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    #footer_menu {
        justify-content: left;
    }

    #footer_menu .footer_menu_item {
        min-width: 55%;
        width: fit-content;
        max-width: 80%;
    }

    #footer_contacts h3 {
        display: none;
    }
}

/* ******message show*********** */
@media screen and (max-width: 900px) {
    #message_show {
        width: 50px;
        height: 50px;
    }
    #btn_login{
        padding: 15px 15px;
        border-radius: 30px;
    }
}

@media screen and (max-width: 360px) {
    #btn_login{
        padding: 10px 20px;
        border-radius: 40px;
        max-width: 50%;
    }

    #message_menu {
        width: max-content;
        padding: 20px;
    }

    #message_show {
        position: fixed;
        top: auto;
        bottom: 3vw;
        right: 3vw;
    }
}




@media screen and (max-height: 400px){
    #logo_title {
        font-size: 0.8rem;
        line-height: 1.2;
    }
}
@media screen and (max-height: 600px){
    #logo_title {
        font-size: 0.8rem;
        line-height: 1;
    }
}