@media screen and (min-width: 467px) and (max-width: 600px){
    .search-container {
    width: 55%;
    max-width: 300px;
    margin-right: 45px;
    top: 15px;
}
.mobile-logo{
    top: 15px ;
}

#block_myaccount_infos{
    top: 30px;
    margin-right: 20px;
}

#block_myaccount_infos a{
    color: blue;
}
.socials{
    display: none !important;
}
.top{
    font-size: 18px !important;
}
}


@media screen and (min-width: 400px) and (max-width: 466px){
    .search-container {
    width: 49%;
    max-width: 290px;
    margin-right: 35px;
    top: 13px;
}
.mobile-logo{
    top: 12px ;
}

#block_myaccount_infos{
    top: 22px;
    margin-right: 15px;
}

#block_myaccount_infos a{
    color: blue;
}
.socials{
    display: none !important;
}
.top{
    font-size: 14px !important;
}
}


@media screen and (min-width: 300px) and (max-width: 399px){
    .search-container {
    width: 42%;
    max-width: 270px;
    margin-right: 25px;
    top: 12px;
}
.mobile-logo{
    top: 11px ;
}

#block_myaccount_infos{
    top: 20px;
    margin-right: 10px;
}

#block_myaccount_infos a{
    color: blue;
}
.socials{
    display: none !important;
}
.top{
    font-size: 12px !important;
}
}