@media (max-width: 1240.98px) {
    .promotion-cards-list{
        flex-wrap: wrap;
        justify-content: center;
    }
    .promotion-card-item{
        border: 1px solid #E9E9ED;
    }
}
@media (max-width: 1199.98px) {
    .footer-content-wrapper{
        padding: 96px 20px;
    }
    .spotify-promotion-wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .spotify-promotion-info-wrapper{
        width: 90%; 
    }

    .started-new-wrapper {
        flex-direction: column;
    }

    .started-new-img-wrapper{
        align-self: center;
    }
    .promotion-info-wrapper{
        margin-bottom: 25px;
    }
    .decor-white-circle{
        top: 234px;
    }
}
@media (max-width: 1099.98px) {
    .services-btn-wrapper{
        flex-wrap: wrap;
        justify-content: center;
    }
    .btn-services-wrapper{
        margin-bottom: 30px;
        margin-right: 30px;
    }
    .btn-services{
        min-width: 259px;
    }

    .footer-content-wrapper { 
        flex-wrap: wrap;
    }
    .promotion-content-wrapper{
        flex-direction: column;
    }
    .promotion-content-block{
        margin-right: 0;
        margin-bottom: 20px;
    }
      
}
@media (max-width: 991.98px) {
    .affiliate-page .how-start .tracking .point {
        margin: 20px auto;
    }
    .base-form2.p-12{
        padding: 10px 30px 20px 30px;
    }
    .spotify-promotion .base-form-item:not(:last-child){
        border-bottom: none;
    }
    .header__nav.active .nav-menu li a{
        font-weight: 600;
        font-size: 18px;
        line-height: 23px;
        padding: 24px 10px;
    }
    .header__nav.active .nav-menu li a > svg{
        margin-right: 15px;
        width: 24px;
        height: 24px;
    }

    .header__nav.active .nav-menu__icon svg {
        width: 24px;
        height: 24px;
        margin-left: 15px;
    }
    .header__nav.active .btn-checkout.mobile-visible{
        font-weight: 600;
        font-size: 18px;
        line-height: 23px;
    }
    .bg-spotify-promotion-top{
        min-height: calc(100vh - 80px);
     }
     
     .spotify-promotion{
         min-height: calc(100vh - 80px);
     }
}
@media (max-width: 929.98px) {
    .services-title-info {
        flex-direction: column;
    }
    .services-title{
        margin-bottom: 30px;
    } 
    .base-form-wrapper{
        flex-direction: column;
    }
    .base-form-wrapper .btn-atrist-name{
        position: initial;
    }
    .base-form{
        padding: 6px 32px 32px 32px;
        flex-direction: column;
    }
    .labels + .base-form-item {
        border-left: none;
        border-top: 1px solid #D8D8D8;
    }
    
    .base-form .base-form-item {
        padding: 20px 0;
    }
    .btn-atrist-name{
        max-width: 146px;
    }
    .mobail-929{
        display: none;
    }
    .mobail-form{
        display: none;
    }
    .service-page-form.active-mobail .mobail-form{
        display: block;
    }
}
@media (max-width: 767.98px) {
    .program-details-list{
        padding: 0;
    }
    .program-details-item{
        padding: 25px 0;
    }

    .affiliate-page .program-details .buttons-group{
        display: none;
    }

    .affiliate-page .how-list .counter-list{
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }
    .affiliate-page .how-list .counter-list li:not(:last-child){
        margin-right: 0;
    }
    .affiliate-page .how-list .counter-list .info-list{
        align-items: center;
    }
    .promotion-h1{
        font-size: 40px;
        line-height: 42px;
    }
    .promotion-card-item {
        padding: 30px;
    }
    .spotify-decor-wrapper {
        left: 66px;
    }
    .started-new-wrapper{
        padding-bottom: 0;
    }
    .desktop-title{
        display: none;
    }
}
@media (max-width: 650.98px) {
    .spotify-promotion-info-wrapper{
        text-align: center;
    }
    .spotify-promotion-list{
        justify-content: center;
    }
    .questions-links{
        margin: 0 auto;
    }
}
@media (max-width: 599.98px) {
    /* .gallery-list-item:nth-child(3n+2){
        margin-right: 0px;
        margin-left: 0px;
    } 
    .gallery-list-item:nth-child(2n+1){
        margin-right: 21px;

    }  */
    
    .gallery-list {
        margin: 0 -5px;
    }
    .gallery-list-item {
        margin: 0 5px 10px 5px;
        width: calc(50% - 10px);
    }
    .promotion-spotify-img-1 {
        left: -74px;
        bottom: -24px;
    }
    .spotify-green-decor::before {
        left: -5%;
        top: 30%;
    }
    .spotify-decor-wrapper{
        left: 43px;
    }
    .decor-white-circle{
        top: 280px;
        left: 80px;
    }
    .filter-input-wrapper{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .input-spotify-atrist-name{
        margin-bottom: 15px;
        width: 315px;
        margin-right: 0;
    }
    .filter-input-wrapper .btn-primary-filter{
        max-width: 160px;
    }
}
@media (max-width: 575.98px) {
    .deliver-list{
        flex-direction: column;
        text-align: center;
    }
    .deliver-item:not(:last-child){
        border-right: none;
        border-bottom: 1px solid #d1d5f8;
    }
    .deliver-item .deliver-description{
        margin: 0 auto 20px;
    }
}

@media (max-width: 545.98px) {
    .btn-services-wrapper {
        margin-right: 0;
    }
}
@media (max-width: 500.98px) {
    .program-details-title{
        font-size: 23px;
        line-height: 25px;
    }
    .program-details-description{
        font-size: 14px;
        line-height: 20px;
    }
    .program-details h2{
        font-size: 36px;
    }
    .before-block{
        display: block;
        padding-bottom: 10px;
    }
    .after-block{
        display: block;
        padding-top: 10px;
    }
    .promotion-h1{
        font-weight: 600;
        font-size: 42px;
        line-height: 49px;
    }
    .promotion-h1-wrapper{
        flex-direction: column;
    }
    .promotion-decor-h1{
        margin-bottom: 15px;
        margin-right: 0;
    }
    .input-atrist-name{
        min-width: 315px;
        padding: 26px 26px 26px 32px;
        margin-bottom: 10px;
    }

    .btn-atrist-name{
        position: relative;
        max-width: 100%
    }
    .promotion-title-text{
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
    }
    .promotion-content-title{
        font-weight: 600;
        font-size: 28px;
        line-height: 32px;
        text-align: center;
    }
    .promotion-content-text{
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }

    .spotify-promotion-title{
        font-weight: 600;
        font-size: 28px;
        line-height: 32px;
    }
    .spotify-promotion-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }
    .promotion-w-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    .trials-text{
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }
}
@media (max-width: 460.98px) {
    .select-service-page .select__list{
        min-width: 370px;

    }
}
@media (max-width: 460.98px) {
    .select-service-page .select__list{
        min-width: 350px;

    }
    .select-service-page [data-drop-list] {
        left: -25px;
    }
}

@media (max-width: 399.98px) {
    /* .gallery-list-item:nth-child(2n+1){
        margin-right: 0px;
    }
    .gallery-list-item:nth-child(1n+1){
        margin: 19px auto;
    } */
    .select-service-page .select__list{
        min-width: 290px;
    }
}



@media (max-width: 384.98px) {
    .search-window{
        min-width: 290px;
    }
    .select-service-page [data-drop-list] {
        left: 0;
    }
}
@media (max-width: 375.98px) {
    .select__list-item-price{
        padding: 10px 16px 10px 10px;
    }
    .select-service-page .select__list {
        min-width: 290px;
    }
}

@media (max-width: 349.98px) {
    .select-service-page .select__list{
        min-width: 260px;
    }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .mobail-title{
        display: none;
    }
}
@media (min-width: 930px) {
    .mobail-930{
        display: none;
    }
    .btn-next-930{
        display: none;
    }
}
@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}