/* Mobile Support */
.normal .mobile_header{
    display: none;
}

.mobile .normal_header{
    display: none;
}

/* Menu Button */

.menu_btn {
    z-index: 10000;
    right: 20px;
    top: 30px;
    cursor: pointer;
    transition: all 0.5s ease-out;
}


.menu_btn .btn_line {
    width: 50px;
    height: 5px;
    margin: 0 0 10px 0;
    background: rgb(0, 0, 0);
    transition: all 0.5s ease-out;
}


/* Adding transform to the X */
.menu_btn.close {
    transform: rotate(180deg);
}

/* Styling the three lines to make it an X */
.menu_btn.close .btn_line:nth-child(1) {
    transform: rotate(45deg) translate(10px, 10px);
}

.menu_btn.close .btn_line:nth-child(2) {
    opacity: 0;
}

.menu_btn.close .btn_line:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}



header{
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f1f1f1;
    z-index: 999;
}



header .left_side_logo{
    width: 10%;
    height: 100%;
}

.mobile header .left_side_logo{
    width: 30%;
    height: 100%;
}


header .left_side_logo .image_container{
    width: 160%;
    height: 160%;
}



.mobile_menu_coverage{
    top: 0px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #f1f1f1;
    z-index: 5;
    font-size: 2em;

    display: none;
}

.mobile_menu_coverage .image_container{
    width: 100px;
    height: 100px;
}


header .menu{
    width: 60%;
    height: 100%;
    font-size: 1.5em;
}

header .right_side_lang{
    width: 10%;
    height: 100%;

}

header .right_side_lang .image_container{
    width: 60%;
    height: 100%;
}