*{box-sizing: border-box;
    margin: 0px;
    padding: 0px;}
    
    header{background-color: #fff !important;
        padding: 4px 0px 4px 0px;
    } 
    
    .main_header{display: flex;
    }
    
    .left_header{width: 20%; 
    padding-left:5%;
    display: flex;}
    
    .left_header img{width: 88%;}
    
    .middle_header{display: flex;
    align-items: center;
    width: 50%;}
    
    .middle_header a{color: white;
    background-color: #277bc3;
    border: 1px solid white;
    border-radius: 8px;
    padding: 5px;
    margin-left: 7px;
    text-wrap: nowrap;
    font-size: 14px;}
    
    .middle_header a:hover{color: rgb(238, 225, 225);}
    
    .right_header{width: 27%;
    display: flex;
     justify-content: end;
    align-items: center;
    padding-right: 1%;}
    
    .right_header a{text-decoration: none;
    color: white;
    font-size: 17px;
    letter-spacing: .5px;
    font-family: 'rubik';
    font-weight: 500;
    background-color:transparent;
    border-radius: 8px;
    border: 1px solid white;
    padding: 10px 20px;
    margin-left: 10px;
    display: block;
    }

    #sidenav_button{display: none;}
    #mobile_header_nav{display: none;}

    @media (max-width:900px){
    
        /* header{position: relative;} */

        #sidenav_button{display:flex;
        justify-content: end;
        width: 50%;
        padding-right: 30px;
        align-items: center;}

        #toggle_buttonspan{font-size: 27px;}

        .middle_header{display: none;}
    
        header{padding: 8px 0px 8px 0px;}
    
        .left_header{width: 50%;
        padding-left: 2%;
        padding-right: 0%;
        display:flex;
        align-items: center;
    }
    
    .left_header img{width: 100%;}
     
        .right_header{width: 50%;
        display: none;}
    
        .right_header a{padding: 10px;
            font-size: 13px;
        }
    
/* mobile responsive menus css here */
#mobile_header_nav{
position: absolute;
height:100vh;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
width:0;
top: 0px;
left:0px;
background-color: white;
z-index: 9999;
transition: 0.3s;
}

#close_mobile_t{
    font-size: 30px;
  right: 20px;
  top: 6px;
  position: absolute;
}

.login_buttons_mobiles{width: 100%;
margin-top:50px;
display: flex;
border-bottom: 2px solid #ddd;
padding-bottom: 10px;}


.login_buttons_mobiles a{text-decoration: none;
    color: white;
    font-size: 17px;
    letter-spacing: .5px;
    font-family: 'rubik';
    font-weight: 500;
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid white;
    padding: 10px 20px;
    margin-left: 10px;
    transition: all .3s;
}

.menus_mobile_copy{width: 100%;}

.menus_button_mobile{display:flex;
flex-direction: column;
}

.menus_mobile_copy{display: flex;
    border-bottom: 1px solid #ddd;
    align-items: center;
}

.menus_mobile_copy a{
    padding: 10px 25px;
    width: 100%;
}

.right_arrow_mobile_span{width: 10%;
color: #9f9595;}

/* mobile responsive menus css here */

    
    
    
    
    
    
    
    }