@media (max-width: 1530px) {

    .hero {
        background-size: 438px 325px;
    }

    .main {
        background-size: 120%;
    }

    .mod__cont {
        background-position: -8% 12%, 1% 57%, 100% 95%;
        background-size: 16% 38%, 5% 19%, 50% 90%;
    }

    .mod__text {
        font-size: 27px;
    }  
}

@media (max-width: 1284px) {

    .hero {
        background-size: 399px 342px;
    }

    .main {
        background-size: 137%;
    }
}

@media (max-width: 1170px) {

    .mod__cont {
        height: 220px;
    }

    .mod__text {
        font-size: 20px;
    }

    .main {
        background-position: center 53%;
    }
    .container {
        padding: 45px;
    }

    .title {
        width: 79%;
        font-size: 37px;
        margin-bottom: 5%;
    }

    /* header */

    .header__container {
        padding: 15px 45px;
        justify-content: space-between;
    }

    .header__logo {
        margin-right: 0;
    }

    .header__logo svg {
        width: 100px;
    }

    .nav {
        margin-right: 0;
        width: 63%;
    }

    .nav__list {
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .nav__link {
        padding: 4px 10px;
        font-size: 15px;
    }
    .nav__list li:not(:last-child) {
        margin-right: 0;
    }

    .header__link svg,
    .header__link img {
        width: 25px;
    }

    .header__link {
        font-size: 15px;
    }

    /* hero */

    .hero {
        background-size: 392px 273px;
    }

    .hero__content {
        width: 85%;
    }

    .hero__title {
        margin-bottom: 4%;
        font-size: 43px;
    }

    .hero__text {
        margin-bottom: 4%;
        font-size: 28px;
    }

    .hero__link {
        width: 41%;
        font-size: 20px;
    }
    .hero__link svg {
        width: 100px;
    }

    .hero__btn {
        padding: 5px 19px;
        font-size: 17px;
    }

    /* result */

    .result__num {
        font-size: 66px;
    }

    .result__text {
        font-size: 26px;
    }

    /* problem */

    .problem__item {
        min-height: 200px;
        padding: 25px 45px;
    }

    .problem__subtitle {
        margin-bottom: 4%;
        font-size: 29px;
    }

    /* pluses */

    .card__item {
        width: 75%;
    }

    .card__text {
        font-size: 30px; 
    }

    /* modal */

    .plus__modal {
        width: 80%;
        height: 80%;
    }


    .plus__modal-content {
        padding-left: 50px;
        padding-right: 50px;
    }

    .plus__modal-title {
        padding-left: 0;
        width: 90%;
        font-size: 30px
    }

    .plus__modal-cont {
        padding-left: 0;
        padding-right: 0;
    }

    .plus__modal-cont::before {
        content: '';
    }

    .top-m {
        justify-content: space-between;
        margin-bottom: 3%;
    }
    .top-m__info {
        padding-right: 10px;
    }

    .top-m__about {
        margin-right: 0;
    }

    .bot-m__descr {

        width: 88%;
    }

    /* info */

    .info__text {
        font-size: 15px;
    }

    .sup {
        width: 71%;
    }
    .sup__title {
        font-size: 24px;
    }

    .sup__btn {
        padding: 9px 17px;
    }
    /* work */

    .static {
        height: 450px;
    }

    .static__title {
        font-size: 50px;
    }

    .static__descr {
        font-size: 28px;
    }

    .static__text {
        font-size: 16px;
    }

    .move__slide {
        padding-top: 85px;
    }
    .move__title {
        font-size: 20px;
    }

    /* expert */

    .back__anim {
        width: 100%;
        height: 100%;
        position: absolute;
        background: none;
        background-image:  url(../img/jbg-image/java.svg), url(../img/jbg-image/flutter.svg), url(../img/jbg-image/aws.svg), url(../img/jbg-image/volley.svg), url(../img/jbg-image/AndroidStudio.svg), url(../img/jbg-image/AppCompat.svg), url(../img/jbg-image/C.svg), url(../img/jbg-image/Camera.svg), url(../img/jbg-image/Confluence.svg), url(../img/jbg-image/ConstraintLayout.svg), url(../img/jbg-image/управление-проектами.svg), url(../img/jbg-image/ContentProvider.svg),  url(../img/jbg-image/Corel-Draw.svg), url(../img/jbg-image/FileZilla.svg), url(../img/jbg-image/Visual\ Studio.svg), url(../img/jbg-image/Git.svg), url(../img/jbg-image/Unity3D.svg), url(../img/jbg-image/Unit.svg), url(../img/jbg-image/glide.svg), url(../img/jbg-image/Swagger.svg), url(../img/jbg-image/Golden-tests.svg), url(../img/jbg-image/Sqlite.svg), url(../img/jbg-image/Sherlock.svg), url(../img/jbg-image/google-map.svg), url(../img/jbg-image/Service.svg), url(../img/jbg-image/Gradle.svg), url(../img/jbg-image/retrofit.svg), url(../img/jbg-image/GRPC.svg), url(../img/jbg-image/REST.svg), url(../img/jbg-image/gson.svg), url(../img/jbg-image/picasso.svg), url(../img/jbg-image/iOs.svg), url(../img/jbg-image/PHP.svg), url(../img/jbg-image/Node.svg), url(../img/jbg-image/Jira.svg), url(../img/jbg-image/navigation.svg), url(../img/jbg-image/Kodein.svg), url(../img/jbg-image/LiveData.svg), url(../img/jbg-image/kotlin.svg), url(../img/jbg-image/Corel-Draw.svg), url(../img/jbg-image/Sherlock.svg), url(../img/jbg-image/Git.svg), url(../img/jbg-image/google-map.svg), url(../img/jbg-image/Service.svg), url(../img/jbg-image/volley.svg), url(../img/jbg-image/управление-проектами.svg), url(../img/jbg-image/aws.svg), url(../img/jbg-image/C.svg) ;
        background-repeat: no-repeat;
        -webkit-animation: snowy 13s linear infinite;
        -moz-animation: snowy 13s linear infinite;
        -o-animation: snowy 13s linear infinite;
        -ms-animation: snowy 13s linear infinite;
        animation: snowy 20s linear infinite;
      }
    
      @keyframes snowy {
        0% {
            background-position: -40% 10%, -50% 20%, -30% 30%, -40% 40%, -30% 55%, -50% 60%, -40% 70%, -20% 80%, -40% 90%,     -20% 5%, -10% 17%, 90% 20%, -20% 35%, 0% 45%, -10% 65%, -10% 75%, 10% 85%, -10% 95%,    10% 0, 20% 10%, 10% 25%, 30% 25%, 20% 40%, 40% 50%, 10% 60%, 20% 70%, 40% 80%, 20% 90%,    40% 10%, 50% 15%, 40% 25%, 50% 35%, 50% 45%, 70% 55%, 40% 65%, 50% 75%, 70% 85%, 50% 95%,    80% 0, 70% 10%, 60% 20%, 70% 30%, 80% 40%, 90% 50%, 80% 60%, 70% 70%, 90% 80%, 80% 95%;
        }
    
        100% {
            background-position: 0% 10%, -10% 20%, 10% 30%, 0% 40%, 10% 55%, -10% 60%, 0% 70%, 20% 80%, 0% 90%,    20% 5%, 30% 17%, 130% 20%, 20% 35%, 40% 45%, 30% 65%, 30% 75%, 40% 85%, 30% 95%,    50% 0, 60% 10%, 50% 25%, 70% 30%, 60% 40%, 80% 50%, 50% 60%, 60% 70%, 80% 80%, 60% 90%,   80% 10%, 90% 15%, 80% 25%, 90% 35%, 90% 45%, 100% 55%, 80% 65%, 90% 75%, 100% 85%, 90% 95%,   120% 0, 110% 10%, 100% 20%, 110% 30%, 120% 40%, 130% 50%, 120% 60%, 120% 70%, 130% 80%, 120% 95%;
        }
    }

    /* personal */

    .personal__container {
        padding-bottom: 0;
    }

    .personal__title {
        width: 50%;
    }

    .personal__form {
        width: 84%;
        text-align: center;
        /* margin-bottom: 4%; */
    }

    .personal__label {
        padding: 8px 15px;
        font-size: 21px;
    }

    .personal__text {
        font-size: 20px;
        margin-bottom: 4%;
    }

    .personal__send-btn {
        padding: 17px 20px;
        padding-right: 60px;
        font-size: 21px;
        background-position: 89% 54%;
    }

    .per__item {
        padding: 20px;
    }

    /* case */

    .case__text {
        font-size: 14px;
        line-height: 25px;
    }

    .swiper-next {
        left: 12%;
    }

    .review__text {
        font-size: 15px;
    }

    .rev2 {
        right: 20px;
        z-index: 10;
    }

    .rev1 {
        left: 20px;
        z-index: 10;
    }

    /* team */

    .team__label {
        padding: 20px 39px;
        font-size: 25px;
    }

    .team__info {
        margin-bottom: 4%;
        font-size: 22px;
    }

    .team__info-right {
        width: 18%;
    }

    .team__btn {
        width: 165px;
        height: 165px;
    }

    .team__btn span {
        font-size: 20px;
    }

    .team__label-file {
        padding: 20px 20px;
        width: 46%;
        margin-bottom: 4%;
    }

    .team__bottom-text {
        font-size: 20px;
    }

    .map1 {
        height: 350px;
    }
}

@media (max-width: 1024px) {
    .hero {
        background-size: 345px 273px;
    }
}

@media (max-width: 1000px) {
    .main {
        background-position: center 49%;
    }

    .main-animation {
        animation: wipe-enter 4s 1
      }
      @keyframes wipe-enter {
        0% {
            background-position:  center 50%;
        }
        100% {
            background-position: center 46%;
        }
    }

    .burger {
        position: relative;
        display: block;
        border: none;
        padding: 0;
        width: 30px;
        height: 24px;
        border: none;
        cursor: pointer;
        color: var(--middle-purple-color);
        background-color: transparent;
        z-index: 1001;
    }

    .burger__line {
        position: absolute;
        right: 0;
        width: 30px;
        height: 3px;
        border-radius: 4px;
        background-color: currentColor;
    }

    .burger__line:first-child {
        top: 0;
    }

    .burger__line:last-child {
        bottom: 0;
    }

    .burger__line:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
    }

    .burger--active
    .burger__line:nth-child(2) {
        opacity: 0;
    }

    .burger--active
    .burger__line:first-child {
        position: absolute;
        top: 50%;
        color: var(--forest-color);
        transform: rotate(45deg);
        transform-origin: center;
        transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, left 0.3s ease-in-out;
        z-index: 10;
    }

    .burger--active
    .burger__line:last-child {
        position: absolute;
        top: 50%;

        color: var(--forest-color);
        transform: rotate(-45deg);
        transform-origin: center;
        transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, left 0.3s ease-in-out;
        z-index: 10;
    }

    
    .header__logo {
        margin-right: auto;
    }

    .header__contacts {
        margin-right: auto;
    }
    
    .nav {
        display: none;
    }
    .nav--active{
        display: block;
        position: fixed;
        top: 1%;
        right: 0;
        max-width: 30%;
        /* mwidth: 200px; */
        min-height: 50vh;
        z-index: 1;
        background-color: var(--white-color);
        text-align: center;
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
        border-radius: 0px 26.3861px;
    }
    .nav__list {
        flex-direction: column;
        padding: 30px;
        padding-right: 100px;
        padding-top: 61px;
    }

    .nav__list li:not(:last-child) {
        margin-bottom: 15px;
    }

    /* hero */

    
    @keyframes slise {
        0% {
            background-position: 0 0 , 0 90%, 0 180%, 0 -90%, -58% -43%, -58% 46%, -58% 137%, 58% 42%, 58% -49%, 59% 133%, 116% 177%, 117% 84%, 116% -6%, 116% -96%, 174% 36%, 174% -55%  ;
        }
    
        100% {
            background-position: -20% 20%, -20% 110%, -20% 200%, -20% -70%, -78% -23%, -78% 66%, -78% 157%, 38% 62%, 38% -29%, 39% 153%, 96% 197%, 97% 104%, 96% 16%, 96% -76%, 154% 56%, 154% -35%;
        }
    }

    .hero__content {
        width: 100%;
    }

    .hero__title {
        margin-bottom: 3%;
        font-size: 35px;
    }

    .hero__btn:not(:last-child) {
        margin-right: 15px;
    }

    .hero__link {
        width: 37%;
        font-size: 20px;
    }

    .hero__link svg {
        margin-right: 10px;
    }

    /* result */

    .res {
        display: none;
    }

    .swiper-res {
        display: block;
        position: relative;
    }

    .swiper-bnext {
        position: absolute;
        bottom: 41%;
        right: 0;
        width: 60px;
        height: 60px;
        background-image: url(../img/right.svg);
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        z-index: 1;
    }

    .swiper-bprev {
        position: absolute;
        bottom: 41%;
        left: 0;
        width: 60px;
        height: 60px;
        background-image: url(../img/left.svg);
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        z-index: 1;
    }

    .result__cont {
        width: 33%;
        padding-left: 20px;
        padding-right: 20px;
        
    }

    /* pluses */

    .pluses__card {
        display: none;
    }

    .pluses__swiper {
        display: block;
    }

    .plus__modal-title {
        display: none;
    }

    .plus_modal-top {
        display: block;
    }
    .top-m__example {
        font-size: 16.6137px;
        line-height: 20px;
        letter-spacing: 0.02em;
        margin-bottom: 2%;
    }

    .top-m__text {
        font-size: 12.9218px;
        line-height: 16px;
        letter-spacing: 0.02em;
    }
    .top-m__about {
        width: 100%;
        margin-bottom: 3%;
    }
    
    .top-m__info {
        width: 100%;
    }

    .top-m__item {
        font-size: 11.9988px;
        line-height: 15px;
        letter-spacing: 0.02em;
    }

    .bot-m__descr {
        width: 100%;
        font-size: 11.9988px;
        line-height: 20px;
        letter-spacing: 0.02em;
    }

    .des {
        margin-bottom: 2%;
    }

    .bot-m__example {
        margin-bottom: 2%;
        font-size: 16.6137px;
        line-height: 20px;
        letter-spacing: 0.02em;
    }

    .plus__modal {
        padding: 30px;
    }
    /* info */

    .inf-c {
        display: none;
    }
    .iinf-c {
        display: block;
    }

    .info__cont {
        width: 70%;
        margin: 0 auto;
        position: relative;
        margin-bottom: 4%;
    }

    .info__btn-more {
        margin: 0 auto;
        display: block;
        transition: color .3s ease-in-out;
    }

    .info__btn-more:hover {
        color: var(--tifany-color);
    }

    .info__btn-more--hidden {
        display: none;
    }

    .text--hidden {
        display: none;
    }

    /* work */

    .static {
        height: 360px;
    }

    .static__title {
        font-size: 40px;
    }

    .move__item {
        background-size: 120px;
        padding-top: 120px;
    }

    .move__title {
        font-size: 17px;
        line-height: 19px;
    }

    /* personal */

    .personal__container {
        padding-bottom: 0;
    }

    .personal__text  {
        font-size: 16px;
    }

    .personal__form {
        width: 100%;
    }

    .personal__label {
        padding: 8px 12px;
        font-size: 19px;
    }

    .case__item {
        position: relative;
        display: block;
        padding-bottom: 100px;
    }

    .case__left,
    .case__right {
        width: 100%;
    }

    .swiper-next {
        left: 15%;
    }

    .case__text {
        font-size: 13px;
        line-height: 20px;
    }

    /* review */

    .review__container {
        align-items: center;
        flex-wrap: wrap;
    }

    .r-t {
        display: none;
    }

    .review__right {
        width: 22%;
    }

    .review__top {
        display: block;
        width: 100%;
        padding: 20px;
    }

    /* question  */

    .question__text {
        width: 85%;
    }

    /* team */

    .team__info-left {
        padding-top: 2%;
    }

    .team__labell {
        margin-bottom: 2%;
        margin-right: 2%;
       
    }

    .team__label {
        padding: 10px 40px;
        margin-bottom: 0;
        font-size: 20px;
    }

    .inff {
        margin-bottom: 0;
    }

    .team__cont {
        justify-content: start;
    }

    .team__lab {
        margin-bottom: 4%;
    }

    .team__label-file {
        width: 75%;
        justify-content: center;
        margin-bottom: 2%;
    }

    .team__btn {
        width: 120px;
        height: 120px;
    }

    .team__btn img {
        width: 40%;
    }

    .team__btn span {
        font-size: 16px;
    }
}

@media (max-width: 914px) {
    .hero {
        background-size: 369px 273px;
    }

    .mod__text {
        font-size: 14px;
        line-height: 20px;
    }

    .mod__cont {
        height: 137px;
    }
}

@media (max-width: 835px) {
    .hero {
        background-size: 333px 289px;
    }
}

@media (max-width: 780px) {

    .mod__cont {
        width: 75%;
    }
    .main {
        background-image: none;
    }

    .container {
        padding: 30px 20px;
    }

    .title {
        font-size: 25px;
        line-height: 30px;
    }

    /* header  */

    .hero {
        /* background-size: 320px 389px; */

    }

    .move__item {
        padding-top: 63px;
    }

    @keyframes slise {
        0% {
            background-position: 0 0 , 0 58%, 0 115%, 0 -58%, -67% -29%, -68% 29%, -67% 88%, 68% 29%, 67% -29%, 68% 87%, 69% 145%, 136% 58%, 134% -58%, 66% -85%, 138% 116%, 137% 0%;
        }
    
        100% {
            background-position: -20% 20%, -20% 78%, -20% 135%, -20% -38%, -87% -9%, -88% 49%, -87% 108%, 48% 49%, 47% -9%, 48% 107%, 49% 165%, 116% 78%, 114% -38%, 46% -65%, 118% 136%, 117% 20%;
        }
    }

    .hero__link {
        width: 100%;
        font-size: 25px;
        justify-content: start;
    }

    .hero__text {
        width: 60%;
    }

    .nav--active {
        max-width: 50%;
    }

    .nav__list {
        padding-top: 78px;
    }
    
    /* hero */

    .hero__btns {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .hero__btn {
        padding: 7px 29px;
        font-size: 19px;
        margin-bottom: 4%;
    }

    /* result */

    .result__cont:not(:first-child) {
        padding-left: 20px;
    }

    .result__cont {
        padding: 0;
        border-left: 1px solid #757575;

    }

    .result__num {
        display: block;
        margin: 0 auto;
        width: 80%;
        font-weight: 500;
        font-size: 84px;
        line-height: 102px;
    }

    .result__text {
        margin: 0 auto;
        width: 80%;
        display: block;
        font-size: 30px;
        line-height: 36px;
        letter-spacing: 0.02em;
    }

    /* problem */

    .problem__title {
        width: 100%;
    }
    
    .problem__item {
        width: 90%;
    }

    .problem__item::before {
        right: 10%;
        top: 74%;
    }

    .item1 {
        order: 1;
        
    }
    .item2 {
        order: 2;
        margin-left: auto;
    }
    .item4 {
        order: 3;
    }

    .item4::before {
        left: 70%;
        z-index: -1;
    }
    .item3 {
        order: 4;
        margin-left: auto;
    }

    .problem__item:hover {
        top: 0;
        left: 0;
    }

    .same-form {
        text-align: left;
    }

    .form__label {
        width: 100%;
    }

    .form__input {
        width: 100%;
    }

    .just-validate-error-label {
        left: 0%;
    }

    /* info */

    .info__cont {
        width: 100%;
    }
    
    .sup {
        width: 100%;
    }
    .supt {
        display: none;
    }
    .st {
        display: block;
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0;
        width: 45%;
        text-align: left;
    }
    .sup__cont {
        flex-wrap: wrap;
        justify-content: center;
    }
    .sup__person {
        width: 100%;
        order: 0;
        justify-content: space-around;
        margin-bottom: 3%;
    }
    .sup__text {
        font-size: 13px;
        line-height: 17px;
    }
    .sup__person img {
        margin-right: 0;
    }
    .sup__btn {
        order: 1;
    }

    /* work */

    .static {
        height: auto;
        flex-wrap: wrap;
    }

    .static__left {
       display: none;
    }

    .static__right {
        width: 100%;
        margin-bottom: 3%;
    }
    .swiper-work {
        display: none;
    }

    .swiper-w {
        display: block;
        width: 100%;
        height: auto;
        background-color: var(--bg-color);
    }

    .move__item {
        margin: 0 auto;
        background-color: var(--white-color);
        border-radius: 50%;
        background-image: none;
        width: 400px;
        height: 400px;
        /* padding: 0; */
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .move__title {
        display: block;
    }
    .move__item svg {
        display: block;
        width: 120px;
        height: 120px;
    }

    /* about */

    .expert__container {
        height: 700px;
    }

    .about__item {
        width: 100%;
        margin-bottom: 0;
    }

    .about__show-more {
        display: block;
        width: 13%;
        margin: 0 auto;
    }

    .about__show-more--hidden {
        display: none;
    }

    /* expert */

    .expert__text {
        width: 100%;
        margin-bottom: 20px;
    }    

    .expert__mob {
        background-image: url('../img/tel-mob.svg');
        padding: 0;
        height: 500px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .expert__link {
        font-size: 20px;
        line-height: 22px;
        /* color: var(--black-color);
        outline: 1px solid var(--black-color);
        border-radius: 40px;
        padding: 6px 30px; */
    }

    .expert__link:not(:last-child) {
        margin-bottom: 4%;
    }

    .expert__link:hover {
        background-color: var(--forest-color);
    }

    .expert__all {
        display: none;
    }

    .expert__container {
        background-image: url(../img/Rec.svg);
        background-repeat: no-repeat;
        background-position: center -13%;
        background-size: 100%;
    }

    .back {
        top: 310px;
    }

    .main-animation {
        animation: wipe-enter 4s 1
      }

      @keyframes wipe-enter {
        0% {
            background-position: center -12%;
        }
        100% {
            background-position: center 10%;
        }
    }

    .back__anim {

        background-image: url(../img/jbg-image/aws.svg), url(../img/jbg-image/volley.svg), url(../img/jbg-image/Corel-Draw.svg), url(../img/jbg-image/Unit.svg), url(../img/jbg-image/Camera.svg), url(../img/jbg-image/Sqlite.svg), url(../img/jbg-image/GRPC.svg), url(../img/jbg-image/Jira.svg), url(../img/jbg-image/Node.svg), url(../img/jbg-image/java.svg), url(../img/jbg-image/AppCompat.svg), url(../img/jbg-image/Unit.svg), url(../img/jbg-image/iOs.svg), url(../img/jbg-image/PHP.svg), url(../img/jbg-image/Gradle.svg), url(../img/jbg-image/kotlin.svg);
      }
    
      @keyframes snowy {
        0% {
            background-position: -10% 0, 10% 10%, 50% 20%, 30% 40%, 5% 50%, -15% 30%, 80% 60%, 15% 70%, 40% 80%, 0% 90%, 90% 100%, 85% 0, -10% 70%, 75% 30%, 50% 60%, 30% 100%;
        }
    
        100% {
            background-position: 20% 0, 40% 10%, 80% 20%, 60% 40%, 35% 50%, 15% 30%, 110% 60%, 45% 70%, 70% 80%, 30% 90%, 120% 100%, 115% 0, 20% 70%, 105% 30%, 80% 60%, 60% 100%;
        }
    }

    /* personal */

    .personal__container {
        padding-bottom: 0;
    }

    .personal__cont {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .personal__label:not(:last-child) {
        margin-right: 0;
    }

    .personal__label {
        margin-bottom: 2%;
    }

    /* case */

    .case-cont {
        margin-bottom: 8px;
    }

    .case__item {
        /* min-height: 770px; */
    }

    .case__subtitle {
        font-size: 14px;
        line-height: 21px;
    }

    .case__text {
        font-size: 11px;
        line-height: 19px;
    }
    .swiper-next {
        left: 20%;
    }

    /* review */

    .review-com {
        font-size: 14px;
    }

    .review__comment img {
        margin-right: 10px;
    }

    /* accordiom */

    .question__btn {
        font-size: 21px;
        line-height: 30px;
    }

    .accordion__content p {
        font-size: 18px;
        line-height: 26px;
    }

    /* team */

    .team__label-file {
        width: 79%;
        margin: 0 auto;
        margin-bottom: 2%;
    }

    .team__info {

        flex-wrap: wrap;
    }

    .team__info-left {
        width: 100%;
    }

    .team__info-right {
        width: 100%;
    }

    .team__btn img {
        display: none;
    }

    .team__btn {
        width: 80%;
        height: 70px;
        box-shadow: 0px 3.52295px 3.52295px rgba(0, 0, 0, 0.25);
        border-radius: 45.7983px;
        margin: 0 auto;
    }

    .team__btn span {
        font-size: 22px;
    }

    .team__bottom-text {
        font-size: 13px;
        line-height: 16px;
        margin-right: auto;
    }

    .tc {
        width: 32px;
        height: 32px;
    }

    .map1 {
        height: 250px;
    }

    .top__numb {
        font-size: 19px;
    }

    .window__title {
        margin-bottom: 4%;
        font-size: 20.4545px;
        line-height: 25px;
    }

    .window__c {
        background-position: 16% 110%, -44px 113%;
    }

    .window__close {
        top: -1%;
        right: -1%;
    }

    .window__input {
        padding: 6px;
        font-size: 17px;
        line-height: 25px;
    }

    .window__top {
        margin-bottom: 2%;
    }

    .window__btn {
        margin-bottom: 2%;
        font-size: 18px;
        padding: 10px 40px;
    }

    .chk {
        font-weight: 300;
        font-size: 13px;
    }

    .plus__modal {
        height: 90%;
    }
    .plus__modal-close {
        top: -1%;
        right: -1%;
    }    
}

@media (max-width: 717px) {
    .hero {
        background-size: 292px 323px;
    }

    .expert__container {
        background-position: center -15%;
    }

    @keyframes wipe-enter {
        0% {
            background-position: center -15%;
        }
        100% {
            background-position: center 10%;
        }
    }
    
}

@media (max-width: 550px) {
    .mod__cont {
        width: 90%;
    }

    .container {
        padding: 20px ;
    }

    .title {
        width: 100%;
    }

    /* header */

    .header__logo svg {
        width: 95px;
        height: 30px;
    }

    .header__phone {
        font-size: 13.4px;
        line-height: 16px;
    }

    .burger__line {
        width: 25px;
    }

    .burger {
        width: 25px;
    }

    /* hero */

    .hero {
        background-size: 237px 279px;
    }


    .hero__title {
        margin-bottom: 4%;
        font-weight: 500;
        font-size: 30px;
        line-height: 36px;
        letter-spacing: 0.04em;
    }

    .hero__text {
        width: 64%;
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 0.02em;
    }

    .hero__link {
        font-size: 19.6px;
    }

    .hero__btns {
        justify-content: space-between;
    }

    .hero__btn {
        font-size: 18.3333px;
        line-height: 22px;
        padding: 6px 11px;
    }

    .hero__btn:first-child {
        padding: 6px 14px;
    }

    .hero__btn:nth-child(2) {
        padding: 6px 41px;
    }

    .hero__btn:not(:last-child) {
        margin-right: 0;
    }

    .hero__btn:not(:nth-child(2n)) {
        margin-right: 15px;
    }

    /* problem */

    .problem__item {
        min-height: 135px;
        padding: 15px 35px;
    }

    .problem__item::before {
        background-size: 80px;
        width: 80px;
        height: 80px;
        top: 63%;
        right: 9%;
    }
    .problem__subtitle {
        font-size: 22px;
        line-height: 27px;
    }

    .problem__text {
        font-size: 15px;
        line-height: 15px;
    }

    .same-form__title {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 4%;
    }

    .form__label {
        margin-bottom: 6%;
    }

    /* modal */

    .plus__modal-content {
        padding: 0;
    }

    .plus__modal-close {
        top: -3%;
        right: -7%;
    }

    .top-m__item {
        font-size: 11px;
        line-height: 13px;
    }

    .swiper {
        position: relative;
    }

    /* .swip__more {
        font-size: 20px;
        line-height: 21px;
    } */

    .swiper-scrollbar-drag {
        background: var(--tifany-color);

    }

    /* info */

    .info__cont {
        margin-bottom: 6%;
    }

    .info__text {
        background-size: 40px 75px;
        padding: 0px 0 10px 49px;
        font-size: 11.6793px;
        line-height: 14px;
        min-height: 90px;
    }

    .st {
        width: 46%;
        font-size: 12px;
        line-height: 15px;
    }

    .sup__text {
        font-size: 10px;
        line-height: 14px;
    }

    .sup__person img {
        width: 14%;
    }

    .sup__person {
        margin-bottom: 6%;
    }
    
    /* work */

    .static__title {
        font-weight: 600;
        font-size: 31.7261px;
        line-height: 38px;
        margin-bottom: 4%;
    }

    .static__descr {
        font-size: 21.5338px;
        line-height: 24px;
    }
    .static__text {
        font-size: 12.7857px;
        line-height: 17px;
    }
    .move__item {
        width: 300px;
        height: 300px;
        padding-top: 60px;
    }

    .move__item img {
        width: 90px;
        height: 90px;
    }

    .move__title {
        font-size: 15px;
    }

    /* about */

    .about__item {
        padding-left: 70px;
        min-height: 70px;
        background-size: 50px;
        font-size: 14px;
        line-height: 17px;
    }

    /* expert */

    .expert__container {
        height: 750px;
        background-position: center -23%;

    }

    @keyframes wipe-enter {
        0% {
            background-position: center -23%;
        }
        100% {
            background-position: center 10%;
        }
    }

    .back {
        top: 220px;
        /* background-position: center -9%; */
    }

    .personal__container {
        padding-bottom: 0;
    }


    .personal__text {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 6%;
    }

    .personal__cont {
        justify-content: space-between;
    }

    .personal__label {
        padding: 6px 9px;
        font-size: 18px;
    }

    .personal__label:first-child {
        padding: 6px 12px;
    }

    .personal__label:nth-child(2) {
        padding: 6px 40px;
    }
   
    /* .pers {
        margin-bottom: 0;
    } */

    .personal__send-btn {
        padding: 11px 20px;
        padding-right: 70px;
        font-size: 19px;
        background-position: 89% 54%;
        margin: 0 auto;
    }

    .swiper-next,
    .swiper-prev {
        width: 60px;
        height: 60px;
        left: 5%;
    }

    .swiper-next {
        left: 25%;
    }

    .scase__cont {
        position: relative;
    }
    
    .case__text {
        font-size: 10px;
        line-height: 16px;
    }

    /* review */

    .review__text {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 4%;
    }

    .review__text svg {
        width: 45px;
        height: 45px;
    }

    .review__right {
        width: 34%;
    }

    .review__left {
        width: 66%;
    }

    .review__comment img {
        width: 29%;
    }

    .rev2 {
        right: 10px;
    }
    .rev1 {
        left: 10px;
    }

    .review__comm {
        font-size: 8px;
        line-height: 11px;
        color: var(--white-color);
    } 
    .review-com {
        font-size: 10px;
        line-height: 11px;
    }

    .question__btn {
        font-size: 16.8237px;
        line-height: 20px;
    }

    .accordion__content p {
        font-size: 16px;
        line-height: 20px;
    }

    /* team  */

    .team__text {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 4%;
    }

    .team__label {
        padding: 6px 20px;
        font-size: 16.7722px;
        line-height: 20px;
    }

    .team__cont {
        margin-bottom: 4%;
    }
    .team__info-tel {
        width: 100%;
    }
    .team__lab {
        margin-bottom: 5%;
    }

    .inff {
        padding: 10px;
        font-size: 20px;
        line-height: 29px;
    }

    .team__label-file {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 4%;
    }

    .team__checkbox {
        font-size: 13px;
        line-height: 16px;
    }

    .team__btn {
        width: 100%;
        height: 55px;
        font-size: 22px;
        line-height: 27px;
    }

    .team__buttom-link {
        display: block;
        margin-right: 5px;
        margin-left: 0;

    }

    .tc {
        width: 30px;
        height: 30px;
    }

    .team__lab .just-validate-error-label {
        left: 3%;
        bottom: -55%;
        font-size: 15px;
    }

    /* map */

    .map1 {
        height: 185px;
    }

    /* footer */

    .footer__logo svg{
        width: 100px;
        height: 21px;
    }

    .footer__top {
        padding-top: 0;
        flex-wrap: wrap;
        padding-bottom: 6%;
    }


    .top__left {
        order: 0;
        width: 48%;
        margin-bottom: 2%;
    }

    .top__center {
        order: 2;
        width: 60%;
        padding-top: 0;
    }

    .top__right {
        order: 1;
        width: 52%;
        padding-top: 40px;
    }
    .fot,
    .top__center a {
        font-size: 10.7626px;
        line-height: 13px;
    }

    .top__links {
        margin-bottom: 10px;
    }
    .top__numb {
        font-size: 13.8478px;
        line-height: 15px;
        margin-right: auto;
    }
    .top__link {
        margin-right: 5px;
    }

    .top__link svg {
        width: 25px;
        height: 25px;
    }
    .top__conf {
        font-size: 9.17764px;
        line-height: 17px;
    }

    .top__adress {
        margin-bottom: 2%;
    }

    .footer__copy, 
    .footer__creat,
    .footer__creat-link {
        font-size: 10px;
        line-height: 23px;
    }

    .footer__bottom {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .window__c {
        padding-top: 70px;
    }

    .window__label {
        width: 100%;
    }

    .window__btn {
        margin-bottom: 5%;
    }

    .chk {
        width: 45%;
    }

}

@media (max-width: 515px) {
    .hero {
        background-size: 223px 280px;
    }

    .nav--active {
        max-width: 55%;
    }

    .nav__list {
        flex-direction: column;
        padding: 25px;
        padding-right: 50px;
        padding-top: 59px;
    }

    .nav__link {
        font-size: 13px;
    }
}

@media (max-width: 474px) {

    .hero {
        background-size: 305px 217px;
        
    }

    @keyframes slise {
        0% {
            background-position: 0 0 ,  0 55%,  0 110%,  0 165%,         -1% -55%, 178% -30%, 181% 137%, 179% 81%, 177% 26%, 175% -85%, -178% -27%, -183% 28%, -182% 82%, -179% 139%;
        }
    
        100% {
            background-position: -20% 20%, -20% 75%, -20% 130%, -20% 185%, -21% -35%, 158% -10%, 161% 157%, 159% 101%, 157% 46%, 155% -65%, -198% -7%, -203% 48%, -202% 102%, -199% 159%;
        }
    }
}


@media (max-width: 400px) {
    .hero {
        background-size: 263px 241px;
    }

    @keyframes slise {
        0% {
            background-position: 0 0 ,  0 48%,  0 95%,  0 142%,  0% -47%, 174% -24%, 175% 118%, 175% 71%, 175% 24%, 174% -70%, -172% -22%, -172% 25%, -172% 73%, -172% 120%;
        }
    
        100% {
            background-position: -20% 20%, -20% 68%, -20% 115%, -20% 162%, -20% -27%, 154% -4%, 155% 138%, 155% 91%, 155% 44%, 154% -50%, -192% -2%, -192% 45%, -192% 93%, -192% 140%;
        }
    }

    .expert__container {
        height: 750px;
        background-position: center -35%;

    }

    @keyframes wipe-enter {
        0% {
            background-position: center -35%;
        }
        100% {
            background-position: center 0%;
        }
    }

    
}