/* Add custom CSS styles below */ 
@media only screen and (max-width: 992px){
.salla-theme_2 .site-header .logo-wrapper .logo {
    height: 90px!important;
    margin-right: 75%;
}}
@media only screen and (max-width: 767px){
.salla-theme_2 .site-header .logo-wrapper .logo {
    height: 90px!important;
    margin-right: 180%;
}}
@media only screen and (max-width: 667px){
.salla-theme_2 .site-header .logo-wrapper .logo {
    height: 90px!important;
    margin-right: 150%;
}}
@media only screen and (max-width: 600px){
.salla-theme_2 .site-header .logo-wrapper .logo {
    height: 90px!important;
    margin-right: 115%;
}}
@media only screen and (max-width: 500px){
.salla-theme_2 .site-header .logo-wrapper .logo {
    height: 90px!important;
    margin-right: 85%;
}}
@media only screen and (max-width: 450px){
.salla-theme_2 .site-header .logo-wrapper .logo {
    height: 90px!important;
    margin-right: 60%;
}}
@media only screen and (max-width: 414px){
.salla-theme_2 .site-header .logo-wrapper .logo {
    height: 90px!important;
    margin-right: 35%;
}}
@media only screen and (max-width: 380px){
.salla-theme_2 .site-header .logo-wrapper .logo {
    height: 90px!important;
    margin-right: 15%;
}}
@media only screen and (max-width: 290px){
.salla-theme_2 .site-header .logo-wrapper .logo {
    height: 90px!important;
    margin-right: 5%;
}}

@media (max-width: 1023px) { /* Applies only to mobile */
    .navbar-brand {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000; /* Keeps it above other elements */
    }
}

@media (max-width: 1023px) { /* Applies only on mobile & tablets */
    button[aria-label="Search"] {
        display: none!important;
    }
}