@media only screen and (max-width : 1680px){
    .top-prod .img-block, .top-dig .img-block, .top-event .img-block{
        max-width: 50%;
    }
    
}

@media only screen and (max-width : 1650px){
     .about__text{
         padding-left: 20px;
     }
     .popupblock .form-block{
        padding-top: 150px;
     }
}

@media only screen and (max-width : 1600px){
    #fp-nav{
        top: 60%;
    }
    #fp-nav ul li{
        margin: 70px 0;
    }
    .resources-block{
        padding-left: 100px;
    }
    .resources-block .resource .inner{
        margin-right: 100px;
    }
    .container{
        max-width: 100%;
        padding: 0 15px;
    }
    .effectiv .num-block{
        margin-right: 45px;
    }
    .number-block .all-num .big-num{
        font-size: 146px;
    }
    .fp-tableCell{
        padding-top: 10%;
    }
    .section .inner .after-h1{
        font-size: 18px;
    }
    .title{
        font-size: 44px;
        line-height: 48px;
    }
    .mouse-block{
        margin-top: 30px;
    }
    #fp-nav ul li{
        margin: 60px 0;
    }
    .presenter-block .presenter .text-block {
        max-width: 60%;
    }
    .presenter-block .presenter p{
        margin-bottom: 10px;
    }
    .top-amic, .top-atmosfera{
        padding-bottom: 50px;
    }
    .top-inner{
        padding-top: 230px;
    }
    .contacts{
        margin: 0 auto;
        max-width: 1400px;
    }
}

@media only screen and (max-width : 1560px){
    .right-top{
        width: 66%;
    }
    .left-top{
        width: 33%;
    }
    .top-menu ul:not(.child)>li{
        margin: 0 20px;
    }
    .section .inner{
        padding: 0px 120px 0;
    }
    .city-select .current{
        font-size: 20px;
    }
    .top-phone .popup{
        font-size: 15px;
    }
    .top-phone .phone{
        font-size: 18px;
    }
    .title{
        font-size: 44px;
        line-height: 55px;
    }
    .tabs-block .box{
        padding-top: 35px;
    }
    .tabs-block .box .btn-block {
        margin-top: 40px;
    }
    #fullpage .section:nth-child(3) .block-left, #fullpage .section:nth-child(4) .block-left{
        padding-top: 80px;
    }
    .geography .img-block{
        width: 65%;
    }
    .resources-block {
        padding-left: 30px;
    }
    .resources-block .resource .inner {
        margin-right: 30px;
    }
    .marketing {
        padding-top: 100px;
    }
    .marketing .after-title{
        margin-bottom: 60px;
    }
    .effectiv .num-block .item{
        padding: 50px 30px;
    }
    .effectiv .num-block {
        margin-right: 30px;
    }
    .effectiv .text-block {
        max-width: 900px;
    }
    .effectiv .text-block .text {
        max-width: 600px;
        margin-left: 30px;
    }
    .effectiv .text-block .text p{
        margin-bottom: 20px;
    }
    .effectiv .text-block .title {
        margin-bottom: 60px;
        margin-top: 20px;
    }
    .directors .item .text {
        max-width: 420px;
    }
    .faces-block .item {
        width: 10%;
    }
    .top-amic, .top-atmosfera{
        padding-top: 160px;
        padding-bottom: 60px;
    }
    .top-amic .container, .top-atmosfera .container {
        width: 80%;
    }
    .lenght-deep {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .text-amic{
        padding: 30px 15px;
    }
    .top-agency .container{
        max-width: 80%;
    }
    .top-agency{
        padding-top: 260px;
    }
    .top-prod .top-text, .top-dig .top-text, .top-event .top-text{
        top: 70px;
        padding: 90px 100px 50px;
    }
    .top-prod, .top-dig, .top-event{
        padding-top: 250px;
        padding-bottom: 160px;
    }
    .product .block{
        width: 330px;
    }
    .product .block .inner {
        padding: 30px 20px;
    }
    .managers .btn-block a.btn{
        width: 90%;
    }
    .dictors .item{
        max-width: 49%;
    }
    .types .item{
        max-width: 24%;
    }
    .d-radio{
        width: 45%;
    }
    .v-radio{
        width: 55%;
    }
    .presenter-block .presenter .text-block {
        max-width: 50%;
    }
    .presenter-block .presenter .img-block {
        margin-right: 10px;
    }
    .menu-radio li.tab a{
        font-size: 18px;
    }
    .inner-page-radio .list-block .top-list .inner .list-title {
        font-size: 16px;
    }
    .inner-page-radio .list-block .top-list .inner .city{
        font-size: 14px;
    }
    .inner-page-radio .list-block{
        padding: 30px;
    }
    .left-list-radio .volume-block {
        margin: 0 30px;
    }
    .thank-block{
        bottom: 150px;
        width: 300px;
    }
    .bottom-block, .waves{
        height: 150px;
    }
    .popupblock .form-inner .field-block{
        margin-bottom: 20px;
    }
    .popupblock .form-block.director-block {
        padding-top: 50px;
    }
    .firstscreen-btn {
        left: 0px;

    }
    .firstscreen-right img{
        height: 500px;
    }
    .search__top .container {
        transform: translate(-50%,0);
        padding: 0 106px;
    }
    .search__top-text {
        padding-top: 100px;
    }
}

@media only screen and (max-width : 1400px){
    .about-right{
        padding-right: 0;
        margin-left: 40px;
    }
    .work__bottom-content{
        max-width: 620px;
    }
    .work__bottom-content{
        margin-right: 20px;
        margin-left: 25px;
    }
    .search__bottom .container {

        padding: 0 60px;
    }
    .search__bottom-right {
        padding-left: 20px;
    }
    .contacts__bottom-right {
        max-width: 620px;

    }
}

@media only screen and (max-width : 1366px){
    .city-select .current{
        font-size: 16px;
        padding-right: 20px;
    }
    .section .inner {
        padding: 0px 80px 0;
    }
    .section .inner .after-h1{
        font-size: 18px;
        margin-top: 15px;
    }
    header{
        padding: 30px 0px 0 70px;
    }
    .fp-tableCell{
        padding-top: 13%;
    }
    #fp-nav {
        top: 60%;
    }
    #fp-nav ul li {
        margin: 50px 0;
    }
    .menu-burger .line-burger{
        width: 65px;
    }
    .menu-burger{
        top: 130px;
        left: -60px;
    }
    .mouse-block{
        margin-top: 30px;
    }    
    .tabs-block .controls{
        bottom: 100px;
    }
    .popupblock .menu-block, .popupblock .form-block{
        padding-top: 130px;
    }
    .popupblock .menu-block ul{
        padding: 0 90px;
    }
    .popupblock .menu-block ul li {
        width: 33%;
        margin-bottom: 70px;
    }
    .directors .img{
        width: 200px;
    }
    .directors .item .text p{
        margin-bottom: 10px;
    }
    .directors {
        margin-bottom: 100px;
    }
    footer{
        padding-bottom: 130px;
    }
    .top-agency{
        padding-bottom: 150px;
    }
    .steps, .advant, .managers {
        margin-top: 150px;
    }
    .product .block{
        width: 310px;
    }
    .how-we-work, .advantages-block{
        margin-top: 100px;
    }
    .thank-block{
        width: 300px;
    }
    .bottom-block, .waves{
        height: 150px;
    }
    .thank-block {
        bottom: 150px;
    }
    .top-prod .top-text{
        top: 60px;
    }

}

@media only screen and (max-width : 1320px){
    .about-right__pic{
        display: none;
    }
    .about-left{
       max-width: 643px;
   }
   .work__bottom-content{
       max-width: 600px;
   }
}

@media only screen and (max-width : 1280px){
    .section .inner {
        padding: 0px 70px 0;
    }
    .city-select .current {
        font-size: 18px;
    }
    .top-phone .phone {
        font-size: 16px;
    }
    .top-phone .popup {
        font-size: 13px;
    }
    .video-block a{
        font-size: 29px;
    }
    .title{
        font-size: 40px;
    }
    .tabs-block .controls{
        bottom: -100px;
    }
    .top-menu ul:not(.child)>li {
        margin: 0 10px;
    }
    .top-about .container{
        width: 80%;
    }
    .top-about{
        padding-top: 220px;
    }
    .top-about .title {
        margin-bottom: 50px;
    }
    .director-block .container{
        width: 90%;
    }
    .director-block .text-block .quote{
        max-width: 600px;
    }
    .director-block .text-block{
        padding: 30px;
    }
    .resources .container>.title{
        top: -20px;
    }
    .resources-block {
        padding-left: 15px;
    }
    .resources-block .resource .inner {
        margin-right: 15px;
    }
    .resources-block .resource .after-title{
        margin-bottom: 30px;
    }
    .resources-block .resource .inner{
        margin-bottom: 50px;
    }
    .effectiv .num-block{
        width: 330px
    }
    .effectiv .num-block .item .text{
        font-size: 16px;
    }
    .directors .item{
        width: 100%;
        margin-bottom: 50px;
    }
    .directors .item .text {
        max-width: 80%;
    }
    .top-amic .after-title, .top-atmosfera .after-title{
        margin-bottom: 40px;
    }
    .lenght-deep .flex>div, .number-block .text, .number-block .all-num, .text-amic .item {
        width: 48%;
    }
    .managers-block {
        width: 80%;
    }
    .steps .tabs .tabs-title .tab-title, .steps .tabs .tabs-block .tab .inner .text p{
        margin-bottom: 20px;
    }
    .steps .tabs .tabs-block{
        width: 700px;
    }
    .product .block {
        width: 290px;
    }
    .top-prod .top-text, .top-dig .top-text, .top-event .top-text{
        padding: 50px 70px 50px;
        top: 50px;
    }
    .managers .btn-block {
        margin: 0 auto 50px;
    }
    .presenter-block .presenter .text-block {
        max-width: 48%;
    }
    .top-prod .top-text, .top-dig .top-text, .top-event .top-text{
        padding: 50px 70px 50px;
        top: 70px;
    }
    .top-prod .img-block img, .top-dig .img-block img, .top-event .img-block img{
        height: auto;
    }
    .types .jp-audio .jp-type-single{
        padding: 12px 20px;
    }
}

@media only screen and (max-width : 1270px){
    .work__bottom-content{
        max-width: 560px;
    }
    .firstscreen-btn {
        left: 0px;
        top: 370px;
    }
    .firstscreen .container{
        padding-top: 150px;

    }
    .firstscreen-right{
        padding-top: 90px;
    }
    .firstscreen-right img{
        height: 450px;
    }
    .search__bottom-right {
        padding-top: 37px;
    }
    .search__bottom-right{
        margin-right: 0px;
    }
    .search__bottom-title {
        padding-top: 70px;
    }
}

@media screen and (max-width: 1170px){
    .about-left{
        max-width: 593px;
    }
    .about__text-block-wrap{
        padding: 0 20px;
    }
    .about-right__block{
        font-size: 21px;
        text-align: center;
        padding: 0 25px;
    }
    .search__top .container {
        padding: 0 76px;
    }
    .search__top-text {
        padding-top: 70px;
    }
    .firstscreen-btn {
        left: 0px;
        top: 370px;
    }
    .firstscreen .container{
        padding-top: 150px;

    }
    .firstscreen-right{
        padding-top: 80px;
    }
    .firstscreen-right img{
        height: 400px;
    }
    .search__bottom .container {
        padding: 0 40px;
    }
    .search__bottom-right {
        padding-left: 30px;
    }
    .search__bottom-title {
        padding-top: 40px;
    }
    .contacts__bottom-right {
        max-width: 520px;

    }
}
@media screen and (max-width: 1095px){
    .contacts__top-item {
        font-size: 20px;
    }
    .search__top .container {
        padding: 0 65px;
    }
    .search__top-text {
        padding-top: 60px;
    }
    .search__top-text blockquote {
        font-size: 19px;
        line-height: 25px;

    }
    .firstscreen-right img{
        height: 350px;
    }
    .firstscreen-right{
        padding-top: 140px;
        margin-right: -30px;
    }
    .firstscreen-title h1{
        font-weight: bold;
        font-size: 45px;
    }
    .firstscreen .container{
        padding-top: 110px;

    }
    .firstscreen{
        position: relative;
        overflow: hidden;
        height: 800px;
    }
    .search__bottom-title {
        padding-top: 30px;
    }
    .contacts__bottom-right {
        max-width: 510px;

    }
}

@media only screen and (max-width : 1024px){
    .top-prod .top-text, .top-dig .top-text, .top-event .top-text{
        padding: 50px 30px 50px;
        top: 25px;
    }
    
}

@media screen and (max-width: 1000px){
    .contacts__bottom-right {
        max-width: 420px;
        padding-left: 15px;
    }
    .contacts__bottom-content {
        grid-column-gap: 56px;  
    }
    .about .container{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: relative;
        color:white;
        padding-top: 244px;
        max-width: 1450px;
    }
    .search__top .container {
        padding: 0 60px;
    }
    .search__top-text blockquote {
        font-size: 18px;
        line-height: 24px;
    }
    .about-left{
        max-width: 1000px;
    }
    .about__text-block{
        max-width: 1000px;
        
    }
    .about-right{
        padding-top: 50px;
        margin-left: 0px;
        max-width: 1000px;
    }
    .about-right-wrap{
        display: grid;
        grid-template-columns: 1fr  1fr;
        grid-gap: 16px;
        
    }
    .work__info-text p {
        font-size: 15px;
    }
    .search__bottom-title {
        padding-top: 20px;
    }
    .search__bottom-right {
        padding-top: 21px;
    }
    .search__bottom-subtitle {
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 930px){
    .search__top .container {
        padding: 0 45px;
    }
    .search__top-text blockquote {
        font-size: 18px;
        line-height: 23px;
    }
    .search__top-text {
        padding-left: 42px;
    }
    .search__top-pic img{
        width: 370px;
    }
    .about__text-aside{
        width: 100%;
        left: 0;
    }
    .work__info-text p {
        font-size: 14px;
    }
    .work__bottom .container {
        flex-direction: column;
    }
    .work__bottom{
        width: 100%;
    }
    .work__bottom-content {
        max-width: 560px;
        padding-right: 40px;
        width: 100%;
    }
    .work__bottom-controlWrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 26px;
    }
    .work__bottom-control {
        max-width: 1000px;
        width: 100%;
        padding-bottom: 50px;
    }
    .work__top-subtitle {
        margin-left: 76px;
    }
    .work__bottom-block-select {
        margin: 0px 0;
    }
    
}

@media screen and (max-width: 900px){
    .firstscreen-right img{
        height: 320px;
    }
    .firstscreen-right{
        padding-top: 140px;
        margin-right: -40px;
    }
    .search__top-text{
        padding-left: 25px;
        padding-top: 20px;
    }
    .search__top-pic img{
        width: 360px;
    }
    .contacts__top-item {
        font-size: 19px;
    }
}
@media screen and (max-width: 845px){
    .search__top-pic img{
        width: 330px;
    }
    .search__top-text blockquote {
        font-size: 17px;
    }
    .search__top-text h3 {
        font-size: 21px;
    }
    .firstscreen-right img{
        height: 350px;
    }
    .firstscreen-right{
        padding-top: 140px;
        margin-right: 0px;
    }
    .firstscreen-right{
        padding-top: 70px;
        padding-right: 10px;
        max-width: 1000px;
        display: flex;
        justify-content: center;
    }
    .firstscreen-left{
        padding-top: 70px;
        padding-right: 10px;
        max-width: 1000px;
        display: flex;
        justify-content: center;
    }
    .firstscreen .container{
        padding-top: 80px;
        flex-direction: column;
    }
    .firstscreen-btn {
        left: 53%;
        transform: translate(-50%, 0);
        top: 215px;
    }
    .firstscreen-btn p{
        text-align: center;
    }
    .firstscreen-title h1{
        text-align: center;
    }
    .contacts__bottom-right {
        max-width: 380px;
        padding-left: 15px;
    }
    .contacts__bottom-form input {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 845px){
    .firstscreen-right img{
        height: 300px;
    }
    .firstscreen-right{
        padding-top: 70px;
        margin-right: 0px;
    }
    .work__bottom-control-block {
        height: 108px;
    }
    .work__top-subtitle h3 {
        font-weight: 350;
        font-size: 26px;
        line-height: 44px;
    }
    .search__top-pic img{
        width: 320px;
    }
    .search__top {
        padding-top:300px;
    }
    .contacts__top-item {
        font-size:19px;
    }
}
@media screen and (max-width: 800px){
    .contacts__bottom-title h2 {
        font-size: 58px;
    }
    .contacts__top{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 150px;
        grid-row-gap: 15px;
    }
    .contacts__top-item:nth-child(2) {
        margin-right: 30px;
    }
    .contacts__top-item {
        font-size:22px;
    }
}
@media screen and (max-width: 775px){
    .contacts__bottom-right {
        max-width: 300px;
        padding-left: 15px;
    }
    .contacts__bottom-content {
        grid-column-gap: 36px;
        grid-row-gap: 70px;
    }
    .search__top-pic img{
        width: 270px;
    }
    .search__top .container {
        padding: 0 35px;
    }
    .search__top-text blockquote {
        font-size: 16px;
        line-height: 18px;
    }
    .search__top-pic {
        transform: translate(0, -30px);
        filter: drop-shadow(0px 72px 126px rgba(0, 0, 0, 0.35));
    }
    .search__top-text h3 {
        padding-top: 10px;
    }
    .search__top-text {
        padding-bottom: 10px;
    }
    .search__bottom .container {
        padding: 0 23px;
    }
    .search__bottom-title h2 {
        font-size: 40px;
        line-height: 57px;
    }
    .search__bottom-right {
        padding-left: 20px;
    }

}

@media only screen and (max-width : 768px){
    .menu-burger {
        top: 110px;
        right: -70px;
        left: auto;
    }
    .block-left, .block-right{
        width: 100%;
    }
    #fp-nav.left, .mouse-block, .bottom-block{
        display: none;
    }
    .section .inner, header{
        padding: 0 15px;
    }
    .block-left{
        margin-top: 100px;
    }
    header{
        padding-top: 20px;
    }
    .title{
        line-height: 46px;
        font-weight: 350;
    }
    .section .inner .after-h1{
        font-size: 14px;
        line-height: 29px;
    }
    .first-btn{
        margin-top: 10px;
    }
    .first-btn>a{
        margin: 0;
    }
    #fullpage .section:nth-child(3) .block-left, #fullpage .section:nth-child(4) .block-left{
        padding-top: 0;
    }
    .title{
        font-size: 36px;
    }
    .big-menu.popupblock .form-block{
        display: none;
    }
    .popupblock .menu-block{
        padding-top: 50px;
    }
    .popupblock .menu-block ul li{
        width: 100%;
        margin-bottom: 15px;
    }
    .popupblock .menu-block ul{
        padding: 0 15px 0 50px;
    }
    .popupblock .menu-block{
        width: 100%;
        background: none;
    }
    .big-menu.popupblock .close{
        display: none;
    }
    .popupblock .form-block, .popupblock .form-inner{
        width: 100%;
        box-sizing: border-box;
    }
    .popupblock .form-inner{
        padding: 0 15px;
    }
    .popupblock .form-inner .field-block input{
        box-sizing: border-box;
        height: 50px;
    }
    .top-mobile{
        display: flex;
        align-items: center;
        margin-bottom: 70px;
    }
    .top-mobile .top-logo img{
        width: 110px;
    }
    .top-mobile .top-logo{
        margin-right: 20px;
    }
    .popupblock#callback{
        z-index: 300;
    }
    .top-agency{
        background: none;
    }
    .top-agency{
        padding-top: 130px;
    }
    .top-agency .after-title{
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .top-agency .container{
        max-width: 100%;
    }
    .stations .title{
        padding-right: 0;
    }
    .stations .row.flexend{
        justify-content: flex-start;
    }
    .stations .tabs-title .tab-title{
        margin-left: 10px;
        font-size: 16px;
    }
    .stations .tabs-title{
        justify-content: space-between;
    }
    .adv-block .item{
        width: 100%;
        margin-bottom: 35px;
    }
    .steps .tabs, .top-prod .img-block, .top-dig .img-block, .top-event .img-block, .how-we-work .line{
        display: none;
    }
    .top-prod .top-text, .top-dig .top-text, .top-event .top-text{
        position: static;
        padding: 0;
        width: 100%;
        box-sizing: border-box;
        background: none;
        box-shadow: none;
    }
    .product{
        position: relative;
        padding-top: 120px;
    }
    .product .block{
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }
    .product .other-blocks .title{
        position: absolute;
        top: 0;
    }
    .base{
        margin-top: 190px;
    }
    .dictors .item, .types .item{
        max-width: 100%;
    }
    .types .item{
        margin-bottom: 30px;
        width: 48%;
    }
    .stages .item, .top-amic .container, .lenght-deep .flex>div, .number-block .text, .number-block .all-num, .text-amic .item, .top-atmosfera .container{
        width: 100%;
    }
    .advantages-block .item{
        margin-bottom: 30px;
    }
    .how-we-work .flex {
        justify-content: space-around;
        align-items: flex-start;
    }
    .how-we-work .flex .steps-block{
        margin-bottom: 30px;
    }
    .top-amic, .top-about, .top-atmosfera{
        background: none;
    }
    .top-amic .title, .top-atmosfera .title{
        font-size: 30px;
    }
    .lenght-deep .num-block{
        margin-top: 50px;
    }
    .number-block .all-num .big-num {
        font-size: 80px;
    }
    .number-block .all-num .man-text{
        font-size: 11px;
    }
    .number-block .all-num{
        margin-top: 120px;
    }
    .number-block .all-num .text1{
        font-size: 15px;
    }
    .number-block .btn-third{
        font-size: 12px;
    }
    .director-block .text-block{
        position: static;
        width: 100%;
    }
    .geography .img-block, .geography .text-block,.marketing-num .item, .top-about .container, .director-block .container{
        width: 100%;
    }
    .resources .container>.title{
        position: static;
    }
    .resources-block .resource .inner, .marketing-block .img-block, .effectiv .text-block .inner, .directors, .feedback, .geography, .resources .container>.title, .inner-page-radio .descr-block{
        display: none;
    }
    .resources-block .resource .title{
        line-height: 30px;
    }
    .resources-block .resource .after-title{
        margin-bottom: 60px;
    }
    .top-inner{
        padding-bottom: 140px;
        width: 100%;
        background: none;
        box-shadow: none;
    }
    .director-block .container{
        justify-content: flex-start;
        flex-direction: column-reverse;
    }
    .director-block .img-block{
        margin-bottom: 30px;
    }
    .effectiv>.container>.flex{
        flex-direction: column-reverse;
    }
    .resources-block{
        padding-left: 0;
    }
    .inner-page-radio .list-block{
        margin-left: 0;
        width: 100%;
        padding: 15px;
    }
    .inner-page-radio .left-list .list .item .name-block{
        line-height: 18px;
        font-size: 14px;
    }
    .thank-block {
        top: 30px;
        width: 150px;
        right: 50px;
    }
    footer .contacts .left-block .btn-block, footer .contacts .left-block .item{
        margin-bottom: 50px;
    }
    .popupblock .form-block.director-block .form-inner .field-block{
        margin-bottom: 20px;
    }
    .popupblock .form-inner .field-block input, .popupblock .form-inner .field-block textarea{
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 750px){
    .search__bottom .container {
        flex-direction: column;
    }
    .search__bottom-right {
        max-width: 800px;
    }
    .search__bottom-left{
        text-align: center;
    }
    .search__bottom-title{
        margin: 0;
    }
    .search__bottom-right button {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 700px){
    .search__top .container {
        padding: 0 30px;
    }
    .search__top-pic img{
        width: 250px;
    }
    .firstscreen-right img{
        height: 270px;
    }
    .firstscreen-right{
        padding-top: 70px;
        margin-right: 0px;
    }
    .about__text-aside{
        padding: 0 20px;
    }
    .work__bottom-control-block {
        height: 138px;
    }
    .work__bottom-blockContent {
        padding: 5px 0;
        padding-left: 61px;
    }
    .work__top-subtitle h3 {
        font-weight: 350;
        font-size: 24px;
        line-height: 44px;
    }
}
@media screen and (max-width: 690px){
    .contacts__top{
        grid-column-gap: 60px;

    }
    .firstscreen-title h1{
        font-weight: bold;
        font-size: 41px;
    }
    .work__top-subtitle h3 {
        font-weight: 350;
        font-size: 22px;
        line-height: 40px;
    }
    .work__top-subtitle {
        margin-left: 50px;
    }
    .contacts__bottom{
        flex-direction: column;
    }
    .contacts__bottom-right {
        max-width: 700px;
        padding-left: 0;
    }
  .contacts__bottom{
      padding-bottom: 50px;
  }
}
@media screen and (max-width: 670px){
    .work__top-subtitle h3 {
        font-weight: 350;
        font-size: 19px;
        line-height: 30px;
    }
    .work__bottom-blockContent p {
        font-weight: 350;
        font-size: 15px;
    }
}

@media only screen and (max-width : 600px){
    .dictors .jp-audio, .types .item{
        width: 100%;
    }
    .stages{
        padding-bottom: 100px;
        margin-top: 100px;
    }
    footer{
        padding-top: 100px;
    }
    .base{
        margin-top: 100px;
    }
    .bot-director-block .quote-block .btn-block{
        padding-left: 30px;
    }
    .bot-director-block .quote-block .quote{
        padding-left: 30px;
        font-size: 18px;
        line-height: 35px;
    }
    footer .contacts .adress .item{
        margin-bottom: 30px;
    }
    .bot-director-block {
        margin-top: 50px;
    }
    .search__top-pic img{
        width: 230px;
    }
    .search__top-pic {
        transform: translate(0, -10px);
        filter: drop-shadow(0px 72px 126px rgba(0, 0, 0, 0.35));
    }
    .search__top-text blockquote {
        font-size: 14px;
        line-height: 17px;
    }
    .search__top-text h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .firstscreen-title h1{
        font-weight: bold;
        font-size: 36px;
        line-height: 43px;
    }
    .work__bottom-blockContent{
        padding-left: 45px;
    }
    .firstscreen-btn {
        width: 330px;
        left: 54%;
        transform: translate(-50%, 0);
        top: 170px;
    }
    .firstscreen-btn p{
        font-size: 20px;
    }
    .work__top .container {
        display: flex;
        align-items: flex-start;
        max-width: 1460px;
        padding-top: 113px;
        flex-direction: column;
    }
    .work__top-subtitle {
        margin-left: 0px;
    }
    .work__bottom-content {
        max-width: 460px;
        padding-right: 10px;
    }
    .search__top .container {
        padding: 0 20px;
    }
  .cookies-block{
    font-size: 16px;
  }
}

@media screen and (max-width: 570px){
    .search__top-pic img{
        width: 100%;
    }
    .work__bottom-controlWrap {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
    .work__bottom-control-block {
        height: 108px;
    }
    .work__bottom-content {
        max-width: 410px;
    }
    .work {
        background-color: white;
        padding-bottom: 200px;
    }
    .work__bottom .container {
        padding-top: 65px;
    }
    .search__top .container {
        flex-direction: column;
    }
    .search__top-text {
        padding-left: 0;
    }
    .search__top {
        padding-top: 650px;
    }
}
@media screen and (max-width: 530px){
    .contacts__top{
        display: flex;
        flex-direction: column;
    }
    .contacts__top-item{
        max-width: 240px;
    }
    .work__bottom-content {
        max-width: 380px;
    }
    .work__bottom-content{
        margin-left: 5px;
    }
    .search__top {
        padding-top: 610px;
    }
}
@media screen and (max-width: 530px){
    .firstscreen-title h1{
        font-weight: bold;
        font-size: 31px;
    }
    .firstscreen{
        height: 740px;
    }
    .about__text-aside blockquote{
        font-weight: 350;
        font-size: 30px;
    }
    .about-right-wrap{
        grid-gap: 10px;
        
    }
    .about .container{
        padding-top: 200px;
    }
    .about__text p {
        font-size: 22px;
    }
    .about__text-block-wrap strong{
        font-size: 44px;
        line-height: 150%;
    }
    .about__text-block {
        font-size: 22px;
    }
}

@media screen and (max-width: 425px){
    .search__top {
        padding-top: 500px;
    }
    .firstscreen-right img{
        height: 340px;
    }
    .firstscreen-btn {
        width: 330px;
        left: 54%;
        transform: translate(-50%, 0);
        top: 330px;
    }
    .firstscreen-left{
        position: relative;
        z-index: 2;
        padding-top: 160px;
    }
    .firstscreen-right{
        position: absolute;
        z-index: 1;
        opacity: 0.2;
        left: 50%;
        transform: translate(-50%,0);
    }
    .firstscreen-right{
        padding-top: 70px;
        margin-right: 0px;
    }
    .about-right-wrap{
        display: grid;
        grid-template-columns: 1fr ;
        grid-gap: 12px;
        
    }
    .about__text p {
        font-size: 20px;
    }
    .about__text-block-wrap strong{
        font-size: 39px;
    }
    .about__text-block-wrap strong{
        font-size: 38px;
        line-height: 150%;
    }
    .about__text-block {
        font-size: 20px;
    }
    .about__text-block{
        margin-top: 40px;
    }
    .work__bottom-content {
        max-width: 320px;
    }
    .work__info-text p {
        font-size: 12px;
        line-height: 21px;
    }
    .directors .item.dir-one .text{
        max-width: 100%;
    }

}

@media only screen and (max-width : 425px){
    
}

@media only screen and (max-width : 375px){
    .left-list-radio .volume-block {
        margin: 0 50px 0 15px;
    }
    .inner-page-radio .list-block{
        padding: 15px 50px 15px 15px;
    }
}

@media screen and (max-width: 380px){
    .contacts__bottom-title h2 {
        font-size: 48px;
    }
    .contacts__top-item{
        max-width: 225px;
    }
    .work__btn p {
        font-size: 14px;
    }
    .about__text-block-wrap strong{
        font-size: 31px;
        line-height: 150%;
    }
    .about__text-block {
        font-size: 18px;
    }
    .about__text p {
        font-size: 18px;
    }
    .about__text p {
        font-size: 20px;
    }
    .firstscreen-btn {
        width: 320px;
        left: 57%;
    }
    .firstscreen-btn p{
        font-size: 18px;
    }
    .about__text-aside blockquote{
        font-weight: 350;
        font-size: 28px;
    }
}
@media screen and (max-width: 350px){
    .work__btn p {
        font-size: 13px;
    }
    .work__btn-btnPic {
        margin-left: 13px;
    }
    .about__text p {
        font-size: 18px;
    }
    .about__text-block-wrap strong{
        font-size: 28px;
        line-height: 150%;
    }
    .about__text-block {
        font-size: 15px;
    }
    .about__text-aside blockquote{
        font-weight: 350;
        font-size: 22px;
    }
}

@media only screen and (max-width : 320px){
    .title {
        font-size: 30px;
    }
    .thank-block{
        width: 110px;
    }
    .ac-title{
        font-size: 17px;
        line-height: 25px;
    }
    .section .inner .after-h1{
        line-height: 22px;
    }
}