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

    .header__nav-item-wrapper {
        width: max-content;
    }

    .header__nav-item-wrapper-1 {
        margin-left: 35%;
    }

    .services__text {
        margin-left: 2%;
    }

    .services__text-title {
        font-size: 35px;
    }

    .services__text-description {
        font-size: 20px;
        margin-bottom: 5%;
    }

    .services__gallery {
        width: 50%;
        transform: translateX(-10%);
    }
    .services__btn{
        right: 0;
    }

    .services__btn-img {
        width: 140px;
        margin-top: 40%;
        margin-right: 0;
    }

    .gallery__img {
        height: 90%;
    }

    .services__btn {
        right: 60%;
    transform: translateY(195%);
    }

    .plans {
        margin-top: 10%;
        margin-left: 2%;
    }

    .plans__text-title {
        margin-left: 2%;
    }

    .plans__gallery-img {
        width: 235px;
        height: 235px;
    }

    .plans__gallery-main {
        grid-template-rows: repeat(2, 240px);
        grid-template-columns: repeat(2, 240px);
    }
    .plans__question-btn{
        margin-left: 78%;
    }
    .plans__question-btn-img {
        width: 200px;
    }

    .profiles,
    .show,
    .work,
    .consult {
        margin-left: 2%;
    }

    .work__title {
        margin-left: 2%;
    }

    .profiles__nav__item-description {
        max-width: 545px;
    }

    .profiles__gallerys {
        margin-top: 10.4%;
        transform: translateX(-10%);
    }

    .show__gallery {
        grid-template-rows: repeat(3, 140px);
        grid-template-columns: repeat(3, 140px);
    }

    .plans__question {
        max-width: 100%;
    }

    .plans-questions {
        height: 200px;
        margin-bottom: 5%;
    }

    .work {
        margin-top: 8%;
        margin-bottom: 0;
    }

    .work__title {
        padding-top: 0;
    }

    .cost {
        width: 100%;
    }

    .consult__text-title {
        margin-left: 0%;
        font-size: 40px;
    }

    .consult__text-description {
        margin-left: 0%;
    }

    .consult__gallery {
        grid-template-rows: repeat(3, 190px);
        grid-template-columns: repeat(3, 190px);
        gap: 10px;
    }
}

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

    .container,
    .header,
    .header__container {
        width: 100%
    }

    .gallery__img {
        height: 60%;
    }

    .header__nav {
        margin-top: 1%;
        margin-left: 7%;
        width: 80%;
    }

    .header__nav-wrapper {
        display: flex;
        flex-direction: column;
        margin-top: 0.5%;
        margin-left: 20%;
        width: 100%;

    }

    .header__nav-item {
        margin-right: 8%;
    }

    .header__nav-item-img {
        margin-left: 20px;
    }

    .header__nav-item-wrapper-1 {
        margin-left: 14%;
    }

    .services__container {
        width: 100%;
    }

    .services__btn-img {
        transform: translateY(-100%);
        margin-left: 130%;
        margin-top: 0;
    }

    .services__text-title {
        margin-bottom: 1%;
    }

    .services__text-description {
        margin-bottom: 1%;
    }

    .services__btn {
        right: 80%;
        transform: translateY(285%);
    }
    .services__nav-link{
        width: 80%;
    }

    .plans {
        margin-top: 0%;
    }

    .plans__question-btn {
        left: 40%;
        transform: translateY(-0%);
    }

    .plans__nav {
        padding-left: 0;
    }

    .plans__nav-item {
        right: 0;
    }

    .plans__nav__item-description {
        max-width: 450px;
    }

    .plans__gallery-main {
        transform: translateY(-37%);
        grid-template-rows: repeat(2, 190px);
        grid-template-columns: repeat(2, 190px);
    }

    .plans__gallery-img {
        width: 190px;
        height: 190px;
    }

    .plans__question-btn {
        left: 0%;
        transform: translateY(-85%);
    }

    .plans__question-btn-img {
        width: 200px;
    }

    .profiles__gallerys {
        margin-top: 10.4%;
        transform: translateX(5%);

    }

    .profiles__gallery {
        margin-bottom: 18%;
    }

    .profiles__text {
        margin-left: 0%;
    }

    .profiles__nav-icon {
        padding-left: 5%;
    }

    .show__wrapper {
        margin-left: 0%;
    }

    .show__gallery {
        grid-template-rows: repeat(3, 120px);
        grid-template-columns: repeat(3, 110px);
    }

    .consult__gallery {
        grid-template-rows: repeat(3, 115px);
        grid-template-columns: repeat(3, 115px);
        gap: 10px;
    }

    .plans__wrapper {
        align-items: center;
    }

    .consult__wrapper {}

    .work {
        margin-top: 10%;
    }

    .work__title {
        margin-left: 0%;
        margin-bottom: 0;
    }

    .cost {
        top: 0%;
        margin-left: 0;
    }

    .cost__btn {
        margin-left: 27%;
    }
}

@media screen and (max-width: 912px) and (min-width: 821px) {
    .header {
        width: 100%;
    }
    .header__nav-item-text{
        width: ;
    }

    .header__nav-wrapper {
        margin-left: 20%;
    }

    .header__nav {
        margin-left: 5%;
    }

    .header__nav-item {
        width: 25%;
    }

    .services__wrapper {
        margin-left: 2%;
    }

    .services__btn {
        top: 70%;
        right: 85%;}
        .services__btn-img {
            transform: translateY(-130%);
            margin-left: 260%;
            margin-top: 0;}
            .services__wrapper{
                
            }

    .services__gallery {
        transform: translate(-40%, -20%) scale(0.5);
    }

    .gallery__img {
        height: 100%;
    }

    .gallery__img-1 {
        margin-right: 0%;
    }
    

    .profiles__text {
        margin-left: 10%;
        width: 70%;
    }

    .plans__question {
        max-width: 100%;
        padding-bottom: 2%;
    }

    .plans__question-btn {
        left: -2%;
        transform: translateY(-90%);
    }


    .header__nav {
        margin-top: 1%;
        width: 60%;
    }

    .plans__gallery-main {
        grid-template-rows: repeat(2, 160px);
        grid-template-columns: repeat(2, 160px);
        margin-left: 0%;
        margin-top: 0;
    }

    .plans__gallery-img {
        width: 160px;
        height: 160px;
    }

    .plans__question {
        width: 100%;
        padding-bottom: 5%;
    }

    .plans__nav__item-description {
        width: 450px;
    }

    .profiles__text {
        margin-left: 0;
    }

    .profiles__nav-icon {
        padding-left: 10%;
    }

    .profiles__gallery {
        margin-bottom: 27%;
    }


    .show__wrapper {
        margin-left: 0%;
    }

    .show__gallery {
        margin-left: 0%;
        transform: translateY(-17%);
    }

    .show__text-title {
        font-size: 35px;
        width: 80%;
    }

    .show__text-description {
        width: 90%;
    }

    .cost {
        width: 880px;
        transform: translateY(770%);
    }

    .consult__text {
        margin-right: 11%;
    }

    .consult__gallery {
        margin-right: 15%;
    }

    body .container .box {
        display: grid;
    }

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

    .consult__text {
        margin-right: 8%;
    }

    .consult__text__form {
        transform: translateX(0);
        margin-top: 0;
    }
    .box{
        display: flex;
        flex-direction: column;
    }

    .footer {
        width: 100%;
    }
}

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

    .services__wrapper {
        margin-left: 2%;
        flex-direction: column;
    }

    .plans__wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .services__btn {
        right: 90%;
        transform: translateY(-360%);
    }

    .services__btn-img {
        transform: translateY(320%);
    }
    .services__gallery {
        width: 50%;
        transform: translateX(5%);}

    .plans__gallery-main {
        transform: translateY(0%);
        margin-top: 5%;
        grid-template-rows: repeat(2, 230px);
        grid-template-columns: repeat(2, 230px);
        margin-left: 10%;
    }

    .plans__gallery-img {
        width: 230px;
        height: 230px;
    }

    .show__gallery {
        transform: translateY(0%);
        grid-template-rows: repeat(3, 220px);
        grid-template-columns: repeat(3, 220px);
        margin-right: 17%;
    }

    .show__wrapper {
        flex-direction: column;
    }

    .plans__question-btn {
        width: 140px;
        height: 140px;
        left: 0%;
        transform: translateY(-105%);}

    .plans__question-btn-img {
        width: 140px;
        height: 140px;
    }
    .plans__question-text {
        width: 90%;
        transform: translateY(-15%);}
    .plans__question-description {
        width: 70%;
    }

    .text {
        margin-right: 36%;
    }
    body .container .box{
        display: flex;
        flex-direction: column;
    }
    .cost {
        width: 800px;
        transform: translateY(800%);
    }

    .fon__btn {
        left: -2%;
    }

    .consult {
        margin-top: 10%;
    }

    .consult__wrapper {
        flex-direction: column;
    }

    .consult__text {
        margin-left: 2%;
    }
    .consult__text-description{
        padding-bottom: 30px;
    }
    .consult__form__wrapper{
        margin-bottom: 10%;
    }

    .consult__gallery {
        grid-template-rows: repeat(3, 200px);
        grid-template-columns: repeat(3, 200px);
        gap: 15px;
        margin-right: 0;
        margin-left: 10%;
    }

    .profiles__gallerys {
        display: none;
    }

    .show__gallery {
        margin-top: 10%;
    }

    .platform {
        margin-right: 30%;
    }

}

@media screen and (max-width: 768px) {
    .services__text-title {
        font-size: 35px;
    }

    .services__text-description {
        max-width: none;
    }

    .header {
        width: 100%;
    }

    .header__nav {
        display: grid;
        margin-left: 0;
    }
    .header__nav-wrapper{
        margin-left: 5%;
    }

    .work__title {
        margin-left: 0%;
    }

    .header__nav-item-wrapper {
        display: flex;
    }

    .header__nav-item-img {
        margin-left: 0%;
    }

    .services__btn {
        top: 65%;
        right: 120%;
    }

    .services__gallery {
       
      
        transform: translateX(0%) scale(0.9);
    }

    .gallery__img {
        height: 80%;
    }

    .services__btn {
        margin-top: 35%;
        right: 70%;
    }

    .services__btn-img {
        margin-top: -230%;
        margin-left: 110%;
        transform: translateY(-110%);
    }

    .plans {
       
    }

    .plans__question {
        padding-bottom: 15%;
    }

    .plans__question-btn {
        right: auto;
        margin-left: 0px;
        margin-top: 50%;
        left: auto;
    }

    .plans__nav__item-description {
        width: 100%;
    }


    .consult__text-title {
        font-size: 35px;
    }

    .profiles__gallerys {
        display: none;
    }

    .profiles__nav {
        width: 150%;
    }

    .work__title {
        margin-top: 0;
    }

    .plans__question {
        padding-bottom: 5%;
    }

    .plans__question-btn {
        margin-top: 0%;
        margin-left: 75%;
        width: 140px;
        height: 140px;
    }

    .plans__question-btn-img {
        width: 140px;
        height: 140px;
    }

    .plans__question-description {
        width: 80%;
    }

    .show__text {
        margin-right: 0;
        margin-left: 2%;
    }

    .cost {
        width: 100%;
        transform: translateY(910%);
    }

    .consult {
        margin-top: 10%;
    }
    .show__gallery {
        grid-template-rows: repeat(3, 180px);
        grid-template-columns: repeat(3, 180px);
    margin-right: 0;}
        .show__wrapper{
            width: 80%;
        }
        .work__title{
            font-size: 22px;
        }
        body .container .box{
            display: flex;
            flex-direction: column;
        }
}

@media screen and (max-width: 600px) {
    .header__nav-item-wrapper-1 {
        margin-left: 5%;}
    .services__btn {
        margin-top: 40%;
    right: 60%;
    }
    .services__gallery {
        transform: translateX(-10%) scale(0.7);}
        .services__btn-img {
            margin-top: -220%;
            margin-left: 100%;}
    .plans {
        margin-top: -30%;}
        .plans__nav__item-description {
            width: 95%;}

 
    .plans__question-description {
        width: 70%;}
        .plans__question-btn {
            left: -7%;
            transform: translateY(-105%);}

    .plans__text {
        padding-left: 0%;
        margin-left: 2%;
    }
    .plans__gallery-main{
        margin-left: 5%;
    }
    .consult__gallery {
        max-width: 300px;
        min-height: 300px;
        gap: 5px;
        margin-left: 2%;
        grid-template-rows: repeat(3, 150px);
        grid-template-columns: repeat(3, 150px);}

    .consult__text-title,.consult__text-description{
        width: 90%;
    }
    .consult__text__form {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .consult__text__form-btn {
        transform: scale(100%);
    }

    .consult__text {
        margin-right: 0%;
    }

    .show__text-contacts {
        transform: translateX(5%);
    }
    .show__text{
        width: 100%;
    }
    .show__text-description{
        width: 120%;
    }

    .show__gallery {
        transform: translateY(0%);
        grid-template-rows: repeat(3, 140px);
        grid-template-columns: repeat(3, 140px);
        margin-right: 0;
        margin-left: 40%;
    }
    .profiles__text-title,.plans__text-title{
        width: 90%;
    }
    .cost {
        transform: translateY(950%);
    }
    .profiles__nav__item-description{
        width: 80%;
    }
    
    .work {
        margin-left: 2%;
        margin-top: -10%;
    }
    .work__title{
        
        padding-bottom: 0;
    }


}



@media screen and (max-width: 480px) {
    .header__nav {
        margin-left: 0%;
    }

    .header__nav-wrapper {
        margin-left: 0;
    }

    .header__nav-item-wrapper-1 {
        margin-left: 4%;
    }

    .header__nav-item-text {
        width: 50%;
        margin-left: -3%;
    }

    .header__nav-item {
        margin-right: 3%;
    }
    .header__nav-link{
        font-size: 16px;
    }

    .services__gallery {
        margin-left: 1%;
    }
    .services__btn{
        top: 0;
        transform: translateY(0%);
}
.services__btn-img{
    margin-top: 0;
    }

    .gallery__img-1 {
        display: none;
    }

    .services__nav-icon {
        display: none;
    }
    .plans{
        margin-top: -20%;
    }
    .plans__question {
        margin-left: 10%;
    }

    .plans__question-btn {

        transform: translateY(-130%);
        width: 140px;
        height: 140px;
        margin-top: 0;
        left: -5%;
    }

    .plans__gallery-main {
        grid-template-rows: repeat(2, 150px);
        grid-template-columns: repeat(2, 150px);
        margin-left: 5%;
    }

    .plans__gallery-img {
        width: 150px;
        height: 150px;
    }

    .services__nav-item {
        width: 90%;
    }

    .plans__question {
        width: 100%;
        padding-bottom: 23%;
        margin-left: 0;
    }

    .plans__question-btn {
        width: 110px;
        height: 110px;
    }

    .plans__question-btn-img {
        width: 110px;
        height: 110px;
    }
    .plans__question-description {
        width: 70%;}

    .profiles__nav-icon,
    .plans__nav-icon {
        display: none;
    }

    .profiles__nav {
        width: 140%;
        margin-left: 1%;
        padding-left: 0px;
    }

    .show__gallery {
        transform: translateY(0%);
        grid-template-rows: repeat(3, 110px);
        grid-template-columns: repeat(3, 110px);
        margin-right: 0;
        margin-left: 55%;
    }

    .work {
        margin-top: -40%;
    }

    .cost {
        transform: translateY(880%);
    }

    .cost__block {
        transform: translateY(-20px);
    }

    .box {
        padding-left: 0;
        display: flex;
        flex-direction: column;
        width: 70%;
    }

    .board__img {
        width: 200px;
    }

    .consult__text {
        margin-left: 5%;
        margin-top: 10%;
    }

    .consult__text-description {
        font-size: 20px;
    }

    .consult__gallery {
        display: none;
    }

    .plans__nav-item {
        right: 0;
    }

    .plans__nav__item-description {
        max-width: 370px;
    }

    .plans__nav {
        padding-left: 0;
        margin-right: 5%;
    }

    .consult__text-title {
        font-size: 30px;
        margin-left: 4%;
    }

    .consult__text-description {
        margin-left: 4%
    }

    .plans__text-title {
        margin-left: 0;
    }

    .work__title,
    .box,
    .services__wrapper,
    .plans__wrapper,
    .profiles__wrapper,
    .show__wrapper {
        margin-left: 5%;
           }
    
    .work__title {
        margin-bottom: 0;
    }
}



@media screen and (max-width: 1600px) {
    .box__checkbox {
        flex-direction: column;
    }

    .box__checkbox-div:nth-child(1),
    .box__checkbox-div:nth-child(2) {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 2px solid #FFE195;
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }
}

@media screen and (max-width: 1144px) {
    .box {
        margin: 0 auto;
        width: 80%;
        justify-content: center;

    }

    .box__inside-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .box__inside-left {
        padding-top: 50px;
        margin-right: 0;
    }

    .transform_3 {
        min-width: 400px;
    }
}

@media screen and (max-width: 768px) {
    .about__tree {
        flex-direction: column;
    }

    .about__breed {
        margin-top: 30px;
    }

    .transform_1 {
        min-width: 250px;
    }

    .transform_2 {
        min-width: 274px;
    }

    .transform_5 {
        min-width: 250px;
    }

    .options {
        align-items: start;
        padding-bottom: 30px;
    }

    .fon {
        display: none;
    }

    .fon-1 {
        margin-top: 30px;
        display: flex;
        justify-content: center;
    }

}

@media screen and (max-width: 562px) {
    .transform_1 {
        min-width: 200px;
    }

    .transform_2 {
        min-width: 250px;
    }

    .transform_3 {
        min-width: 250px;
    }

    .transform_4 {
        min-width: 250px;
    }

    .transform_5 {
        min-width: 250px;
    }
}

@media screen and (max-width: 416px) {
    .board__img {
        width: 100%;
        height: 100%;
    }
   .show__wrapper{
   align-items: flex-start; 
   }
   .show__text-title{
    
   }
   .show__text-description{
    width: 100%;
   }
   .profiles__text-title{
    width: 90%;
   }
   .profiles__nav__item-description{
    width: 60%;
   }
   .box__inside-right{
    margin-top: -30%;
   }
   .consult{
    margin-top: 0%;
   }
   .show__gallery{
    margin-left: 0;
   }
   .services__btn {
    margin-left: 0%;
    transform: translateY(-100%);
    margin-right: 20%;}
    .plans {
        margin-top: -60%;
   
}
}
@media screen and (max-width: 404px) {
    .cost {
        transform: translateY(950%);
        top: 5%;
    }
    body .container .box {
        margin-top: -20%;
}}
    
    @media screen and (max-width: 391px) {
        .cost {
            transform: translateY(970%);
        }
        .header__nav-item {
            margin-right: 3%;}
            .header__nav-link{
                font-size: 16px;
            }
        .plans__question {
            padding-bottom: 23%;
        }
    
        .plans__question-btn-img {
            width: 100px;
            height: 100px;
        }
    
        .plans__question-btn {
            width: 100px;
            height: 100px;
            transform: translateY(-150%);
            left: -3%;
        }
    .box{
        margin-top: -22%;
    }
    .consult {
        margin-top: 0%;
       
    }
    
    }

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

    .header__nav-item {
        margin-right: 12%;
    }

    .header__nav-link {
        font-size: 12px;
    }

    .plans__question-btn {
        left: 10%;
        }

    .services__gallery {
        margin-left: 11%;
    }
    .services__btn{
        transform: translateY(-0%);
        margin-right: 0;
    }
    .services__btn-img{
        margin-left: 85%;
        margin-top: -40%;
        margin-right: 0;
    }
    

    .services__text-title {
        font-size: 25px;
    }

    .services__text-description {
        font-size: 20px;
    }

    .services__nav-link {
        font-size: 15px;
    }

    .plans {
        margin-top: -40%;
    }

    .plans__wrapper {
        margin-top: 15%;
    }

    .plans__nav {
        padding-left: 0%;
    }

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

    .plans__nav__item-description {
        font-size: 13px;
        margin-bottom: 0;
        width: 85%;
    }

    .plans__question {

        padding-bottom: 37%;
    }


    .plans__gallery-main {
        grid-template-rows: repeat(2, 150px);
        grid-template-columns: repeat(2, 150px);
        margin-left: 0;
    }

    .plans__text-title {
        margin-left: -1%;
    }

    .plans__gallery-img {
        width: 150px;
    }

    .plans__question-description,
    .plans-questions-title {
        width: 60%;
    }

    .plans__question-btn {
        transform: translateY(-130%);
        left: -15%;
        width: 140px;
        height: 140px;
    }

    .plans__question-btn-img {
        width: 140px;
        height: 140px;
    }

    .profiles {
        transform: translateY(-0%);
        margin-top: 20%;
    }

    .profiles__nav__item-description {
        width: 70%;
    }
    .text {
        margin-right: 0;
        }
        .global {
            margin-left: -3%;
             width: 100%;
           }
           .about__sort {
            margin-top: 15%;
           }
    .show {
        transform: translateY(-15%);
    }

    .show__text-title {
        font-size: 30px;
        width: 330px;
        margin-left: 7%;
    }

    .show__text-description {
        font-size: 18px;
        margin-left: 7%;
        width: 85%;
    }

    .show__gallery {
        display: none;

    }

    .work {
        transform: translateY(0%);
    }

    .work__title {
        padding: 0;

    }

    .plans__text-title {
        margin-left: -1%;
    }

    body .container .box {
        display: grid;
        margin-top: -10%;
    }

    .options {}

    .cost {
        transform: translateY(900%);
    }

    .consult__text-title-number {
        transform: translateX(5%);
    }


    .box__inside-right {
        transform: translateY(-5%);

    }

    .active {
        width: 150px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .board__img {
        width: 150px;
    }

    .consult__text-title {
        transform: translateY(50px);
        font-size: 20px;
        margin-bottom: 0;
        width: 280px;
    }

    .consult__text-description {
        width: 250px;
        height: 100px;
        font-size: 15px;
        margin-top: 0;
    }

    .consult__text-title-number {
        font-size: 15px;
    }

    .consult__text__form {
        transform: translateX(-5%);
    }

    .work__title {
        margin-top: 10%;
        
    }

    .fon__btn {
        width: 100px;
        height: 100px;
        transform: translateY(-25px);
        left: 0px;
    }

    .show__text {
        margin-top: 40%;
        margin-left: 0;
    }

    .show__text-title,
    .show__text-description {
        margin-left: 0;
    }

    .consult__text {
        margin-top: 20%;

    }


    .cost__block {
        transform: translateY(-60%);
        margin-left: -5%;
    }

    .consult {
        transform: translateY(0);
        margin-top: -40%;
    }

    .consult__text-description {
        width: 280px;
        padding: 0;

    }

    .consult__text__form {
        margin-top: 2%;
    }

    .consult__text__form-btn {
        width: 100px;
        height: 100px;
        margin-left: 5%;
    }

    .consult__btn-img {
        width: 100px;
        height: 100px;
    }

    .footer {
        margin-top: 0;
        width: 100%;
    }
}
@media screen and (max-width: 360px) {
    .header__nav-item {
        margin-right: 5%;}
        .header__nav-item-text {
            width: 30%;
            margin-left: 0%;}

        .work{
            transform: translate(-5%,-5%) scale(0.9);}
        
        .consult {
            margin-top: -80%;}
            .profiles__nav__item-description {
                width: 60%;}
                .cost{
                    transform: translateY(950%);
                }
            }