@media screen and (max-width: 1440px) {
    .page{
        min-width: 990px;
    }
    body,
    .pure-g [class *= "pure-u"],
    .pure-g-r [class *= "pure-u"] {
        font-size: 10px;
    }
    h2{
        font-size: 22px;
    }
    h3{
        font-size: 12px;
        line-height: 12px;
    }
    .container{
        width: 990px;
    }
    .unit{
        padding-left: 8px;
        padding-right: 8px;
    }
    .btn,
    .btn:visited{
        font-size: 12px;
        height: 36px;
        min-width: 165px;
        padding: 11px 15px;
    }
    .btn-ghost,
    .btn-ghost:visited{
        height: 30px;
        padding: 7px 15px;
        min-width: 140px;
    }
    .selectBox-dropdown{
        min-width: 145px;
        height: 19px;
        font-size: 9px;
        line-height: 17px;
    }
    .selectBox-dropdown .selectBox-label{
        padding-left: 12px;
    }
    .selectBox-dropdown .selectBox-arrow::after{
        width: 9px;
        height: 6px;
        background-size: 100% auto;
    }
    .selectBox-dropdown-menu{
        font-size: 9px;
    }
    .selectBox-options li a{
        line-height: 17px;
        padding: 0 12px;
    }
    .header{
        padding: 23px 0 21px;
    }
    .header-menu{
        padding: 10px 0;
    }
    .header-menu-item{
        font-size: 10px;
    }
    .header-search{
        margin-right: 9px;
        padding: 7px 0;
    }
    .search-input{
        font-size: 9px;
        width: 86px;
        padding: 5px 13px 3px;
    }
    .socials-item{
        margin: 7px 7px 7px 0;
        width: 28px;
        height: 28px;
    }
    .socials-item-link{
        background-size: 600% auto;
    }
    .s-in{
        background-position: -28px 0;
    }
    .s-fb{
        background-position: -56px 0;
    }
    .s-tw{
        background-position: -84px 0;
    }
    .s-gp{
        background-position: -112px 0;
    }
    .s-ps{
        background-position: -140px 0;
    }
    .socials-small .socials-item{
        width: 19px;
        height: 19px;
        margin: 7px 0 0 4px;
    }
    .socials-small .socials-item-link{
        background-size: 400% auto;
    }
    .socials-small .s-fb{
        background-position: -19px 0;
    }
    .socials-small .s-yt{
        background-position: -38px 0;
    }
    .socials-small .s-in{
        background-position: -57px 0;
    }
    .owl-prev,
    .owl-next{
        width: 60px;
        height: 60px;
        background-size: 100% auto;
        margin-top: -30px;
    }
    .owl-prev{
        left: 9px;
        background-position: 0 -60px;
    }
    .owl-next{
        right: 9px;
    }
    .owl-dot{
        width: 9px;
        height: 9px;
        margin-left: 5px;
        background-size: 200%;
    }
    .owl-dot{
        background-position: 0 -9px;
    }
    .owl-dot:hover,
    .owl-dot.active{
        background-position: -9px -9px;
        cursor: pointer;
    }
    .dots-blue .owl-dot{
        background-position: 0 0;
    }
    .dots-blue .owl-dot:hover,
    .dots-blue .owl-dot.active{
        background-position: -9px 0;
    }
    .dots-bg .owl-dots{
        padding: 6px 9px;
    }
    .j-slider .owl-dots{
        padding-top: 9px;
    }
    .jumb{
        padding-bottom: 10px;
    }
    .news-wrap{
        padding: 30px 0 25px;
    }
    .news-wrap .title{
        margin-bottom: 18px;
    }
    .news-wrap .leftcol{
        width: 580px;
    }
    .news-wrap .rightcol{
        width: 390px;
    }
    .news-box{
        margin-bottom: 16px;
        height: auto;
    }
    .news-box-content{
        padding: 10px 6px 10px 10px;
        height: 145px;
    }
    .news-box-date{
        font-size: 9px;
    }
    .news-box-title{
        margin-top: 7px;
    }
    .news-box-text{
        line-height: 12px;
        margin-top: 5px;
    }
    .gigs-wrap{
        margin-bottom: 16px;
        padding: 40px 0;
        height: 556px;
    }
    .gigs-wrap-small{
        height: 270px;
        padding: 20px 0;
    }
    .gigs-wrap-small .gig{
        min-height: 0;
    }
    .gigs-wrap-small .gig-info{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .gigs-wrap .title{
        margin-bottom: 25px;
    }
    .gigs-wrap-small .title {
        margin-bottom: 15px;
    }
    .gigs{
        padding: 0 66px;
    }
    .gigs-concert-page{
        padding: 0 123px;
    }
    .gig{
        min-height: 68px;
    }
    .gig-date,
    .gig-info{
        padding: 4px 0;
    }
    .gig-date{
        font-size: 9px;
        border-right-width: 2px;
    }
    .gig-date-num{
        font-size: 27px;
        margin-bottom: 4px;
    }
    .gig-info{
        padding-left: 30px;
        padding: 15px;
    }
    .gig-info::before{
        width: 9px;
        height: 9px;
        margin-top: -4px;
        left: -5px;
    }
    .gig:first-child .gig-info::before{
        width: 20px;
        height: 20px;
        margin-top: -10px;
        left: -11px;
    }
    .gig-info-city{
        font-size: 12px;
        margin-bottom: 8px;
    }
    .gigs-slider .owl-dots{
        margin-top: 30px;
    }
    .vids{
        padding: 15px 0 30px;
    }
    .vids .title{
        margin-bottom: 20px;
    }
    .vids-list-item{
        height: 95px;
        margin-top: 16px;
    }
    .vids-list-item-img{
        width: 169px;
    }
    .vids-list-item img{
        height: 95px;
    }
    .vids-list-item-title{
        padding: 0 15px;
        font-size: 9px;
        line-height: 12px;
    }
    .vids-list-item-time{
        margin-top: 12px;
        font-size: 9px;
    }
    .player-wrap{
        padding: 14px 0 30px;
    }
    .player-wrap .container{
        height: 376px;
        background-size: cover;
    }
    .release{
        width: auto;
        padding: 28px 110px 10px;
    }
    .release .title{
        margin-bottom: 15px;
    }
    .release .btn-more{
        margin-top: 8px;
    }
    .player{
        padding: 28px 25px 10px 10px;
    }
    .player .title{
        margin-bottom: 15px;
    }
    .playlist-wrap .scrollbar{
        width: 7px;
    }
    .playlist-wrap .viewport{
        height: 265px;
        margin-right: 18px;
    }
    .playlist-item{
        margin-top: 5px;
    }
    .jp-audio{
        height: 25px;
        font-size: 9px;
        padding: 8px 52px 8px 42px;
    }
    .jp-play{
        width: 7px;
        height: 9px;
        background-size: 10px auto;
    }
    .jp-pause{
        width: 10px;
        height: 12px;
        background-size: 100% auto;
    }
    .shop-wrap{
        padding: 30px 0 15px;
    }
    .beeps{
        padding: 15px 95px 15px 65px;
        width: auto;
    }
    .beeps .title{
        margin-bottom: 25px;
    }
    .beeps-note{
        font-size: 9px;
        line-height: 13px;
        padding: 12px;
        margin-top: 14px;
        margin-bottom: 12px;
    }
    .beeps-slider .owl-dots{
        padding-top: 23px;
    }
    .shop{
        height: 377px;
        background-size: cover;
        padding: 42px 0 24px;
    }
    .shop .title{
        margin-bottom: 55px;
    }
    .shop-slider{
        width: 386px;
        max-width: 100%;
    }
    .shop-slider .shop-item-img-wrap{
        width: 115px;
        height: 115px;
        line-height: 115px;
    }
    .shop-slider .shop-item-price{
        font-size: 14px;
        margin-top: 13px;
    }
    .shop-slider .owl-dots{
        margin-top: 65px;
    }
    .gallery{
        padding: 7px 0 50px;
    }
    .gallery .subtitle{
        font-size: 12px;
        margin-bottom: 7px;
    }
    .gallery-btns .btn{
        width: 165px;
        margin-left: 21px;
        height: 35px;
        padding: 9px 0;
    }
    .gallery-nav{
        width: 8px;
        height: 12px;
        background-size: 200% auto;
    }
    .gallery-prev{
        left: 25px;
    }
    .gallery-next{
        background-position: -8px 0;
        right: 25px;
    }
    .ig{
        padding: 7px 0 63px;
    }
    .ig .subtitle{
        margin-bottom: 18px;
    }
    .ig-item-img-wrap{
        width: auto;
        margin-bottom: 16px;
    }
    .ig-item-text{
        line-height: 16px;
    }
    .instagram-slider .owl-prev,
    .instagram-slider .owl-next{
        width: 19px;
        height: 31px;
        background-size: 200% auto;
    }
    .instagram-slider .owl-next{
        background-position: -19px 0;
    }
    .filter-year,
    .get-news,
    .get-news:visited{
        font-size: 12px;
        margin: 0 0 0 12px;
    }
    .filter-year.active{
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .filter-year-list{
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .filter-year-item{
        padding-left: 18px;
    }
    .filter-year-list{
        padding-bottom: 15px;
    }
    .filter-year span::after{
        width: 9px;
        height: 6px;
        background-size: 200% auto;
        background-repeat: no-repeat;
        top: 5px;
    }
    .filter-year.active span::after{
        background-position: -9px 0;
    }
    .filter-year{
        min-width: 45px;
        padding: 6px 26px 4px 18px;
    }
    .videolist-wrap .viewport{
        height: 650px;
    }
    .video-description p{
        margin: 15px 0;
    }
    .music-box-title div{
        font-size: 14px;
    }
    .music-box-title{
        margin-top: 16px;
    }
    .album{
        margin-bottom: 58px;
    }
    .single-page h3{
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 16px;
    }
    .single-content-data{
        font-size: 13px;
    }
    .single-player{
        margin: 30px 0 27px;
    }
    .single-buttons .btn{
        margin-top: 7px;
        margin-bottom: 7px;
    }
    .text-content-wrap.up{
        margin-top: -60px;
        padding-top: 52px;
    }
    .text-content-header{
        padding-bottom: 52px;
    }
    .text-content{
        max-width: 670px;
    }
    .text-content h1{
        font-size: 22px;
        margin: 48px 0 15px;
    }
    .text-content p{
        font-size: 12px;
        line-height: 18px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .text-content .video-container,
    .text-content .soundcloud-container,
    .text-content iframe{
        margin: 41px 0;
    }
    .text-content blockquote{
        margin: 16px 45px 16px 15px;
    }
    .text-content blockquote p{
        font-size: 22px;
        line-height: 30px;
    }
    .text-content blockquote p::before,
    .text-content blockquote p::after{
        width: 28px;
        height: 28px;
        background-size: 200% auto;
    }
    .text-content blockquote p::before{
        left: -45px;
    }
    .text-content blockquote p::after{
        background-position: -28px;
        right: -33px;
    }
    .text-content-link-back,
    .text-content-link-back:visited{
        font-size: 12px;
    }
    .text-content-link-back::before{
        width: 5px;
        height: 8px;
        background-size: 100% auto;
        margin-right: 5px;
    }
    .text-content-share{
        font-size: 12px;
        padding: 3px 52px;
    }
    .photo-box-title-link{
        font-size: 12px;
        line-height: 18px;
    }
    .photo{
        margin-bottom: 22px;
    }
    .photo-box-title{
        padding: 15px 11px;
        /* height: 36px; */
        min-height: 46px;
    }
    .contacts-band-item{
        width: 162px;
        margin-left: -81px;
        padding: 10px 7px 13px;
    }
    .contacts-band-item .email{
        font-size: 12px;
        margin-top: 5px;
    }
    .contacts-band .tip1{
        top: 57%;
        left: 18.2%;
    }
    .contacts-band .tip2{
        top: 54.7%;
        left: 33.7%;
    }
    .contacts-band .tip3{
        top: 38%;
        left: 44.6%;
    }
    .contacts-band .tip4{
        top: 42.8%;
        left: 58.2%;
    }
    .contacts-inner{
        font-size: 12px;
        line-height: 18px;
        padding-right: 30px;
    }
    .contacts-head,
    .contacts-band-head{
        font-size: 14px;
        margin: 33px 0 18px;
    }
    .contacts-person{
        width: 158px;
        margin-right: 16px;
    }
    .contacts-person-info .btn{
        height: 30px;
        font-size: 12px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .group-page-link{
        margin-bottom: 9px;
    }
    .group-page-link-img-box{
        width: 68px;
        height: 68px;
        margin-right: 24px;
    }
    .biography h2{
        margin: 22px 0;
    }
    .biography-slider{
        margin-bottom: 50px;
    }
    .biography-slider-years-list{
        padding-top: 45px;
    }
    .biography-slider-years-item{
        font-size: 22px;
        height: 45px;
        line-height: 45px;
        margin-bottom: 35px;
    }
    .biography-slider-years-item::after{
        bottom: -24px;
    }
    .biography-slider-years-list .owl-item.active.center .biography-slider-years-item{
        font-size: 36px;
    }
    .biography-slider-years-list .owl-item.active.center .biography-slider-years-item::after{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 21px;
        height: 21px;
        padding: 0;
        bottom: -35px;
        margin-left: -10px;
    }
    .biography-slider::before{
        background-position: 100% 0;
    }
    .biography-slider-text-list{
        padding: 55px 0;
    }
    .biography-slider::before, .biography-slider::after{
        width: 150px;
    }
    .biography-slider-text-item{
        font-size: 12px;
    }
    .biography-slider-text-item{
        padding: 0 155px;
    }
    .artist-info-header{
        margin: 25px 0 42px;
    }
    .artist-info .text-content p{
        font-size: 12px;
        margin: 18px 0;
    }
    .artist-info-text{
        max-width: 100%;
    }
    .socials-small-gray .socials-item{
        width: auto;
    }
    .socials-small-gray .socials-item-link{
        background-size: 40px;
        margin: 0 8px;
    }
    .socials-small-gray .s-vk{
        width: 8px;
        background-position: 0 50%;
    }
    .socials-small-gray .s-in{
        width: 13px;
        background-position: -8px 50%;
    }
    .socials-small-gray .s-fb{
        width: 6px;
        background-position: -22px 50%;
    }
    .socials-small-gray .s-tw{
        width: 11px;
        background-position: -29px 50%;
    }
    .artist-video .videolist-wrap .viewport{
        height: 317px;
    }
    .page-search .videolist-wrap .viewport{
        height: 400px;
    }
    .search-short-info{
        font-size: 12px;
        margin: 15px 0 40px;
    }
    .remodal{
        max-width: 450px !important;
    }
    .remodal.success{
        background-size: 100%;
    }
    .remodal.info{
        max-width: 800px !important;
        padding-left: 80px;
        padding-right: 80px;
    }
    .remodal.info h4{
        margin-bottom: 30px;
    }
    .remodal p{
        margin: 15px 0;
    }
    .remodal h1{
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .remodal h4{
        font-size: 11px;
    }
    .remodal input{
        font-size: 11px;
        padding: 8px 30px;
    }
    .remodal-btn-blue{
        font-size: 11px;
        padding: 9px;
    }
    .remodal form{
        width: 264px;
        max-width: 100%;
        margin: 35px auto 0;
    }
    .search-box{
        padding: 20px 28px;
    }
    .search-box + .search-box{
        margin-top: 16px;
    }
    .search-box-title{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .footer-content{
        max-width: 495px;
        padding: 0 16px;
    }
    .footer-item{
        padding-top: 36px;
    }
    .footer-it{
        width: 71px;
    }
    .footer-gp{
        width: 85px;
    }
    .footer-ym{
        width: 78px;
    }
    .footer-resprod{
        padding: 28px 0 15px 15px;
    }
    .footer-resprod img{
        width: 127px;
    }
    .footer-resprod-about{
        line-height: 15px;
        padding-left: 51px;
    }
    .footer-dali{
        padding: 15px 0 13px;
    }
    .dali{
        width: 92px;
        height: 14px;
        background-size: 92px 28px;
    }
    .dali:hover{
        background-position: 0 -14px;
    }
}

@media screen and (max-width: 1060px) {
    .instagram-slider {
        margin-left: 25px;
        margin-right: 25px;
        width: auto;
    }
}

@media screen and (max-width: 1023px) {
    .header-logo {
        max-height: 33px;
    }
    .header-socials {
        margin-right: 50px;
    }
    .header-menu-wrap {
        display: block;
        position: absolute;
        top: 24px;
        right: 12px;
        text-align: center;
        width: 30px;
        height: 30px;
    }
    .header-menu-burger {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/hamburger.png) 0 -30px no-repeat;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    .header-menu-burger.opened {
        background-position: 0 0;
    }
    .header-menu {
        background: #111;
        border: 1px solid #818181;
        z-index: 9;
        width: 180px;
        position: absolute;
        top: 50px;
        right: 0;
        padding: 0;
        box-shadow: 0 5px 5px rgba(0,0,0,.15);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    .header-menu.opened {
        visibility: visible;
        opacity: 1;
    }
    .header-menu-item {
        display: block;
    }
    .header-menu-link {
        border-top: 1px solid #818181;
        display: block;
        padding: 6px;
        text-align: center;
    }
    .header-menu-link.active {
        color: inherit;
    }
    .header-menu-link:active {
        background: #05060d;
        color: #fff;
    }
    .header-menu-item:first-child .header-menu-link {
        border-top: 0;
    }
}

@media screen and (max-width: 1023px) {
    .search-input {
        
        width: 170px;
        
    }
}

@media screen and (max-width: 1000px) {
    .instagram-slider {
        margin-left: 25px;
        margin-right: 25px;
    }
    .instagram-slider .owl-prev {
        left: -23px;
    }
    .instagram-slider .owl-next {
        right: -23px;
    }
}

@media screen and (max-width: 989px) {
    .page {
        min-width: 320px;
    }
    .container {
        width: 100%;
    }
    .contacts-person {
        width: auto;
        margin-right: 0;
        float: none;
        margin-bottom: 10px;
    }
    .contacts-item:first-child .contacts-head {
        margin-top: 0;
    }
    .videolist-wrap .viewport,
    .videolist-wrap .scrollbar {
        height: 350px !important;
    }
    .vids-list-item {
        height: auto;
    }
    .vids-list-item-img {
        width: 40%;
    }
    .vids-list-item-time {
        margin-top: 5px;
    }
    .artist-info-header {
        margin-bottom: 25px;
    }
    .artist-info-header h2 {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .artist-info-header-social {
        display: block;
        margin-left: -8px;
    }
    .biography-slider-text-item {
        padding: 0 75px;
    }
    .release {
        padding-left: 0;
        padding-right: 0;
    }
    .release-img {
        width: 250px;
        max-width: 90%;
        display: block;
        margin: 0 auto;
    }
    .thank {
        padding: 25px 0;
        background-size: cover;
    }
    .beeps {
        padding-left: 5%;
        padding-right: 5%;
    }
    .news-wrap .leftcol {
        width: 59.793%;
    }
    .news-wrap .rightcol {
        width: 40.207%;
    }
    .gigs {
        padding: 0 10%;
    }
    .gigs-concert-page {
        padding: 0 19%;
    }
    .photo-box-title-link {
        font-size: 10px;
        line-height: 14px;
    }
    .photo-box-title {
        min-height: 36px;
    }
    .single-buttons .btn {
        min-width: 0;
        width: 30%;
        float: left;
    }
}

@media screen and (max-width: 910px) {
    .shop {
        padding-left: 15px;
        padding-right: 15px;
    }
    .shop-slider .shop-item-img-wrap {
        width: 98px;
        height: 98px;
        line-height: 98px;
    }
    .shop-slider .owl-dots {
        margin-top: 35px;
    }
    .group-page-link-img-box {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .biography-slider-years-item {
        height: 30px;
        line-height: 35px;
        font-size: 20px;
        white-space: nowrap;
    }
    .biography-slider-years-list .owl-item.active.center .biography-slider-years-item {
        font-size: 24px;
    }
    .footer-socials {
        padding-right: 30%;
    }
}

@media screen and (max-width: 850px) {
    .page-main .news-wrap-more,
    .page-main .news-btn-more-wrap {
        display: none;
    }
    .news-btn-all-wrap {
        display: block;
    }
    .news-wrap .leftcol,
    .news-wrap .rightcol {
        width: 100%;
        float: none;
    }
    .page-news .news-wrap .pure-u-1-2 {

    }
    .gigs-wrap {
        margin-top: 40px;
        height: auto;
    }
    .gigs-slider {
        max-width: 300px;
        margin: 0 auto;
    }
    .gigs-concert-page {
        padding: 0 10%;
    }
}

@media screen and (max-width: 767px) {
    .header-logo-wrap {
        padding-top: 12px;
    }
    .header-search {
        clear: both;
        margin-right: 8px;
        margin-top: 5px;
    }
    .header-menu {
        top: 36px;
    }
    .footer-content {
        max-width: 100%;
    }
    .footer-item {
        float: none;
        text-align: center;
        width: 100%;
    }
    .footer-socials {
        padding-right: 0;
    }
    .container-music-nav,
    .page-search,
    .single-page {
        margin-top: 10px;
    }
    .video-header,
    .news-wrap {
        padding-top: 10px;
    }
    .contacts {
        padding: 15px 0 50px;
    }
    .contacts-inner {
        padding-right: 0;
    }
    .contacts-band {
        margin-top: 30px;
    }
    .contacts-item {
        width: 33.3%;
        float: left;
    }
    .contacts-head {
        margin-top: 0;
    }
    .page-foto {
        background: none;
        padding-bottom: 0;
    }
    .page-search {
        background: none;
        margin-bottom: 0;
        min-height: 0;
    }
    .page-search .overview {
        position: static;
    }
    .page-search .scrollbar {
        display: none;
    }
    .page-search .videolist-wrap .viewport {
        height: auto !important;
        width: 100%;
    }
    .gallery {
        padding-top: 0;
    }
    .vids-list-item-img {
        width: 160px;
    }
    .videolist-wrap {
        margin-top: 15px;
    }
    .videolist-wrap .viewport,
    .videolist-wrap .scrollbar {
        height: 180px !important;
    }
    .group-page-list-link {
        margin-top: 15px;
    }
    .group-page-link {
        width: 48%;
    }
    .group-page-link:nth-child(even) {
        float: left;
    }
    .group-page-link:nth-child(odd) {
        float: right;
    }
    .group-page-link:first-child {
        width: 100%;
        float: none;
    }
    .vids-list-slider {
        margin-top: 16px;
    }
    .thank {
        padding: 12px 0;
    }
    .thank .btn {
        width: 160px;
    }
    .shop-slider .shop-item-img-wrap {
        width: 115px;
        height: 115px;
        line-height: 115px;
    }
    .shop {
        height: auto;
        margin: 20px auto 35px;
    }
    .shop .title {
        margin-bottom: 30px;
    }
    .gigs-wrap {
        margin-bottom: 0;
    }
    .text-content-header {
        padding-bottom: 15px;
    }
    .single-content {
        margin-top: 40px;
    }
    .sb-medium-screen {
    	display: none;
    }
}

@media screen and (min-width: 767px) {
	.sb-small-screen {
		display: none;
	}
}

@media screen and (max-width: 700px) {
    .contacts-item {
        float: none;
        width: 100%;
    }
    .contacts-head {
        margin-top: 30px;
    }
    .contacts-person {
        float: left;
        width: 158px;
        margin-right: 16px;
    }
    .owl-prev,
    .owl-next {
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .owl-prev {
        background-position: 0 -40px;
        left: 0;
    }
    .owl-next {
        right: 0;
    }
    .biography-slider-text-list {
        padding: 30px 0;
    }
    .biography-slider-text-item {
        padding: 0 45px;
    }
}

@media screen and (max-width: 567px) {
    .header-logo-wrap {
        padding-top: 0;
        padding-right: 50px;
        padding-left: 0;
    }
    .header-socials {
        margin-top: 5px;
        margin-right: 0;
        float: left;
    }
    .header-search {
        clear: none;
        float: right;
        margin-right: 8px;
    }
    .vids-list-item-img {
        width: 100px;
    }
    .video-header .btn-more {
        min-width: 0;
        float: right;
    }
    .ig-item-video::after {
        width: 20px;
        height: 22px;
        background-size: 100% 100%;
        margin-left: -10px;
        margin-top: -10px;
    }
    .player .playlist-wrap .viewport,
    .single-player .viewport {
        height: 155px;
    }
    .biography-slider-nav,
    .biography-slider::before,
    .biography-slider::after {
        display: none;
    }
    .biography-slider-text-item {
        padding: 0;
        text-align: justify;
    }
    .biography-slider-years-list {
        padding-top: 0;
    }
    .biography-slider {
        background: transparent;
        margin-bottom: 25px;
    }
    .player-wrap .container {
        height: auto;
        background-size: cover;
    }
    .thank-wrap .container {
        padding: 0 10px;
    }
    .thank {
        padding: 8px 0;
    }
    .text-content blockquote {
        margin-left: 0;
        margin-right: 0;
    }
    .text-content blockquote p {
        width: auto;
        display: block;
        padding: 0 35px;
        font-size: 16px;
        line-height: 22px;
    }
    .text-content blockquote p::before {
        left: 0;
    }
    .text-content blockquote p::after {
        right: 0;
    }
    .single-buttons .btn {
        width: 47%;
    }
    .page-404 {
        font-size: 12px;
        padding: 20px 0 50px;
    }
    .page-404-title {
        margin-top: -25px;
        font-size: 32px;
    }
}

@media screen and (max-width: 500px) {
    .group-page-link:nth-child(even),
    .group-page-link:nth-child(odd),
    .group-page-link:first-child {
        float: none;
        width: 100%;
    }
    .biography-slider-years-item {
        height: 15px;
        line-height: 20px;
        font-size: 12px;
    }
    .biography-slider-years-list .owl-item.active.center .biography-slider-years-item {
        font-size: 12px;
        line-height: 25px;
    }
    .get-news::before {
        content: "";
        display: block;
    }
    .get-news {
        margin-left: 8px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 450px) {
    .beeps {
        padding-left: 0;
        padding-right: 0;
    }
    .beeps-top-field .selectBox-dropdown {
        min-width: 135px;
        width: 135px;
    }
    .remodal {
        padding-bottom: 35px;
    }
    .remodal.success {
        padding-bottom: 130px;
    }
    .remodal.info {
        padding-left: 15px;
        padding-right: 15px;
    }
    .remodal.info h4 br {
        display: none;
    }
    .text-content p {
        margin-left: 8px;
        margin-right: 8px;
    }
}

@media screen and (max-width: 400px) {
    .album {
        margin-bottom: 35px;
    }
    .contacts-person {
        width: auto;
        margin-right: 0;
        float: none;
    }
    .contacts-band-head {
        margin-top: 15px;
        width: 100%;
        left: 0;
        text-align: center;
    }
    .gallery-btns .btn {
        width: 100%;
    }
    .gallery-btns .btn:last-child {
        margin-top: 8px;
        margin-left: 0;
    }
    h2 {
       font-size: 18px;
    }
    .ig-item-text {
        line-height: 12px;
    }
    .filter-year {
        vertical-align: middle;
    }
    .text-content iframe:not(.instagram-media):not([src^="https://open.spotify.com/"]) {
        height: auto;
    }
}

@media screen and (max-width: 385px) {
    .text-content-share {
        padding-top: 12px;
    }
}

@media screen and (max-width: 350px) {
    .header-menu-wrap {
        top: 22px;
    }
    .single-buttons .btn {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
    }
}