/* m.css */
/* main menu style sheet */

.top_container {
    display:grid;
    grid-template-columns: max-content max-content auto;
    place-items:end;
    width: 100%;    
    background-color: var(--top_menu_background_color);
    height:32px;
    z-index: 99;
    position: fixed;    
    padding-right:10px;
    /* overflow: hidden; */
    height:min-content;
}

.title_logo_container {
    
}

.title_logo {
    height:26px;
    margin-left:10px;
}

.top_menu_country_list_container {
    padding-bottom: 5px;
    margin-left: 10px;
}

.top_menu_country_name {
    color: var(--top_menu_text_color1) !important;
    text-decoration: none;
    background-color:transparent;
}

.top_menu_country_name a {
    color:darkblue !important;
    text-decoration: none;
}

.main_menu_container {
    display:inline-block;
    text-align:right !important;    
    padding-bottom: 5px;
}

.main_menu_item_container {
    display: inline-block;
    width: max-content;
}

.main_menu_item {
    color: var(--top_menu_text_color1) !important;
    background-color:transparent;
    margin-right: 10px;
    width: max-content;
}
.main_menu_item a {
    color:maroon !important;
}

.burger_container {
    display: none; 
}

.burger_img {
    width:30px;
}

.burger_click {
    display: none;
}    

@media screen and (max-width:1440px) {
    .top_container {
        display: block;
        height:max-content;
    }        

    .title_logo_container {
        width: max-content;
        float: left;
    }

    .title_logo {
        height: 10vw;
        /* height:72px; */
        margin-left:10px;
    }

    .top_menu_country_list_container {
        width: max-content;
        float: left;
    }

    .top_menu_country_name {    
     font-size: 6vw;   
    }
    
    .burger_click {
        display: block;
    }
    
    .burger_img {
        height: 10vw;
        /* height:72px; */
        width: auto;
    }

    .main_menu_container {    
        display:none;
    }    
    
    .main_menu_container.responsive {
        display:block;
        /* grid-column: span 3; */
        width: 100%;
        background-color: var(--top_menu_background_color) !important;
        text-align: center !important;    
        margin-bottom:5px;
        margin-top: 40px;
    }

    .main_menu_item_container {
        display: inline-block; 
        width: 100%;
        background-color: maroon;
    }

    .main_menu_item {
        width: 100%;
        font-size: 4rem;
    }        
    
    .burger_container {
        display: block;
        float:right;
        width: max-content;
        margin-right:20px;
    }

}

@media screen and (max-width:800px) {
    .top_container {
        height:max-content;
    }        

    .title_logo {
        height:6vw;
        margin-left:10px;
    }

    .top_menu_country_name {    
     font-size: 4vw;   
    }

    .burger_img {
        height: 6vw;
        /* height:72px; */
        width: auto;
    }
    

}
/*----------------------------------*/