@media(max-width:1023px) {
    .header-info-item:first-child {
        display: none;
    }

    .header-top-btn {
        display: block;
    }

    .header-nav .nav-list {
        display: none;
    }

    .btn-menu-rs {
        display: block !important;
    }
}

@media(min-width:740px) and (max-width:1023px) {

    .header-search {
        margin-right: 15px;
    }
}

@media(max-width:739px) {
    .header-container {
    }

    .header-logo img {
    }

    .header-info-item {
        display: none;
    }

    .header.df {
        background-color: var(--header-color);
        position: relative;
    }

    .header.df .header-container {
        background-color: transparent;
    }

    .header-top-btn {
        white-space: nowrap;
        font-size: 10px;
        padding: 7px 10px;
    }

    .header-search {
        margin-right: 0;
        margin: 0 20px;
    }

    .header-logo {
        transform: translateY(-27px) scale(0.6) translateX(-66px);
    }

    .header-top-container {
        padding-left: 132px;
    }

    .header-nav {
        height: 50px;
    }

    .header-nav-right {
        position: absolute;
        right: 0;
    }
    .header-logo:before{
        left: -22px;
        top: -25px;
    }
}