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

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

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

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

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

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

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

@media only screen and (max-width : 600px){
    h1, .post-page .title, .digarson-bot .text, .izum .title-block .title, .we-can h3, .how-often .title, .bot-text .text, .advantage-block .text-block h3, .yoda-block .quote{
        font-size: 40px;
        line-height: 110%;
    }
    .bot-text .more{
        padding: 30px 0;
    }
    .top-block{
        padding-top: 70%;
    }
    .top-block .bot-text .after-title, .reasons-list .item .text{
        font-size: 16px;
        line-height: 140%;
    }
    h2, .bottom-form .form-title, h3, .list-in h3, .strategy h3, .concept .title h2, .reasons .title, .sphere-list .title, .second-block .name, .vacancy h3, .veleji-project h3, .veleji-project h3, .sirius-project h3, .kitchn-project h3{
        font-size: 34px;
        line-height: 110%;
    }
    .descr-block .name{
        font-size: 50px;
        line-height: 110%;
        margin-top: 50px;
    }
    .second{
        margin-top: 50px;
        padding-top: 50px;
    }
    .second .after-title{
        margin-top: 20px;
        font-size: 18px;
        line-height: 140%;
    }
    .cycle-list, .clients .list, .descr-block .text{
        margin-top: 30px;
    }
    .cycle-list .item{
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .cycle-list .item .name{
        font-size: 24px;
        line-height: 24px;
    }
    .fact, .clients, .project-block, .services, .blog-block, .blog-list, .inner-menu div.menu, .requirements, .adv-site, .stages-site, .strategy, .concept, .stages, .cube-block, .company-types, .help, .context-stages, .planing, .friends, .descr-block, .how-it-works, .reasons, .simple, .sphere, .uniq, .uniq .warning, .izum, .second-text, .third-title, .criteries .after-list, .how-often, .second-block, .tool, .advantage-block, .target-stages, .head, .atten, .posts-list, .project-page .result, .project-page .result-img, .other-projects{
        margin-top: 50px;
    }
    .uniq-block{
        padding-top: 50px;
    }
    .uniq .warning{
        padding-left: 0;
    }
    .izum .title-block .after-title{
        margin-left: 0;
    }
    .uniq-block .text{
        font-size: 20px;
    }
    .simple h3, .second-text h3, .third-title h3, .help h3{
        line-height: 110%;
    }
    .cube-block .text-block, .reasons-list, .how-often .text-block{
        margin-top: 30px;
    }
    .second-text .after-title, .help h3{
        margin-bottom: 30px;
    }
    .reasons-list .item{
        height: auto;
    }
    .fact .list .inner .num{
        font-size: 46px;
        line-height: 110%;
    }
    .project-slider-block{
        padding-bottom: 100px;
    }
    .arrows{
        top: auto;
        bottom: 0;
        justify-content: space-between;
    }
    .services{
        padding: 70px 0;
    }
    .sphere-list{
        padding: 0;
    }
    .help-container{
        min-height: 0;
    }
    .sphere-list .title, .help-container .img-block, .help-container .text, .tool .text-block .after-title{
        position: static;
        margin-bottom: 30px;
    }
    .service-list .item a{
        flex-wrap: wrap;
        height: auto;
        position: relative;
    }
    .service-list .item a .name, .service-list .item a .text{
        width: 100%;
        margin-bottom: 10px;
    }
    .service-list .item .link{
        position: absolute;
        top: 0;
        right: 0;
    }
    .service-list .item {
        margin-top: 35px;
    }
    .employees, .second-block{
        padding-top: 50px;
    }
    .employees .title-block, .second-block{
        padding-bottom: 30px;
    }
    .other-projects-list .item{
        margin-bottom: 20px;
    }
    .employees .title-block .more{
        margin-top: 15px;
    }
    .employees-slider .slide .inner{
        flex-direction: column;
    }
    .employees-slider .slide .inner .quote, .tool .text-block .after-title{
        width: 100%;
        margin-right: 0;
    }
    .vacancy {
        margin-top: 20px;
    }
    .blog-list .item .name a{
        font-size: 18px;
    }
    .blog-list .item .text{
        font-size: 16px;
        margin-top: 10px;
    }
    .blog-list .item{
        margin-bottom: 30px;
        padding-bottom: 40px;
    }
    .blog-block .read-more{
        margin-top: 30px;
    }
    .bottom-form{
        padding-top: 50px;
        margin-bottom: 50px;
        padding-bottom: 70px;
    }
    .bottom-form .form-title{
        margin-bottom: 20px;
    }
    .formResponsive .form-inner .btn-block button:before, .popupblock .inner .formResponsive .form-inner .btn-block button:before{
        right: 20px;
    }
    .top-footer, .bot-footer{
        padding: 30px 0;
    }
    .top-footer .phone a, .btn{
        font-size: 20px;
        line-height: 24px;
    }
    .inner-menu div.menu ul.menu li .nav-child{
        position: static;
        padding-top: 15px;
    }
    .inner-menu div.menu ul.menu li .nav-child ul li{
        width: 100%;
        margin-bottom: 20px;
    }
    .inner-menu div.menu ul.menu>li>a, .inner-menu .service-link{
        font-size: 25px;
        line-height: 110%;
    }
    .inner-menu div.menu ul.menu>li{
        margin-bottom: 20px;
    }
    .inner-menu .close{
        top: 0;
        right: 20px;
    }
    .inner-menu div.menu ul.menu li .nav-child ul li a{
        font-size: 16px;
    }
    .inner-menu .menu-contacts>.item a{
        font-size: 24px;
        line-height: 110%;
    }
    .popupblock .inner{
        width: 100%;
        padding: 50px 20px;
    }
    .popupblock .close{
        right: 20px;
        left: auto;
    }
    .popupblock .inner .form-title{
        font-size: 36px;
        line-height: 110%;
    }
    .second-site .line .inner span, .top-marquee .marquee-line span{
        font-size: 40px;
    }
    .second-site .line{
        top: -140px;
    }
    .second-site{
        padding-top: 250px;
    }
    .second-site{
        padding-bottom: 70px;
    }
    .list-in .block-list{
        margin-top: 20px;
    }
    .block-list ul li{
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .list-in .after-list, .adv-site .title, .adv-site .text, .strategy .text, .concept .text{
        margin-top: 40px;
    }
    .requirements .after-list .img{
        margin-right: 30px;
    }
    .requirements .after-list .text, .posts-list .post .short-descr{
        font-size: 16px;
    }
    .adv-site .text, .list-in .after-list, .cube-block .text-block .text, .second-text .text, .vacancy .list li{
        font-size: 18px;
        line-height: 130%;
    }
    .strategy .title, .we-can h3{
        margin-bottom: 20px;
    }
    .concept .text{
        margin-left: 0;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .stages h5{
        font-size: 26px;
        line-height: 110%;
    }
    .cube-block .text-block h3, .friends .text-block h3{
        line-height: 110%;
        margin-top: 30px;
    }
    .descr-block .text p{
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 140%;
    }
    .simple .img-block .inside{
        width: 100%;
        height: auto;
        padding-top: 110px;
    }
    .sphere-list .item, .izum-list .item{
        margin-bottom: 40px;
    }
    .we-can .after-list{
        margin-top: 40px;
        font-size: 18px;
        line-height: 130%;
    }
    .third-title .container{
        padding-bottom: 50px;
    }
    .criteries-block{
        flex-wrap: wrap;
    }
    .criteries-list{
        margin-top: 30px;
    }
    .project-category-list .item{
        margin-bottom: 15px;
    }
    .top-marquee{
        height: 200px;
    }
    .marquee-line{
        margin-top: 120px;
    }
    .atten .text-block{
        padding-bottom: 50px;
    }
    .posts-list .name{
        margin: 15px 0;
    }
    .posts-list .post .name a{
        font-size: 18px;
    }
    .posts-list .post{
        margin-bottom: 50px;
    }
    .post-body .text-block .name h1{
        font-size: 24px;
    }
    .post-body .text-block .text p{
        margin-bottom: 20px;
    }
    .post-body .text-block .text{
        margin-top: 30px;
    }
    .project-top{
        margin-top: 150px;
    }
    .project-page .top-img{
        padding: 30px 0;
    }
    .project-page .main-block .title{
        padding-right: 0;
        text-align: left;
    }
    .project-page .img-block img, .project-page .mid-img-block .img-block .img, .project-page .bot-img-block .img-block .img{
        width: 100%;
    }
    .other-projects-list .item a, .projects-list .item a{
        height: 450px;
        background-size: cover;
    }
    .img-block .row>div{
        margin-bottom: 20px;
    }
    .project-page .about-prod .logo-block .text, .project-page .offer .img, .project-page .result .item, .pervii-nomer-project .second-project-block .img, .pervii-nomer-project .work-line .work-list .item, .pervii-nomer-project .result .text-block, .pervii-nomer-project .result .img-block, .veleji-project .second-project-block .img, .veleji-project .second-project-block .text-block, .veleji-project .target-block .img, .sirius-project .second-project-block .img, .sirius-project .target-block .list, .sirius-project .strategy-block h3, .sirius-project .result-block .title, .sirius-project .result-block .img2, .project-page .after-result, .kitchn-project .second-project-block .target, .kitchn-project .second-project-block .work, .kitchn-project .second-project-block .img, .kitchn-project .work-block .item, .kitchn-project .after-result .img, .project-page .mid-text .list, .project-page .top-text.sirius .logo-block h3, .project-page .mid-text .after-title, .project-page .cpl-text .text, .project-page .top-text.kitchn .inner h3, .project-page .mid-text.kitchn .text2, .videoprod-page .second-video-block, .videoprod-page .second-block .text, .videoprod-page .video-projects .process-list, .videoprod-top{
        margin-top: 30px;
    }
    .project-page .offer, .project-page .project-advantages, .pervii-nomer-project .work-progress, .veleji-project .second-project-block, .veleji-project .target-block, .veleji-project .target-block .next-stage, .veleji-project .result-block, .veleji-project .result-block .caption, .veleji-project .after-result-block, .sirius-project .second-project-block, .sirius-project .target-block, .sirius-project .strategy-block, .sirius-project .result-block, .kitchn-project .second-project-block, .kitchn-project .result-block, .kitchn-project .result-block2, .project-page .mid-text, .project-page .result-text, .project-page .formats, .project-page .bot-img-block .img-block, .project-page .bot-block, .project-page .bot-block .text-block, .project-page .mid-text .works, .project-page .mid-text .after-works, .project-page .top-text.sirius, .project-page .top-text.sirius .list, .project-page .cpl-text, .project-page .standart-project, .project-page .standart-project .img-block, .project-page .smm-block .img-block, .project-page .spectr, .project-page .content-block, .project-page .top-text, .project-page .mid-text.kitchn .after-blocks, .videoprod-page .video-projects .inner-content, .videoprod-page .video-projects .title, .videoprod-page .video-projects .title-after{
        margin-top: 50px;
    }
    .project-page .offer .title, .project-page .project-advantages .text, .project-page .text-block .title{
        font-size: 36px;
        margin-bottom: 30px;
    }
    .project-page .project-advantages .times{
        font-size: 90px;
    }
    .project-page .result .caption{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .project-page .result .img, .project-page .ads .img{
        margin-top: 20px;
    }
    .project-page .result .item .inner .num{
        font-size: 50px;
    }
    .project-page .ads .text, .pervii-nomer-project .second-project-block .text-block .text, .pervii-nomer-project .work-progress .item .text, .pervii-nomer-project .result .text, .veleji-project .second-project-block .text-block .text, .veleji-project .list .list-item, .veleji-project .steps-block .steps-list .text, .veleji-project .result-block .list .list-item, .veleji-project .after-result-block, .sirius-project .second-project-block .text, .kitchn-project .second-project-block .text, .kitchn-project .second-project-block .target p, .kitchn-project .second-project-block .work p, .project-page .bot-block .inner p, .project-page .bot-block .text-block p, .project-page .top-text.sirius .text, .project-page .top-text.sirius .top-logo .text, .project-page .mid-text .after-title, .project-page .cpl-text .text, .project-page .mid-text.kitchn .text2, .videoprod-page .second-block .text, .videoprod-page .video-projects .process-list .item .text{
        font-size: 16px;
    }
    .pervii-nomer-project .work-line, .pervii-nomer-project .result .text, .kitchn-project .result-block .img{
        margin-top: 20px;
    }
    .project-slider .item .inner{
        height: 450px;
    }
    .second-project-block .text-block .item, .veleji-project .steps-block .steps-list .item, .veleji-project .result-block .caption, .video-list .line, .project-page .mid-text .works h3{
        margin-bottom: 30px;
    }
    .veleji-project .target-block h2{
        font-size: 42px;
    }
    .veleji-project .steps-block .steps-list .text{
        margin-top: 10px;
    }
    .sirius-project .second-project-block .text p, .project-page .mid-img-block .img-block .img, .project-page .bot-img-block .img-block .img, .project-page .mid-text .works .item{
        margin-bottom: 20px;
    }
    .sirius-project .target-block .list .num, .kitchn-project .work-block .num{
        font-size: 34px;
    }
    .video-list .line .name{
        font-family: 'Bebas Neue';
        font-size: 24px;    
        font-weight: 700;
        line-height: 100%;
        margin-top: 20px;
    }
    .video-list .line .text{
        font-size: 12px;
        margin-top: 12px;
        line-height: 140%;
    }
    .video-list .line video{
        border-radius: 16px;
        overflow: hidden;
    }
    .project-page .top-project-block, .top-smm-block {
        padding-top: 150px;
    }
    .project-page .top-project-block .back a, .top-smm-block .after-title, .project-page .top-direct-block .back a{
        font-size: 18px;
        line-height: 140%;
    }
    .project-page .top-project-block .inner .name, .project-page .standart-project .title, .top-smm-block h1, .project-page .top-direct-block .inner .name{
        font-size: 40px;
        line-height: 120%;
        margin-top: 20px;
    }
    .project-page .standart-project .title, .top-smm-block h1, .project-page .bot-block .inner p.title{
        margin-top: 0;
    }
    .project-page .top-project-block .inner .text, .project-page .standart-project .text, .project-page .spectr ul li, .project-page .content-block .text-block .text, .project-page .top-direct-block .inner .text, .project-page .top-text .img-block .text{
        font-size: 16px;
        line-height: 140%;
    }
    .project-page .top-project-block .inner .text, .project-page .standart-project .text, .project-page .top-direct-block .inner .text{
        margin-top: 20px;
    }
    .project-page .standart-project .text p, .project-page .spectr ul li{
        margin-bottom: 20px;
    }
    .project-page .standart-project .img-block, .project-page .smm-block .img-block, .project-page .mid-img-block .img-block, .project-page .bot-img-block .img-block{
        padding: 0;
        flex-wrap: wrap;
    }
    .project-page .standart-project .img-block .img, .project-page .smm-block .img-block .img{
        width: 100%;
        margin-bottom: 15px;
    }
    .project-category-list .item a{
        padding: 8px 30px;
    }
    .top-smm-block .after-title{
        padding-bottom: 30px;
        margin-top: 30px;
    }
    .top-smm-block{
        min-height: 0;
    }
    .project-page .top-text p{
        margin-bottom: 20px;
    }
    .project-page .mid-block .platform-list, .project-page .mid-text.kitchn .text h3, .project-page .mid-text.kitchn .img{
        position: static;
        margin-bottom: 30px;
    }
    .project-page .mid-block{
        padding-top: 50px;
    }
    .project-page .mid-block .platform-list .text{
        font-size: 24px;
        line-height: 110%;
    }
    .project-page .mid-block .img-block{
        padding: 0 15px;
    }
    .project-page .smm-block .text-block .title{
        margin-bottom: 0;
    }
    .project-page .content-block .text-block, .videoprod-page .video-projects .process-list .item{
        margin-bottom: 40px;
    }
    .project-page .top-text h4, .project-page .result-text .text1, .project-page .formats, .project-page .top-text h3, .project-page .mid-text h3, .project-page .top-text .list .num, .project-page .top-text.sirius .logo-block h3, .videoprod-page .video-projects .process-list .item .name{
        font-size: 30px;
    }
    .project-page .result-text .text1, .project-page .formats{
        line-height: 36px;
    }
    .project-page .result-text .text2, .project-page .bot-block .inner .num{
        font-size: 50px;
        line-height: 56px;
    }
    .project-page .top-text .img-block .text, .videoprod-page .video-projects .process-list .item .text{
        margin-top: 15px;
    }
    .project-page .mid-text h3, .project-page .top-text.perviiNomer .img-block .title{
        font-size: 28px;
    }
    .project-page .list .list-item{
        margin-bottom: 14px;
        padding-bottom: 13px;
    }
    .project-page .bot-block .inner p.title{
        font-size: 20px;
        line-height: 140%;
    }
    .project-page .bot-block .item{
        margin-bottom: 30px;
    }
    .project-page .bot-block .text-block p{
        line-height: 140%;
        margin-bottom: 15px;
    }
    .project-page .top-text.perviiNomer .img-block .img{
        margin-top: 0;
    }
    .project-page .top-text .inner h3{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .project-page .top-text .after-text{
        margin-top: 30px;
    }
    .project-page .mid-text h2, .videoprod-page .video-projects .title-after{
        font-size: 50px;
    }
    .project-page .mid-text.kitchn .text{
        margin-bottom: 50px;
    }
    .videoprod-page .second-block .title, .videoprod-page .second-block .title span, .videoprod-page .video-projects h2{
        font-size: 60px;
        line-height: 100%;
    }
    .videoprod-page .video-projects .process-list{
        padding-left: 0;
    }
    .videoprod-page .video-projects:before{
        display: none;
    }
    .videoprod-page .video-projects .title span{
        writing-mode: horizontal-tb;
        font-size: 70px;
        line-height: 110%;
    }
    .videoprod-page .video-projects .process-list .item .name{
        line-height: 120%;
    }
    .videoprod-page .top-block{
        background-position: top center;
    }
    .error-page .error-block .text-block{
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .error-page{
        padding-top: 150px;
        padding-bottom: 100px;
    }
    .error-page .error-block .text-block .title{
        font-size: 50px;
        line-height: 60px;
    }
    .error-page .error-block .text-block .text{
        font-size: 18px;
        line-height: 140%;
    }
    .error-page .error-block .text-block .text404{
        font-size: 320px;
        line-height: 320px;
        bottom: -20px;
        right: 0;
    }
    .error-page .error-block .text-block .text.text-bot{
        margin-top: 150px;
    }
    .item.project .inner .name-block .name{
			font-size: 60px;
		}
		.cookies-inner .grid{
			grid-template-columns: 1fr;
		}
		.cookies-inner .text{
			font-size: 16px;
		}
		.employees-slider .slide .inner .name-block .name{
			font-size: 75px;
		}
}

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

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

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