@media (max-width:1800px) {
    .headerLeft {
    & .line {
        margin: 0 3rem 0 2rem;
        }
    }
    .headerLeft {
        & nav {
            width: 27.625rem;
        }
    }
    .heroBlock {
        height: 40rem;
    }
    .forUs {
        & .forUsRight {
            width: 30rem;
        }
    }
    .forUs {
        & .forUsLeft {
            & .forUsLeftItem {
                width: 22.5rem;
            }
        }
    }
    .service {
    & .serviceList {
        & .serviceItem {
            width: 25rem;
            margin: 5px;
            }
        }
    }
    .developed {
        & .developedList {
            & .developedItem {
                width: 38.75rem;
                height: 28.625rem;
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                &:nth-child(3) {
                    background-size: cover;
                }
            }
        }
    }
    .rate {
        padding: 7.625rem 80px;
        & .rateList {
            & .rateItem {
                width: 28.125rem;
                height: 22rem;
            }
        }
    }
    .advantages {
        & .centerAdvantages {
            & .advantageItem {
                width: 25.5rem;
                height: auto;
                background-color: #E2F0FB73;
                padding: 2rem;
                border-radius: 1rem;
            }
        }
    }
    .advantages {
        & .topAdvantages {
            & .advantageItem {
                width: 29.125rem;
            }
        }
    }
    .advantages {
        & .bottomAdvantages {
            & .advantageItem {
                width: 52.25rem;
                height: auto;
                background-color: #E2F0FB73;
                padding: 2rem;
                border-radius: 1rem;
            }
        }
    }
    .scheme {
        & .schemeList {
            & .schemeItem {
                width: 26.125rem;
                height: auto;
                background-color: #fff;
                padding: 2rem;
                border-radius: 1rem;
                margin-right: 1.5rem;
            }
        }
    }
    .scheme {
        & span {
            & h1 {
                width: 50%;
                font-size: 4rem;
                color: #fff;
            }
        }
    }
    .tecnology {
        & .tecnologyList {
            & .tecnologyItem {
                width: 10.25rem;
            }
        }
    }
    .tecnology {
        & .tecnologyList {
            width: 36rem;
            height: 57rem;
            & .tecnologyItem {
                & img {
                    height: auto;
                    width: auto;
                }
            }
        }
    }
    .review {
        & .reviewList {
            & .reviewItem {
                width: 25.5rem;
                /* height: 26rem; */
            }
        }
    }
    .blog {
        & .blogList {
            & .blogItem {
                width: 25.125rem;
                background-color: transparent;
                border: 1px solid #E9ECF2;
                padding: 1.5rem;
                border-radius: 1rem;
            }
        }
    }
    .form {
        #myVideo {
            width: 147%;
        }
    }



}


@media (max-width:1550px) {
	span {
		display: none;
	}
}
@media (max-width:1440px) {
    .heroBlock {
        height: 34rem;
    }
    .heroBlock, .forUs, .service, .developed, .rate, .advantages, .scheme, .tecnology, .review, .blog, .form2, footer, .single_fon_content, .single, .single_fon_content, .single {
        padding: 5.5rem 5.5rem;
    }
    .headerLeft {
        padding-left: 7rem;
    }
    .headerRight {
        padding-right: 7rem;
    }
    .forUs {
        flex-direction: column-reverse;
        & .forUsLeft {
            width: 72%;
            & .forUsLeftItem {
                width: 26rem;
                margin: 5px;
            }
        }
        & .forUsRight {
            width: 100%;
            margin-bottom: 2rem;
        }
    }
    .service {
        & .serviceList {
            & .serviceItem {
            width: 36.5rem;
            }
        ;
            margin: 5px;
        }
    }
    .developed {
        & .developedList {
            & .developedItem {
                width: 35.75rem;
                height: 25.625rem;
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                width: 24.125rem;
                height: 25rem;
            }
        }
    }
    .advantages {
        & .topAdvantages {
            & .void {
                width: 0;
            }
            & .advantageItem {
                width: 57%;
            }
        }
        & .centerAdvantages {
            & .advantageItem {
                width: 24.2rem;
            }
        }

    }
    .scheme {
        & .schemeList {
            & .schemeItem {
                width: 24.125rem;
            }
        }
    }
    .review {
        & .reviewList {
            & .reviewItem {
                width: 23.5rem;
                height: 35rem;
            }
        }
    }
    .blog {
        & .blogList {
            & .blogItem {
                width: 23.125rem;
            }
        }
    }
    .blog {
        & span {
            & h1 {
                width: 60%;
            }
        }
    }
    .form {
        #myVideo {
            width: 165%;
        }
    }
    
}
@media (max-width:1366px) {
    html {
        font-size: 14px;
    }
    .heroBlock {
        & .heroLeft {
            & h1 {
                font-size: 3.5rem;
                font-weight: 500;
                line-height: 53px;
                letter-spacing: 1px;
            }
        }
    }
    .headerLeft {
        & .line {
            margin: 0px 2rem 0 2rem;
        }
    }
    .service {
        & .serviceList {
            & .serviceItem {
            width: 26.5rem;
            }
        ;
            
            
            justify-content: center;
            
            
        }
    }
    .developed {
        & .developedList {
            & .developedItem {
                width: 39.75rem;
                height: 26.625rem;
            }
        }
    }
    .advantages {
        & .centerAdvantages {
            & .advantageItem {
                width: 26.6rem;
                margin: 5px;
            }
        }
    }
    .review {
        & .reviewList {
            & .reviewItem {
                width: 26.5rem;
                height: 35rem;
            }
        }
    }
    .blog {
        & .blogList {
            & .blogItem {
                width: 26.125rem;
                margin: 5px;
            }
        }
    }
    .forUs {
        & .forUsLeft {
            width: 100%;
        }
    }

}
@media (max-width:1280px) {
    .heroBlock, .forUs, .service, .developed, .rate, .advantages, .scheme, .tecnology, .review, .blog, .form2, footer, .single_fon_content, .single {
        padding: 3.5rem 3.5rem;
    }
    .forUs {
        & .forUsLeft {
            width: 100%;
            justify-content: center;
        }
    }
    .heroBlock {
        & .heroLeft {
            & button {
                & a {
                    & p {
                        color: #fff;
                        font-size: 14px;
                    }
                }
            }
        }
    }
}
@media (max-width:1024px) {
    .heroBlock {
        & .myVideo {
            width: 125%;
        }
    }
    header {
        flex-direction: column;
        align-items: center;
        & .headerLeft {
            padding-left: 0;
        }
        & .headerRight {
            padding-right: 0;
        }
    }
    .forUs {
        & .forUsRight {
            width: 100%;
            text-align: center;
            & h1 {
                font-size: 3.125rem;
                margin-bottom: 2rem;
                font-weight: 600;
                line-height: 52px;
            }
        }
        & .forUsLeft {
            width: 100%;
            margin-right: 0;
        }
    }
    .service {
        & .serviceList {
            & .serviceItem {
                width: 30rem;
            }
        }
    }
    .developed {
        & span {
            & h1 {
                font-size: 3rem;
            }
        }
    }
    .developed {
        & .developedList {
            & .developedItem {
                width: 30.75rem;
                height: 24.625rem;
                background-position: center;
            }
        }
    }
    .rate {
        flex-direction: column;
        & h1 {
            font-size: 3rem;
            margin-bottom: 2rem;
            
        }
        & .rateList {
            & .rateItem {
                width: 28rem;
                height: 25rem;
            }
        }

    }
    .advantages {
        & .centerAdvantages {
            flex-wrap: wrap;
            & .advantageItem {
                width: 20rem;
                height: auto;
            }
            & .advantageItem {
                & li::before {
                    width: 1.25rem;
                }
            }

        }
        
    }
    .scheme {
        & span {
            align-items: flex-start;
            flex-direction: column;
            & h1 {
                width: 50%;
                font-size: 3rem;
            }
            & p {
                width: 50%;
            }
        }
    }
    .scheme {
        & .schemeList {
            & .schemeItem {
                width: 19.125rem;
            }
        }
    }
    .tecnology {
        flex-direction: column;
        & .tecnologyList {
            width: 100%;
            height: 34rem;
            justify-content: space-between;
        }
        & span {
            margin-bottom: 2rem;
        }
    }
    .review {
        & span {
            & h1 {
                font-size: 3rem;
            }
        }
    }
    .review {
        & .reviewList {
            & .reviewItem {
                width: 18.5rem;
                height: 36rem;
            }
        }
    }
    .blog {
        & span {
            & h1 {
                font-size: 3rem;
            }
        }
    }
    .blog {
        & .blogList {
            & .blogItem {
                width: 20.125rem;
            }
        }
    }
    .form {
        & h1 {
            font-size: 3rem;
        }
    }
    .form {
        #myVideo {
            width: 210%;
        }
    }


}
@media (max-width:900px) {
    html {
        font-size: 14px;
    }
    .heroBlock, .forUs, .service, .developed, .rate, .advantages, .scheme, .tecnology, .review, .blog, .form2, footer, .single_fon_content, .single {
        padding: 2.5rem 2.5rem;
    }
    
    .heroBlock {
        & .myVideo {
            width: 160%;
        }
        & .heroLeft {
            & h1 {
                font-size: 3rem;
            }
            & p {
                font-size: 1.25rem;
                width: 95%;
            }
        }

    }
    .forUs {
        & .forUsLeft {
            height: auto;
            & .forUsLeftItem {
                width: 48%;
                margin-bottom: 2rem;
            }
        }
    }
    .service {
        & .serviceList {
            & .serviceItem {
                width: 48%;
            }
        }
    }
    .rate {
        & .rateList {
            width: 100%;
            & .rateItem {
                width: 48%;
                height: 30rem;
            }
        }
    }
    .advantages {
        & .topAdvantages {
            flex-direction: column;
            & h1 {
                width: 100%;
                margin-bottom: 1rem;
            }
            & .advantageItem {
                width: 100%;
            }
        }
        & .centerAdvantages {
            & .advantageItem {
                width: 100%;
                height: auto;
                margin-bottom: 1rem;
                margin-top: 0;
            }
        }
        & .bottomAdvantages {
            flex-direction: column;
            & .advantageItem {
                width: 100%;
            }

            & span {
                width: 100%;
                & button {
                    width: 100%;
                    & p {
                        font-size: 1.2rem;
                        font-weight: 500;
                    }
                }
            }
        }
    }
    .scheme {
        & span {
            & .leftScheme, .rightScheme {
                top: 38rem;
            }
        }
    }
    .tecnology {
        & .tecnologyList {
            height: 46rem;
        }
    }
    .review {
        & .reviewList {
            & .reviewItem {
                & p {
                    font-size: 1.2rem;
                }
            }
        }
    }
    .blog {
        & .blogList {
            flex-direction: column;
            & .blogItem {
                width: 100%;
                margin-bottom: 2rem;
            }
        }
    }
    footer {
        & nav {
            height: auto;
            flex-wrap: wrap;
        }
    }
    .form {
        & .formList {
            & span {
                & p {
                    width: 80%;
                }
            }
        }
    }

    .popup {
        & form {
            width: 75%;
        }
    }

}
@media (max-width:800px) {
    html {
        font-size: 12px;
    }
    .heroBlock {
        & .myVideo {
            width: 144%;
            right: -10rem;
            top: -20px;
        }
    }
    .heroBlock {
        & .heroLeft {
            & h1 {
                font-size: 3rem;
                font-weight: 500;
                line-height: 3rem;
                letter-spacing: 1px;
            }
        }
    }
    .headerLeft {
        width: 100%;
        flex-direction: column;
        align-items: center;
        & nav {
            width: 100%;
            justify-content: space-evenly;
            margin: 1rem 0;
        }
    }
    .service {
        & .serviceList {
            & .serviceItem {
                width: 27rem;
            }
        }
    }
    .developed {
        & .developedList {
            & .developedItem {
                width: 27rem;
                height: 25rem;
                background-position: center;
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                width: 27rem;
                height: 25rem;
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                &:nth-child(4) {
                    & p {
                        line-height: 12px;
                    }
                }
            }
        }
    }
    .advantages {
        & .topAdvantages {
            & h1 {
                font-size: 3rem;
                width: 50%;
            }
        }
    }
    .advantages {
        & .centerAdvantages {
            & .advantageItem {
                width: 27.2rem;
                height: auto;
                &:last-child {
                    margin-top: 1rem;
                    width: 100%;
                }
            }
        }
    }
    .advantages {
        & .bottomAdvantages {
            & .advantageItem {
                width: 35rem;
            }
        }
    }
    .scheme {
        & .schemeList {
            & .schemeItem {
                width: 18rem;
            }
        }
    }
    .scheme {
        & .schemeList {
            & .schemeItem {
                & p {
                    width: 100%;
                }
            }
        }
    }
    .scheme {
        & .schemeList {
            & .schemeItem {
                & img {
                    width: 6rem;
                }
            }
        }
    }
    .tecnology {
        & span {
            width: 100%;
            & h1 {
                font-size: 3rem;
                margin-bottom: 2rem;
                line-height: 48px;
                letter-spacing: -1px;
                font-weight: 600;
            }
        }
        & .tecnologyList {
            width: 100%;
            height: 45rem;
        }
    }
    .tecnology {
        & .tecnologyList {
            & .tecnologyItem {
                width: 22%;
            }
        }
    }
    .review {
        & .reviewList {
            & .reviewItem {
                width: 48%;
                height: 36rem;
            }
        }
    }
    .blog {
        & .blogList {
            & .blogItem {
                width: 48%;
                &:last-child {
                    display: none;
                }
            }
        }
    }

    .form {
        & form {
            & .ok {
                & p {
                    font-weight: 200;
                }
            }
        }
    }
    .form {
        & h1 {
            width: 90%;
            line-height: 42px;
        }
    }

}
@media (max-width:768px) {
    .service {
        & .serviceList {
            & .serviceItem {
                width: 26rem;
            }
        }
    }
    .rate {
        & .rateList {
            width: 100%;
            & .rateItem {
                width: 25rem;
                height: 25rem;
            }
        }
    }
    .review {
        & .reviewList {
            & .reviewItem {
                height: 29rem;
            }
        }
    }
    footer {
        & nav {
            height: auto;
            justify-content: space-between;
            flex-direction: column;
        }
    }

    .advantages {
        & .centerAdvantages {
            & .advantageItem {
                width: 26rem;
                height: auto;
            }
        }
    }
    .scheme {
        & .schemeList {
            & .schemeItem {
                margin-right: 1rem;
            }
        }
    }
    .form {
        #myVideo {
            width: 240%;
        }
    }

}
@media (max-width:700px) {
    .service {
        & .serviceList {
            & .serviceItem {
                width: 100%;
            }
        }
    }
    
    html {
        font-size: 14px;
    }
    .heroBlock, .forUs, .service, .developed, .rate, .advantages, .scheme, .tecnology, .review, .blog, .form2, footer, .single_fon_content, .single {
        padding: 2.5rem 2.5rem;
    }
    .heroBlock {
        & .myVideo {
            width: 225%;
            right: -10rem;
            top: -20px;
        }
        & .heroRight {
            height: auto;
        }
        & .heroLeft {
            & button {
                width: 90%;
            }
        }

    }
    .forUs {
        & .forUsLeft {
            height: auto;
            & .forUsLeftItem {
                width: 75%;
                height: auto;
                margin-bottom: 1rem;
            }
        }
    }
    .developed {
        & .developedList {
            & .developedItem.swiper-slide {
                background-size: cover;
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                width: 100%;
                &:nth-child(1), &:nth-child(3) {
                    margin-right: 0;
                }
                &:nth-child(4) {
                    height: auto;
                    & p {
                        font-size: 1.5rem;
                        line-height: 1.5rem;
                    }
                    & button {
                        width: 100%;
                        & p {
                            font-weight: 500;
                            font-size: 1rem;
                        }
                    }
                }
            }
        }
    }
    .advantages {
        & .topAdvantages {
            flex-direction: column;
            & h1 {
                width: 100%;
                margin-bottom: 1rem;
            }
            & .advantageItem {
                width: 100%;
            }
        }
        & .centerAdvantages {
            & .advantageItem {
                width: 100%;
                height: auto;
                margin-bottom: 1rem;
                margin-top: 0;
            }
        }
        & .bottomAdvantages {
            flex-direction: column;
            & .advantageItem {
                width: 100%;
            }

            & span {
                width: 100%;
                & button {
                    width: 100%;
                    & p {
                        font-size: 1.2rem;
                        font-weight: 500;
                    }
                }
            }
        }
    }

    .scheme {
        & span {
            & h1 {
                width: 80%;
            }
            & p {
                width: 100%;
            }
            & .rightScheme, .leftScheme {
                top: 25rem;
            }
        }
    }
    .tecnology {
        & .tecnologyList {
            flex-direction: row;
            height: auto;
            & .tecnologyItem {
                width: 31%;
                padding: 1rem;
                margin: 0;
                margin-bottom: 1rem;
                & img {
                    object-fit: scale-down;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    .blog {
        & .blogList {
            flex-direction: column;
            align-items: center;
            & .blogItem {
                width: 100%;
                margin-bottom: 1rem;
            }
        }
    }
    .form {
        #myVideo {
            width: 680%;
        }
        & .form2 {
            flex-direction: column;
            & form {
                margin-top: 2rem;
            }
        }
    }
    footer {
        & nav {
            & .down {
                height: 16rem;
                max-height: initial;
            }
            & .contactF {
                height: 8rem;
                margin-top: 5rem;
            }
            & .socialF {
                height: 8rem;
                margin-top: 5rem;
            }
        }
    }
    .popup {
        width: 100%;
        height: 100%;
        left: 0;
        & form {
            width: 75%;
        }
    }

}
@media (max-width:500px) {
    .single_fon h1 {
        font-size: 40px;
    }
    .developed {
        & .developedList {
            & .developedItem.swiper-slide {
                & h2 {
                    width: 80%;
                }
            }
        }
    }
    .heroBlock {
        height: auto;
        flex-direction: column;
        & .heroRight {
            width: 100%;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 1rem;
        }
        & .myVideo {
            width: 355%;
            right: -45rem;
            top: -20px;
        }
        & .heroRightTop, .heroRightBottom {
            width: 45%;
        }
        & .heroLine {
            display: none;
        }
    }
}
@media (max-width:425px) {
    html {
        font-size: 12px;
    }
    .heroBlock, .forUs, .service, .developed, .rate, .advantages, .scheme, .tecnology, .review, .blog, .form2, footer, .single_fon_content, .single {
        padding: 2.5rem 2.5rem;
    }
    .analit {
    flex-wrap: wrap;
}

.analit_item:after {
    bottom: -60px!important;
    left: 42%!important;
    top: auto!important;
    rotate: 90deg!important;
}


.analit_column {
    height: auto;
}

.analit_item {
    margin-bottom: 100px;
    max-width: 300px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.analit {
    width: auto;
}
    .analit_item.analit_item8 {
    order: 2;
}

.analit_item.analit_item7 {
    order: 1;
}
    .headerLeft {
        & nav {
            flex-wrap: wrap;
            width: 70%;
            justify-content: space-evenly;
            & a {
                font-weight: 400;
            }
        }
    }
    .headerRight {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        & span {
            width: 100%;
            margin-top: 1rem;
            display: flex;
            justify-content: center;
        }
    }


    .heroBlock {
        & .heroLeft {
            & p {
                font-size: 1.25rem;
            }

            & button {
                width: 100%;
            }
        }
    }
    .service {
        & .serviceList {
            & .serviceItem {
                & li {
                    font-size: 1.25rem;
                }
            }
        }
    }
    .service {
        & .serviceList {
            & .serviceItem {
                & li::before {
                    width: 1rem;
                    height: 1rem;
                }
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                & p {
                    font-size: 1.25rem;
                }
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                & .features {
                    width: 95%;
                }
                &:nth-child(4) {
                    & p {
                        font-size: 1.25rem;
                    }
                }

            }
        }
    }
    .advantages {
        & .advantageItem {
            & li {
                font-size: 1.25rem;
            }
        }
    }
    .advantages {
        & .advantageItem {
            & li::before {
                width: 1rem;
                height: 1rem;
            }
        }
    }
    .advantages {
        & .bottomAdvantages {
            & span {
                width: 100%;
            }
            & button {
                width: 100%;
                & p {
                    font-size: 1.25rem;
                }
            }
        }
    }
    .scheme {
        & span {
            & .rightScheme, .leftScheme {
                top: 28rem;
            }
        }
    }
    .tecnology {
        & span {
            & p {
                font-size: 1.25rem;
            }
        }
    }
    .form {
        & h1 {
            line-height: 30px;
        }
    }
    .popup {
        justify-content: center;
        width: auto;
        & form {
            width: 95%;
        }
    }


    .heroBlock {
        flex-direction: column;
        height: auto;
    }
    .heroBlock {
        & .myVideo {
            top: 0;
        }
        & .heroRight {
            height: auto;
            width: 100%;
            flex-direction: row;
            justify-content: space-between;
        }
    }
    .heroBlock {
        & .myVideo {
            width: 410%;
            right: -35rem;
            top: -20px;
        }
    }
    .heroBlock {
        & .heroRight {
            width: auto;
            margin-top: 2rem;
            & .heroLine {
                width: 1px ;
                height: 100%;
                background-color: #E9ECF2;
            }
            & .heroRightTop, .heroRightBottom {
                width: 45%;
            }
        }
    }

    .forUs {
        & .forUsLeft {
            height: auto;
            & .forUsLeftItem {
                width: 100%;
                margin-bottom: 1rem;
            }
        }
    }
    .service {
        & .serviceList {
            & .serviceItem {
                width: 100%;
            }
        }
    }
    .developed {
        & .developedList {
            & .developedItem {
                width: 20rem;
                height: 20rem;
                background-position: inherit;
                background-size: cover;
            }
        }
    }
    .developed {
        & .developedList {
            & .developedItem {
                & h2 {
                    color: #fff;
                    font-size: 1.5rem;
                }
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                width: 100%;
                &:nth-child(3) {
                    margin-right: 0;
                }
            }
        }
    }
    .advantages {
        & .topAdvantages {
            flex-direction: column;
            & .advantageItem {
                width: 100%;
            }
            & h1 {
                font-size: 3rem;
                width: 100%;
                margin-bottom: 2rem;
            }

        }
    }
    .advantages {
        & .centerAdvantages {
            & .advantageItem {
                width: 100%;
                margin-bottom: 1rem;
            }
        }
    }
    .advantages {
        & .bottomAdvantages {
            flex-direction: column;
            align-items: center;
            & .advantageItem {
                width: 100%;
            }
        }
    }
    .scheme {
        & span {
            & h1 {
                width: 100%;
            }
            & p {
                width: 100%;
            }
        }
    }
    .tecnology {
        & .tecnologyList {
            flex-direction: column;
            height: 78rem;
            align-content: space-between;
            & .tecnologyItem {
                width: 45%;
                padding: 1rem;
                margin-bottom: 1rem;
            }
        }
        & span {
            & h1 {
                line-height: 32px;
            }
        }   
    }
    .blog {
        & .blogList {
            & .blogItem {
                & h2 {
                    width: 100%;
                }
                & .photoBlog {
                    width: 100%;
                    height: 11.5rem;
                }
            }
        }
    }

    .form {
        & .form2 {
            flex-direction: column;
            & form {
                margin-top: 2rem;
            }
        }
        #myVideo {
            width: 1000%;
        }
    }

    footer {
        & nav {
            height: auto;
            flex-wrap: wrap;
            & .socialF {
                margin-top: 1rem;
            }
            & .contactF {
                margin: 1rem 0;
            }
        }
    }
    .blog {
        & span {
            flex-direction: column;
            align-items: flex-start;
            & h1 {
                width: 100%;
            }
            & button {
                margin: 1rem 0 0;
            }
        }
        & .blogList {
            flex-direction: column;
            align-items: center;
            & .blogItem {
                width: 100%;
                margin-bottom: 1remw;
            }
        }
    }
    .forUs {
        & .forUsRight {
            text-align: left;
            & h1 {
                font-size: 2.5rem;
                line-height: 3rem;
            }
        }
    }
    .service {
        & h1 {
            font-size: 3rem;
        }
    }
    .developed {
        & .developedList {
            & .developedItem.swiper-slide {
                height: 21.625rem;
            }
        }
    }
    .developed {
        & .developedList {
            & .developedItem {
                & h2 {
                    font-size: 1.5rem;
                }
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                &:nth-child(4) {
                    height: auto;
                    & p {
                        line-height: 1.5rem;
                    }
                }
            }
        }
    }
    .review {
        & .reviewList {
            & .reviewItem {
                height: auto;
                & p {
                    font-size: 1.25rem;
                    margin: 1rem 0;
                }
            }
        }
    }
    footer {
        & nav {
            & .down {
                height: 16rem;
            }
            & .contactF {
                height: 8rem;
                margin-top: 5rem;
            }
            & .socialF {
                height: 8rem;
                margin-top: 5rem;
            }
        }
    }
    .form {
        & form {
            & .downForm {
                & button {
                    text-align: left;
                }
            }
        }
    }

    header nav.mobile_menu{
        display: flex;
    }
    
    header nav.menu{
        display: none
    }
}
@media (max-width:375px) {
    .heroBlock, .forUs, .service, .developed, .rate, .advantages, .scheme, .tecnology, .review, .blog, .form2, footer, .single_fon_content, .single {
        padding: 1.5rem 1.5rem;
    }
    html {
        padding: 1rem;
        font-size: 10px;
    }
    .headerLeft {
        & nav {
            width: 75%;
            flex-wrap: wrap;
        }
    }
    .heroBlock {
        & .heroLeft {
            & button {
                & p {
                    color: #fff;
                    font-size: 1.5rem;
                    font-weight: 700;
                }
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                &:nth-child(4) {
                    & button {
                        & p {
                            font-size: 1.5rem;
                            font-weight: 500;
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
    .advantages {
        & .bottomAdvantages {
            & button {
                & p {
                    font-size: 1.5rem;
                }
            }
        }
    }

    & .headerRight {
        width: 88%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .forUs {
        & .forUsRight {
            & h1 {
                font-size: 3.125rem;
                margin-bottom: 2rem;
                font-weight: 600;
                line-height: 32px;
            }
        }
    }
    .service {
        & .serviceList {
            & .serviceItem {
                & li::before {
                    width: 2rem;
                    height: 2rem;
                }
            }
        }
    }
    .advantages {
        & .centerAdvantages {
            & .advantageItem {
                & li::before {
                    width: 2rem;
                    height: 2rem;
                }
            }
        }
    }
    .advantages {
        & .topAdvantages {
            & .advantageItem {
                & li::before {
                    width: 2rem;
                    height: 2rem;
                }
            }
        }
    }
    .advantages {
        & .bottomAdvantages {
            & .advantageItem {
                & li::before {
                    width: 2rem;
                    height: 2rem;
                }
            }
        }
    }
    .developed {
        & .developedList {
            & .developedItem {
                & svg {
                    width: 2rem;
                }
                & h2 {
                    width: 85%;
                }
            }
        }
    }
    .headerLeft {
        & nav {
            & a {
                font-size: 2rem;
            }
        }
    }
    .headerRight {
        & a {
            &:first-child {
                color: #00AEEF;
                margin-bottom: 1rem;
            }
        }
    }
    .heroBlock {
        & .heroLeft {
            text-align: center;
            & p {
                margin: 2rem 0;
                font-family: 'PT Root UI';
                font-size: 1.5rem;
            }
            & button {
                width: 100%;
            }
        }
    }
    .forUs {
        & .forUsRight {
            text-align: left;
            & p {
                font-size: 1.5rem;
            }
        }
    }
    .service {
        & .serviceList {
            & .serviceItem {
                & h2 {
                    font-size: 2rem;
                    font-weight: 600;
                }
                & li {
                    font-size: 1.5rem;
                }
            }
        }
    }
    .developed {
        & .developedList {
            & .developedItem {
                width: 30rem;
                height: 22rem;
            }
        }
    }
    .heroBlock {
        & .myVideo {
            top: 0;
            width: 375%;
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                & p {
                    font-family: "PT Root UI";
                    font-size: 1.5rem;
                }
                & .features {
                    width: 100%;
                }
            }
        }
    }
    .rate {
        & .rateList {
            & .rateItem {
                &:nth-child(4) {
                    height: auto;
                    & button {
                        width: 100%;
                        & a {
                            width: 100%;
                            & p {
                                font-size: 1.5rem;
                            }
                        
                        }
                        
                    }
                    & p {
                        line-height: 2rem;
                        font-size: 2rem;
                    }
                }
            }
        }
    }
    .advantages {
            & .advantageItem {
                & h2 {
                    font-size: 2rem;
                    font-weight: 600;
                }
                & li {
                    font-size: 1.5rem;
                }
            }
    }
    .advantages {
        & .bottomAdvantages {
            & span {
                width: 100%;
                & button {
                    width: 100%;
                    & a {
                        width: 100%;
                        & p {
                            font-size: 1.5rem;
                        }
                    }
                }
            }
        }
    }
    .scheme {
        & span {
            & button {
                display: none;
            }
            
        }
        & .schemeList {
            & .schemeItem {
                width: 30rem;
                & h2 {
                    font-size: 2rem;
                    font-weight: 600;
                }
                & p {
                    font-size: 1.5rem;
                }
            }
        }

    }
    .tecnology {
        & span {
            & p {
                font-weight: 100;
                font-size: 1.5rem;
            }
        }
    }
    .review {
        & span {
            flex-direction: column;
            width: 100%;
            & h1 {
                width: 100%;
            }
            & .buttons {
                width: 75%;
                display: flex;
                margin-top: 5rem;
                justify-content: space-between;
                & button {
                    width: 5rem;
                    height: 5rem;
                    border-radius: 50%;
                    background-color: #fff;
                    border: none;
                }
            }
        }
    }
    .headerRight {
        & button {
            height: 5rem;
            width: 5rem;
        }
    }


    .review {
        & .reviewList {
            align-items: center;
            & .reviewItem {
                width: 100%;
                height: 36rem;
                margin-bottom: 1rem;
                & p {
                    font-size: 1.5rem;
                }
            }
        }
    }
    .blog {
        & span {
            & button {
                & a {
                    & p {
                        font-size: 1.3rem;
                    }
                }
            }
        }
    }

    .blog {
        & .blogList {
            flex-direction: column;
            align-items: center;
            & .blogItem {
                width: 100%;
                margin-bottom: 1rem;
                &:last-child {
                    display: block;
                }
                & span p {
                    width: 75%;
                    font-size: 1.5rem;
                }
            }
        }
    }
    .form {
        & h1 {
            width: 90%;
            line-height: 3rem;
        }
        & h2 {
            font-size: 2rem;
        }
        & .formList {
            & span {
                & p {
                    width: 80%;
                    font-size: 1.5rem;
                }
            }
        }
        & form {
            & .centerForm {
                & input {
                    height: 5rem;
                    font-size: 1.5rem;
                }
            }
            & .ok {
                & p {
                    font-size: 1.5rem;
                }
            }

        }
    }
    .tecnology {
        & .tecnologyList {
            & .tecnologyItem {
                & img {
                    height: 100%;
                    width: 100%;
                }
            }
        }
    }
    footer {
        & nav {
            & .socialF {
                & button {
                    width: 4rem;
                    height: 4rem;
                }
            }
        }
    }
    footer {
        & nav {
            & .downF {
                justify-content: space-between;
                width: 100%;
            }
        }
    }
    .headerLeft {
        & nav {
            width: 65%;
        }
    }
    .form {
        & form {
            & .downForm {
                & p {
                    font-size: 1.4rem;
                }
                & button {
                    font-size: 1.4rem;
                }
            }
        }
    }

}