@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .container>.body-container>.center-container>.top-bar {
        flex-direction: column;
    }
    .container>.body-container>.center-container>.top-bar>.left-content {
        margin-bottom: 15px;
    }
    .container>.body-container>.center-container>.top-bar>.right-content>li {
        margin-right: 10px;
    }
    .container>.body-container>.center-container>.top-bar>.right-content>li>.search-holder>input {
        width: 150px;
    }
    .container>.body-container>.center-container>.top-bar>.right-content>li>.search-holder {
        width: 100%;
    }
}