#et-top-main-header,
#et_top_avatar{
    float: left;
}

#et_top_search{
    margin-top: 0px;
    height: 34px;
    margin-right:14px;
}

.et_close_search_field,
.et-search-form{
   transform: translateX(-24px);
}

.et-search-form{
    height: 60%;
    top: 20%;
    border-radius: 16px;
}

.et-search-form input{
    border-radius: 4px;
}

#et_top_avatar{
    margin-top: -10px;
    margin-left: 14px;
}

p.details-name{
    padding-bottom: 0px;
}

.avatar-dropdown button {
    background-color: #252525 !important;
    color: #ffffff !important;
}

/* --- Mobile view --- */
@media (max-width: 980px){
    #et_mobile_nav_menu{
        float:left;
    }
	
    #et_top_avatar{
		margin-top: 0;
    }

    #et-top-navigation{
        padding-left: 0px !important;
    }

    input.et-search-field{
        background-color: rgba(17,17,17,0.9);
        padding-left: 10px;
    }

    #et_top_avatar .avatar-signIn{
        padding: 5px 0;
    }

    .et_close_search_field, .et-search-form{
        transform: translateX(-10px);
    }
}

/* --- Very small screens --- */
@media (max-width: 360px){
    
    #et_top_avatar{
		margin-top: 0;
        margin-left: 7px;
    }
}

/* --- Fixes the sub-page menu's background problem --- */
.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul.et_mobile_menu{
    background-color: rgba(17,17,17,0.85) !important;
}