@media screen and (max-width: 1800px) {
    .container {
        /* max-width: 1500px; */
        padding: 0px 25px;
    }

    .main__wrap {
        padding-right: 0px;
    }


    .section-info-flex .flex-wrapper {

        gap: 10px;
        
    }
    
    .section-info-flex .block-border {
        
        /* max-width: 23vw; */
        /* max-width: 25vw; */
            max-width: max-content;
        /* max-width: 340px; */
    }
    
    .section-info-flex .flex-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(345px, 1fr));

    }
    
     .section-info-flex .flex-wrapper .block-border:last-of-type {
      
      grid-column: 2;
    }
        
    
    .slick-prev, .slick-next {
        width: 70px;
    }

    .section__head {
        margin-bottom: 60px;
    }
    .section__title {
        font-size: 64px;
        max-width: 1340px;
    }
    .section__title .f-letter {
        font-size: 120px;
        margin-right: 7px;
        text-shadow: 6px 4px 0 #FED97A;
    }
    .section__intro {
        margin-left: 160px;
        max-width: 690px;
        font-size: 30px;
    }
    .section__intro:before, .section__intro:after {
        top: 18px;
        margin-right: 15px;
        width: 40px;
        height: 2px;
        content: "";
    }
    .section__intro:after {
        margin-top: 2px;
        width: 55px;
        height: 3px;
    }
    .section__pd {
        padding: 90px 0;
    }
    .section__pdt {
        padding-top: 90px;
    }
    .section__pdl {
        /* padding-left: 90px; */
    }

    .main {
        padding-top: 170px;
    }
    .main__wrap {
        /* padding-left: 100px; */
        /* padding-right: 25px; */
    }
    .main__subt {
        margin-bottom: 10px;
    }
    .main__subt-letter {
        width: 45px;
        height: 45px;
        border: 2px solid #CEBEEF;
        font-size: 30px;
        margin-right: 30px;
    }
    .main__subt-letter:after {
        position: absolute;
        top: 50%;
        right: -23px;
        width: 28px;
        border-bottom: 1px solid #CEBEEF;
        content: "";
    }
    .main__subt-text {
        font-size: 22px;
    }
    .main__title {
        /* font-size: 72px; */
        /* padding-left: 50px; */
    }
    .thank .main__title {
        font-size: 60px;
    }
    .main__intro {
        /* margin: 20px 0 0 160px; */
        position: relative;
        font-size: 20px;
        max-width: 450px;
    }

    
    .thank .main__intro {
        max-width: 410px;
    }
    .main__intro:before, .main__intro:after {
        top: 13px;
    }
    .main__intro:after {
        height: 3px;
    }
    .main__buttons {
        padding: 45px 0 0 80px;
    }
    .main__social {
        bottom: 0;
    }
    .main__social-link {
        width: 32px;
    }
    .main__social-text {
        font-size: 18px;
        padding-left: 60px;
    }
    .main__social-text:before {
        width: 45px;
    }
    .main__slider {
        bottom: 0;
    }
    .main__F {
        width: 500px;
    }
    .main__F-rt {
        width: 70px;
    }
    .main__F-lt {
        width: 18px;
    }
    .main__F-lb {
        width: 100px;
        bottom: 8%;
    }

    .advantage__cols {
        grid-gap: 60px;
    }
    .advantage__left {
        padding-left: 15px;
        padding-top: 40px;
    }
    .advantage__item {
        margin: 28px 0;
    }
    .advantage__item > a {
        -ms-grid-columns: 45px 1fr;
        grid-template-columns: 45px 1fr;
    }
    .advantage__item > a:before {
        font-size: 55px;
    }
    .advantage__item > a:after {
        left: -15px;
        bottom: -13px;
    }
    .advantage__item > a:hover:before {
        color: #8851FF;
    }
    .advantage__item > a:hover:after {
        width: calc(100% + 15px);
    }
    .advantage__item-title {
        font-size: 22px;
    }
    .advantage__item-text {
        font-size: 16px;
    }
    .advantage__tab {
        display: none;
    }
    .advantage__tab.active {
        display: block;
    }
    .advantage__photo > img {
        border-radius: 40px 0px 0px 350px;
        max-height: 650px;
    }
    .advantage__text {
        margin: -150px 30px 0 25px;
        background: #fff;
        border-radius: 30px;
        padding: 25px 30px 35px 30px;
        font-size: 18px;
    }
    .advantage__text-title {
        margin-bottom: 18px;
        margin-left: 20px;
        font-size: 24px;
    }
    .advantage__text-title:before, .advantage__text-title:after {
        top: 13px;
        height: 6px;
        width: 50px;
        margin-right: 10px;
        border-radius: 4px;
    }
    .advantage__text-title:after {
        width: 20px;
        margin-right: 65px;
    }

    .catalog .section__pdl {
        padding-right: 0;
    }
    .catalog__tabs {
        height: 110px;
        margin: 0 0 70px;
    }
    .catalog__tabs-item a {
        height: 108px;
        font-size: 24px;
    }
    .catalog__block {
        width: 1400px;
        /* padding: 60px 0 60px 100px; */
        border-radius: 120px 0px 0px 50px;
    }
    .catalog__block + .catalog__block {
        /* margin-top: 60px; */
    }
    .catalog__block-title {
        margin-bottom: 30px;
        padding-left: 50px;
        font-size: 30px;
    }
    .catalog__block-title:before, .catalog__block-title:after {
        top: 17px;
        height: 6px;
        width: 10px;
    }
    .catalog__block-title:after {
        width: 25px;
        margin-left: 13px;
    }
    .catalog__items {
        margin: 0 -20px;
        max-width: 1160px;
    }
    .catalog__items .slick-arrow {
        margin-top: 45px;
    }
    .catalog__item {
        width: 340px;
        height: 100%;
        margin: 0 20px;
        border-radius: 0px 35px 0px 35px;
    }
    .catalog__item-photo {
        padding: 4px;
        height: 300px;
    }
    .catalog__item-photo__wrap {
        border-radius: 0px 35px 0px 0px;
    }
    .catalog__item-info {
        padding: 18px 18px 25px 29px;
    }
    .catalog__item-title {
        font-size: 18px;
    }
    .catalog__item-price {
        font-size: 24px;
    }

    .kviz__intro {
        max-width: 850px;
    }
    .kviz__progress {
        position: relative;
        top: -25px;
        margin-left: 30px;
    }
    .kviz__progress-steps {
        font-size: 24px;
    }
    .kviz__progress-steps__curr {
        font-size: 28px;
        padding-right: 7px;
        margin-right: 7px;
    }
    .kviz__progress-steps__all {
        margin-left: 5px;
    }
    .kviz__progress-list {
        margin-top: 15x;
    }
    .kviz__progress-list li {
        width: 18px;
        height: 18px;
    }
    .kviz__progress-list li + li {
        margin-left: 42px;
    }
    .kviz__progress-list li + li:before {
        width: 45px;
    }
    .kviz__form-head {
        margin-bottom: 25px;
    }
    .kviz__form-title {
        font-size: 30px;
    }
    .kviz__form-button {
        margin-top: 70px;
    }
    .kviz__form-button__text {
        margin-left: 30px;
        font-size: 18px;
    }
    .kviz__form-button__btn.but-prev {
        font-size: 20px;
        margin-right: 40px;
    }
    .kviz__form-button__btn.but-prev img {
        margin-right: 10px;
        width: 45px;
    }
    .kviz__form-grid {
        grid-gap: 30px;
    }
    .kviz__form-grid--2 {
        grid-gap: 80px;
    }
    .kviz__form-flex {
        margin: 0 -15px;
    }
    .kviz__form-select {
        padding-right: 170px;
    }
    .kviz__form-select .select {
        width: 320px;
    }
    .kviz__form-item__bottom {
        font-size: 18px;
    }
    .kviz__form-item--no {
        margin: 0 15px;
        width: 200px;
    }
    .kviz__form-inputcols {
        padding-top: 40px;
        max-width: 850px;
        margin: 0 auto;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 440px auto;
        grid-template-columns: 440px auto;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .kviz__form .form-connection {
        padding-top: 12px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .kviz__form .form-connection .item {
        margin: 0 15px;
    }

    .cases__nav {
        max-width: 1100px;
        margin-bottom: 60px;
    }
    .cases__nav-item {
        font-size: 20px;
    }
    .cases__nav-item__icon {
        height: 50px;
    }
    .cases__nav-item__icon img {
        max-height: 100%;
    }
    .cases__slider-nav {
        position: absolute;
        right: 60px;
        bottom: 85px;
    }
    .cases__slider-button {
        position: relative;
        width: 50px;
    }
    .cases__slider-button svg {
        width: 100%;
        height: auto;
    }
    .cases__slider-position {
        margin: 0 20px;
        width: 80px;
        font-size: 54px;
    }
    .cases__slider-position .current {
        font-size: 50px;
    }
    .cases__slider-position .all {
        top: -8px;
        font-size: 28px;
    }
    .cases__item {
        grid-gap: 50px;
    }
    .cases__item-photo img {
        max-height: 600px;
    }
    .cases__item-info {
        padding-top: 45px;
        padding-bottom: 155px;
        max-width: 520px;
    }
    .cases__item-head {
        margin-bottom: 40px;
    }
    .cases__item-letter {
        min-width: 45px;
        width: 45px;
        height: 45px;
        border-width: 2px;
        font-size: 30px;
        margin-right: 30px;
    }
    .cases__item-letter:after {
        width: 28px;
    }
    .cases__item-title {
        font-size: 30px;
    }
    .cases__item-list li {
        padding-left: 35px;
        font-size: 20px;
    }
    .cases__item-list li:before {
        top: 12px;
        width: 15px;
        height: 3px;
    }
    .cases__item-list li + li {
        margin-top: 20px;
    }
    .cases__request {
        width: calc(100% - 73px);
        max-width: 1150px;
        margin: -55px 0 0 73px;
        border-radius: 46px;
        padding: 40px 45px 45px 50px;
    }
    .cases__request-title {
        margin-left: 45px;
        margin-bottom: 25px;
        font-size: 30px;
    }
    .cases__request-title:before, .cases__request-title:after {
        top: 17px;
        margin-right: 40px;
        height: 6px;
        width: 60px;
    }
    .cases__request-title:after {
        width: 30px;
        margin-right: 110px;
    }
    .cases__request-cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .cases__request-text {
        max-width: 380px;
        font-size: 20px;
    }
    .cases__request-action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .cases__request-select {
        width: 247px;
        margin-right: 20px;
    }

    .material__items {
        max-width: 1140px;
        grid-gap: 10px 90px;
    }
    .material__item:nth-child(2n-1) {
        margin-top: 55px;
    }
    .material__item-photo__wrap {
        padding-bottom: 60%;
        overflow: hidden;
    }
    .material__item-photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
    .material__item-info {
        margin-top: -50px;
        margin-right: 60px;
        padding: 35px 10px 35px 40px;
        min-height: 180px;
    }
    .material__item-title {
        font-size: 24px;
        margin-bottom: 18px;
    }
    .material__item-title:before, .material__item-title:after {
        top: 10px;
        margin-right: 15px;
        height: 7px;
        width: 40px;
        -webkit-box-shadow: 0 4px 0 #8851FF;
                box-shadow: 0 4px 0 #8851FF;
    }
    .material__item-title:after {
        width: 15px;
        margin-right: 60px;
    }
    .material__item-info:hover .material__item-title:before, .material__item-info:hover .material__item-title:after {
        -webkit-box-shadow: none;
                box-shadow: none;
        top: 12px;
    }
    .material__item-text {
        font-size: 18px;
        max-width: 360px;
    }

    .production__wrap {
        position: relative;
        /* padding-left: 60px; */
        padding-right: 70px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1.3fr 30px 1fr;
        grid-template-columns: 1.3fr 1fr;
        grid-gap: 30px;
    }
    .production__left {
        position: relative;
        z-index: 1;
        padding-top: 70px;
        min-width: 1px;
    }
    .production__subt {
        margin-bottom: 10px;
    }
    .production__subt-letter {
        width: 45px;
        height: 45px;
        border: 2px solid #CEBEEF;
        font-size: 30px;
        margin-right: 30px;
    }
    .production__subt-letter:after {
        right: -23px;
        width: 28px;
    }
    .production__subt-text {
        font-size: 24px;
    }
    .production__title {
        /* padding-left: 70px; */
        font-size: 66px;
    }
    .production__intro {
        /* margin: 40px 0 0 100px; */
        font-size: 18px;
        max-width: 400px;
        grid-gap: 15px;
    }
    .production__intro-icon {
        max-width: 45px;
    }
    .production__buttons {
        gap: 20px;
        /* padding: 50px 0 0 100px; */
    }
    .production__buttons-text {
        font-size: 18px;
        margin-left: 0px;
    }
    .production__P {
        min-width: 1px;
    }
    .production__P img {
        max-height: 500px;
    }
    .production__bottom {
        -ms-grid-columns: 380px 1fr;
        grid-template-columns: 380px 1fr;
    }
    .production__bottom-title {
        position: relative;
        padding-right: 20px;
        padding-left: 60px;
        font-size: 24px;
    }
    .production__bottom-title:before, .production__bottom-title:after {
        top: 10px;
        height: 8px;
        width: 10px;
        border-radius: 3px;
    }
    .production__bottom-title:after {
        width: 30px;
        left: 15px;
    }
    .production__bottom-text {
        font-size: 20px;
    }
    .production__bottom-numb {
        font-size: 55px;
    }

    .about__cols {
        grid-gap: 60px;
    }
    .about__info {
        padding-top: 35px;
    }
    .about__head {
        margin-bottom: 40px;
        padding-bottom: 20px;
    }
    .about__head-letter {
        min-width: 45px;
        width: 45px;
        height: 45px;
        border-width: 2px;
        font-size: 30px;
        margin-right: 30px;
    }
    .about__head-letter:after {
        right: -23px;
        width: 28px;
    }
    .about__title {
        margin-top: 8px;
        font-size: 26px;
    }
    .about__list {
        max-width: 380px;
    }
    .about__list li {
        padding-left: 30px;
        font-size: 20px;
    }
    .about__list li:before {
        top: 12px;
        left: 7px;
        width: 15px;
        height: 3px;
    }
    .about__list li + li {
        margin-top: 20px;
    }
    .about__photo {
        border-radius: 45px 100px 0px 200px;
    }
    .about__photo-lt {
        width: 18px;
    }
    .about__quote {
        padding: 30px 35px 25px 60px;
        font-size: 22px;
        border-radius: 20px;
    }
    .about__quote:before {
        top: -13px;
        width: 40px;
        height: 40px;
        background-size: cover;
    }
    .about__quote:after {
        bottom: -16px;
        width: 40px;
        height: 40px;
        background-size: cover;
    }
    .about__caption {
        margin-top: 50px;
        font-size: 20px;
    }
    .about__caption-name {
        font-size: 22px;
    }

    .vacancy__cols {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 110px 1.7fr;
        grid-template-columns: 1fr 1.7fr;
        grid-gap: 110px;
    }
    .vacancy__info {
        padding-top: 35px;
        padding-left: 75px;
    }
    .vacancy__head {
        margin-left: -75px;
        padding-bottom: 20px;
    }
    .vacancy__head-letter {
        min-width: 45px;
        width: 45px;
        height: 45px;
        border-width: 2px;
        font-size: 30px;
        margin-right: 30px;
    }
    .vacancy__head-letter:after {
        right: -23px;
        width: 28px;
    }
    .vacancy__title {
        margin-top: 5px;
        font-size: 30px;
    }
    .vacancy__intro {
        font-size: 22px;
    }
    .vacancy__wrap {
        width: 3000px;
        overflow: hidden;
        padding-bottom: 100px;
    }
    .vacancy__items {
        max-width: 600px;
    }
    .vacancy__item {
        padding-bottom: 50px;
        width: 550px;
        width: 450px;
    }
    .vacancy__item-info {
        width: 400px;
        margin: -40px auto 0;
        padding: 20px 20px 25px;
        min-height: 110px;
    }
    .vacancy__item-name {
        font-size: 30px;
    }
    .vacancy__item-work {
        font-size: 22px;
    }

    .consult__wrap {
        padding-left: 30px;
        padding-right: 20px;
        grid-gap: 30px;
    }
    .consult__left {
        position: relative;
        z-index: 1;
        padding-top: 70px;
    }
    .consult__subt {
        margin-bottom: 10px;
    }
    .consult__subt-letter {
        min-width: 45px;
        width: 45px;
        height: 45px;
        border-width: 2px;
        font-size: 30px;
        margin-right: 30px;
    }
    .consult__subt-letter:after {
        right: -23px;
        width: 28px;
    }
    .consult__subt-text {
        font-size: 22px;
        max-width: 480px;
    }
    .consult__title {
        /* padding-left: 70px; */
        font-size: 70px;
    }
    .consult__intro {
        margin: 40px 0 0 90px;
        position: relative;
    }
    .consult__intro-item {
        font-size: 16px;
        max-width: 500px;
    }
    .consult__intro-item__icon {
        max-width: 25px;
    }
    .consult__buttons {
        padding: 85px 0 0 90px;
    }
    .consult__K img {
        max-height: 600px;
    }
    .consult__bottom {
        /*margin-top: -150px;*/
        margin-top: 0;
    }
    .consult__social-link {
        min-width: 32px;
        width: 32px;
    }
    .consult__social-text {
        max-width: 480px;
        font-size: 18px;
        padding-left: 60px;
    }
    .consult__social-text:before {
        width: 40px;
    }
    .consult__caption {
        font-size: 18px;
        padding: 22px 55px;
        border-radius: 20px;
    }
    .consult__caption .m {
        font-size: 16px;
    }

    .popup__container {
        max-width: 600px;
        padding: 40px 30px 40px;
    }
    .popup__close {
        right: 20px;
        top: 20px;
        width: 20px;
        height: 20px;
        background-size: cover;
    }
    .popup__head {
        margin-bottom: 25px;
    }
    .popup__title {
        font-size: 36px;
    }
    .popup__title .f-letter {
        font-size: 50px;
    }
    .popup__intro {
        max-width: 550px;
        /* margin: 10px auto 0; */
        font-size: 18px;
    }
    .popup form {
        max-width: 360px;
    }
    .popup form .line__btn {
        margin: 30px 0 0;
    }

    .widget {
        position: fixed;
        left: 40px;
        bottom: 40px;
        z-index: 9;
        display: none;
    }
    .widget__buttons-text {
        border-radius: 15px;
        padding: 15px 15px 15px;
        font-size: 14px;
        width: 250px;
    }
    .widget__buttons-text__close {
        width: 10px;
        top: 5px;
        right: 5px;
    }
    .widget__btn {
        margin-top: 15px;
        width: 50px;
    }
    
    .consult__intro-text:after {
        left: -85px;
    }
    .consult__intro-text:before {
        left: -62px;
    }
}
@media screen and (max-width: 1299px) {
    .container {
        /* max-width: 1140px; */
        /* padding: 0 15px; */
    }

    .section__head {
        margin-bottom: 50px;
    }
    .section__title {
        font-size: 50px;
    }
    .section__title .f-letter {
        font-size: 90px;
        margin-right: 5px;
        text-shadow: 5px 3px 0 #FED97A;
    }
    .section__intro {
        margin-left: 100px;
        max-width: 590px;
        font-size: 24px;
    }
    .section__intro:before, .section__intro:after {
        top: 14px;
        margin-right: 15px;
        width: 20px;
        height: 2px;
        content: "";
    }
    .section__intro:after {
        margin-top: 2px;
        width: 35px;
        height: 3px;
    }
    .section__pd {
        padding: 70px 0;
    }
    .section__pdt {
        padding-top: 70px;
    }
    .section__pdl {
        padding-left: 0px;
    }

    .main {
        padding-top: 160px;
    }
    .main__wrap {
        /* padding-left: 150px; */
        /* display: block; */
    }
    .main__social {
        /* display: none; */
    }
    .main__F {
        margin-top: 60px;
        margin-left: 70px;
    }

    .section__head {
        margin-bottom: 50px;
    }
    .section__title {
        font-size: 50px;
    }
    .section__title .f-letter {
        font-size: 90px;
        margin-right: 5px;
        text-shadow: 5px 3px 0 #FED97A;
    }
    .section__intro {
        margin-left: 100px;
        max-width: 590px;
        font-size: 24px;
    }
    .section__intro:before, .section__intro:after {
        top: 14px;
        margin-right: 15px;
        width: 20px;
        height: 2px;
        content: "";
    }
    .section__intro:after {
        margin-top: 2px;
        width: 35px;
        height: 3px;
    }
    .section__pd {
        padding: 70px 0;
    }
    .section__pdt {
        padding-top: 70px;
    }
    .section__pdl {
        padding-left: 0px;
    }

    .advantage__cols {
        grid-gap: 40px;
    }
    .advantage__left {
        padding-left: 15px;
        padding-top: 40px;
    }
    .advantage__item {
        margin: 28px 0;
    }
    .advantage__item > a {
        -ms-grid-columns: 35px 1fr;
        grid-template-columns: 35px 1fr;
    }
    .advantage__item > a:before {
        font-size: 40px;
        position: relative;
        top: -2px;
    }
    .advantage__item > a:after {
        left: -15px;
        bottom: -13px;
    }
    .advantage__item > a:hover:before {
        color: #8851FF;
    }
    .advantage__item > a:hover:after {
        width: calc(100% + 15px);
    }
    .advantage__item-title {
        font-size: 18px;
    }
    .advantage__item-text {
        font-size: 14px;
    }
    .advantage__photo > img {
        border-radius: 40px 0px 0px 250px;
        max-height: 550px;
    }
    .advantage__text {
        margin: -100px 0px 0 25px;
        border-radius: 20px;
        padding: 20px 20px 25px 20px;
        font-size: 14px;
    }
    .advantage__text-title {
        margin-bottom: 12px;
        margin-left: 10px;
        font-size: 18px;
    }
    .advantage__text-title:before, .advantage__text-title:after {
        top: 10px;
        height: 4px;
        width: 25px;
        margin-right: 10px;
        border-radius: 4px;
    }
    .advantage__text-title:after {
        width: 10px;
        margin-right: 40px;
    }

    .catalog__tabs {
        height: 80px;
        margin: 0 0 50px;
    }
    .catalog__tabs-item a {
        height: 78px;
        font-size: 18px;
    }
    .catalog__block {
        width: 1300px;
    }
    .catalog__items {
        max-width: 900px;
    }

    .kviz__progress {
        top: -30px;
    }
    .kviz__progress-steps {
        font-size: 20px;
    }
    .kviz__progress-steps__curr {
        font-size: 28px;
        padding-right: 7px;
        margin-right: 7px;
    }
    .kviz__progress-steps__all {
        margin-left: 5px;
    }
    .kviz__progress-list {
        margin-top: 15x;
    }
    .kviz__progress-list li {
        width: 18px;
        height: 18px;
    }
    .kviz__progress-list li + li {
        margin-left: 40px;
    }
    .kviz__progress-list li + li:before {
        width: 43px;
    }
    .kviz__form-head {
        margin-bottom: 25px;
    }
    .kviz__form-title {
        font-size: 24px;
    }
    .kviz__form-button {
        margin-top: 50px;
    }
    .kviz__form-button__text {
        margin-left: 30px;
        font-size: 18px;
    }
    .kviz__form-button__btn.but-prev {
        font-size: 20px;
        margin-right: 40px;
    }
    .kviz__form-button__btn.but-prev img {
        margin-right: 10px;
        width: 45px;
    }
    .kviz__form-grid {
        -ms-grid-columns: 300px 80px 300px;
        grid-template-columns: 300px 300px;
        grid-gap: 40px 80px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .kviz__form-flex {
        margin: 0 -10px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .kviz__form-item {
        display: block;
    }
    .kviz__form-item__bottom {
        font-size: 18px;
    }
    .kviz__form-item--no {
        margin: 10px 10px;
        width: 240px;
    }
    .kviz__form-item--no .kviz__form-item__bottom {
        min-height: 70px;
    }
    .kviz__form-inputcols {
        max-width: 600px;
        -ms-grid-columns: 360px auto;
        grid-template-columns: 360px auto;
    }

    .cases__nav {
        max-width: 1100px;
        margin-bottom: 60px;
    }
    .cases__nav-item {
        font-size: 20px;
    }
    .cases__nav-item__icon {
        height: 50px;
    }
    .cases__nav-item__icon img {
        max-height: 100%;
    }
    .cases__slider-nav {
        position: absolute;
        right: 60px;
        bottom: 85px;
    }
    .cases__slider-button {
        position: relative;
        width: 16px;
    }
    .cases__slider-button svg {
        width: 100%;
        height: auto;
    }
    .cases__slider-position {
        width: 80px;
        font-size: 44px;
    }
    .cases__slider-position .current {
        font-size: 40px;
    }
    .cases__slider-position .all {
        top: -8px;
        font-size: 18px;
    }
    .cases__item {
        grid-gap: 30px;
    }
    .cases__item-photo img {
        max-height: 500px;
        border-radius: 0px 35px 180px 0px;
    }
    .cases__item-info {
        padding-top: 45px;
        padding-bottom: 145px;
    }
    .cases__item-head {
        margin-bottom: 30px;
    }
    .cases__item-letter:after {
        width: 28px;
    }
    .cases__item-title {
        font-size: 22px;
    }
    .cases__item-list li {
        padding-left: 30px;
        font-size: 18px;
    }
    .cases__item-list li:before {
        top: 10px;
        width: 12px;
        height: 3px;
    }
    .cases__item-list li + li {
        margin-top: 20px;
    }
    .cases__request {
        width: calc(100% - 30px);
        max-width: 900px;
        margin: -55px 0 0 30px;
        border-radius: 30px;
        padding: 30px 35px 35px 30px;
    }
    .cases__request-title {
        margin-left: 25px;
        margin-bottom: 15px;
        font-size: 24px;
    }
    .cases__request-title:before, .cases__request-title:after {
        top: 14px;
        margin-right: 20px;
        height: 4px;
        width: 40px;
    }
    .cases__request-title:after {
        width: 15px;
        margin-right: 65px;
    }
    .cases__request-cols {
        display: block;
    }
    .cases__request-text {
        max-width: 600px;
        font-size: 18px;
        margin-bottom: 20px;
    }
    .cases__request-action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .cases__request-select {
        width: 247px;
        margin-right: 20px;
    }

    .material__items {
        max-width: 1140px;
        grid-gap: 10px 60px;
    }
    .material__item:nth-child(2n-1) {
        margin-top: 35px;
    }
    .material__item-photo__wrap {
        padding-bottom: 60%;
        overflow: hidden;
    }
    .material__item-photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
    .material__item-info {
        margin-top: -20px;
        margin-right: 30px;
        padding: 20px 10px 20px 25px;
        min-height: 100px;
        border-radius: 20px;
    }
    .material__item-title {
        font-size: 20px;
        margin-bottom: 13px;
    }
    .material__item-title:before, .material__item-title:after {
        top: 9px;
        margin-right: 10px;
        height: 4px;
        width: 20px;
        border-radius: 2px;
        -webkit-box-shadow: 0 2px 0 #8851FF;
                box-shadow: 0 2px 0 #8851FF;
    }
    .material__item-title:after {
        width: 7px;
        margin-right: 33px;
    }
    .material__item-info:hover .material__item-title:before, .material__item-info:hover .material__item-title:after {
        -webkit-box-shadow: none;
                box-shadow: none;
        top: 12px;
    }
    .material__item-text {
        font-size: 16px;
    }

    .production__wrap {
        margin: 0 auto;
        padding-left: 0px;
        padding-right: 0px;
        -ms-grid-columns: 1.2fr 30px 1fr;
        grid-template-columns: 1.4fr 1fr;
    }
    .production__title {
        font-size: 54px;
    }
    .production__left {
        padding-top: 0px;
    }
    .production__buttons {
/*         padding-top: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column; */
        
        gap: 30px;
    }
    .production__buttons-text {
        /* margin: 15px 0 0 0; */
    }
    .production__P {
        padding: 0;
        min-width: 1px;
    }
    .production__P img {
        max-height: 450px;
        margin-left: 0;
    }
    .production__bottom {
        -ms-grid-column-align: center;
            justify-self: center;
        /* max-width: 680px; */
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
    .production__bottom-title {
        padding-right: 0px;
        border: none;
    }

    .about__cols {
        grid-gap: 30px;
    }
    .about__info {
        padding-top: 35px;
    }
    .about__head {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    .about__head-letter {
        min-width: 45px;
        width: 45px;
        height: 45px;
        border-width: 2px;
        font-size: 30px;
        margin-right: 30px;
    }
    .about__head-letter:after {
        right: -23px;
        width: 28px;
    }
    .about__title {
        margin-top: 8px;
        font-size: 22px;
    }
    .about__list {
        max-width: 380px;
    }
    .about__list li {
        padding-left: 25px;
        font-size: 18px;
    }
    .about__list li:before {
        top: 10px;
        left: 7px;
        width: 12px;
        height: 3px;
    }
    .about__list li + li {
        margin-top: 20px;
    }
    .about__photo {
        border-radius: 45px 100px 0px 200px;
    }
    .about__photo-lt {
        width: 18px;
    }
    .about__quote {
        padding: 30px 35px 25px 60px;
        font-size: 22px;
        border-radius: 20px;
    }
    .about__quote:before {
        top: -13px;
        width: 40px;
        height: 40px;
        background-size: cover;
    }
    .about__quote:after {
        bottom: -16px;
        width: 40px;
        height: 40px;
        background-size: cover;
    }
    .about__caption {
        margin-top: 50px;
        font-size: 20px;
    }
    .about__caption-name {
        font-size: 22px;
    }

    .vacancy__cols {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 60px 1.7fr;
        grid-template-columns: 1fr 1.7fr;
        grid-gap: 60px;
    }
    .vacancy__info {
        padding-top: 35px;
        padding-left: 75px;
    }
    .vacancy__head {
        margin-left: -75px;
        padding-bottom: 20px;
    }
    .vacancy__head-letter {
        min-width: 45px;
        width: 45px;
        height: 45px;
        border-width: 2px;
        font-size: 30px;
        margin-right: 30px;
    }
    .vacancy__head-letter:after {
        right: -23px;
        width: 28px;
    }
    .vacancy__title {
        margin-top: 5px;
        font-size: 30px;
    }
    .vacancy__intro {
        font-size: 22px;
    }
    .vacancy__wrap {
        width: 3000px;
        overflow: hidden;
        padding-bottom: 100px;
    }
    .vacancy__items {
        max-width: 450px;
    }
    .vacancy__item {
        padding-bottom: 50px;
        width: 400px;
        width: 350px;
    }
    .vacancy__item-info {
        width: 300px;
        margin: -30px auto 0;
        padding: 15px 10px 15px;
        min-height: 80px;
        border-radius: 15px;
    }
    .vacancy__item-name {
        font-size: 24px;
    }
    .vacancy__item-work {
        font-size: 18px;
    }

    .consult__wrap {
        padding-left: 0;
        padding-right: 0;
        -ms-grid-columns: 1.3fr 30px 1fr;
        grid-template-columns: 1.3fr 1fr;
    }
    .consult__left {
        padding-top: 0px;
    }
    .consult__subt-text {
        font-size: 18px;
    }
    .consult__title {
        font-size: 56px;
    }
    .consult__intro {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-top: 30px;
    }
    .consult__intro-item {
        max-width: 450px;
    }
    .consult__intro-item br {
        display: none;
    }
    .consult__intro-title {
        margin-bottom: 4px;
    }
    .consult__buttons {
        padding: 45px 0 0 90px;
    }
    .consult__K img {
        max-height: 450px;
    }
    .consult__social-text {
        max-width: 420px;
        font-size: 16px;
    }
    .consult__caption {
        font-size: 16px;
        padding: 22px 40px;
    }
    .consult__caption .m {
        font-size: 14px;
    }
    
}

@media screen and (max-width: 1407px) {
    .main__title {
        /* max-width: 364px; */
        /* font-size: clamp(2.25rem, 0.9194rem + 5.4591vw, 5rem); */
        /* font-size: clamp(3.75rem, 1.3177rem + 4.9261vw, 5rem); */
        /* font-size: clamp(5.25rem, -1.9964rem + 9.6618vw, 6.5rem); */
    }
}

@media screen and (max-width: 1128px) { 
    .main__F {
        position: absolute;
        right: -102px;
        margin-top: 51px;
        margin-left: 0px;
        max-width: 480px;
        z-index: -1;
    }
}

@media screen and (max-width: 1098px) {
    .section-info-flex .flex-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    
    .main__title {
        /* font-size: clamp(4.625rem, 3.6569rem + 1.9608vw, 5rem); */
    }
}


@media screen and (max-width: 1024px) { 
    .production__buttons {
        gap: 20px;
    }
    
    .production__buttons-text {
        font-size: 16px;
    }
    
}

@media screen and (max-width: 1057px) {
    
        .flex-column-header {
            flex-direction: column;
                align-items: flex-end;

    }
    
    .header__text {
        margin: 0;
    }
    
    
    .main__slider {
        bottom: 7em;
    }
    
    .main__social {
            justify-content: flex-end;
            right: 0;
    }
    
    .menu-list {
        bottom: -42px;
        position: absolute;
            
            left: 0;
        justify-content: center !important;
        flex-wrap: wrap;
        /* max-width: 500px; */

    }
    
    .header.fixed {
            padding-bottom: 74px;
    }
}


@media screen and (max-width: 984px) {
    .consult_form {
        grid-column: 1;
        grid-row: 2;
    }
    .consult__wrap {
        /* grid-template-columns: 1fr; */
    }
    
    .consult__bottom {
       
        
                grid-row: 2;
        height: fit-content;
        margin-top: auto;
    }
    
    .production__wrap {
        grid-template-columns: 1.6fr 1fr;
    }
}


@media screen and (max-width: 979px) {
    .container {
        /* max-width: 768px; */
    }

    .slick-prev, .slick-next {
        width: 40px;
    }

    .section__title {
        font-size: 46px;
    }
    .section__title .f-letter {
        font-size: 80px;
    }
    .section__title br {
        display: none;
    }

    .section__title .tire {
        display: none;
    }

    .main {
        padding-top: 180px;
        /* padding-bottom: 100px; */
        padding-bottom: 20px;
    }
    .main__wrap {
        /* padding-left: 30px; */
    }
    .main__buttons {
        display: none;
        padding: 65px 0 0 0px;
        text-align: center;
    }
    .main__buttons--tablet {
        /* display: block; */
    }
    .main__buttons-text {
        margin-left: 0;
        margin-top: 10px;
        font-size: 16px;
    }
    .main__buttons-text br {
        display: none;
    }
    .main__F {
        width: 100%;
        margin-left: 0;
    }
    .main__F-wrap {
        position: relative;
        /* max-width: 350px; */
        margin: 0 auto;
    }
    .main__F-rt {
        width: 40px;
    }
    .main__F-lt {
        width: 12px;
    }
    .main__F-lb {
        width: 60px;
    }
    .main__slider {
        width: 195px;
        padding-right: 30px;
        border-radius: 15px 0px 0px 15px;
    }
    .main__slider .slick-arrow {
        width: 30px;
    }
    .main__slider .slick-arrow svg {
        width: 15px;
        height: auto;
    }
    .main__slider-item {
        height: 100px;
        padding: 10px 10px 10px 30px;
    }
    .main__slider-item__text {
        font-size: 16px;
    }
    .main__slider-item__text:before {
        display: none;
    }
    .main__slider-item__t {
        font-size: 18px;
    }
    .main__slider-item__t span {
        font-size: 24px;
    }
    .main__scroll {
        top: 100%;
        margin-top: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .main__scroll ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .main__scroll li {
        margin: 0 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: auto;
    }
    .main__scroll li span {
        position: relative;
        left: auto;
        top: auto;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
        font-size: 15px;
        margin: 0;
        display: none;
    }
    .main__scroll li a {
        position: relative;
        left: auto;
        top: auto;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
        width: 10px;
    }
    .main__scroll li a:before {
        height: 2px;
    }
    .main__scroll li a.active::before {
        width: 17px;
        height: 3px;
    }
    .main__scroll li a.active + span {
        margin-left: 10px;
        display: block;
    }
    .main__scroll-arr {
        margin: 0 0 0 20px;
        position: relative;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
        left: auto;
        top: auto;
    }
    .main__scroll-arr img {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
        height: 36px;
    }
    
    .section-info-flex .flex-wrapper .block-border:last-of-type {
        grid-column: 1;
    }

    .advantage__cols {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 600px;
        margin: 0 auto;
    }
    .advantage__left {
        padding-top: 0;
    }
    .advantage__photo {
        padding-left: 300px;
    }
    .advantage__photo img {
        max-height: 400px;
        border-radius: 30px 0px 0px 205px;
    }
    .advantage__text {
        margin: 0;
        position: absolute;
        bottom: 0px;
        left: -50px;
        max-width: 400px;
    }
    .advantage__right-arrt {
        left: 40% !important;
    }

    .catalog__block {
        width: 1400px;
        padding: 30px 0 70px 40px;
        border-radius: 40px 0px 0px 30px;
    }
    .catalog__block + .catalog__block {
        margin-top: 40px;
    }
    .catalog__block-title {
        margin-bottom: 20px;
        padding-left: 30px;
        font-size: 22px;
    }
    .catalog__block-title:before, .catalog__block-title:after {
        top: 12px;
        height: 4px;
        width: 6px;
        border-radius: 2px;
    }
    .catalog__block-title:after {
        width: 17px;
        margin-left: 9px;
    }
    .catalog__items {
        margin: 0 -10px;
        max-width: 700px;
    }
    .catalog__items .slick-arrow {
        margin-top: 25px;
    }
    .catalog__items .slick-prev {
        right: 105px;
    }
    .catalog__item {
        width: 300px;
        margin: 0 10px;
        border-radius: 0px 25px 0px 25px;
    }
    .catalog__item-photo {
        padding: 3px;
        height: 250px;
    }
    .catalog__item-photo__wrap {
        border-radius: 0px 25px 0px 0px;
    }
    .catalog__item-info {
        padding: 13px 13px 20px 22px;
    }
    .catalog__item-title {
        font-size: 16px;
    }
    .catalog__item-price {
        font-size: 20px;
    }

    .cases__nav {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .cases__nav-item {
        margin: 13px 25px;
    }
    .cases__item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cases__item-head {
        max-width: 480px;
    }
    .cases__item-photo {
        padding-right: 150px;
        max-height: 350px;
        margin-left: -15px;
    }
    .cases__item-photo img {
        float: none;
        max-height: 100%;
    }
    .cases__item-info {
        margin: 0 auto;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        padding-top: 0;
        padding-bottom: 0;
    }
    .cases__slider-nav {
        right: 0;
        bottom: 75px;
    }
    .cases__request {
        border-radius: 25px;
        margin-top: -40px;
    }
    .cases__request-select__current {
        height: 50px;
        line-height: 50px;
        border-width: 1px;
        border-radius: 10px;
        font-size: 16px;
        padding: 0 30px 0 15px;
    }
    .cases__request-select__current:after {
        right: 12px;
        background-size: 15px;
    }
    .cases__request-select__content {
        max-height: 120px;
    }
    .cases__request-select__content .mCSB_container {
        padding-right: 20px;
    }
    .cases__request-select__content .mCSB_scrollTools {
        right: 4px;
    }
    .cases__request-select__drop {
        min-width: 1px;
        width: 100%;
        padding: 10px 0 10px 10px;
    }
    .cases__request-select__drop li a {
        font-size: 16px;
    }

    .production__wrap {
        /* max-width: 600px; */
        margin: 0 auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .production__bottom {
        grid-column: initial;
    }

    .production__P {
        text-align: center;
    }
    .production__P img {
        max-height: 360px;
        padding-left: 50px;
    }

    .about__cols {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 560px;
        margin: 0 auto;
        grid-gap: 50px;
    }

    .about__head {
        max-width: 450px;
    }
    .about__head:after {
        right: 47px;
    }

    .about__info {
        padding-top: 0;
    }

    .about__list {
        max-width: 480px;
    }

    .about__quote {
        margin-top: 30px;
    }

    .clients__slider {
        padding-top: 20px;
        margin-bottom: 40px;
    }
    .clients__slider .slick-next {
        margin-top: 50px;
        margin-right: -100px;
    }
    .clients__slider .slick-prev {
        margin-top: 50px;
        margin-left: -100px;
    }

    .vacancy__cols {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .vacancy__head {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .vacancy__info {
        padding-top: 0;
    }

    .vacancy__intro {
        max-width: 400px;
    }

    .vacancy__item {
        width: 450px;
        width: 350px;
    }

    .consult__wrap {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        /* max-width: 600px; */
        margin: 0 auto;
    }

    .consult__K img {
        max-height: 380px;
        margin-left: 60px;
    }

    .consult__bottom {
        grid-column: initial;
        /* margin-top: 30px; */
    }
}

@media screen and (max-width: 939px) { 
    .main__F-wrap {
        display: none;
    }
}


@media screen and (max-width: 830px) {  
    .main__slider {
        position: relative;
        bottom: 0px;
        top: 20px;
        right: 0;
    }
    
    
    
}

@media screen and (max-width: 768px) {
    .container {
        /* max-width: 610px; */
    }

    .section__head {
        margin-bottom: 30px;
    }

    .section__title {
        font-size: 32px;
    }
    .section__title .f-letter {
        font-size: 50px;
        margin-right: 2px;
        text-shadow: 2px 1.5px 0 #FED97A;
    }

    .section__intro {
        margin-left: 40px;
        font-size: 18px;
        max-width: 400px;
    }
    .section__intro:before, .section__intro:after {
        top: 10px;
        margin-right: 5px;
        width: 10px;
        height: 1px;
    }
    .section__intro:after {
        width: 17px;
        margin-top: 1px;
        height: 2px;
    }

    .popup__intro {
        margin: 0;
    }
    
    .form_main {
        max-width: 383px;
    }

  
   

    .main {
        padding-top: 140px;
    }
    .main__wrap {
        padding: 0;
    }
    .main__subt-letter {
        width: 35px;
        min-width: 35px;
        height: 35px;
        font-size: 20px;
        margin-right: 20px;
    }
    .main__subt-letter:after {
        right: -15px;
        width: 20px;
    }
    .main__subt-text {
        font-size: 20px;
    }
    .main__title {
        font-size: 60px;
        /* padding-left: 35px; */
    }
    .thank .main__title {
        font-size: 50px;
    }
    .main__intro {
        /* margin: 15px 0 0 100px; */
        font-size: 18px;
        max-width: 450px;
    }
    .main__intro:before, .main__intro:after {
        width: 8px;
        height: 1px;
        margin-right: 4px;
        top: 11px;
    }
    .main__intro:after {
        height: 2px;
        width: 13px;
        margin-top: 1px;
    }
    .thank .main__intro {
        max-width: 360px;
    }

    .advantage__photo {
        padding-left: 0;
        text-align: right;
        margin-right: -15px;
    }
    .advantage__photo img {
        max-width: 87%;
    }

    .advantage__right-arrt {
        left: 10% !important;
    }

    .advantage__text {
        left: 15px;
        position: relative;
        margin-top: -70px;
    }

    .catalog__tabs {
        margin: 0 0px 40px;
        height: 60px;
    }
    
    .catalog__block {
        padding: 0;
    }
    .catalog__tabs-item a {
        height: 58px;
        font-size: 14px;
    }
    .catalog__block {
        width: 1000px;
    }
    .catalog__items {
        margin: 0 -10px;
        max-width: 600px;
    }

    .kviz__form-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0;
    }

    .kviz__form-title {
        font-size: 20px;
    }

    .kviz__progress {
        top: 0;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        margin: 0 auto 15px;
    }

    .kviz__form-select {
        padding-right: 0;
        max-width: 320px;
        width: 100%;
    }
    .kviz__form-select .select {
        width: 100%;
    }

    .kviz__form-grid {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }

    .kviz__form-button {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .kviz__form-button__text {
        font-size: 16px;
        margin: 10px 0 0;
        width: 100%;
        text-align: center;
    }
    .kviz__form-button__text br {
        display: none;
    }

    .kviz__form-button__btn.but-prev {
        font-size: 16px;
        margin-right: 20px;
    }
    .kviz__form-button__btn.but-prev img {
        width: 25px;
    }

    .kviz__form-inputcols {
        padding-top: 10px;
        display: block;
        max-width: 360px;
    }

    .kviz__form .form-connection {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-left: -15px;
    }

    .cases__slider {
        width: calc(100% + 15px);
        margin-left: -15px;
    }
    .cases__slider .slick-track {
        display: block !important;
    }
    .cases__slider .slick-list {
        overflow: hidden;
    }

    .cases__item-info {
        padding-bottom: 40px;
    }

    .cases__slider-nav {
        bottom: 30px;
        margin-bottom: 20px;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .cases__slider-button {
        width: 30px;
    }

    .cases__slider-position {
        width: 40px;
        font-size: 28px;
    }
    .cases__slider-position .current {
        font-size: 30px;
    }
    .cases__slider-position .all {
        top: -3px;
        font-size: 16px;
    }

    .cases__request-action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .cases__request-select {
        margin: 0 0 15px;
    }

    .material__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 40px;
        max-width: 480px;
        margin: 0 auto;
    }
    .material__item {
        margin-top: 0 !important;
    }
    .material__item-photo__wrap {
        border-radius: 80px 0px 0px 0px;
    }
    .material__item-title::before {
        margin-right: 5px;
    }
    .material__item-title::after {
        margin-right: 27px;
    }

    .production__subt-letter {
        width: 35px;
        height: 35px;
        font-size: 20px;
        margin-right: 20px;
    }
    .production__subt-letter:after {
        right: -15px;
        width: 20px;
    }
    .production__subt-text {
        font-size: 20px;
    }
    .production__title {
        font-size: 46px;
        /* padding-left: 35px; */
    }
    .production__intro {
        margin: 20px 0 0 0px;
        font-size: 16px;
        /* max-width: 360px; */
        grid-gap: 10px;
    }
    .production__intro-icon {
        width: 30px;
    }
    .production__buttons {
        padding-top: 50px;
        padding-left: 0;
        display: none;
    }
    .production__buttons--mobile {
        display: block;
        text-align: center;
    }
    
    .main__F-wrap {
        z-index: -1;
    }
    .production__buttons-text {
        font-size: 16px;
    }
    .production__P {
        padding: 0;
    }
    .production__P img {
        max-height: 300px;
    }
    .production__bottom-title {
        font-size: 20px;
        padding-left: 30px;
        margin-bottom: 0;
    }
    .production__bottom-title:before, .production__bottom-title:after {
        top: 10px;
        height: 5px;
        width: 6px;
    }
    .production__bottom-title:after {
        width: 12px;
        left: 10px;
    }
    .production__bottom-text {
        font-size: 16px;
    }
    .production__bottom-numb {
        font-size: 40px;
    }

    .clients__row--4 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .clients__row--4 .clients__item {
        padding-bottom: 35%;
        border-bottom: 1px solid #CEBEEF;
    }
    .clients__row--4 .clients__item:nth-child(2n) {
        border-right: none;
    }
    .clients__row--4 .clients__item:nth-last-child(1), .clients__row--4 .clients__item:nth-last-child(2) {
        border-bottom: none;
    }

    .clients__item img {
        max-width: 70%;
        max-height: 65%;
    }

    .vacancy__head-letter {
        min-width: 35px;
        width: 35px;
        height: 35px;
        font-size: 20px;
        margin-right: 20px;
    }
    .vacancy__head-letter:after {
        right: -15px;
        width: 20px;
    }
    .vacancy__title {
        font-size: 22px;
    }
    .vacancy__intro {
        max-width: 310px;
        font-size: 18px;
        margin-bottom: 30px;
    }
    .vacancy__wrap {
        padding-bottom: 60px;
    }
    .vacancy__items {
        max-width: 585px;
    }
    .vacancy__items .slick-prev {
        right: 50%;
        margin-right: 15px;
    }
    .vacancy__items .slick-next {
        left: 50%;
        right: auto;
        margin-left: 15px;
    }

    .consult__subt-letter {
        min-width: 35px;
        width: 35px;
        height: 35px;
        font-size: 20px;
        margin-right: 20px;
    }
    .consult__subt-letter:after {
        right: -15px;
        width: 20px;
    }
    .consult__subt-text {
        font-size: 20px;
    }
    .consult__title {
        font-size: 46px;
        padding-left: 0px;
    }
    .consult_form {
        padding-left: 0px;
        /* padding-left: 40px; */
    }
    .consult__intro-text {
        padding-left: 10px;
    }
    .consult__intro {
        margin: 20px 0 0 60px;
        font-size: 16px;
        max-width: 360px;
        grid-gap: 10px;
    }
    .consult__intro-icon {
        width: 30px;
        padding-top: 5px;
    }
    .consult__buttons {
        padding-top: 30px;
    }
    .consult__K img {
        max-height: 300px;
    }

    .popup__container {
        max-width: 480px;
        padding: 30px 35px 30px;
    }
    .popup__close {
        right: 10px;
        top: 10px;
        width: 15px;
        height: 15px;
    }
    .popup__head {
        margin-bottom: 20px;
    }
    .popup__title {
        font-size: 26px;
    }
    .popup__title .f-letter {
        font-size: 34px;
        text-shadow: 2px 1px 0 #FED97A;
        margin-right: 1px;
    }
    .popup__intro {
        margin-top: 5px;
        max-width: 450px;
        font-size: 14px;
    }
    .popup__intro br {
        display: none;
    }
    .popup form {
        max-width: 300px;
    }
    .popup form .line__btn {
        margin: 10px 0 0;
    }

    .widget {
        position: fixed;
        left: 15px;
        bottom: 15px;
        z-index: 9;
        display: none;
    }
    .widget__buttons-text {
        bottom: 20px;
        margin-left: 10px;
    }
    .widget__btn {
        margin-top: 10px;
        width: 40px;
    }
    .catalog__items > div {
        margin-bottom: 15px;
    }
    
    
     
    .section-info-flex .block-border {
        max-width: 45vw !important;
    }
}
@media screen and (max-width: 768px) {
    .main__slider {
        position: relative;
        bottom: 0px;
        top: 20px;
        right: 0;
      }
     .header.fixed {
        padding-bottom: 58px;
    }
    
     .main__social {
        
        /* left: 0; */
        right: 0;
    }
}

@media screen and (max-width: 659px) {
    
    .section-info-flex .flex-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    .consult__bottom {
        grid-row: 3;
        position: relative !important;
    }
}


@media screen and (max-width: 609px) {
    .container {
        max-width: 100%;
    }

    .catalog__items {
        max-width: 320px;
    }
    
    .section-info-flex .block-border {
        max-width: 100vw !important;
    }
    
    .section-info-flex .flex-wrapper {
        grid-template-columns: 1fr;
    }

    .kviz__form-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .cases__item-photo img {
        max-width: 100%;
        border-radius: 0px 15px 100px 0px;
    }

    .vacancy__wrap {
        padding-bottom: 40px;
        width: calc(100% + 15px);
    }

    .vacancy__items {
        max-width: calc(100% - 15px);
    }
    .vacancy__items .slick-arrow {
        margin-top: 10px;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
    }

    .vacancy__item {
        width: 300px;
    }
    .vacancy__item-photo {
        border-radius: 15px;
    }
    .vacancy__item-info {
        width: 80%;
        margin-top: -20px;
        border-radius: 10px;
        min-height: 60px;
        padding: 10px 10px 15px;
    }
    .vacancy__item-name {
        font-size: 20px;
    }
    .vacancy__item-work {
        font-size: 14px;
    }

    .consult__subt-text {
        font-size: 16px;
    }
}

@media screen and (max-width: 1244px) { 
    .section-info-flex .block-border {
        max-width: 31vw;
    }
    .section-info-flex .block-title {
        max-width: 300px;
    }
}



@media screen and (max-width: 999px) { 
    .section-info-flex .block-border {
        max-width: 46vw;
    }
    
    .menu-list a {
       font-size: 18px;
    }
}



@media screen and (max-width: 768px) { 
    
        .main {
        padding-top: 120px;
    }
    
    .main__title {
        font-size: clamp(2.25rem, -2.1349rem + 17.9894vw, 6.5rem) !important;
        max-width: 68vw;
    }
    
    .section-info-flex .block-title {
            font-size: 24px;
    }
    
    .menu-list {
        /* max-width: 500px; */
        padding: 0px 0px;
        bottom: 0;
        position: static;
    }
    .header__navfix .header__contacts-phones {
        padding: 0;
    }
    .header__menu-togger.clearfix {
        display: block;
    }
    .header__right nav .menu-list {
        display: none !important;
    }
    
    .main__F-wrap {
        z-index: -1;
        display: none;
    }
    
    .main__left .popup__head {
            padding-top: 78px;
    }
    
    .main__social {
        bottom: -64px;
    }
}

@media screen and (max-width: 768px) {
    .consult__intro-text:after {
        left: -56px;
    }
    .consult__intro-text:before {
        left: -36px;
    }
    
    .consult__bottom {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .consult_form {
        max-width: 401px;
    }
    
    
    .title-consult-form {
        font-size: 18px; 
    }
    .consult__left {
        max-width: 500px;
    }
}

@media screen and (max-width: 588px) {
        .section-info-flex .block-border {
        /* max-width: 83vw !important; */
        width: 100%;
    }
    
    .main__social-text {
        padding-left: 48px;
    }
    .main__left .popup__head {
        padding-top: 60px;
    }
}

@media screen and (max-width: 544px) { 
    .main__slider {
        left: 0;
    }
    
    .main__title {
            font-size: clamp(2.25rem, -4.125rem + 26.1538vw, 4.375rem) !important;
    }
    
    .main__left .popup__head {
        padding-top: 41px;
    }
    
   
    .main__intro {
        margin: 15px 0 0 20px;
        
    }
    
    .main__social {
        bottom: -64px;
        width: 100%;
        /* right: 0; */
        left: 0;
    }
}


@media screen and (max-width: 520px) {
    .header__contacts a {
        font-size: 16px;
    }
    .section-info-flex .block-title {
        font-size: 20px;
    }
    .consult__bottom {
        grid-row: 3;
        position: relative;
    }
}

@media screen and (max-width: 479px) {
    
        .header__contacts a {
        font-size: clamp(0.625rem, -0.1517rem + 3.8835vw, 0.875rem);
    }
    .header__text-link {
        display: none;
    }
    .section__pd {
        padding: 50px 0;
    }

    .section__head {
        margin-bottom: 30px;
    }

    .section__title {
        font-size: 24px;
    }
    .section__title .f-letter {
        font-size: 40px;
    }

    .section__intro {
        margin-left: 30px;
        font-size: 16px;
        max-width: 400px;
    }
    .section__intro:before, .section__intro:after {
        top: 10px;
        margin-right: 5px;
        width: 10px;
        height: 1px;
    }
    .section__intro:after {
        width: 17px;
        margin-top: 1px;
        height: 2px;
    }

    .main {
        padding-top: 120px;
    }

    .main__title {
        font-size: 58px !important;
        max-width: 300px;
    }
    .thank .main__title {
        font-size: 40px;
    }

    .main__intro {
        margin: 10px 0 0 20px;
        font-size: 16px;
    }

    .main__intro::before, .main__intro::after {
        top: 10px;
    }

    .main__F {
        margin-top: 40px;
    }
    .main__F-wrap {
        max-width: 250px;
    }
    .main__F-arrt::before {
        width: 8px;
        height: 10px;
        margin-top: -5px;
        background-size: 8px;
    }
    .main__F-arrc {
        top: 119px;
    }
    .main__F-arrc::before {
        position: absolute;
        width: 8px;
        height: 10px;
        margin-top: -5px;
        background-size: 8px;
    }
    .main__F-rt {
        width: 25px;
    }
    .main__F-lt {
        width: 7px;
    }
    .main__F-lb {
        width: 40px;
    }

    .main__slider {
        width: 145px;
        padding-right: 22px;
    }
    .main__slider .slick-arrow {
        width: 22px;
    }
    .main__slider .slick-arrow svg {
        width: 11px;
    }
    .main__slider-item {
        height: 80px;
        padding: 10px 10px 10px 18px;
    }
    .main__slider-item__t {
        font-size: 12px;
    }
    .main__slider-item__t span {
        font-size: 20px;
    }
    .main__slider-item__text {
        font-size: 14px;
    }
    .main__slider-item__text--mini {
        font-size: 12px;
    }

    .advantage__left {
        padding-left: 0;
    }

    .advantage__left .btn {
        margin: 35px auto 0;
        display: block;
    }

    .advantage__item {
        margin: 16px 0;
    }

    .advantage__item > a {
        -ms-grid-columns: 30px 1fr;
        grid-template-columns: 30px 1fr;
    }
    .advantage__item > a:before {
        font-size: 34px;
        -webkit-text-stroke: 1px #8851FF;
    }
    .advantage__item > a:hover:before {
        color: #8851FF;
        -webkit-text-stroke: 0px #8851FF;
    }
    .advantage__item > a:after {
        bottom: -8px;
    }
    .advantage__item > a.active::after, .advantage__item > a:hover::after {
        width: calc(100% + 8px);
        left: -8px;
    }

    .advantage__item-title {
        font-size: 16px;
    }

    .advantage__item-text {
        font-size: 12px;
    }

    .advantage__photo img {
        border-radius: 30px 0px 0px 150px;
    }

    .advantage__text {
        max-width: calc(100% - 15px);
    }

    .catalog__tabs-item a {
        height: 50px;
        font-size: 12px;
    }

    .catalog__block {
        width: calc(150% + 16px);
    }

    .catalog__item {
        width: 260px;
    }

    .catalog__items {
        max-width: calc(100% - 30px);
    }
    .catalog__items .slick-arrow {
        margin-top: 15px;
    }
    .catalog__items .slick-prev {
        right: 50%;
        margin-right: 10px;
    }
    .catalog__items .slick-next {
        right: auto;
        left: 50%;
        margin-left: 10px;
    }

    .catalog__item-photo {
        height: 210px;
    }

    .catalog__item-title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .catalog__item-price {
        font-size: 16px;
    }

    .kviz__progress-steps {
        font-size: 18px;
    }
    .kviz__progress-steps__curr {
        font-size: 22px;
    }
    .kviz__progress-list li {
        width: 15px;
        height: 15px;
    }
    .kviz__progress-list li + li {
        margin-left: 20px;
    }
    .kviz__progress-list li + li:before {
        width: 22px;
    }

    .cases__item-info {
        padding-left: 15px;
        padding-bottom: 40px;
    }

    .cases__item-letter {
        min-width: 35px;
        width: 35px;
        height: 35px;
        border-width: 2px;
        font-size: 22px;
        margin-right: 20px;
    }
    .cases__item-letter:after {
        width: 20px;
        right: -15px;
    }

    .cases__item-title {
        font-size: 18px;
    }

    .cases__item-list li {
        padding-left: 25px;
        font-size: 16px;
    }
    .cases__item-list li:before {
        top: 10px;
        width: 10px;
        height: 1px;
        left: 8px;
    }

    .cases__item-photo {
        padding-right: 80px;
        padding-right: 0;
    }

    .cases__request {
        margin-left: 15px;
        width: calc(100% - 15px);
        border-radius: 15px;
        margin-top: -20px;
        padding: 15px 15px 25px 20px;
    }
    .cases__request-title {
        margin-left: 0px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .cases__request-title:before, .cases__request-title:after {
        top: 10px;
        margin-right: 10px;
        height: 2px;
        width: 20px;
    }
    .cases__request-title:after {
        width: 8px;
        margin-right: 35px;
    }
    .cases__request-text {
        font-size: 14px;
    }

    .material__item-photo__wrap {
        border-radius: 40px 0px 0px 0px;
    }

    .production__title {
        font-size: 34px;
    }

    .production__intro {
        font-size: 14px;
        /* margin-left: 40px; */
        max-width: 300px;
    }

    .production__bottom-text {
        font-size: 14px;
    }

    .production__bottom-numb {
        font-size: 34px;
        -webkit-text-stroke: 1px #8851FF;
    }

    .production__P {
        padding: 0;
    }
    .production__P img {
        max-height: 200px;
        padding: 0;
    }

    .about__head {
        padding-bottom: 15px;
        margin-bottom: 25px;
    }

    .about__head-letter {
        min-width: 35px;
        width: 35px;
        height: 35px;
        border-width: 2px;
        font-size: 22px;
        margin-right: 20px;
    }
    .about__head-letter:after {
        width: 20px;
        right: -15px;
    }

    .about__title {
        font-size: 18px;
    }

    .about__list li {
        padding-left: 25px;
        font-size: 16px;
    }
    .about__list li:before {
        top: 10px;
        width: 10px;
        height: 1px;
        left: 8px;
    }

    .about__list li + li {
        margin-top: 10px;
    }

    .about__right {
        padding-left: 20px;
    }

    .about__photo {
        border-radius: 20px 50px 0px 100px;
    }

    .about__photo-lt {
        width: 10px;
    }

    .about__photo-arrl {
        width: 95% !important;
    }

    .about__quote {
        margin-top: -20px;
        padding: 15px 15px 15px 40px;
        font-size: 14px;
        border-radius: 10px;
    }
    .about__quote:before {
        top: -6px;
        width: 20px;
        height: 20px;
    }
    .about__quote:after {
        bottom: -8px;
        width: 20px;
        height: 20px;
    }

    .about__caption {
        margin-top: 40px;
        font-size: 16px;
    }

    .about__caption-name {
        font-size: 18px;
    }

    .clients__slider {
        margin: 0 -5px;
    }

    .clients__row {
        padding: 0 10px;
    }

    .clients__row:not(:first-child)::after,
.clients__row:not(:first-child)::before {
        width: 6px;
        background-size: 6px;
        background-position: center center;
    }

    .clients__item {
        padding-bottom: 50%;
    }

    .clients__row--4 .clients__item {
        padding-bottom: 40%;
    }
    .clients__row--4 .clients__item img {
        max-width: 55%;
        max-height: 45%;
    }

    .clients__item img {
        max-width: 70%;
        max-height: 65%;
    }

    .clients__slider .slick-next {
        margin-right: -50px;
        margin-top: 30px;
    }

    .clients__slider .slick-prev {
        margin-left: -50px;
        margin-top: 30px;
    }

    .vacancy__head {
        margin-left: -55px;
    }

    .vacancy__info {
        padding-left: 55px;
    }

    .vacancy__title {
        font-size: 18px;
        margin-top: 8px;
    }

    .vacancy__intro {
        max-width: 280px;
        font-size: 16px;
    }

    .consult__subt-text {
        font-size: 14px;
    }

    .consult__title {
        font-size: 36px;
    }

    .consult__intro-item {
        font-size: 14px;
        grid-gap: 10px;
        max-width: 320px;
    }

    .consult__buttons {
        padding-left: 60px;
    }

    .consult__social-text {
        font-size: 14px;
        padding-left: 40px;
    }
    .consult__social-text:before {
        width: 30px;
    }

    .consult__caption {
        font-size: 14px;
        padding: 15px 35px;
    }

    .popup__container {
        padding: 30px 25px 30px;
    }
    .popup__title br {
        display: none;
    }
    .popup__intro br {
        display: none;
    }
    .popup form {
        padding: 0 10px;
    }
    
    
}

@media screen and (max-width: 430px) {

    .main__title {
            /* max-width: 223px; */
    }
    
    .header__contacts a {
        font-size: clamp(0.625rem, -0.1517rem + 3.8835vw, 0.875rem);
    }
    
    .catalog__block {
        width: calc(218% + 16px);
    }
    
    .catalog__block-title {
        padding-left: 0px;
    }
}

@media screen and (max-width: 400px) {
    
    .header__contacts a {
            padding: 0px 4px;
    }
        .header.fixed {
        padding-bottom: 46px;
    }
    .main__title {
        font-size: 36px;
    }
    .thank .main__title {
        font-size: 30px;
    }

    .main__F-lb {
        width: 35px;
        right: 95%;
        bottom: 17%;
    }

    .cases__nav {
        margin-bottom: 40px;
    }

    .cases__nav-item {
        margin: 10px 10px;
    }

    .cases__nav-item__icon {
        height: 25px;
    }

    .cases__item-photo img {
        border-radius: 0px 15px 60px 0px;
    }

    .cases__slider-nav {
        bottom: 45px;
    }

    .cases__request-select {
        width: 220px;
    }

    .cases__request .btn {
        min-width: 220px;
    }
    .cases__request .btn .btn__text {
        font-size: 11px;
    }

    .production__title {
        font-size: 30px;
        /* padding-left: 15px; */
    }

    .production__intro {
        /* margin-left: 20px; */
    }

    .vacancy__info {
        padding-left: 0px;
    }

    .vacancy__head {
        margin-left: 0;
    }

    .vacancy__buttons {
        text-align: center;
    }

    .vacancy__wrap {
        width: 100%;
    }

    .vacancy__items {
        max-width: 100%;
    }

    .vacancy__item {
        width: 100%;
    }

    .consult__title {
        /* padding-left: 15px; */
    }

    .consult__intro {
        margin-left: 54px;
    }

    .consult__buttons {
        padding-left: 0;
        text-align: center;
    }

    .consult__social-link {
        min-width: 25px;
        width: 25px;
    }

    .consult__K img {
        max-height: 250px;
        margin-left: 20px;
    }

    .consult__caption {
        padding: 15px 15px;
        border-radius: 15px;
    }
    
    
    
}


@media screen and (max-width: 326px) { 
    .main__social-link {
        width: 26px;
    }
    
    .main__title {
        font-size: 49px !important;
        max-width: 249px;
    }
}