@media (min-width: 767px) {
.bottom_header.active {
    position: fixed;
    animation: sliderNav 1s;
    top: 0;
    width: 80%;
    left: 10%;
    border-radius: 50px;
    opacity: 0.88;
}
}
@media (max-width: 767px) {
    header {
        position: sticky;
        left: 6%;
        right: 0;
        top: 0;
        background-color: #fff;
        z-index: 50;
        width: 84%;
        border-radius: 50px;
        opacity: 0.88;
    }
    header .bottom_header {
        z-index: 58;
        border-radius: 40px;
    }
    .bottom_header.active {
        position: relative;
        animation: none;

    }
    footer{float: inherit;}
    .search-circle{display:none;}
}