@media only screen and (max-width: 992px) {
    .header {
        height: 110vh;
    }

    .partner {
        height: 60vh;
    }

    footer {
        padding: 2rem 0;
    }

    .nav-bar,
    .nav-bar-light,
    .nav-art {
        background: var(--primary-color);
    }

    .users .dropdown-menu[data-bs-popper] {
        margin-top: .5rem !important;
        right: 1rem;
        top: unset !important;
        border-radius: 0.8rem;
    }

    .artist .dropdown-menu[data-bs-popper] {
        margin-top: 3rem !important;
        right: 1rem;
        top: unset !important;
        border-radius: 0.8rem;
    }

    .nav-light:hover,
    .nav-black:hover {
        border-bottom: 0;
        /* width: 25%; */
        padding: 0.5rem 1rem;
    }

    .nav-black {
        color: var(--light-color) !important;
    }

    .modal-xl {
        max-width: 800px !important;
    }

    .swiper-button-next {
        background-size: 15px 44px !important;
        right: 10px !important;
    }

    .swiper-button-prev {
        background-size: 15px 44px !important;
        left: 10px !important;
    }

    .w-dropdown {
        width: 40%;
    }

    .logo-myband {
        width: 70px;
        height: 70px;
    }

    .img-menu {
        width: 30px;
    }

    .u-list-img {
        width: 60px;
    }

    .account-content .col-lg-3 {
        border-right: unset;
        border-bottom: 1px solid var(--gray-2);
        margin-bottom: 3rem;
        padding-bottom: 3rem;
    }
}

@media only screen and (max-width: 576px) {
    .mt-none {
        margin-top: -8rem !important;
    }

    .bt-secondary,
    .bt-muted,
    .bt-light {
        width: 100%;
    }

    .search-type {
        font-size: 12px;
        background-size: 12px;
    }

    .swiper-button-next {
        background-size: 15px 44px !important;
    }

    .swiper-button-prev {
        background-size: 15px 44px !important;
    }

    #next-btn5 {
        display: none;
    }

    #prev-btn5 {
        display: none;
    }

    .ws-100 {
        width: 100%;
    }

    .partner-music, .partner {
        height: 70vh;
        background-image: url("../../../images1/bg-5.png");
        background-attachment: unset;
    }

    .music {
        background-attachment: unset;
    }

    .w-dropdown {
        width: 75%;
    }

    .arrow-right {
        width: 1.5vmin;
        height: 1.5vmin;
        margin-top: 10px;
    }

    .w-md-100 {
        width: 100%;
    }

    .img-myaccount {
        height: 100px;
        width: 100px;
    }

    .myaccount:hover .img-myaccount::before {
        content: "";
        background: unset;
    }

    .song-new {
        background-image: url(../../../images1/song-new1.png);
    }

    .faq-title {
        font-size: 12px;
        white-space: nowrap;
        width: 100%;
        overflow: auto;
    }

    .u-list-img {
        width: 80px;
    }

    .app-store {
        width: 100px;
    }

    /* FIX STEPS*/
    .process .process-step {
        display: flex;
        align-items: center;
        text-align: left;
        overflow: auto;
        padding: 3px 0;
        width: 100%;
    }

        .process .process-step .btn-circle {
            width: 60px;
            height: 60px;
            padding: 0;
            z-index: 100;
            margin-top: 10px;
            float: left;
        }

        .process .process-step p {
            display: block;
            margin-left: 10px;
        }

    .process .stepButtons:before {
        top: 50px;
        bottom: 0;
        position: absolute;
        content: "";
        width: 2px;
        height: 70%;
        background-color: var(--gray-2);
        left: 60px;
    }

    .process .stepButtons {
        overflow-y: hidden;
        display: block;
    }

    .card-publisher span {
        display: inline;
    }

    .arrow-left {
        width: 2vmin;
        height: 2vmin;
    }

    .arrow-right {
        width: 2.2vmin;
        height: 2.2vmin;
    }

    .btm-small {
        width: 10rem !important;
    }

    .bt-width {
        width: 100%;
    }

    .btn-facebook,
    .btn-line,
    .btn-google,
    .btn-apple {
        padding: 0.8rem 4rem;
    }
}