@media only screen and (min-width: 100px) and (max-width: 1024px)
{
    .container_inner{
margin: 0 auto;
position: relative;
    }
    .main_menu {
display: none!important;
    background: red !important;
}
 /*
.mobile_menu_button{
display: block!important;
} */
/* .header {
    top: 0!important;
    margin-top: 0!important;
    display: block;
} */
nav.mobile_menu {
    display: block;
}
.header_inner_left, footer.uncover, header {
    position: relative!important;
    left: 0!important;
    margin-bottom: 0;
}
.mobile_menu_button {
    display: table;
    float: left;
    height: 100px;
    margin: 0 20px 0 0;
}
.logo_wrapper {
    height: 100px!important;
    left: 50%;
    display: table;
    float: left;
    position: absolute;
}
.q_logo {
    top: 50%;
    left: 0;
}
.q_logo {
    display: table-cell;
    position: relative;
    top: auto;
    left: 0;
    vertical-align: middle;
}
header .q_logo img.mobile {
    display: block!important;
    opacity: 1!important;
    position: relative;
    margin: 0 auto;
}
.q_logo a {
    left: -50%;
    width: auto!important;
    height: 80px !important;
}
.q_logo img {
    top:0px;
}


}
.login-pro-button{
display: block  !important;
}
.logged-as-pro .login-pro-button{
display: none !important;
}
.after-login-pro{
    display: none !important;
}
.after-login-pro .second{
     top: 90px !important;
}
.logged-as-pro .after-login-pro{
    display: block !important;
}
.drop_down .second i{
    display: inline-flex !important;
    padding: 0px 10px;
}
.after-login-pro ul {
    background-color: #f4f4f4 !important;
}
.after-login-pro ul li a{
   
    color: #4f4c4d !important;
    font-family: 'Rubik', sans-serif !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 300 !important;
    letter-spacing: -0.3px;
    text-transform: capitalize !important;

}