/* Devices CSS */

/* Desktop */

@media (min-width: 1281px) {
    .ui-hidden-larger {
        display: none;
    }
}

@media (min-width: 766px) {
    .ui-hidden-none-mobile {
        display: none;
    }
}

@media (max-width: 1920px) {

    .user-dashboard .btn.btn-primary.create-release {
        background: #FF083D url("https://www.fanraizd.com/img/create-release.svg") no-repeat 117px 12px;
    }

        .user-dashboard .btn.btn-primary.create-release:hover,
        .user-dashboard .btn.btn.btn-primary.create-release:active,
        .user-dashboard .btn.btn-primary.create-release.primary-disabled,
        .user-dashboard .btn.btn-primary.create-release.disabled {
            background: #DB002F url("https://www.fanraizd.com/img/create-release.svg") no-repeat 117px 12px;
        }

}

@media (max-width: 1600px) {

    .user-dashboard .btn.btn-primary.create-release {
        background: #FF083D url("https://www.fanraizd.com/img/create-release.svg") no-repeat 79px 12px;
    }
    
    .user-dashboard .btn.btn-primary.create-release:hover,
    .user-dashboard .btn.btn.btn-primary.create-release:active,
    .user-dashboard .btn.btn-primary.create-release.primary-disabled,
    .user-dashboard .btn.btn-primary.create-release.disabled {
        background: #DB002F url("https://www.fanraizd.com/img/create-release.svg") no-repeat 79px 12px;
    }

    .friends-list li:last-child {
        display: none;
    }

    .friends-list.friends-no-hidding li {
        display: block;
    }

    .plan-pricing .col-8,
    .commission .col-8 {
        width: 80%;
    }

    .carousel-control-next {
        right: 25px;
    }

    .user-profile .col-sm-3 img {
        max-width: 202px;
    }

    .user-profile .btn.btn-primary {
        background: #FF083D url("https://www.fanraizd.com/img/add-friend.svg") no-repeat 90px 11px;
        padding: 12px 20px 12px 58px;
    }

    .user-profile .btn.btn-primary:hover,
    .user-profile .btn.btn-primary:active {
        background: #DB002F url("https://www.fanraizd.com/img/add-friend.svg") no-repeat 90px 11px;
    }

    .user-profile .btn.btn.btn-secondary {
        background: #fff url("https://www.fanraizd.com/img/edit-profile.svg") no-repeat 88px 11px;
        color: #FF083D;
        margin: 41px 0 0 0;
        padding: 12px 20px 12px 62px;
    }
    
    .user-profile .btn.btn.btn-secondary:hover,
    .user-profile .btn.btn.btn-secondary:active {
        background: #fff url("https://www.fanraizd.com/img/edit-profile.svg") no-repeat 88px 11px;
    }

}

@media (max-width: 1440px) {

    .user-dashboard .btn.btn-primary.create-release {
        background: #FF083D url("https://www.fanraizd.com/img/create-release.svg") no-repeat 59px 12px;
    }
    
    .user-dashboard .btn.btn-primary.create-release:hover,
    .user-dashboard .btn.btn.btn-primary.create-release:active,
    .user-dashboard .btn.btn-primary.create-release.primary-disabled,
    .user-dashboard .btn.btn-primary.create-release.disabled {
        background: #DB002F url("https://www.fanraizd.com/img/create-release.svg") no-repeat 59px 12px;
    }

    .friends-list li:nth-child(5),
    .friends-list li:last-child {
        display: none;
    }

    .friends-list.friends-no-hidding li {
        display: block;
    }

    .my-favorite-artists p,
    .my-music-release p {
        width: 47%;
    }

    .plan-pricing .col-8,
    .commission .col-8 {
        width: 90%;
    }

    .carousel-control-next {
        right: 22px;
    }

    .user-profile .btn.btn-primary {
        background: #FF083D url("https://www.fanraizd.com/img/add-friend.svg") no-repeat 70px 11px;
        padding: 12px 20px 12px 58px;
    }

    .user-profile .btn.btn-primary:hover,
    .user-profile .btn.btn-primary:active {
        background: #DB002F url("https://www.fanraizd.com/img/add-friend.svg") no-repeat 70px 11px;
    }

    .user-profile .btn.btn.btn-secondary {
        background: #fff url("https://www.fanraizd.com/img/edit-profile.svg") no-repeat 66px 11px;
        color: #FF083D;
        margin: 24px 0 0 0;
        padding: 12px 20px 12px 56px;
    }
    
    .user-profile .btn.btn.btn-secondary:hover,
    .user-profile .btn.btn.btn-secondary:active {
        background: #fff url("https://www.fanraizd.com/img/edit-profile.svg") no-repeat 66px 11px;
    }

}

@media (max-width: 1366px) {

    .user-dashboard .btn.btn-primary.create-release {
        background: #FF083D url("https://www.fanraizd.com/img/create-release.svg") no-repeat 50px 12px;
    }
    
    .user-dashboard .btn.btn-primary.create-release:hover,
    .user-dashboard .btn.btn.btn-primary.create-release:active,
    .user-dashboard .btn.btn-primary.create-release.primary-disabled,
    .user-dashboard .btn.btn-primary.create-release.disabled {
        background: #DB002F url("https://www.fanraizd.com/img/create-release.svg") no-repeat 50px 12px;
    }

    .my-favorite-artists p,
    .my-music-release p {
        width: 43%;
    }

    .carousel-control-next {
        right: 21px;
    }

    .user-profile .col-sm-3 img {
        max-width: 220px;
    }

    .user-profile .btn.btn-primary {
        background: #FF083D url("https://www.fanraizd.com/img/add-friend.svg") no-repeat 65px 11px;
        padding: 12px 20px 12px 58px;
    }

    .user-profile .btn.btn-primary:hover,
    .user-profile .btn.btn-primary:active {
        background: #DB002F url("https://www.fanraizd.com/img/add-friend.svg") no-repeat 65px 11px;
    }

    .user-profile .btn.btn.btn-secondary {
        background: #fff url("https://www.fanraizd.com/img/edit-profile.svg") no-repeat 57px 11px;
        color: #FF083D;
        padding: 12px 20px 12px 56px;
    }
    
    .user-profile .btn.btn.btn-secondary:hover,
    .user-profile .btn.btn.btn-secondary:active {
        background: #fff url("https://www.fanraizd.com/img/edit-profile.svg") no-repeat 57px 11px;
    }

}

@media (max-width: 1280px) {

    .ui-hidden-smaller {
        display: none;
    }

    #launcher-frame {
        bottom:66px !important;
    }

    .user-dashboard .btn.btn-primary.create-release {
        background: #FF083D url("https://www.fanraizd.com/img/create-release.svg") no-repeat 39px 12px
    }
    
    .user-dashboard .btn.btn-primary.create-release:hover,
    .user-dashboard .btn.btn.btn-primary.create-release:active,
    .user-dashboard .btn.btn-primary.create-release.primary-disabled,
    .user-dashboard .btn.btn-primary.create-release.disabled {
        background: #DB002F url("https://www.fanraizd.com/img/create-release.svg") no-repeat 39px 12px
    }

    .friends-list li:nth-child(4),
    .friends-list li:nth-child(5),
    .friends-list li:last-child {
        display: none;
    }

    .friends-list.friends-no-hidding li {
        display: block;
    }

    .purchase-tokens .modal-dialog {
        left: 128px;
    }

    .plan-pricing .col-8,
    .commission .col-8 {
        width: 100%;
    }

    .carousel-control-next {
        right: 20px;
    }

    .user-profile .col-sm-3 img {
        max-width: 196px;
    }

    .user-profile .btn.btn-primary {
        background: #FF083D url("https://www.fanraizd.com/img/add-friend.svg") no-repeat 40px 11px;
        padding: 12px 20px 12px 56px;
    }

    .user-profile .btn.btn-primary:hover,
    .user-profile .btn.btn-primary:active {
        background: #DB002F url("https://www.fanraizd.com/img/add-friend.svg") no-repeat 40px 11px;
    }

    .user-profile .btn.btn.btn-secondary {
        background: #fff url("https://www.fanraizd.com/img/edit-profile.svg") no-repeat 45px 11px;
        color: #FF083D;
        margin: 41px 0 0 0;
        padding: 12px 20px 12px 54px;
    }
    
    .user-profile .btn.btn.btn-secondary:hover,
    .user-profile .btn.btn.btn-secondary:active {
        background: #fff url("https://www.fanraizd.com/img/edit-profile.svg") no-repeat 45px 11px;
    }

    .year-report .my-release .row .col-6 {
        width: 70%;
    }

}

/* End Desktop */

/* Tablets */

@media (max-width: 1024px) {

    .ui-hidden-smaller {
        display: none;
    }

    .ui-hidden-small {
        display: none;
    }

    .row.top-panel #search-frm,
    .row.top-panel .nav-bar .form-control {
        width: 263px;
    }

    .user-dashboard .col-3 {
        width: 100%;
    }

    .user-dashboard article {
        flex: auto;
    }

    .friends-list li:nth-child(4),
    .friends-list li:nth-child(5),
    .friends-list li:last-child {
        display: block;
    }

    .user-dashboard .btn.btn-primary.create-release {
        background: #FF083D url("https://www.fanraizd.com/img/create-release.svg") no-repeat 22px 12px;
        width: 198px;
    }

    .user-dashboard .btn.btn-primary.create-release:hover,
    .user-dashboard .btn.btn.btn-primary.create-release:active,
    .user-dashboard .btn.btn-primary.create-release.primary-disabled,
    .user-dashboard .btn.btn-primary.create-release.disabled {
        background: #DB002F url("https://www.fanraizd.com/img/create-release.svg") no-repeat 22px 12px;
    }

    footer p {
        font-size: 87.5%;
        margin: 7px 0 0 0;
    }

}

@media (max-width: 991.98px) {

    .dropdown-menu.show {
        height: calc(100vh - 71px);
        min-height: calc(100vh - 71px);
        min-width: 100vw;
        overflow: auto;
        width: 100vw;
    }

    .user-menu,
    .user-notifications {
        background: #000314;
    }

    .notifications-list {
        height: auto;
        width: auto;
    }

    .login-register .col-4,
    .login-register .col-8 {
        padding: 0;
    }

    .login-register .col-4 {
        min-height: auto;
        padding: 0 22px;
        width: 100%;
    }

    .login-register-left-gradient,
    .login-register-bottom-gradient-2 {
        position: fixed;
        width: 100%;
    }

    .login-register-bottom-gradient-2 {
        background-position: center;
        left: 0;
    }

    .logo {
        margin: 0 auto;
    }

    .login {
        position: relative;
        padding: 0 0 51px 0;
    }

    .or {
        background: url("https://www.fanraizd.com/img/or-mobile.svg") no-repeat center;
    }

    .login-register .col-8,
    .login-register-bottom-gradient-1 {
        display: none;
    }

    .mobile-logo {
        display: block;
    }

    .dashboard-left-gradient {
        background: url("https://www.fanraizd.com/img/login-register-left-gradient.png") no-repeat;
        height: 384px;
        opacity: .71;
        position: fixed;
        top: 0;
        width: 100%;
    }

    .dashboard-right-gradient-1,
    .dashboard-right-gradient-3 {
        display: none;
    }

    .dashboard-right-gradient-2 {
        background-position: center;
        width: 100%;
    }

    .header-nav {
        display: none;
    }

    .page-content {
        margin: 0;
        max-width: 100%;
        /* Footer Height + Margin Top (30px) - .user-dashboard Padding Top (20px) + Footer Margin Bottom (Mobile Menu Height (75px)) */
        padding-bottom: 273px;
        width: 100%;
    }

    .player-content {
        padding-bottom: 370px;
    }

    .row.top-panel {
        margin: 0;
        padding: 13px 10px 14px 10px;
        width: 100%;
    }

    .row.top-panel > .col {
        display: none;
    }

    .row.top-panel .logo {
        background-size: contain;
        display: block;
        height: 25.86px;
        margin: 9px 0;
        width: 127px;
    }

    .row.top-panel .btn.btn-primary.create-release {
        display: none;
    }

    .row.top-panel > .col-auto {
        width: 100%;
    }

    .row.top-panel > .col-auto > .row > .col-auto:nth-child(2) {
        display: none;
    }

    .row.top-panel > .col-auto > .row > .col-auto:nth-child(3) {
        position: absolute;
        padding: 0 3px;
        right: 100px;
    }

    .row.top-panel > .col-auto > .row > .col-auto:last-child {
        position: absolute;
        right: 0;
    }

    .user-menu,
    .user-notifications {
        background: #000314;
        border-top: 1px solid #141726;
        border-radius: unset;
    }

    .user-menu {
        margin: 13px 0 0 0 !important;
    }

    .user-notifications {
        margin: 15px 0 0 0 !important;
    }

    .menu-wallet {
        display: block;
        margin: 0 0 0 60px;
        width: fit-content;
    }

    li.create-m {
        display: block;
    }

    .row.top-panel li.create-m .btn.btn-primary.create-release {
        display: block;
        margin: 0 0 6px 0;
    }

    .row.top-panel li.create-m a:hover {
        opacity: 1;
    }

    .user-dashboard,
    .streamed-tracks,
    .artists-table {
        padding: 20px 22px;
    }

    .user-dashboard .col-3 {
        margin: 26px 0 10px 0;
        padding: 22px;
    }

    .user-dashboard article {
        margin: 10px 0;
        padding: 22px;
    }

    .streamed-tracks {
        padding: 0 0 16px 10px;
    }

    .news-title {
        line-height: 27px;
        width: 55%;
    }

    .streamed-tracks .see-link {
        margin: 3px 0 0 0;
    }

    .track-wrapper {
        overflow: auto;
        padding: 0 0 14px 0;
    }

    .streamed-tracks .card {
        margin: 0 10px 0 0;
    }

    .track-wrapper.most-streamed-cards .card {
        flex-basis: 34%;
    }

    .track-wrapper.latest-tracks-cards .card {
        flex-basis: 42%;
    }

    .track-wrapper.fan-blog-cards .card {
        flex-basis: 36%;
    }

    .streamed-tracks .card:first-child {
        margin: 0 10px 0 12px;
    }

    .create-release-gradient-right-center-2 {
        display: none;
    }

    .account-form {
        padding: 0;
        width: 100%;
    }

    .account-settings-menu {
        padding: 26px 0 20px 0;
    }

    .hidden-settings-menu {
        display: none;
    }

    .mobile-settings-menu {
        display: block;
    }

    .my-release article,
    .sell-license-tokens {
        width: 100%;
    }

    .my-release article .row,
    .my-release h3,
    .my-presentation,
    .release-title-col input,
    .release-title-col .custom-select {
        margin: 0 0 22px 0;
    }

    .release-bottom-gradient {
        display: none;
    }

    .create-release-form {
        padding: 0 22px 20px 22px;
    }

    .my-release article .row .col-auto {
        margin: 0 22px 0 0;
    }

    .my-release article .row .col:first-child {
        margin: 0 22px 0 0;
    }

    .release-title-col, .small-select {
        width: calc(50% - 11px);
    }

    .cover-uploading {
        height: 280px;
        margin: 0 0 16px 0;
        width: 280px;
    }

    .cover-uploading .browse-file {
        left: 32px;
        top: 73px;
    }

    .my-release article.release-cover-block .row {
        margin: 0;
    }

    #release-info-frm .cover-uploading .browse-file {
        top: 80px;
    }

    .browse-file .form-label {
        margin: 0 0 12px 3px;
    }

    #add-track-frm article .row.my-release-last-row .col p:last-child {
        margin: 0;
    }

    .my-release article.tracks-list {
        padding: 22px 0 0 1px;
    }

    .tracks-list h3 {
        margin: 0 0 22px 22px;
    }

    .tracks-list > span {
        margin: 3px 22px 0 0;
    }

    .artists-title,
    .artists-spotify-info,
    .my-release article.tracks-list .row .col,
    .my-release article.tracks-list .row .col-auto {
        padding: 22px;
    }

    .track-description .track-play-button {
        float: none;
        margin: 0 auto;
    }

    .track-description span {
        padding: 12px 0 0 0;
        text-align: center;
    }

    .my-release article.tracks-list .col-2.artists-spotify-info {
        width: 95px;
    }

    button.add-details {
        background-position: center;
        padding: 0;
        text-indent: -9999px;
        width: 48px;
    }

    .faq-content {
        padding-bottom: 198px;
    }

    .faq-content .row.top-panel > .col {
        display: block;
    }

    .faq-content .row.top-panel > .col-auto {
        width: auto;
    }

    .faq-content .row.top-panel > .col-auto > nav {
        margin: 5px 0;
    }

    .faq-search,
    .fan-blog {
        padding: 0 22px;
    }

    .fan-blog {
        height: 284px;
    }

    .faq-categories,
    .general-info {
        margin: 50px auto 20px auto;
    }

    .tags {
        padding: 0 0 0 10px;
        width: 100%;
    }

    .tags .row {
        margin: 0;
    }

    .tags .track-wrapper {
        padding: 9px 0 20px 12px;
    }

    .tags .col-auto {
        padding: 0 10px 0 0;
    }

    .tags .col-auto:last-child {
        padding: 0 10px 0 0;
    }

    .blog-short-news {
        padding: 0 22px;
    }

    .blog-short-news .col-auto {
        padding: 0;
        width: 100%;
    }

    .blog-short-news img {
        width: 100%;
    }

    .blog-btn {
        margin: 16px 0 0 0;
    }

    .fan-info .streamed-tracks {
        padding: 0 17px;
    }

    .fan-info .streamed-tracks .col {
        width: calc(50% - 10px);
    }

    .fan-info .streamed-tracks .card,
    .blog-full-article .streamed-tracks .card {
        margin: 0 5px 10px 5px;
    }

    .pagination {
        margin: 24px auto 10px auto;
    }

    .dashboard-page.faq-page footer.row {
        margin-bottom: 5px;
    }

    .blog-full-article {
        background: none;
    }

    .blog-full-article .general-info {
        padding: 0 22px;
        width: 100%;
    }

    .share-article {
        margin: 0;
        padding: 32px 0 0 0;
    }

    .blog-full-article .streamed-tracks {
        padding: 0 0 16px 10px;
    }

    .also-like .track-wrapper.fan-blog-cards .card {
        flex-basis: 36%;
        margin: 0 10px 0 0;
    }

    .blog-full-article .streamed-tracks .card:first-child {
        margin: 0 10px 0 12px;
    }

    .faq-search .nav-bar .form-control {
        width: 500px;
    }

    .faq-categories,
    .faq-full-article {
        padding: 0 17px 5px 17px;
        width: 100%;
    }

    .faq-categories .col {
        margin: 5px;
        width: calc(50% - 10px);
    }

    .general-info-categories {
        padding: 32px 5px 0 5px;
        width: 100%;
    }

    .faq-menu {
        padding: 0;
    }

    .support-request {
        margin: 34px 0 0 0;
        padding: 22px;
    }

    .support-request .col,
    .support-request .col-12 {
        padding: 0 11px;
    }

    .support-request .col-12 {
        margin: 22px 0 0 0;
    }

    .support-request h3 {
        line-height: 30px;
        margin: 0 0 22px 0;
    }

    .support-request textarea {
        margin: 0 0 22px 0;
    }

    .support-request .btn.btn-primary {
        margin: 5px 0 22px 0;
    }

    .exchange-bottom-gradient {
        background-position: center;
        width: 100%;
    }

    .current-challenge {
        display: block;
    }

    .distribution-alert {
        margin-bottom: 0;
    }

    .current-challenge .col-auto,
    .distribution-alert .col-6 {
        padding: 0;
    }

    .distribution-alert .col-6 {
        width: 100%;
    }

    .challenge-description {
        display: block;
        padding: 20px 22px 32px 22px;
    }

    .challenge-description .col-4 {
        margin: 0 0 32px 0;
        padding: 0;
        width: 100%;
    }

    .challenge-description .col {
        padding: 0;
    }

    .challenge-description > .col > .row {
        display: block;
        margin: 0;
    }

    .challenge-description > .col > .row > .col:first-child {
        margin: 0 0 32px 0;
        padding: 0;
    }

    .challenge-description .col-12 {
        margin: 38px 0 0 0;
        padding: 0;
    }

    .track-release-info {
        padding: 0 22px;
    }

    .track-release-info .col:nth-child(2),
    .track-release-info .col:nth-child(3) {
        display: none;
    }

    .artists-spotify-info ul.genre-artist-info {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        display: block;
        margin: 18px 0 0 0;
        padding: 16px 0 0 0;
    }

    .add-track-bottom-position {
        margin: 0 auto;
        padding: 20px 0;
        width: calc(100% - 20px);
    }

    .add-track {
        padding: 22px;
    }

    .alert-info {
        padding: 15px 22px;
    }

    .challenge-tracks {
        padding: 0 22px 12px 22px;
    }

    .challenge-how-it-works {
        margin: 0 auto;
        padding: 0 0 32px 0;
        width: calc(100% - 20px);
    }

    .col .challenge-description > .col > .row > .col.track-first-list {
        margin: 0;
    }

    .my-music-right-gradient-2 {
        background-position: center;
        width: 100%;
    }

    .my-music-right-gradient-3 {
        display: none;
    }

    .my-challenges .col-12 {
        margin: 10px 0 20px 0;
    }

    .my-challenges .faq-help-info {
        margin: 4px 0 22px 0;
    }

    .search-results-tabs {
        padding: 0 10px 25px 10px;
    }

    .search-results-tabs .my-music-tab-content {
        padding: 0 6px;
    }

    .search-results-tabs .my-music-tab-content > p {
        padding: 0 6px;
    }

    .search-results-tabs .row-cols-4 {
        margin: 0;
    }

    .search-results-tabs .my-music-tab-content .col {
        width: calc(33.33333333333333% - 10px);
    }

    .search-results-tabs .card {
        margin: 5px;
    }

    .search-results-tabs .card:first-child {
        margin: 5px;
    }

    .multiselect-dropdown {
        margin: 0 0 22px 0;
    }

    .small-select {
        width: 100%;
    }

    .cover-art,
    .uploading-animation {
        height: 280px;
        width: 280px;
    }

    .remove-cover {
        right: 22px;
        top: 22px;
    }

    .loader {
        left: 116px;
        top: 116px;
    }

    .my-release textarea {
        margin: 0 0 22px 0;
    }

    .music-player {
        bottom: 75px;
        padding: 0 22px;
        width: 100%;
    }

    .track-time {
        display: none;
    }

    .carousel-inner {
        overflow: auto;
        padding: 0 0 14px 12px;
    }

    .carousel-control-next {
        display: none;
    }

    #weekly .carousel-item,
    #jazz .carousel-item,
    #deep-blue .carousel-item {
        flex: 0 0 36.36363636363636%;
    }

    #classical .carousel-item,
    #rock .carousel-item,
    #past-decades .carousel-item {
        flex: 0 0 32.25806451612903%;
    }

    .streamed-tracks.slider-b .card {
        margin: 0 10px 0 0;
    }

    .key-release-banner {
        margin: 29px auto 5px auto;
    }

    .key-release-banner .login-info {
        padding: 22px;
        /* -22px left & -22px right */
        width: calc(100% - 44px);
    }

    .discover-banner {
        margin: 32px auto 5px auto;
        width: calc(100% - 24px);
    }

    .discover-genre {
        margin: 4px auto 30px auto;
        width: calc(100% - 20px);
    }

    .discover-banner .login-info {
        padding: 5px 22px 22px 22px;
        width: 100%;
    }

    .artists-spotify-info .label-info {
        float: none;
        height: 24px;
        margin: 12px auto 0 auto;
        width: 24px;
    }

    .table-m {
        padding: 0 22px 32px 22px;
    }

    .maintenance-alert {
        padding: 0;
    }

    .search-results-tabs .row-cols-5 {
        margin: 0;
    }

    #link-copied {
        padding: 0 22px;
    }

    #link-copied .col-7 {
        margin: 0 0 32px 0;
        width: 100%;
    }

    .user-dashboard article.my-music-release {
        padding: 22px;
    }

    .my-favorite-artists p,
    .my-music-release p {
        margin: 0;
        width: 50%;
    }

    .exchange-title {
        margin: 0;
        padding: 18px;
    }

    .search-results-tabs.purchase-list {
        padding: 0 10px 20px 10px;
    }

    .search-results-tabs.purchase-list .my-music-tab-content {
        padding: 0 12px;
    }

    .search-results-tabs.purchase-list .purchase-track-list .col,
    .search-results-tabs.purchase-list .purchase-track-play .col {
        width: 100%;
    }

    .search-results-tabs.purchase-list .purchase-track-list .col {
        margin: 0 1px 1px 0;
    }

    .search-results-tabs.purchase-list .purchase-track-play .col {
        margin: 0 1px 0 0;
    }

    .search-results-tabs.purchase-list .purchase-track-list .col-2,
    .search-results-tabs.purchase-list .purchase-track-play .col-2 {
        width: 16.66666667%;
    }
    
    .search-results-tabs.purchase-list .purchase-track-list .col-3,
    .search-results-tabs.purchase-list .purchase-track-play .col-3 {
        width: 22%;
    }

    .search-results-tabs.purchase-list .purchase-track-play img.img-overlay {
        float: none;
        margin: 0 auto;
    }

    .search-results-tabs.purchase-list .purchase-track-info {
        float: none;
        margin: 16px auto 0 auto;
        text-align: center;
    }

    .search-results-tabs.purchase-list .purchase-track-play .track-play-button,
    .search-results-tabs.purchase-list .purchase-track-play .track-pause-button {
        left: calc(13.999999995% + 1px - 19.5px);
        top: 45px;
    }

    .search-results-tabs.purchase-list .artists-info-last-row .artists-spotify-info:first-child {
        border-bottom-left-radius: 8px;
    }

    .search-results-tabs.purchase-list .artists-info-last-row .artists-spotify-info:last-child {
        border-bottom-left-radius: unset;
        border-bottom-right-radius: 8px;
    }

    .search-results-tabs.purchase-list .sell-license-tokens {
        padding: 22px;
        width: calc(100% - 24px);
    }

    .search-results-tabs.purchase-list .sell-license-tokens .col-5,
    .search-results-tabs.purchase-list .sell-license-tokens .col-3,
    .search-results-tabs.purchase-list .sell-license-tokens .col-4 {
        padding: 0 11px;
        width: 50%;
    }

    .search-results-tabs.purchase-list .sell-license-tokens .col-5.fixed-time-licensing {
        padding: 0;
        width: calc(50% - 10px);
    }

    .purchase-tokens .modal-dialog {
        left: auto;
        margin: 0 auto;
        top: 114px;
        width: 580px;
    }

    .purchase-top-gradient {
        width: 100%;
    }

    .purchase-bottom-gradient-1,
    .purchase-bottom-gradient-2,
    .modal-img {
        display: none;
    }

    .purchase-tokens .modal-header,
    .purchase-tokens .modal-body,
    .purchase-tokens .modal-footer {
        width: 100%;
    }

    .purchase-tokens .modal-header .logo {
        background-size: contain;
        display: block;
        height: 25.86px;
        margin: 16px 0 0 0;
        width: 127px;
    }

    .search-results-tabs.purchase-list .purchase-track-play .genre-artist-info {
        display: none;
    }

    .search-results-tabs.purchase-list .my-music-tab-content > p {
        padding: 0;
    }

    .search-results-tabs.purchase-list .sell-license-tokens .form-control,
    .search-results-tabs.purchase-list .sell-license-tokens .check-options {
        margin: 0 0 22px 0;
    }

    .search-results-tabs.purchase-list .sell-license-tokens .remove-tokens {
        bottom: 32px;
    }

    .purchase-tokens article {
        padding: 32px 0 0 0;
    }

    .purchase-tokens .artists-table.artists-info-last-row {
        padding: 0 0 32px 0;
    }

    .manage-artists-bottom-gradient {
        background-position: center;
        width: 100%;
    }

    .manage-artists > .col-auto {
        padding: 0;
        width: 100%;
    }

    .manage-artists .btn.btn-secondary {
        margin: 18px 0 20px 0;
    }

    .artists-table.artists-list {
        padding: 0 22px;
    }

    .artists-table.artists-list ul.genre-artist-info {
        display: none;
    }

    .artists-table.artists-list .col-3 {
        width: 16%;
    }

    .artists-table.artists-list .btn.btn-secondary {
        background-position: center;
        padding: 11px 20px 10px 20px;
        text-indent: -9999px;
    }

    .artists-table.artists-list.table-m {
        padding: 0 22px 32px 22px;
    }

    .challenge-description .col-12.add-track-top-position {
        margin: 0;
    }

    .challenge-description .col-12.add-track-top-position .add-track {
        margin: 0 0 22px 0;
    }

    .artists-table.release-table {
        padding: 0 22px;
    }

    .artists-table.release-table.table-m {
        padding: 0 22px 32px 22px;
    }

    .artists-table.release-table .genre-artist-info {
        display: none;
    }

    .artists-table.release-table .col-3 {
        width: 170px;
    }

    .track-analytics {
        display: block;
    }

    .track-analytics .col-auto {
        padding: 0;
        width: 100%;
    }

    .track-progress .track-page-m {
        margin: 0;
    }

    .chart-area {
        padding: 20px 22px 30px 22px;
    }

    .chart-b {
        padding: 0 22px 2px 22px;
    }

    .track-details-s .col-12 {
        margin: 0;
    }

    .track-details-s h3 {
        margin: 0 0 22px 0;
    }

    .pricing-right-gradient-1,
    .pricing-right-gradient-2 {
        background-position: right;
        width: 100%;
    }

    .user-dashboard.plan-pricing .col {
        flex: 1 0 0%;
        padding: 0;
    }

    .user-dashboard.plan-pricing article {
        height: 568px;
        margin: 54px 0 0 0;
    }

    .user-dashboard.plan-pricing article.pro-plan {
        height: 622px;
        margin: 0 10px;
    }

    .plan-pricing .card-header,
    .plan-pricing .card-body {
        padding: 22px;
    }

    .plan-list {
        margin: 31px 12px 0 12px;
    }

    .user-dashboard.plan-pricing article.pro-plan .plan-list {
        margin: 14px 12px 0 12px;
    }

    .plan-pricing .btn {
        bottom: 22px;
        width: calc(100% - 44px);
    }

    .artists-table.plan-pricing {
        padding: 0 22px;
    }

    .plan-pricing .artists-title {
        margin: 32px 1px 1px 0;
    }

    .commission {
        padding: 32px 10px 20px 10px;
    }

    .commission .col-8 {
        padding: 22px 22px 24px 22px;
    }

    #pricing-payment-step-2 .modal-dialog {
        height: 714px;
    }

    .subscriptions-plans {
        padding: 0;
        width: 100%;
    }

    .subscriptions-plans .btn.btn-primary.change-password {
        margin: 18px 0 0 0;
    }

    .wallet-alert {
        margin: 0 0 5px 0;
        padding: 20px 10px;
    }

    .wallet-alert .col-6 {
        padding: 0;
        width: 100%;
    }

    .performance-b {
        display: block;
    }

    .my-release article .row.performance-b .col:first-child {
        margin: 0 0 22px 0;
    }

    .time-s {
        width: 100%;
    }

    .time-s .track-play-button {
        float: left;
    }

    .user-dashboard .search-page-s,
    .search-filters-menu {
        padding: 0;
    }

    .user-dashboard.royalties article {
        margin: 0 0 20px 0;
    }

    .royalties article.royalties-report {
        margin: 0;
    }

    .ownership-overview .row {
        display: block;
        padding: 0 12px;
    }

    .ownership-overview .col {
        margin: 0;
    }

    .ownership-overview .col:nth-child(2) {
        margin: 10px 0;
    }

    .ownership-overview .col:first-child span,
    .ownership-overview .col:last-child span {
        margin: 0;
    }

    .see-all-tracks .releases-created .challenge-description {
        display: flex;
        margin: 0;
    }

    .see-all-tracks .user-dashboard article {
        margin: 0;
    }

    .year-report .my-release .row {
        margin: 0 0 22px 0;
    }

    .artists-table.track-royalties .genre-artist-info {
        display: none;
    }

    .select-items div {
        height: auto;
    }

    .royalties article.royalties-report.view-transactions {
        margin: 0 0 20px 0;
    }

    .royalties-report.payment-data .artists-table .col:last-child {
        max-width: 116px;
        width: 116px;
    }

    .user-transactions .artists-table.artists-info-last-row .artists-spotify-info:nth-child(2) {
        border-bottom-left-radius: 8px;
    }

    .download-receipt {
        background-position: center;
        padding: 0;
        text-indent: -9999px;
    }

    .payment-data .artists-table ul.genre-artist-info {
        display: none;
    }

    .user-profile .col-sm-3,
    .user-profile .col-sm-9 {
        width: 100%;
    }

    .user-profile .col-sm-3 img {
        float: left;
        margin: 0 22px 0 0;
    }

    .user-profile h2,
    .user-profile .col-sm-3 p {
        text-align: left;
    }

    .user-profile h2 {
        margin: 16px 0;
    }

    .user-profile .col-sm-3 ul {
        float: left;
        /* Image Size + Right Margin (22px) */
        width: calc(100% - 218px);
    }

    .user-profile .btn.btn.btn-secondary,
    .user-profile .btn.btn.btn-secondary:hover,
    .user-profile .btn.btn.btn-secondary:active {
        background-position: 25px 11px;
        margin: 22px 0 0 0;
        padding: 12px 20px 12px 50px;
        width: 198px;
    }

    .user-profile .col-sm-9 > .row:last-child article.col:last-child {
        margin: 10px 0 0 0;
    }

    .user-dashboard.user-players {
        display: block;
        padding: 0 22px 20px 22px;
    }

    .user-dashboard.user-players .col {
        padding: 0;
    }

    .user-dashboard.user-players .col:first-child {
        padding: 0 0 12px 0;
    }

    .private-title .news-title {
        width: auto;
    }

    #private-collection .carousel-item.slider-item-5 {
        flex: 0 0 34%;
    }

    #all-tracks-modal .modal-dialog {
        width: 676px;
    }

    #all-tracks-modal .modal-dialog .modal-scroll-wrapper,
    #all-friends-modal .modal-dialog .modal-scroll-wrapper {
        padding: 0 0 20px 0;
    }

    .modal-window-all-tracks-bottom-gradient-1,
    .modal-window-all-tracks-bottom-gradient-2 {
        width: 100%;
    }

    .modal-window-all-tracks-bottom-gradient-1 {
        right: 0;
    }

    #all-tracks-modal .challenge-description {
        margin: 0;
    }

    #all-tracks-modal .challenge-description .col {
        width: 100%;
    }

    .user-profile .btn.btn-primary {
        background-position: 40px 11px;
        margin: 22px 0 0 0;
        padding: 12px 20px 12px 50px;
        width: 198px;
    }

    .user-profile .btn.btn-primary:hover,
    .user-profile .btn.btn-primary:active {
        background-position: 40px 11px;
    }

    .cookie {
        padding: 0 22px;
        width: 100%;
    }

    .dashboard-page footer.row {
        height: 183px;
        margin-bottom: 80px;
        width: 100%;
    }

    .dashboard-page footer.row .col {
        flex-basis: 100%;
        height: fit-content;
        margin: 0 0 10px 0;
    }

    .dashboard-page footer.row .col:last-child {
        margin: 0;
    }

    .privacy-terms,
    .social-networks {
        float: none;
        margin: 0 auto;
        width: fit-content;
    }

    footer p {
        font-size: 100%;
        margin: 0;
    }

    /* Mobile Menu */

    .header-nav.mobile-menu {
        background: #000314;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-right: none;
        bottom: 0;
        display: block;
        height: 75px;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 80;
    }

    .header-nav.mobile-menu ul {
        font-size: 75%;
        padding: 0 22px;
    }

    .header-nav.mobile-menu li {
        height: 75px;
        margin: 0;
        width: auto;
    }

    .header-nav.mobile-menu li a.m-active,
    .header-nav.mobile-menu li span.m-active {
        background-color: transparent;
        border-left: none;
        border-top: 1px solid #FF083D;
    }

    .header-nav.mobile-menu li span.m-active {
        color: rgba(255, 255, 255, 1);
        opacity: 1;
    }

    .more-menu-btn,
    .search-in-menu-btn {
        display: none;
    }

    /* End Mobile Menu */

}

/* End Tablets */

/* Smartphones */

@media (max-width: 767.98px) {



    h2 {
        font-size: 125%;
        line-height: 27px;
    }

    .login h2,
    .user-dashboard h2,
    .discover-banner h3,
    .faq-search h2 {
        font-size: 187.5%;
        line-height: 36px;
    }

    .user-dashboard h3 {
        font-size: 100%;
    }

    .user-dashboard p {
        font-size: 87.5%;
        margin: 0 0 30px 0;
    }

    .user-dashboard img {
        width: 98px;
    }

    .level-list {
        font-size: 87.5%;
        margin: 0 0 0 16px;
    }

    .level-list li:first-child {
        margin: 0 0 6px 0;
    }

    .friends-list img {
        width: 56px;
    }

    .friends-link {
        margin: 20px 0 0 0;
    }

    .track-wrapper.most-streamed-cards .card {
        flex-basis: 44%;
    }

    .track-wrapper.latest-tracks-cards .card {
        flex-basis: 66.5%;
    }

    .track-wrapper.fan-blog-cards .card {
        flex-basis: 91%;
    }

    .streamed-tracks .card-title {
        font-size: 87.5%;
    }

    .title-info {
        font-size: 87.5%;
    }

    .blog-card .card-title {
        font-size: 100%;
        line-height: 24px;
    }

    .streamed-tracks .card-text,
    .streamed-tracks .card-body span {
        font-size: 75%;
        line-height: 15.12px;
    }

    .streamed-tracks .card-text {
        margin: 0 0 4px 0;
    }

    .my-release h3,
    .release-title-col input,
    .release-title-col .custom-select {
        margin: 0 0 16px 0;
    }

    .my-release article .row {
        display: block;
        margin: 0;
    }

    .my-release article .row.user-avatar-uploading {
        display: flex;
    }

    .user-avatar-uploading img {
        width: 100%;
    }

    .my-release article .row .col,
    .my-release article .row .col:first-child,
    .my-presentation {
        margin: 0 0 16px 0;
    }

    .my-release .form-label {
        font-size: 87.5%;
    }

    .label-title img {
        width: 20px;
    }

    .release-title-col,
    .small-select {
        width: 100%;
    }

    .account-interests-skills {
        height: 264px;
    }

    .btn.btn-primary.change-password {
        margin: 10px 0 0 0;
    }

    .release-bottom-gradient {
        background: url("https://www.fanraizd.com/img/dashboard-gradient-right-center.png") no-repeat;
        display: block;
        height: 1690px;
        width: 100%;
    }

    #add-track-frm article .row.my-release-last-row {
        display: flex;
    }

    .browse-file .form-label {
        margin: 0 0 12px 16px;
      }

    .my-release article p.cover-info {
        margin: 0 0 16px 0;
    }

    .cover-info img {
        width: 20px;
    }

    .requirements-list {
        font-size: 87.5%;
        margin: 0 0 16px 20px;
    }

    .tracks-list h3 {
        margin: 0 0 22px 22px;
    }

    .my-release article.tracks-list .row {
        display: flex;
    }

    .my-release article.tracks-list .col-5.artists-spotify-info {
        margin: 0;
        width: calc(100% - 96px);
    }

    .drag-drop-button {
        display: none;
    }

    .track-description .track-play-button {
        float: left;
        margin: 0 16px 0 0;
    }

    .track-description span {
        padding: 12px 0;
        text-align: left;
    }

    .my-release article.tracks-list .col-2.artists-spotify-info {
        margin: 0 1px 0 0;
        padding: 22px 22px 22px 0;
    }

    .my-release article.tracks-list .col-2.artists-spotify-info span {
        text-align: right;
    }

    .my-release article.tracks-list .col.artists-spotify-info {
        margin: 0 1px 0 0;
        padding: 0 22px;
        width: 100%;
    }

    .artists-spotify-info img.add-track-details {
        margin: 4px 12px 4px 0;
    }

    .my-release article.tracks-list .col.artists-spotify-info span {
        padding: 6px 0;
    }

    .my-release article.tracks-list .col-auto.artists-spotify-info {
        margin: 0 1px 1px 0;
        padding: 11px 22px 22px 22px;
        width: calc(100% - 1px);
    }

    .artists-spotify-info .tools-buttons li:first-child {
        margin: 0;
    }

    .artists-spotify-info .tools-buttons li:last-child {
        float: right;
    }

    button.add-details {
        background: #fff url("https://www.fanraizd.com/img/add-artists.svg") no-repeat 20px 11px;
        padding: 12px 20px 12px 53px;
        text-indent: 0;
        width: 160px;
    }

    .modal-dialog {
        margin: 0 auto;
    }

    .remove-release .modal-dialog {
        height: 245px;
        width: 411px;
    }

    .modal-window-top-gradient {
        height: 100%;
        width: 100%;
    }

    .modal-content {
        padding: 44px 22px 22px 22px;
    }

    .modal-header {
        padding: 0 0 22px 0;
    }

    .modal-title {
        font-size: 112.5%;
        line-height: 27px;
    }

    .modal-header .btn-close {
        right: 5px;
        top: 5px;
    }

    .buttons-group {
        margin: 32px auto 0 auto;
    }

    .blog-short-news h2 {
        font-size: 175%;
        line-height: 38.08px;
    }

    .blog-short-news p {
        font-size: 87.5%;
        line-height: 19.5px;
    }

    .fan-info .streamed-tracks .col {
        width: calc(100% - 10px);
    }

    .blog-full-article .general-info {
        margin: 32px auto 22px auto;
    }

    .blog-full-article-info h2 {
        font-size: 175%;
        line-height: 38.08px;
    }

    .blog-full-article-info h2,
    .faq-article p,
    .blog-full-article-info ol {
        margin: 0 0 16px 0;
    }

    .my-music-tabs {
        border-bottom: none;
        border-left: 1px solid #292B3A;
        margin: 0 0 32px 0;
    }

    .my-music-tabs li {
        float: none;
        margin: 0 0 16px 0;
        width: 100%;
    }

    .search-results-tabs .my-music-tabs a {
        padding: 12px 0 7px 16px;
    }

    a.tab-active {
        border-bottom: none;
        border-left: 1px solid #fff;
    }

    .faq-article h3 {
        font-size: 100%;
        line-height: 24px;
        margin: 22px 0;
    }

    .faq-article p,
    .blog-full-article-info ol {
        font-size: 87.5%;
    }

    .blog-full-article-info .subtitle {
        font-size: 100%;
        margin: 0 0 26px 0;
    }

    .blog-full-article-info img {
        margin: 20px 0 28px 0;
    }
    
    .share-article {
        margin: 32px 0 0 0;
    }

    .also-like .track-wrapper.fan-blog-cards .card {
        flex-basis: 91%;
    }

    .faq-categories .col {
        width: calc(100% - 10px);
    }

    .general-info-categories h2 {
        font-size: 112.5%;
    }

    .faq-article h2 {
        font-size: 175%;
        line-height: 38.08px;
        margin: 0 0 16px 0;
    }

    .faq-article-img {
        margin: 3px 0;
    }

    .faq-article .btn.btn-secondary {
        margin: 16px 0 0 0;
    }

    .requirements {
        font-size: 87.5%;
    }

    .audio-img {
        margin: 12px 0 28px 0;
    }

    .support-request {
        margin: 28px 0 0 0;
    }

    .support-request h3 {
        font-size: 125%;
        margin: 0 0 22px 0;
    }

    .support-request .my-release {
        display: block;
    }

    .support-request .col-12 {
        margin: 16px 0 0 0;
    }

    .support-request .btn.btn-primary {
        margin: 5px 0 0 0;
    }

    .faq-help-info .collapse p {
        font-size: 87.5%;
        line-height: 19.5px;
    }

    .alert-info img {
        width: 24px;
    }

    .alert-info p {
        font-size: 114.2857142857143%;
        margin: 3px 0 0 0;
    }

    .release-status p {
        font-size: 100%;
        margin: 0 0 10px 0;
    }

    .challenge-description {
        padding: 20px 22px 6px 22px;
    }

    article.my-release-info.dsps,
    .challenge-description .col-12 {
        margin: 22px 0 0 0;
    }

    .challenge-description .col-4 {
        margin: 0 0 22px 0;
    }

    .challenge-description > .col > .row > .col:first-child {
        margin: 0 0 22px 0;
    }

    .my-release-info p {
        margin: 0 0 1rem 0;
      }

    .track-titles .col-4 {
        border-top-right-radius: 8px;
        width: 100%;
    }

    .track-titles .col,
    .track-titles .col-2 {
        display: none;
    }

    .track-release-info .col-4,
    .track-release-info .col,
    .track-release-info .col-2 {
        margin: 0;
        width: 100%;
    }

    .track-release-info .col {
        padding: 0 22px;
    }

    .track-release-info .col-2 {
        margin: 0 0 1px 0;
    }

    .track-release-info .col-4.artists-spotify-info {
        padding: 22px 22px 0 22px;
    }

    .artists-info-last-row .artists-spotify-info:first-child {
        border-radius: unset;
    }

    .artists-info-last-row .artists-spotify-info:last-child {
        border-bottom-left-radius: 8px;
    }

    .add-track-bottom-position {
        padding: 22px 0 20px 0;
    }

    .add-track h3 {
        line-height: 24px;
    }

    .add-track .btn.btn-secondary {
        clear: both;
        float: left;
        margin: 11px 0 0 0;
    }

    .challenge-tracks {
        padding: 0 22px 2px 22px;
    }

    img.img-overlay {
        width: 78px;
    }

    .purchase-track-info p {
        margin: 0;
    }

    .user-dashboard .faq-help-info h3 {
        font-size: 100%;
        line-height: 24px;
    }

    .how-it-works-description {
        font-size: 87.5%;
    }

    #share .modal-dialog {
        height: 317px;
        width: 411px;
    }

    .share-links {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .share-links li {
        float: none;
        margin: 0 0 8px 0;
        width: 100%;
    }

    .share-links a {
        display: block;
        float: none;
        margin: 0 auto;
        padding: 9px 16px 9px 38px;
        text-align: center;
        width: 200px;
    }

    .my-challenges .faq-help-info {
        margin: 2px 0 22px 0;
    }

    .search-results-tabs .my-music-tab-content > p {
        font-size: 87.5%;
    }

    .search-results-tabs .my-music-tab-content .col {
        margin: 5px auto;
        width: calc(100% - 12px);
    }

    .user-music-info p {
        font-size: 100%;
    }

    .search-results-tabs .my-music-tab-content .support-request .col {
        margin: 0 0 16px 0;
    }

    .my-release article.release-cover-block .row {
        display: flex;
    }

    .my-release article.release-cover-block p {
        margin: 0 0 16px 0;
    }

    .my-release article.release-cover-block p:last-child {
        margin: 0;
    }

    .cover-art img {
        width: inherit;
    }

    img.release-calendar {
        width: 24px;
    }

    .my-release .form-check-label {
        font-size: 87.5%;
    }

    .multiselect-dropdown,
    .my-release textarea {
        margin: 0 0 16px 0;
    }

    .friends-list-empty p {
        margin: 0;
    }

    .player-control {
        float: right;
        margin: 34px 0 0 0;
    }

    .prev-track,
    .next-track,
    .volume-favorites {
        display: none;
    }

    .play-track {
        margin: 0;
    }

    .track-info {
        width: calc(100% - 46px);
    }

    .track-info span {
        width: auto;
    }

    #weekly .carousel-item,
    #jazz .carousel-item,
    #deep-blue .carousel-item {
        flex: 0 0 57.14285714285714%;
    }

    #classical .carousel-item,
    #rock .carousel-item,
    #past-decades .carousel-item {
        flex: 0 0 47.61904761904762%;
    }

    .artists-spotify-info .label-info {
        float: right;
        margin: 12px 0 0 0;
    }

    .artists-table .btn.btn-secondary.btn-view-details {
        margin: 0;
        width: 198px;
    }

    .green-list {
        font-size: 87.5%;
    }

    .my-favorite-artists p,
    .my-music-release p {
        margin: 0;
    }

    .search-results-tabs.tabs-with-icons .my-music-tabs a {
        padding: 12px 0 7px 40px;
    }

    .search-results-tabs.tabs-with-icons .my-music-tabs li:first-child a {
        background: url("https://www.fanraizd.com/img/distributed.svg") no-repeat 10px center;
    }

    .search-results-tabs.tabs-with-icons .my-music-tabs li:nth-child(2) a {
        background: url("https://www.fanraizd.com/img/inprogress.svg") no-repeat 10px center;
    }

    .search-results-tabs.tabs-with-icons .my-music-tabs li:last-child a {
        background: url("https://www.fanraizd.com/img/audition.svg") no-repeat 10px center;
    }

    .tokens-licensing,
    .info-wallet p,
    .sell-license-tokens .form-label {
        font-size: 87.5%;
    }

    .search-results-tabs.purchase-list .purchase-track-list .col-2,
    .search-results-tabs.purchase-list .purchase-track-play .col-2,
    .search-results-tabs.purchase-list .purchase-track-list .col-3 {
        display: none;
    }

    .search-results-tabs.purchase-list .purchase-track-list .col {
        border-top-right-radius: 8px;
        margin: 0;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }

    .search-results-tabs.purchase-list .purchase-track-play .col {
        margin: 0;
        padding: 22px 22px 0 22px;
    }

    .search-results-tabs.purchase-list .purchase-track-play .col-3 {
        margin: 0 0 1px 0;
        width: 100%;
    }

    .search-results-tabs.purchase-list .artists-info-last-row .artists-spotify-info:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .search-results-tabs.purchase-list .purchase-track-play .track-play-button,
    .search-results-tabs.purchase-list .purchase-track-play .track-pause-button {
        left: 45px;
    }

    .search-results-tabs.purchase-list .purchase-track-play img.img-overlay {
        float: left;
        margin: 0 12px 0 0;
    }

    .search-results-tabs.purchase-list .purchase-track-info {
        margin: 0;
        text-align: left;
    }

    .search-results-tabs.purchase-list .purchase-track-play .genre-artist-info {
        display: block;
        margin: 22px 0 0 0;
    }

    .search-results-tabs.purchase-list .artists-info-last-row .artists-spotify-info:first-child {
        border-bottom-left-radius: unset;
    }

    .purchase-list .artists-table .btn.btn-secondary {
        margin: 12px 0 0 0;
        width: 198px;
    }

    .search-results-tabs.purchase-list .sell-license-tokens .col-5,
    .search-results-tabs.purchase-list .sell-license-tokens .col-3,
    .search-results-tabs.purchase-list .sell-license-tokens .col-4 {
        width: 100%;
    }

    .search-results-tabs.purchase-list .sell-license-tokens .nav-bar {
        margin: 0;
    }

    .search-results-tabs.purchase-list .sell-license-tokens .nav-bar .form-control,
    .search-results-tabs.purchase-list .sell-license-tokens .nav-bar .form-control:hover {
        background-position: 13px 11px;
        padding: 12px 16px 12px 49px;
    }

    .search-results-tabs.purchase-list .sell-license-tokens .col-5.fixed-time-licensing {
        width: 100%;
    }

    .search-results-tabs.purchase-list .sell-license-tokens .form-control,
    .search-results-tabs.purchase-list .sell-license-tokens .check-options {
        margin: 0 0 16px 0;
    }

    .search-results-tabs.purchase-list .sell-license-tokens .remove-tokens {
        bottom: 26px;
    }

    .purchase-tokens .modal-dialog {
        top: 86px;
        width: 530px;
    }

    .purchase-tokens .modal-header,
    .purchase-tokens .modal-body {
        padding: 0 22px;
    }

    .purchase-tokens .modal-footer {
        padding: 34px 22px 0 22px;
    }

    .final-price {
        font-size: 175%;
        float: left;
        margin: 16px 0 0 0;
        width: 100%;
    }

    #purchase-tokens-step-2 .btn.btn-secondary,
    #purchase-tokens-step-2 .btn.btn-primary,
    #pricing-payment-step-2 .btn.btn-secondary,
    #pricing-payment-step-2 .btn.btn-primary {
        width: 233px;
    }

    #purchase-tokens-step-2 .btn.btn-secondary,
    #purchase-tokens-step-2 .btn.btn-secondary:hover,
    #purchase-tokens-step-2 .btn.btn-secondary:active,
    #pricing-payment-step-2 .btn.btn-secondary,
    #pricing-payment-step-2 .btn.btn-secondary:hover,
    #pricing-payment-step-2 .btn.btn-secondary:active {
        background-position: 74px center;
    }

    .purchase-tokens .artists-info-last-row .artists-spotify-info:first-child {
        border-bottom-left-radius: 8px;
    }

    .purchase-tokens .artists-info-last-row .artists-spotify-info:last-child {
        border-bottom-left-radius: unset;
    }

    .modal-list li,
    #purchase-tokens-step-2 .modal-list li {
        max-width: 484px;
    }

    .modal-window-bottom-gradient-1,
    .modal-window-bottom-gradient-2 {
        display: none;
    }

    .add-edit-artist .modal-dialog {
        height: 485px;
        width: 411px;
    }

    .remove-release .buttons-group,
    .add-edit-artist .modal-body .buttons-group {
        width: 100%;
    }

    .remove-release .modal-body .btn,
    .add-edit-artist .modal-body .btn {
        width: 172px;
    }

    .add-edit-artist .modal-body .btn.btn-primary,
    .add-edit-artist .modal-body .btn.btn-primary:hover,
    .add-edit-artist .modal-body .btn.btn.btn-primary:active,
    .add-edit-artist .modal-body .btn.btn-primary.primary-disabled,
    .add-edit-artist .modal-body .btn.btn-primary.disabled,
    .add-edit-artist .modal-body .btn.btn-primary.save-track:hover,
    .add-edit-artist .modal-body .btn.btn-primary.save-track:active,
    .add-edit-artist .modal-body .btn.btn-primary.save-track.primary-disabled,
    .add-edit-artist .modal-body .btn.btn-primary.save-track.disabled {
        background-position: 48px 11px;
    }

    .artists-table.artists-list .col.artists-title:first-child {
        border-top-right-radius: 8px;
        margin: 0;
    }

    .artists-table.artists-list .col:nth-child(2),
    .artists-table.artists-list .col-3.artists-title {
        display: none;
    }

    .artists-table.artists-list .col {
        margin: 0;
    }

    .artists-table.artists-list .col-3 {
        margin: 0 0 1px 0;
        width: 100%;
    }

    .artists-table.artists-list ul.genre-artist-info {
        margin: 22px 0 0 0;
        display: block;
    }

    .artists-table.artists-list .col.artists-spotify-info {
        padding: 22px 22px 0 22px;
    }

    .artists-table.artists-list .btn.btn-secondary {
        background: #494F73 url("https://www.fanraizd.com/img/edit.svg") no-repeat 36px center;
        margin: 12px 0 0 0;
        padding: 11px 20px 10px 46px;
        text-indent: unset;
        width: 198px;
    }

    .bottom-m {
        padding: 20px 22px 22px 22px;
    }

    .artists-table.release-table .col-4.artists-title {
        border-top-right-radius: 8px;
    }

    .artists-table.release-table .genre-artist-info {
        display: block;
    }

    .artists-table.release-table .col-3.artists-title,
    .artists-table.release-table .col {
        display: none;
    }

    .artists-table.release-table .col-4,
    .artists-table.release-table .col-3 {
        width: 100%;
    }

    .artists-table.release-table .col-4 {
        margin: 0;
    }

    .artists-table.release-table .col-4.artists-spotify-info {
        padding: 22px 22px 0 22px;
    }

    .artists-table.release-table .col-3 {
        margin: 0 0 1px 0;
    }

    .artists-table.release-table .btn.btn-secondary.btn-view-details {
        margin: 12px 0 0 0;
    }

    .artist-label h2 {
        font-size: 100%;
        line-height: 21px;
    }

    .artist-progress .timing span {
        display: block;
        font-size: 87.5%;
        text-align: left;
    }

    .artist-progress .timing-start {
        padding: 0;
    }

    .track-description .timing-end {
        padding: 0 0 4px 0;
    }

    .chart-area {
        padding: 22px;
    }

    .chart-area h3,
    .chart-area .custom-select {
        float: none;
    }

    .chart-area h3 {
        margin: 0 0 16px 8px;
    }

    .chart-area .custom-select {
        margin: 0 0 0 8px;
        width: calc(100% - 16px);
    }

    .chart-area .select-selected,
    .chart-area .select-arrow-active {
        width: 100%;
    }

    .chart-wrapper {
        display: block;
        overflow: auto;
        padding: 22px 0 6px 8px;
    }

    .line-chart {
        width: 680px;
    }

    .track-progress {
        padding: 20px 22px 2px 22px;
    }

    .track-details-s {
        padding: 20px 22px 32px 22px;
    }

    .track-details-s .col-12 {
        margin: 0;
    }

    #pricing-payment-step-2 .modal-dialog {
        height: 900px;
    }

    .credit-card-data .mb-3 {
        float: none;
    }

    .credit-card-data .mb-3 .input-wrapper {
        margin: 0;
    }

    #card-number {
        width: 100%;
    }

    .credit-card-data .mb-3.card-n .input-wrapper img {
        right: 16px;
    }

    #expiry-date,
    #cvc-code {
        width: 100%;
    }

    #pricing-payment-step-2 .btn.btn-secondary.paypal-btn {
        background-position: 35px 11px;
        padding: 16px 18px 16px 61px;
    }

    .plan-pricing > .col-8 > .row {
        display: block;
    }

    .user-dashboard.plan-pricing article,
    .user-dashboard.plan-pricing article.pro-plan {
        margin: 0 auto 22px auto;
        max-width: 400px;
    }

    .user-dashboard.plan-pricing article {
        height: 496px;
    }

    .user-dashboard.plan-pricing article.pro-plan {
        height: 568px;
    }

    .plan-list,
    .user-dashboard.plan-pricing article.pro-plan .plan-list {
        margin: 32px 12px 0 12px;
    }

    .plan-pricing .card-header p {
        font-size: 100%;
    }

    .artists-table.plan-pricing {
        display: none;
    }

    .commission {
        padding: 0 10px 20px 10px;
    }

    .commission .col-8:first-child {
        margin: 0 auto;
    }

    .subscription-plan-price {
        float: none;
        margin: 3px 0 0 16px;
    }

    .my-wallet p {
        margin: 0;
    }

    p.upgrade-membership {
        margin: 28px 0 0 0;
    }

    .wallet-alert {
        padding: 3px 10px 20px 10px;
    }

    .user-withdraw .modal-dialog {
        width: 411px;
    }

    .user-withdraw .modal-content {
        padding: 44px 0 34px 0;
    }

    .user-withdraw .modal-header {
        padding: 0 22px 22px 22px;
    }

    .user-withdraw .modal-body {
        padding: 0 22px;
    }

    .user-withdraw .modal-footer {
        padding: 34px 22px 0 22px;
    }

    .time-s .timing-end {
        padding: 0 32px;
    }

    .search-filters-menu .row {
        display: block;
    }

    .search-filters-menu .row.active-filters-panel {
        display: flex;
    }

    .search-filters-menu .col-auto {
        width: fit-content;
    }

    .results-sortby {
        display: block;
    }

    .sortby-filter {
        float: none;
        margin: 16px 0 0 0;
        width: fit-content;
    }

    .ownership-overview p {
        font-size: 100%;
        margin: 0 0 6px 0;
    }

    .see-all-tracks .releases-created .challenge-description {
        display: block;
        padding: 0;
    }

    .see-all-tracks .releases-created {
        height: 378px;
    }

    .see-all-tracks .challenge-description.releases-created-last-row .col article {
        margin: 0 0 20px 0;
    }

    .see-all-tracks .challenge-description.releases-created-last-row .col:last-child article {
        margin: 0;
    }

    .royalties-report p {
        margin: 0 0 1rem 0;
    }

    .year-report {
        padding: 4px 0 32px 0;
    }

    .year-report .my-release .row {
        margin: 0 0 16px 0;
    }

    .year-report .my-release .row .col-6 {
        width: 100%;
    }

    .artists-table.track-royalties .col:nth-child(2),
    .artists-table.track-royalties .col:nth-child(3) {
        display: none;
    }

    .artists-table.track-royalties .genre-artist-info {
        display: block;
    }

    .artists-table.track-royalties .genre-artist-info li:last-child {
        display: none;
    }

    .artists-table.track-royalties .col:last-child {
        margin: 0 0 1px 0;
        max-width: 150px;
        width: 150px;
    }

    .artists-table.artists-info-last-row.track-royalties .artists-spotify-info:first-child {
        border-bottom-left-radius: 8px;
    }

    .artists-table.artists-info-last-row.track-royalties .artists-spotify-info:last-child {
        border-bottom-left-radius: unset;
    }

    .user-transactions .artists-table .col.artists-title:first-child,
    .user-transactions .artists-table .col.artists-title:nth-child(2),
    .user-transactions .artists-table .col.artists-title:nth-child(3),
    .user-transactions .artists-table .col.artists-title:last-child {
        display: none;
    }

    .user-transactions .artists-table .col.artists-spotify-info:nth-child(2),
    .user-transactions .artists-table .col.artists-spotify-info:nth-child(3),
    .user-transactions .artists-table .col.artists-spotify-info:nth-child(4),
    .user-transactions .artists-table .col.artists-spotify-info:last-child {
        display: none;
    }

    .user-transactions .artists-table .col:nth-child(5) {
        margin: 0 0 1px 0;
    }

    .user-transactions .artists-table .col.artists-title:nth-child(5) {
        border-top-right-radius: 8px;
    }

    .transactions-title,
    .transactions-data {
        display: block;
    }

    .transactions-title {
        border-top-left-radius: 8px;
    }

    .transactions-data ul.genre-artist-info {
        border: none;
        margin: 0;
        padding: 0;
    }

    .transactions-data .genre-artist-info li:last-child {
        display: none;
    }

    .user-transactions .artists-table.artists-info-last-row .artists-spotify-info:first-child {
        border-bottom-left-radius: 8px;
    }

    .user-transactions .artists-table.artists-info-last-row .artists-spotify-info:nth-child(5) {
        border-bottom-right-radius: 8px;
    }

    .payment-data .artists-table .col:first-child,
    .payment-data .artists-table .col:last-child {
        display: none;
    }

    .payment-data .artists-table .col:nth-child(3) {
        margin: 0 0 1px 0;
        max-width: 150px;
        width: 150px;
    }

    .payment-data .artists-table .col.artists-title:nth-child(2) {
        border-top-left-radius: 8px;
    }

    .payment-data .artists-table .col.artists-title:nth-child(3) {
        border-top-right-radius: 8px;
    }

    .payment-data .artists-table.artists-info-last-row .col:nth-child(2) {
        border-bottom-left-radius: 8px;
    }

    .payment-data .artists-table.artists-info-last-row .col:nth-child(3) {
        border-bottom-right-radius: 8px;
    }

    .payment-data .artists-table ul.genre-artist-info {
        display: block;
        border: none;
        margin: 0;
        padding: 0;
    }

    .payment-data .artists-table ul.genre-artist-info li:nth-child(2) {
        display: none;
    }

    .payment-data .artists-table ul.genre-artist-info .download-receipt {
        background-position: left;
        margin: 8px 0 0 0;
        padding: 0 0 0 36px;
        text-indent: unset;
    }

    .user-profile h2 {
        font-size: 100%;
        line-height: 30px;
    }

    .user-profile .col-sm-3 ul,
    .interests-skills {
        font-size: 87.5%;
    }

    .user-profile-social.interests-skills img {
        width: 20px;
    }

    .user-profile-social img {
        width: 32px;
    }

    .private-title .news-title {
        width: 55%;
    }

    #private-collection .carousel-item.slider-item-5 {
        flex: 0 0 66.5%;
    }

    .modal-window-all-tracks-bottom-gradient-1,
    .modal-window-all-tracks-bottom-gradient-2 {
        display: none;
    }

    #all-tracks-modal .modal-dialog,
    #all-friends-modal .modal-dialog {
        width: 520px;
    }

    .cookie p {
        width: 70%;
    }

    footer p {
        font-size: 87.5%;
    }

    /* Mobile Menu */

    .more-menu-btn {
        display: block;
    }

    .m-more {
        background: url("https://www.fanraizd.com/img/more.svg") no-repeat center 12px;
        color: rgba(255, 255, 255, 0.8);
        cursor: pointer;
        display: block;
        height: 100%;
        opacity: .6;
        padding: 46px 0 0 0;
        text-align: center;
        transition: .25s ease;
        width: 100%;
    }

    .m-more:hover {
        opacity: .8;
    }

    .header-nav.mobile-menu .col:nth-child(5),
    .header-nav.mobile-menu .col:nth-child(6),
    .header-nav.mobile-menu .col:nth-child(7),
    .header-nav.mobile-menu .col:last-child {
        background: #000314;
        display: none;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .header-nav.mobile-menu .col:nth-child(5) {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        bottom: 227px;
        height: 59px;
        padding: 24px 34px 11px 34px;
    }

    .header-nav.mobile-menu .col:nth-child(6) {
        bottom: 181px;
    }

    .header-nav.mobile-menu .col:nth-child(7) {
        bottom: 135px;
    }

    .header-nav.mobile-menu .col:last-child {
        bottom: 76px;
        height: 59px;
        padding: 11px 34px 24px 34px;
    }

    .m-search {
        background: url("https://www.fanraizd.com/img/search.svg") no-repeat;
    }

    .header-nav.mobile-menu li.mobile-item-visible {
        animation: block-animation;
        animation-duration: .1s;
        display: block !important;
        height: 46px;
        padding: 11px 34px;
    }

    .header-nav.mobile-menu li.mobile-item-visible a {
        background-position: left center;
        font-size: 133.3333333333333%;
        padding: 0 0 0 32px;
        text-align: left;
    }

    /* End Mobile Menu */

}

@media (max-width: 574.98px) {

    .login {
        width: 100%;
    }

    .btn.btn-secondary.google-btn {
        background-position: 18px 11px;
        padding: 16px 18px;
    }

    .user-dashboard .btn.btn-primary.create-release {
        background: #FF083D url("https://www.fanraizd.com/img/create-release.svg") no-repeat 20px 12px;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    .user-dashboard .btn.btn-primary.create-release:hover,
    .user-dashboard .btn.btn.btn-primary.create-release:active,
    .user-dashboard .btn.btn-primary.create-release.primary-disabled,
    .user-dashboard .btn.btn-primary.create-release.disabled {
        background: #DB002F url("https://www.fanraizd.com/img/create-release.svg") no-repeat 20px 12px;
      }

    .row.top-panel li.create-m .btn.btn-primary.create-release {
        background: #FF083D url("https://www.fanraizd.com/img/create-release.svg") no-repeat 20px 12px;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    .row.top-panel li.create-m .btn.btn-primary.create-release:hover,
    .row.top-panel li.create-m .btn.btn-primary.create-release:active {
        background: #DB002F url("https://www.fanraizd.com/img/create-release.svg") no-repeat 20px 12px;
    }

    .friends-list li:last-child {
        display: none;
    }

    .my-release article .row .col-auto {
        margin: 0;
        width: 100%;
    }

    .my-release article .row.user-avatar-uploading {
        margin: 0 0 20px 0;
    }

    .user-avatar-uploading img {
        float: none;
        margin: 0 auto;
    }

    .my-release article .user-avatar-uploading p,
    .user-avatar-uploading span {
        text-align: center;
    }

    .user-avatar-uploading .btn.btn-secondary {
        background-position: 20px 11px;
        display: block;
        margin: 24px 0 0 0;
        padding: 12px 20px;
        width: 100%;
    }

    .btn.btn-primary.change-password {
        width: 100%;
    }

    .my-release .my-music-release {
        padding: 0;
        width: 100%;
    }

    .account-form .btn.btn-primary.save-track,
    .account-form .btn.btn-primary.save-track:hover,
    .account-form .btn.btn-primary.save-track:active,
    .account-form .btn.btn-primary.save-track.primary-disabled,
    .account-form .btn.btn-primary.save-track.disabled {
        background-position: 20px 11px;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    #add-track-frm article .row.my-release-last-row,
    .my-release article.release-cover-block .row {
        display: block;
    }

    .cover-uploading {
        margin: 0 auto 22px auto;
        width: 380px;
    }

    .cover-uploading .browse-file {
        left: 84px;
    }

    #release-info-frm .cover-uploading {
        height: 380px;
    }

    #release-info-frm .cover-uploading .browse-file {
        top: 130px;
    }

    #add-track-frm .my-release-last-row .col,
    .my-release article.release-cover-block .row .col {
        margin: 0 auto 6px auto;
        width: 380px;
    }

    .artists-spotify-info .tools-buttons li:first-child {
        margin: 0 10px 0 0;
        width: calc(100% - 58px);
    }

    button.add-details {
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    .btn.btn-primary.save-track,
    .btn.btn-primary.save-track:hover,
    .btn.btn-primary.save-track:active,
    .btn.btn-primary.save-track.primary-disabled,
    .btn.btn-primary.save-track.disabled {
        background-position: 20px 11px;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    .remove-release .modal-dialog {
        height: 313px;
    }

    .remove-release .modal-body .btn {
        width: 100%;
    }

    .modal-body .btn.btn-secondary {
        margin: 0 0 20px 0;
    }

    .remove-release .modal-body .btn.btn-primary,
    .remove-release .modal-body .btn.btn-primary:hover,
    .remove-release .modal-body .btn.btn-primary:active {
        background-position: 20px 11px;
        padding: 12px 20px 12px 32px;
    }

    .faq-content .row.top-panel > .col-auto > nav {
        display: none;
    }

    .blog-mobile-menu {
        display: block;
    }

    .blog-mobile-menu .btn-user-menu {
        background: rgba(255, 255, 255, 0.12) url("https://www.fanraizd.com/img/menu.svg") no-repeat center;
        border-radius: 50%;
        text-indent: -9999px;
        width: 40px;
    }

    .blog-mobile-menu .btn-user-menu:hover {
        background: rgba(255, 255, 255, 0.16) url("https://www.fanraizd.com/img/menu.svg") no-repeat center;
    }

    .blog-mobile-menu .btn-user-menu.show {
        background: rgba(255, 255, 255, 0.16) url("https://www.fanraizd.com/img/menu-close.svg") no-repeat center;
    }

    .blog-mobile-menu .user-menu-list a {
        padding: 4px 0 0 0;
    }

    .blog-mobile-menu .user-menu-list a.blog-m-search {
        background: url("https://www.fanraizd.com/img/search.svg") no-repeat left;
        padding: 4px 0 0 32px;
    }

    .fan-blog {
        height: 334px;
    }

    .blog-btn {
        width: 100%;
    }

    .faq-search .nav-bar .form-control {
        width: 100%;
    }

    .faq-article .btn.btn-secondary {
        width: 100%;
    }

    .support-request .btn.btn-primary {
        width: 100%;
    }

    .tools-buttons li:first-child {
        margin: 0 10px 0 0;
        width: auto;
    }

/*    .btn.btn-primary.distribute-release-btn {
        background-position: center;
        padding: 0;
        text-indent: -9999px;
        width: 48px;
    }
*/
    .add-track .btn.btn-secondary {
        background-position: 20px 11px;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    .challenge-number {
        float: none;
        margin: 0 auto;
        padding: 0 0 10px 0;
        width: fit-content;
    }

    img.img-overlay {
        float: none;
        margin: 0 auto;
    }

    .purchase-track-info {
        float: none;
        margin: 16px auto 3px auto;
        text-align: center;
    }

    .cover-art,
    .uploading-animation {
        height: 380px;
        width: 380px;
    }

    .loader {
        left: 166px;
        top: 166px;
    }

    .user-dashboard .my-music-release .btn.btn-primary.create-release,
    .user-dashboard .my-music-release .btn.btn-primary.create-release:hover,
    .user-dashboard .my-music-release .btn.btn.btn-primary.create-release:active {
        background-position: 20px 12px;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    .key-release-banner {
        height: 300px;
    }

    .discover-banner {
        height: 292px;
    }

    .discover-banner .btn.btn-primary,
    .discover-banner .btn.btn-primary:hover,
    .discover-banner .btn.btn.btn-primary:active {
        background-position: 20px 11px;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    .artists-table .btn.btn-secondary.btn-view-details {
        width: 100%;
    }

    .invite-my-friends .btn.btn-primary {
        width: 100%;
    }

    .my-favorite-artists p,
    .my-music-release p {
        float: none;
        margin: 0 0 30px 0;
        width: 100%;
    }

    .my-favorite-artists .btn.btn-secondary,
    .my-music-release .btn.btn-primary {
        float: none;
        width: 100%;
    }

    .my-favorite-artists .btn.btn-secondary {
        background-position: 20px 12px;
        padding: 12px 20px 12px 32px;
    }

    .search-results-tabs.purchase-list .info-wallet .col {
        min-width: 100%;
        width: 100%;
    }

    .wallet-purchase {
        float: none;
    }

    .search-results-tabs.purchase-list p.label-title {
        margin: 0 0 6px 0;
    }

    .purchase-list .artists-table .btn.btn-secondary,
    .give-away-add {
        width: 100%;
    }

    .search-results-tabs.purchase-list .purchase-track-play img.img-overlay {
        float: none;
        margin: 0 auto;
    }

    .search-results-tabs.purchase-list .purchase-track-info {
        float: none;
        margin: 16px auto 0 auto;
        text-align: center;
    }

    .search-results-tabs.purchase-list .purchase-track-play .track-play-button,
    .search-results-tabs.purchase-list .purchase-track-play .track-pause-button {
        left: calc(50% - 39px + 23px);
    }

    .purchase-tokens .modal-dialog {
        width: 435px;
    }

    .modal-body .btn.btn-secondary {
        margin: 0 0 20px 0;
    }

    #purchase-tokens-step-2 .btn.btn-secondary,
    #purchase-tokens-step-2 .btn.btn-primary,
    #pricing-payment-step-2 .btn.btn-secondary,
    #pricing-payment-step-2 .btn.btn-primary {
        width: 100%;
    }

    #purchase-tokens-step-2 .btn.btn-secondary,
    #purchase-tokens-step-2 .btn.btn-secondary:hover,
    #purchase-tokens-step-2 .btn.btn-secondary:active,
    #pricing-payment-step-2 .btn.btn-secondary,
    #pricing-payment-step-2 .btn.btn-secondary:hover,
    #pricing-payment-step-2 .btn.btn-secondary:active {
        background-position: 18px center;
        margin: 0 0 20px 0;
        padding: 16px 18px 16px 31px;
    }

    .modal-list li,
    #purchase-tokens-step-2 .modal-list li {
        max-width: 389px;
    }

    .add-edit-artist .modal-dialog {
        height: 553px;
    }

    .add-edit-artist .modal-body .btn {
        width: 100%;
    }

    .add-edit-artist .modal-body .btn.btn-primary,
    .add-edit-artist .modal-body .btn.btn-primary:hover,
    .add-edit-artist .modal-body .btn.btn.btn-primary:active,
    .add-edit-artist .modal-body .btn.btn-primary.primary-disabled,
    .add-edit-artist .modal-body .btn.btn-primary.disabled,
    .add-edit-artist .modal-body .btn.btn-primary.save-track:hover,
    .add-edit-artist .modal-body .btn.btn-primary.save-track:active,
    .add-edit-artist .modal-body .btn.btn-primary.save-track.primary-disabled,
    .add-edit-artist .modal-body .btn.btn-primary.save-track.disabled {
        background-position: 20px 11px;
        padding: 12px 20px 12px 32px;
    }

    #pricing-payment-step-2 .modal-dialog {
        height: 976px;
    }

    .artists-table.artists-list .btn.btn-secondary {
        background-position: 20px center;
        padding: 11px 20px 10px 30px;
        width: 100%;
    }

    #pricing-payment-step-2 .btn.btn-secondary.paypal-btn {
        background-position: 18px 11px;
        margin: 0;
        padding: 16px 18px 16px 34px;
    }

    .subscriptions-plans .btn.btn-primary.change-password {
        width: 100%;
    }

    .current-sum,
    .my-wallet .btn.btn-secondary,
    .member-status,
    .my-wallet .btn.btn-primary {
        float: none;
    }

    .current-sum {
        line-height: 42px;
    }

    .my-wallet .btn.btn-secondary,
    .my-wallet .btn.btn-primary {
        background-position: 20px 11px;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    .my-wallet .btn.btn-primary:hover,
    .my-wallet .btn.btn.btn-primary:active,
    .my-wallet .btn.btn-primary.primary-disabled,
    .my-wallet .btn.btn-primary.disabled {
        background-position: 20px 11px;
    }

    .my-wallet .btn.btn-secondary {
        margin: 16px 0 0 0;
    }

    .my-wallet .btn.btn-primary {
        margin: 32px 0 0 0;
    }

    p.upgrade-membership {
        margin: 25px 0 0 0;
    }

    .year-report .btn.btn-primary.save-track {
        float: none;
        margin: 0 0 20px 0;
        padding: 12px 20px 12px 32px;
    }

    .year-report .btn.btn-secondary {
        background-position: 20px 11px;
        float: none;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    .artists-table.track-royalties .col {
        margin: 0 0 1px 0;
    }

    .artists-table.track-royalties .artists-title:first-child {
        border-top-right-radius: 8px;
    }

    .artists-table.track-royalties .col:last-child {
        display: none;
    }

    .artists-table.track-royalties .genre-artist-info li:last-child {
        display: block;
    }

    .artists-table.artists-info-last-row.track-royalties .artists-spotify-info:first-child {
        border-bottom-right-radius: 8px;
    }

    .user-transactions .artists-table .col:nth-child(5) {
        display: none;
    }

    .user-transactions .artists-table .col {
        margin: 0 0 1px 0;
    }

    .transactions-title {
        border-top-right-radius: 8px;
    }

    .transactions-data .genre-artist-info li:last-child {
        display: block;
        margin: 8px 0 0 0;
    }

    .user-transactions .artists-table.artists-info-last-row .artists-spotify-info:first-child {
        border-bottom-right-radius: 8px;
    }

    .view-transactions .btn.btn-secondary {
        width: 100%;
    }

    .payment-data .artists-table .col:nth-child(2) {
        margin: 0 0 1px 0;
    }

    .payment-data .artists-table .col.artists-title:nth-child(2) {
        border-top-right-radius: 8px;
    }

    .payment-data .artists-table .col.artists-title:nth-child(3),
    .payment-data .artists-table .col:nth-child(3) {
        display: none;
    }

    .payment-data .artists-table ul.genre-artist-info li:nth-child(2) {
        display: block;
    }

    .payment-data .artists-table.artists-info-last-row .col:nth-child(2) {
        border-bottom-right-radius: 8px;
    }

    .user-profile .col-sm-3 img {
        float: none;
        margin: 0 auto 16px auto;
    }

    .user-profile h2 {
        margin: 0 0 16px 0;
        text-align: center;
    }

    .user-profile .col-sm-3 p {
        text-align: center;
    }

    .user-profile .col-sm-3 ul {
        float: none;
        width: auto;
    }

    .user-profile .btn.btn.btn-secondary,
    .user-profile .btn.btn.btn-secondary:hover,
    .user-profile .btn.btn.btn-secondary:active {
        background-position: 20px 11px;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    #all-tracks-modal .modal-dialog,
    #all-friends-modal .modal-dialog {
        width: 420px;
    }

    .see-all-friends .friends-list .col {
        width: 25%;
    }

    .friends-list.friends-no-hidding li {
        display: block;
    }

    .user-profile .btn.btn-primary {
        background-position: 20px 11px;
        padding: 12px 20px 12px 32px;
        width: 100%;
    }

    .user-profile .btn.btn-primary:hover,
    .user-profile .btn.btn-primary:active {
        background-position: 20px 11px;
    }

}

@media (max-width: 479.98px) {

    .friends-list li:nth-child(5) {
        display: none;
    }

    .cover-uploading {
        height: 312px;
        width: 312px;
    }

    .cover-uploading .browse-file {
        left: 48px;
        top: 90px;
    }

    #add-track-frm article .row.my-release-last-row .col,
    .my-release article.release-cover-block .row .col {
        width: 312px;
    }

    .my-release article.tracks-list .col-5.artists-spotify-info {
        margin: 0 1px 0 0;
        width: calc(100% - 1px);
    }

    .track-description .track-play-button {
        float: none;
        margin: 0 auto;
    }

    .track-description span {
        padding: 12px 0 0 0;
        text-align: center;
    }

    .my-release article.tracks-list .col-2.artists-spotify-info {
        padding: 0 22px;
        width: calc(100% - 1px);
    }

    .my-release article.tracks-list .col-2.artists-spotify-info span {
        text-align: center;
    }

    .remove-release .modal-dialog,
    #share .modal-dialog,
    .add-edit-artist .modal-dialog {
        width: 310px;
    }

    .faq-search {
        height: 327px;
    }

    #release-info-frm .cover-uploading {
        height: 312px;
    }

    #release-info-frm .cover-uploading .browse-file {
        top: 100px;
    }

    .cover-art,
    .uploading-animation {
        height: 312px;
        width: 312px;
    }

    .loader {
        left: 132px;
        top: 132px;
    }

    .small-link {
        display: block;
        float: left;
        margin: 0 0 12px 0;
        width: 100%;
    }

    .form-control::placeholder,
    .form-select,
    .form-select:focus-visible,
    .select-selected,
    .btn.btn-primary.multiselect,
    #send-link-to-friends,
    #edit-artist-frm .form-control {
        font-size: 87.5%;
    }

    .select-selected {
        line-height: 21px;
    }

    .key-release-banner {
        height: 312px;
    }

    .discover-banner {
        height: 292px;
    }

    .discover-banner h3 {
        font-size: 143.75%;
        line-height: 32px;
    }

    .artists-spotify-info .label-info {
        float: none;
        margin: 12px auto 0 auto;
    }

    .check-options .form-check-label {
        font-size: 87.5%;
    }

    .purchase-tokens .check-options .form-check-label,
    .user-withdraw .check-options .form-check-label {
        font-size: 100%;
    }

    .purchase-tokens .modal-dialog {
        height: 738px;
        width: 367px;
    }

    .purchase-tokens .artists-table .col.artists-title {
        border-top-right-radius: 8px;
        margin: 0 0 1px 0;
    }

    .purchase-tokens .artists-table .col-3.artists-title {
        display: none;
    }

    .purchase-tokens .artists-table .col-3.artists-spotify-info {
        margin: 0 0 1px 0;
        width: 100%;
    }

    .purchase-tokens .artists-table .col.artists-spotify-info {
        margin: 0;
    }

    .purchase-tokens .artists-info-last-row .artists-spotify-info:first-child {
        border-bottom-left-radius: unset;
    }

    .purchase-tokens .artists-info-last-row .artists-spotify-info:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .modal-list li,
    #purchase-tokens-step-2 .modal-list li {
        max-width: 321px;
    }

    .remove-release .modal-dialog {
        height: 337px;
    }

    .add-edit-artist .modal-dialog {
        height: 568px;
    }

    .artists-table.artists-list .artists-spotify-info img {
        float: none;
        margin: 0 auto;
    }

    .artists-table.artists-list .artists-spotify-info span {
        padding: 12px 0 0 0;
        text-align: center;
    }

    .artists-table.artists-list ul.genre-artist-info {
        margin: 18px 0 0 0;
    }

    .user-withdraw .modal-dialog {
        width: 310px;
    }

    .time-s .track-play-button {
        float: left;
    }

    .time-s .selected-time {
        margin: 0 0 0 25px;
        padding: 13px;
    }

    .time-s .timing-start,
    .time-s .timing-end {
        padding: 0 10px;
    }

    #all-tracks-modal .modal-dialog,
    #all-friends-modal .modal-dialog {
        width: 355px;
    }

    .see-all-friends .friends-list .col {
        width: 33.33333333333333%;
    }

    .friends-list.friends-no-hidding li {
        display: block;
    }

}

@media (max-width: 411.98px) {

    .friends-list li:nth-child(4),
    .friends-list li:nth-child(5),
    .friends-list li:last-child {
        display: none;
    }

    .friends-list.friends-no-hidding li {
        display: block;
    }

    .cover-uploading {
        height: 220px;
        width: 220px;
    }

    .cover-uploading .browse-file {
        left: 2px;
        top: 48px;
    }

    #add-track-frm article .row.my-release-last-row .col,
    .my-release article.release-cover-block .row .col {
        width: 220px;
    }

    .page-link {
        font-size: 81.25%;
    }

    #release-info-frm .cover-uploading {
        height: 220px;
    }

    #release-info-frm .cover-uploading .browse-file {
        left: 2px;
        top: 57px;
    }

    .cover-art,
    .uploading-animation {
        height: 220px;
        width: 220px;
    }

    .loader {
        left: 86px;
        top: 86px;
    }

    .alert-info {
        padding: 15px 11px;
    }

    .alert-info p {
        font-size: 100%;
    }

    .key-release-banner {
        height: 387px;
    }

    .discover-banner {
        height: 292px;
    }

    .exchange-title span {
        margin: 0 0 12px 0;
        width: auto;
    }

    .purchase-tokens .modal-dialog,
    #all-tracks-modal .modal-dialog,
    #all-friends-modal .modal-dialog {
        width: 310px;
    }

    .modal-list li,
    #purchase-tokens-step-2 .modal-list li {
        max-width: 264px;
    }

    .search-filters-menu .dropdown-menu.multiselect-menu.show {
        width: 276px;
    }

}

@media (max-width: 374.98px) {

    .notifications-list p {
        width: 190px;
    }

    .btn.btn-secondary.google-btn {
        padding: 16px 18px 16px 32px;
    }

    .user-dashboard img {
        width: 76px;
    }

    .friends-list img {
        width: 56px;
    }

    .news-title {
        width: 100%;
    }

    .streamed-tracks .see-link {
        float: left !important;
        margin: 0 0 16px 0;
    }

    .track-play-button,
    .track-pause-button {
        background-size: contain;
        height: 40px;
        width: 40px;
    }

    .user-avatar-uploading img {
        width: 100%;
    }

    .label-title img {
        width: 100%;
    }

    .cover-info img {
        width: 20px;
    }

    button.add-details {
        padding: 12px 20px 12px 38px;
    }

    .fan-blog {
        height: 354px;
    }

    .page-item {
        margin: 0 2px;
    }

    .cover-art img {
        width: inherit;
    }

    img.release-calendar {
        width: 24px;
    }

    .discover-banner {
        height: 312px;
    }

    .alert-info img {
        width: 24px;
    }

    .alert-info p {
        float: left;
        width: 200px;
    }

    .wallet-purchase {
        width: 100%;
    }

    .search-results-tabs.purchase-list .label-title img {
        width: 20px;
    }

    .plan-list, .user-dashboard.plan-pricing article.pro-plan .plan-list {
        margin: 16px 12px 0 12px;
    }

    .wallet-alert .see-link {
        display: inline;
    }

    .wallet-alert .alert-info p {
        width: 184px;
    }

    .time-s .track-time-selection {
        width: calc(100% - 56px);
    }

    .see-all-tracks .releases-created img.img-overlay {
        width: 78px;
    }

    .user-profile-social img {
        width: 32px;
    }

    .private-title .news-title {
        width: 100%;
    }

}

/* End Smartphones */

/* Sliders */

@media (min-width: 319.98px) {

    .carousel-item {
        display: block;
        flex: 0 0 24.55%;
        margin-right: 0;
    }

    .carousel-item.slider-item-5 {
        flex: 0 0 19.65%;
    }

    .carousel-inner,
    .card .img-wrapper {
        display: flex;
    }

    .card .img-wrapper {
        align-items: center;
        max-width: 100%;
        justify-content: center;
    }

}

/* End Sliders */