.sologan-mobile {
    display: none !important;
}

@media (max-width: 991px) {
    .sologan-mobile {
        background-color: #2892d0;
        display: block !important;
        color: #EC0202;
        font-weight: 700;
        padding: 8px 5px;
        font-size: 8px;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 0px 2px 0 #fff, 0px -2px 0 #fff, -2px 0px 0 #fff, 2px 0px 0 #fff, 1px 2px 0 #fff, -1px 2px 0 #fff, 1px -2px 0 #fff, -1px -2px 0 #fff, 2px 1px 0 #fff, -2px 1px 0 #fff, 2px -1px 0 #fff, -2px -1px 0 #fff;
    }

    #header .header-logo {
        position: relative;
        z-index: 1;
        background-color: unset;
        padding: unset;
        border-radius: unset;
        box-shadow: unset;
    }
}
#header .header-body {
    background: rgb(255 255 255 / 85%);
}

#header {
    position: absolute;
    z-index: 1030;
    top: 150px;
    width: 100%;
}

    #header .header-logo {
        position: absolute;
        z-index: 1;
        background-color: #fff;
        padding: 15px 15px;
        border-radius: 10px;
        box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 8%);
    }

.header-logo img {
    height: 110px;
}


@media (max-width: 991px) {
    #header {
        position: absolute;
        top: 0;
    }

        #header .header-body {
            background: #fff;
        }

    #header {
        position: relative;
        z-index: 1030;
    }

        #header .header-logo {
            position: relative;
        }

    .header-logo img {
        height: 60px;
    }

    .sologan {
        display: none;
    }

    .title-search {
        font-size: 20px;
    }

    .searchBox {
        margin: 5px 0;
    }
}