@media all and (max-width: 1366px) {

    .first-screen__title {
        font-size: 80px;
    }

    .big-text,
    .page-title {
        font-size: 60px;
    }

    .work-step-title,
    .portfolio-item-title,
    .services-slide__title,
    .text-card__title {
        font-size: 34px;
    }

    .text-card__title br {
        display: none;
    }

    .popup_container {
        max-width: 95%;
    }

    .footer-block:last-child,
    .footer-block:not(:last-child) {
        margin-left: 40px;
    }
}

@media all and (max-width: 1200px) {


}

@media all and (max-width: 959px) {

    .header {
        padding: 0;
        z-index: 3;
    }

    .mobile-menu-btn,
    .mobile-block {
        display: block;
    }

    .header-component {
        display: none;
    }

    .header-row {
        padding: 30px 0;
    }

    .flex-row {
        flex-wrap: wrap;
    }

    .flex-col-1-2.margin-10,
    .flex-col-2-3.margin-10,
    .flex-col-1-3.margin-10,
    .flex-col-1-3,
    .flex-col-1-2 {
        width: 100%;
    }

    .flex-col-2-3.margin-10:first-child, .flex-col-1-3.margin-10:first-child {
        margin-right: 0;
    }

    .flex-col-2-3.margin-10:not(:first-child), .flex-col-1-3.margin-10:not(:first-child) {
        margin-left: 0;
        margin-top: 20px;
    }

    .flex-col-1-2.margin-10:nth-child(even) {
        margin-left: 0;
        margin-top: 20px;
    }

    .link-card-big {
        min-height: 400px;
    }

    .link-card {
        height: 220px;
        padding: 30px 20px;
    }

    .mt-60,
    .mt-80,
    .mt-100,
    .mt-120 {
        margin-top: 40px;
    }

    .pb-60,
    .pb-80,
    .pb-100,
    .pb-120,
    .pb-130,
    .pb-140,
    .pb-180,
    .pb-200 {
        padding-bottom: 40px;
    }

    .pt-60,
    .pt-80,
    .pt-100,
    .pt-120,
    .pt-130,
    .pt-140,
    .pt-160 {
        padding-top: 40px;
    }
    .fourth-screen {
        padding: 0 20px;
    }

    .services-slider-container {
        padding-right: 20px;
    }

    .flex-form-col {
        width: 100%;
    }

    .flex-form-col:nth-child(even) {
        margin-left: 0;
        margin-top: 50px;
    }

    .pl-100 {
        padding-left: 20px;
    }

    .pr-100,
    .pr-150,
    .pr-200 {
        padding-right: 20px;
    }

    .first-screen {
        min-height: 234px;
        display: flex;
    }

    .first-screen-content {
        padding: 120px 0 80px;
    }

    .page-title,
    .first-screen__title {
        font-size: 48px;
    }

    .first-screen__title span {
        display: block;
        font-size: 38px;
    }

    .clients-list {
        margin-top: 40px;
    }


    .text-cards-container {
        flex-direction: column;
    }

    .text-card:nth-child(even) {
        margin: 40px 0;
    }

    .ninth-screen,
    .eighth-screen,
    .sixth-screen,
    .fifth-screen,
    .fourth-screen > .container,
    .third-screen,
    .second-screen {
        padding: 60px 0;
    }

    .contact-form-block {
        padding: 40px 30px;
    }

    .footer-bottom,
    .footer-top-content {
        flex-direction: column;
    }

    .footer-block:not(:last-child),
    .footer-block:last-child {
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .footer-copyright {
        text-align: center;
    }

    .footer-bottom {
        margin-top: 80px;
    }
    
    .footer-links {
        text-align: center;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .popup_container_inner {
        padding: 40px;
    }

    .popup-title {
        font-size: 36px;
    }

    .first-screen__title br {
        display: none;
    }

    .flex-form-col:nth-child(even),
    .form-radio-group,
    .input-block:not(:first-child),
    .select-block:not(:first-child) {
        margin-top: 30px;
    }

    .footer-links a:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .footer-block {
        display: flex;
        justify-content: flex-end;
    }

    .text-cards-container {
        margin-top: 40px;
    }

    .contact-block__contacts a[href^='mailto:'] {
        font-size: 18px;
    }

    .text-switch-button,
    .page-text-big,
    .contact-block__contacts a[href^='tel:'],
    .contact-city-name,
    .first-screen__description {
        font-size: 20px;
    }

    .first-screen__description br {
        display: none;
    }

    .footer-nav {
        margin-top: 40px;
    }

    .footer-info-text {
        flex-direction: column;
    }

    .footer-info-text > p:not(:first-child) {
        margin-left: 0;
        margin-top: 10px;
    }

    .helmet-bg {
        background-position: center;
    }

    .contact-block-main {
        padding: 40px 20px;
    }

    .contact-card {
        flex-direction: column-reverse;
    }

    .services-slider-container,
    .mobile-mt-40,
    .page-text-buttons {
        margin-top: 40px;
    }

    .simple-text-card-group .simple-text-card:not(:first-child),
    .form-container {
        margin-top: 30px;
    }

    .slider-arrows {
        margin-top: 20px;
    }

    ul.big-number-list li:not(:first-child) {
        margin-top: 20px;
    }

    .right-container {
        padding-left: 20px;
    }

    .left-container {
        padding-right: 20px;
    }

    .split-block-1-2 {
        height: auto;
    }

    .link-card-1-3 .link-card {
        width: 100%;
    }

    .link-card-1-3 .link-card:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .link-card-1-3 .link-card:not(:first-child) {
        margin-top: 21px;
    }

    .split-arrow-left {
        width: 100%;
    }

    .split-arrow-right {
        width: 100%;
    }

    .left-arrow-polygon::before {
        display: none;
    }

    .count-cards-container {
        padding-left: 0;
        justify-content: flex-start;
        margin-top: 40px;
    }

    .slider-arrows {
    }

    .services-slide {
        padding: 40px;
    }

    .page-title + .page-text-buttons {
        margin-bottom: 40px;
    }

    .footer-nav > .flex-col-1-3:not(:first-child) {
        margin-top: 16px;
    }

    .mobile-bg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .mobile-bg-1::before {
        opacity: 0.7;
        background: linear-gradient(160deg, #4183B3 11.03%, rgba(89, 148, 190, 0.00) 86.47%);
    }

    .mobile-bg-2::before {
        opacity: 0.7;
        background: #1D3753;
    }

    .page-breadcrumbs ul li a {
        color: rgba(255, 255, 255, 0.6);
        font-size: 10px;
        line-height: 170%;
        letter-spacing: -0.2px;
    }

    .first-screen > .container {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-grow: 1;
    }

    .first-screen__description {
        margin-top: 14px;
    }

    .page-breadcrumbs {
        padding: 23px 0 31px;
    }

    .page-breadcrumbs + .first-screen-content {
        padding-top: 0;
    }

    .mobile-mt-auto {
        margin-top: auto;
    }

    .mobile-pb-unset {
        padding-bottom: 35px;
    }

    .mobile-mt-60 {
        margin-top: 60px;
    }
    .mobile-image-block {
        display: flex;
        justify-content: center;
    }

    .helmet-bg {
        background-image: unset;
    }

    .breadcrumbs_main_page_icon {
        width: 11px;
        height: 11px;
        -webkit-background-size: contain;
        background-size: contain;
    }

    .admin-edit-container {
        display: none;
    }

    .portfolio-column:nth-child(even) {
        margin-left: 0;
        margin-top: 40px;
    }

    .portfolio-column {
        width: 100%;
    }

    .portfolio-more-btn-container,
    .portfolio-item:not(:first-child) {
        margin-top: 40px;
    }

    .seventh-screen {
        margin-top: 60px;
        padding-bottom: 60px;
    }


    .work-step-arrow.left-bottom, .work-step-arrow.right-bottom,
    .empty-top::after, .empty-bottom::after,
    .empty-right::before, .empty-left::before,
    .work-step-arrow.left, .work-step-arrow.right {
        display: none;
    }

    .work-step-row {
        flex-direction: column;
    }

    .work-step-item {
        width: 100%;
    }

    .portfolio-item__text {
        padding-left: 20px;
        padding-bottom: 20px;
        padding-right: 10px;
    }

    .portfolio-item-tags {
        margin-top: 5px;
    }

    .portfolio-item {
        -webkit-border-radius: 21px;
        -moz-border-radius: 21px;
        border-radius: 21px;
    }

    .portfolio-item-title {
        font-size: 24px;
    }

    .portfolio-item-tags span {
        font-size: 14px;
        padding: 5px 10px;
    }

    .client-item {
        padding: 0 10px;
    }

    .work-step-title {
        font-size: 28px;
    }

    .work-step-item {
        padding: 40px 30px;
        margin-bottom: 40px;
    }
    .header-row {
        flex-wrap: nowrap;
    }

    .header-content {
        margin-left: 20px;
    }

    .header-phone {
        font-size: 18px;
    }

    .header-block:not(:first-child) {
        margin-left: 20px;
    }

    .text-card__content {
        line-height: normal;

    }

    .text-card__content {
        margin-top: 10px;
    }

    .popup_container {
        max-height: 80vh;
        overflow-y: auto;
    }

    .fixed-phone {
        right: 20px;
        bottom: 20px;
    }

    .nice-select .list {

    }

    .form-radio-group .flex-row {
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .form_radio label {
        padding-left: 25px;
    }

    .form_radio label {
        font-size: 18px;
    }

    .contact-form-block-bg,
    .services-slide {
        border-radius: 21px;
    }

    .popup_container_inner {
        -webkit-border-radius: 21px;
        -moz-border-radius: 21px;
        border-radius: 21px;
    }

    .popup-close-btn {
        top: 15px;
        right: 15px;
    }

    .form-radio-placeholder,
    .nice-select .option,
    .input-block label,
    .nice-select {
        font-size: 24px;
    }

    .form_radio:not(:first-child) {
        margin-left: 20px;
    }

    .nice-select .option {
        white-space: normal;
    }

    .current {
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .fifth-screen {
        position: relative;
        z-index: 2;
    }

    .services-slide__text {
        line-height: normal;
    }

    .text-card {
        width: 100%;
    }
}

@media all and (max-width: 520px) {
    .big-text, .page-title {
        font-size: 38px;
    }

    .first-screen__title span {
        font-size: 34px;
    }

    .work-step-title {
        font-size: 24px
    }
}

@media all and (max-height: 780px) {
    .first-screen__title {
        font-size: 90px;
    }

    .first-screen {
        align-items: flex-end;
    }
}

@media all and (max-height: 590px) {
    .first-screen__title {
        font-size: 70px;
    }

    .first-screen__title span {
        font-size: 50px;
    }

    .header {
        padding: 40px 0;
    }
}