@media (max-width: 1300px) {
    html {
        font-size: 15px;
    }

    section {
        padding-top: 10px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imageWindow {
        margin-right: 20px;
        animation: anim 0.6s;
        animation-duration: 1s;
    }

    .imageWindow img {
        max-width: 690px;
    }

    .allInfo {
        margin: 0 30px;
        font-size: 1.05rem;
    }

    .sectionBlock {
        width: 100%;
        justify-content: center;
        margin: 0 30px;
    }

    .textVideo img {
        max-width: 300px;
    }

    .textVideo a {
        padding: 0;
    }

    .door {
        display: none;
    }

    .offer {
        display: flex;
        justify-content: center;
    }

    .headerInfo {
        width: 100%;
    }

    .sectionBlock {
        margin: 0;
    }

    .ourProducts {
        color: #3e3e3e;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .products {
        display: flex;
        flex-direction: column;
        margin-right: 0;
        text-align: center;
    }

    .productImg {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .winStyle,
    .goal b {
        margin-top: 50px;
    }

    .infoGoal {
        justify-content: space-around;
    }

    .inf {
        width: 25%;
    }

    .offerText .door img {
        display: none;
    }

    .offerText li:last-child {
        display: none;
    }

    /*блок с данными информационными*/
    .infoProducts {
        text-align: center;
    }

    .allBorder {
        display: flex;
        justify-content: center;
    }

    .inputText {
        max-width: 50%;
        text-align: left;
    }

    .cost input {
        margin: 15px 0;
    }

    .inputCost {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .inputCost a {
        margin: 15px 0 0 0;
    }

    .partner {
        align-items: center;
        margin: 0 auto;
        -webkit-box-shadow: 0 0 5px 4px;
        -moz-box-shadow: 0 0 5px 4px;
        box-shadow: 0 0 5px 0 gray;
    }

    /*Блок с отзывами в виде слайдера*/
    .allReviews {
        text-align: center;
        width: 95%;
    }

    /*Блок с контактами*/
    .ollContacts {
        justify-content: center;
    }

    .map {
        width: 50%;
    }

    .map img {
        display: none;
    }

    .textReviews p {
        text-align: left;
    }
    .allDistrict{
        margin: 0 10px;
    }
}

@media (max-width: 1200px) {
    html {
        font-size: 14px;
    }
    .winPunct1 .imgDisplay{
        width: 100%;
    }
    .allTableBlock1 .winPunct1{
        width: 100%;
    }
    .subscribe{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .newInterestingContent{
        flex-direction: column;
        align-items: center;
    }
    .inputCost1{
        justify-content: center;
    }
    .newOrder{
        order: -1;
    }
    .allBalcony{
        flex-direction: column;
    }
    .district{
        margin-left: 30px;
    }
    .balconyImage img{
        margin-right: 0;
        width: 100%;
    }
    .imageWindow img {
        display: none;
    }
    .productDoor{
        margin: 0 20px;
    }
    .form {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 110px 0;
        text-align: center;
    }

    .cost {
        flex-direction: column;
        align-items: center;
    }

    .inputText {
        margin-top: 30px;
        width: 70%;
        justify-content: center;
        text-align: center;
    }

    .calc {
        justify-content: center;
    }

    .allMap {
        flex-direction: column-reverse;
        align-items: center;
    }

    /*.menuClass{*/
    /*display: none;*/
    /*}*/
    .middleHeader,
    .menuClass,
    .sectionBlock,
    .ourProducts,
    .allReviews,
    .ollContacts,
    .textFooter,
    .textTime {
        width: 100%;
        padding: 0 2%;
    }

    .infoGoal {
        width: 100%;
    }

    .today {
        margin-right: 30px;
        width: 390px;
        align-items: center;
        height: 100%;
    }
    .district{
        width: 95%;
    }
    .ourRange{
        text-align: center;
    }
    .range{
        flex-direction: column;
        width: 95%;
        align-items: center;
    }
    .rangeText{
        text-align: center;
        width: 95%;
    }
    .blueLine{
        margin-top: 10px;
        width: 80%;
    }
    .headerInfo{
        text-align: center;
        width: 95%;
    }
    .cost{
        width: 95%;
    }

}

@media (max-width: 992px) {
    .middleHeader .social {
        display: none;
    }
    .contact1{
flex-direction: column;
    }
    .map1{
        flex-wrap: wrap;
    }
    .map1 img{
       display: none;
    }
    #mapDiv{
        margin: 5px;
    }
}

@media (max-width: 930px) {
    .offerText li {
        text-align: left;
    }
}

@media (max-width: 900px) {
    .video {
        flex-direction: column;
    }

    .video img {
        width: 50%;
        margin: 0 auto;
    }

    .allBorder {
        flex-wrap: wrap;
    }

    .image {
        margin-top: 15px;
    }

    .button-container {
        display: none;
    }

    .allInfo {
        margin: 0 15px;
        width: 100%;
    }

    /*.topHeader,.allMiddleHeader{*/
    /*display: none;*/
    /*}*/
    .infoGoal img {
        max-width: 50%;
        width: 218px;
        flex-wrap: wrap;
    }

    .middleHeader {
        margin: 15px;
    }
}

@media (min-width: 801px) {
    .three.col {
        display: none;
    }
    .your-class1{
        display: none;
    }
}

@media (max-width: 800px) {
    .offerImg img {
        display: none;
    }
    .doorText{
        font-size: 0.9rem;
    }
    .offer {
        background-image: url("../images/content/1.png");
        padding: 30px 0;
    }
    .offerText {
        width: 100%;
        padding: 0 20px;
        background-color: rgba(0, 0, 0, 0.4);
        color: #FFFFFF;
    }
    .offerText p,
    .offerText div {
        padding: 0;
    }
    .offerText img {
        width: 20px;
        margin-right: 10px;
    }
    .infoGoal {
        flex-direction: column;
    }
    .textFooter{
        flex-direction: column;
    }
    .inf {
        width: 100%;
    }

    .productImg img {
        width: 245px;
        height: 200px;
    }

    .contact {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .map {
        width: 100%;
    }

    .frontRaund {
        padding: 0 15px;
        text-align: left;
        flex-direction: column;
    }

    .reviews,
    .reviews1{
        flex-direction: column;
        /*height: auto;*/
    }
    .reviews1{
        height: 100%;
        cursor: pointer;
    }
    .reviews1:hover{
        height: 100%;
        cursor: pointer;
    }.reviews1 .clientReviews1>img{
         margin-top: 10px;
         width: 100px !important;
     }.reviews1 .textReviews1{
          padding-top: 40px;
          padding-bottom: 40px;
      }
    .textReviews1{
        padding: 10px;
    }
    .clientReviews {
        justify-content: center;
        width: 100%;
    }
    .clientReviews1 {
        width: 100%;
    }

    .textReviewsUser, .imgTextReviews {
        padding-right: 5px;
        flex-wrap: wrap;
    }

    .adress {
        margin-left: 40px;
    }

    .topHeader {
        display: none;
    }

    .allMiddleHeader {
        display: none;
    }

    #header {
        top: 0;
    }

    .menuClass {
        display: none;
    }
    .doorNew a{
        height: 50px;
    }
    .doorText{
        height: 50px;
    }
    .three {
        display: block;
    }
    .textOnlyDoor p{
        padding-left: 5px;
        padding-bottom: 2px;
        font-size: 10px;
    }
    .menuClass {
        display: flex;
        flex-direction: column;
        position: fixed;
        background-color: rgba(21,120,198,.8);
        left: 0;
        top: 0;
        z-index: -20;
        right: -1000%;
        align-items: center;
        transform: translateY(0%);
        transition: 0.7s;

    }

    .menuClass.active {
        top: 61px;
        left: 0;
        right: 0;
        z-index: -1;
        margin-right: 0;
        font-size: 1.3rem;
        transition: 0.7s;
        padding: 0;

    }
    .menuLi a:hover {
        background-image: linear-gradient(to top,rgba(21,120,198,.4) 50%, rgba(242,8,252,.4) 100%);
    }

    .menuClass.active div {
        width: 100%;
        text-align: center;
    }
	
	.modalInput, .modalInput2, .modalInput3 { max-width: 540px; }
	.modalInput.active, .modalInput2.active, .modalInput3.active { margin-left: -270px; top: 15%; }
}

.menuClass.active div a {
    width: 100%;
    text-align: center;
}

@media (max-width: 600px) {
    .inputText {

       max-width: 95%;
    }
.tel1,
.adress1{
    flex-direction: column;
}
    .adress1{
        margin: 10px 0 0 0;
}

    .inputText p {
        width: 100%;
    }

    .textForm {
        font-size: 1.5rem;
        width: 100%;
        text-align: left;
    }
    .newInterestingContentImg{
        min-width: 98%;
        height: auto;
    }
    .newInterestingContentImg p{
        font-size: 1.5rem;
    }
    .form {
        width: 100%;
    }

    .input {
        width: 95%;
    }
    .tel {
        height: 320px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .borderImage{
        margin: 0 5px;
    }
    .video img{
        display: none;
    }
    .serviceInfoBlock{
        flex-direction: column;
        align-items: center;
    }
    .titleMiniInfo1{
        font-size: 1.1rem;
        margin-bottom: 10px;
    }
    .bottomText span{
        font-size: 1.2rem;
    }
	
	.modalInput, .modalInput2, .modalInput3 { max-width: 500px; }
	.modalInput.active, .modalInput2.active, .modalInput3.active { margin-left: -250px; }
}

@media (max-width: 520px) {
    .contact .adress {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .miniMaps,
    .miniMaps1{
        position: relative;
        width: 95%;
        height: 255px;
    }

    .contact {
        flex-direction: column;
        align-items: flex-start;

    }
    .tel{
        margin-left: 40px;
    }

    .partner {
        height: 150px;
    }
	.modalInput, .modalInput2, .modalInput3 { max-width: 380px; }
	.modalInput.active, .modalInput2.active, .modalInput3.active { margin-left: -190px; }
	.input { width: 100% !important; }
}
@media (max-width: 400px) {
    .sharesInfo {
        width: 270px;
        height: 300px;
    }
    .sharesInfoImg img {
        width: 270px;
        height: 251px;
    }
    .sharesLineBlue {
        height: 300px;
    }
    .sharesInfoImgText{
        top: -60px;
    }
    .ourRange4{
        white-space: pre-wrap;
        width: 100%;
        margin-bottom: 20px;
        font-weight: bold;
        font-size: 1.5rem;
    }
	
	.modalInput, .modalInput2, .modalInput3 { max-width: 300px; }
	.modalInput.active, .modalInput2.active, .modalInput3.active { margin-left: -150px; }
	.modalInput.active .textInput, .modalInput2.active .textInput, .modalInput3.active .textInput { font-size: 17px; }
	.input, .input2 { height: 330px; }
}

@media (max-width: 1600px) {
    .sliderBalcony{
        width: 98%;
        margin: 0 auto;
        padding: 2px 0;
        border-top: 2px solid #e7712b;
        border-bottom: 2px solid #e7712b;
        transform: skew(0deg);
    }
    .blueBox img{
        transform: skew(0deg);
    }
    .blueBox p{
        transform: skew(0deg);
    }
}








@media (min-width: 801px) {


}
@media (max-width: 801px) {
    .your-class{
        display: none;
    }
    .blueBox{
        width: 80%;
        margin: 0 auto;
    }
    .slick-prev,
    .slick-next{
        width: 5%;
    }
}







/*Каталог страница*/
@media (max-width: 801px) {
    .styleRange a:after {
        content: "";
        background: rgba(21,120,198,.7);
        height:270px;
        width: 240px;
        position: absolute;
        z-index: 57;
        top: 0;
        left: -135px;
        transform: skewX(45deg);
        pointer-events: none;
    }
    .doorNew img {
        width: 100px;
        height: 230px;
    }
    .styleRange a div{
        font-size: 1.3rem;
    }
    .styleRange{
        width: 80%;
        margin-left: 5px;
    }
    .district{
        padding-top: 60px;
        margin: 0 2% 10px  2%;
    }
    .range{
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin: 0 2% 15px 1%;
    }
    .ourRange{
        margin-bottom:10px;
    }
    .rangeText{
        text-align: center;
        margin: 0 2% 30px 1%;
    }
    .blueLine{
        margin-top: 5px;
        width: 80%;
    }
    .headerInfo{
        text-align: center;
        margin-bottom: 10px;
        font-size: 0.2rem !important;
    }
    .cost{
        margin: 10px 5px 20px 5px;
    }
    .textFooter{
        flex-direction: column;
    }
    .district{
        margin-top: 30px;
    }
    .balconyText{
        margin: 20px;
    }
    .cost{
        margin: 0 auto;
    }
    .inputText{
        padding-bottom: 40px;
    }
}




@media (max-width: 800px) {
    .offerImg img {
        display: none;
    }
    .offer {
        background-image: url("../images/content/1.png");
        padding: 30px 0;
    }
    .offerText {
        width: 100%;
        padding: 0 20px;
        background-color: rgba(0, 0, 0, 0.4);
        color: #FFFFFF;
    }
    .offerText p,
    .offerText div {
        padding: 0;
    }
    .offerText img {
        width: 20px;
        margin-right: 10px;
    }
    .infoGoal {
        flex-direction: column;
    }

    .inf {
        width: 100%;
    }

    .productImg img {
        width: 245px;
        height: 200px;
    }

    .contact {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .map {
        width: 100%;
    }

    .frontRaund {
        padding: 0 15px;
        text-align: left;
        flex-direction: column;
    }

    .reviews {
        flex-direction: column;
    }

    .clientReviews {
        justify-content: center;
        width: 100%;
    }

    .textReviewsUser, .imgTextReviews {
        padding-right: 5px;
    }

    .adress {
        margin-left: 40px;
    }

    .topHeader {
        display: none;
    }

    .allMiddleHeader {
        display: none;
    }

    #header {
        top: 0;
    }

    .menuClass {
        display: none;
    }

    .three {
        display: block;
    }

    .menuClass {
        display: flex;
        flex-direction: column;
        position: fixed;
        background-color: rgba(21,120,198,.8);
        left: 0;
        top: 0;
        z-index: -20;
        right: -1000%;
        align-items: center;
        transform: translateY(0%);
        transition: 0.7s;

    }

    .menuClass.active {
        top: 61px;
        left: 0;
        right: 0;
        z-index: -1;
        margin-right: 0;
        font-size: 1.3rem;
        transition: 0.7s;
        padding: 0;

    }
    .menuLi a:hover {
        background-image: linear-gradient(to top,rgba(21,120,198,.4) 50%, rgba(242,8,252,.4) 100%);
    }

    .menuClass.active div {
        width: 100%;
        text-align: center;
    }
}

.menuClass.active div a {
    width: 100%;
    text-align: center;
}

@media (max-width: 600px) {
    .inputText {
        max-width: 95%;
    }

    .inputText p {
        width: 100%;
    }

    .textForm {
        font-size: 1.5rem;
        width: 100%;
        text-align: left;
    }

    .form {
        width: 100%;
    }

    .input {
        width: 95%;
    }
    .tel {
        height: 320px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .borderImage{
        margin: 0 5px;
    }
    .video img{
        display: none;
    }
}

@media (max-width: 520px) {
    .contact .adress {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .contact {
        flex-direction: column;
        align-items: flex-start;

    }
    .tel{
        margin-left: 40px;
    }

    .partner {
        height: 150px;
    }
}
@media (max-width: 1300px) {
    html {
        font-size: 15px;
    }

    section {
        padding-top: 10px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imageWindow {
        margin-right: 20px;
        animation: anim 0.6s;
        animation-duration: 1s;
    }

    .imageWindow img {
        max-width: 690px;
    }

    .allInfo {
        margin: 0 30px;
        font-size: 1.05rem;
    }

    .sectionBlock {
        width: 100%;
        justify-content: center;
        margin: 0 30px;
    }

    .textVideo img {
        max-width: 300px;
    }

    .textVideo a {
        padding: 0;
    }

    .door {
        display: none;
    }

    .offer {
        display: flex;
        justify-content: center;
    }

    .headerInfo {
        width: 100%;
    }

    .sectionBlock {
        margin: 0;
    }

    .ourProducts {
        color: #3e3e3e;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .products {
        display: flex;
        flex-direction: column;
        margin-right: 0;
        text-align: center;
    }

    .productImg {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .winStyle,
    .goal b {
        margin-top: 50px;
    }

    .infoGoal {
        justify-content: space-around;
    }

    .inf {
        width: 25%;
    }

    .offerText .door img {
        display: none;
    }

    .offerText li:last-child {
        display: none;
    }

    /*блок с данными информационными*/
    .infoProducts {
        text-align: center;
    }

    .allBorder {
        display: flex;
        justify-content: center;
    }

    .inputText {
        max-width: 50%;
        text-align: left;
    }

    .cost input {
        margin: 15px 0;
    }

    .inputCost {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .inputCost1 {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .inputCost1 input{
        margin-right: 15px;
        /*margin-bottom: 5px;*/
    }
    .
    .inputCost a {
        margin: 15px 0 0 0;
    }
    .inputCost1 a {
        margin: 0 0 0 0;
    }

    .partner {
        align-items: center;
        margin: 0 auto;
        -webkit-box-shadow: 0 0 5px 4px;
        -moz-box-shadow: 0 0 5px 4px;
        box-shadow: 0 0 5px 0 gray;
    }

    /*Блок с отзывами в виде слайдера*/
    .allReviews {
        text-align: center;
        width: 95%;
    }

    /*Блок с контактами*/
    .ollContacts {
        justify-content: center;
    }

    .map {
        width: 50%;
    }

    .map img {
        display: none;
    }

    .textReviews p {
        text-align: left;
    }
}

@media (max-width: 1200px) {
    html {
        font-size: 14px;
    }

    .imageWindow img {
        display: none;
    }

    .form {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 110px 0;
        text-align: center;
    }

    .cost {
        flex-direction: column;
        align-items: center;
    }

    .inputText {
        margin-top: 30px;
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .calc {
        justify-content: center;
    }

    .allMap {
        flex-direction: column-reverse;
        align-items: center;
    }

    /*.menuClass{*/
    /*display: none;*/
    /*}*/
    .middleHeader,
    .menuClass,
    .sectionBlock,
    .ourProducts,
    .allReviews,
    .ollContacts,
    .textFooter,
    .textTime {
        width: 100%;
        padding: 0 2%;
    }

    .infoGoal {
        width: 100%;
    }

    .today {
        margin-right: 30px;
        width: 390px;
        align-items: center;
        height: 100%;
    }
    .interesting{
        padding: 0 10px;
    }
    .allPunkt {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .ounkt1 {
        width: 100%;
    }
    .textWinPunkt2 {
        flex-wrap: wrap;
        justify-content: center;
        height: auto;
    }
    .contentPunkt2 {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .infoWinPunkt{
        width: 100%;
        height: auto;
    }
    .allTableBlock {
        width: 100%;
    }
    .Window3 {
        flex-wrap: wrap;
        justify-content: center;
    }
    .imgWidthPunct {
        width: 308px;
        height: 240px;
    }
    .allTableBlock1 .imgWidthPunct{
        height: auto;
    }
    .winPunct1 {
        width: 308px;
    }
}

@media (max-width: 992px) {
    .middleHeader .social {
        display: none;
    }
}

@media (max-width: 930px) {
    .offerText li {
        text-align: left;
    }
}
@media (max-width: 930px) {
    .offerText li {
        text-align: left;
    }
}

@media (max-width: 900px) {
    .video {
        flex-direction: column;
    }
    .maybe {
        flex-wrap: wrap;
        justify-content: center;
    }
    .one,
    .too{
        width: 100%;
    }
    .too{

    }
    .blueLineMiniInfo {
        width: 1px;
        height: 70px;
        border: 4px solid #036dfa;
        transform: skew(0deg);
    }
    .video img {
        width: 50%;
        margin: 0 auto;
    }

    .allBorder {
        flex-wrap: wrap;
    }

    .image {
        margin-top: 15px;
    }

    .button-container {
        display: none;
    }

    .allInfo {
        margin: 0 15px;
        width: 100%;
    }

    /*.topHeader,.allMiddleHeader{*/
    /*display: none;*/
    /*}*/
    .infoGoal img {
        max-width: 50%;
        width: 218px;
        flex-wrap: wrap;
    }

    .middleHeader {
        margin: 15px;
    }
}

@media (max-width: 1770px) {

}

@media (max-width: 1640px) {

}

@media (max-width: 1400px) {

}

@media (max-width: 1300px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1070px) {
    .installmentText {
        padding: 0 20px;
    }
}

@media (max-width: 970px) {

}

@media (max-width: 870px) {

}

@media (min-width: 801px) {
    .three.col {
        display: none;
    }
}


/*Каталог страница*/
@media (max-width: 801px) {
    .styleRange a:after {
        content: "";
        background: rgba(21,120,198,.7);
        height:270px;
        width: 240px;
        position: absolute;
        z-index: 57;
        top: 0;
        left: -135px;
        transform: skewX(45deg);
        pointer-events: none;
    }
    .styleRange a div{
        font-size: 1.3rem;
    }
    .styleRange{
        width: 80%;
        margin-left: 5px;
    }
    .district{
        padding-top: 60px;
        margin: 0 2% 10px  2%;
    }
    .range{
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin: 0 2% 15px 1%;
    }
    .ourRange{
        margin-bottom:10px;
    }
    .rangeText{
        text-align: center;
        margin: 0 2% 30px 1%;
    }
    .blueLine{
        margin-top: 5px;
        width: 80%;
    }
    .headerInfo{
        text-align: center;
        padding: 0 5px;
        font-size: 0.2rem !important;
    }
    .cost{
        margin: 10px 5px 20px 5px;
    }
    .textFooter{
        flex-direction: column;
    }
}




@media (max-width: 800px) {
    .offerImg img {
        display: none;
    }
    .textWinPunkt2 {
        width: 33.33333%;
    }
    .winPunct3  {
        width: 190px;
    }
    .colorGamma div img{
        width: 90%;
    }
    .installmentBlock {
        border: 1px solid #e7712b;
        padding: 5px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 20px 0;
    }
    .installmentCard{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .installmentCard img{
        padding: 2px;
    }
    .productDoor{
        flex-direction: column;
        align-items: center;
    }
    .productDoor img{
        width: 30%;
    }
    .offer {
        background-image: url("../images/content/1.png");
        padding: 30px 0;
    }
    .energyWin div {
        flex-wrap: wrap;
        justify-content: center;
    }
    .offerText {
        width: 100%;
        padding: 0 20px;
        background-color: rgba(0, 0, 0, 0.4);
        color: #FFFFFF;
    }
    .offerText p,
    .offerText div {
        padding: 0;
    }
    .offerText img {
        width: 20px;
        margin-right: 10px;
    }
    .infoGoal {
        flex-direction: column;
    }

    .inf {
        width: 100%;
    }

    .productImg img {
        width: 245px;
        height: 200px;
    }

    .contact {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .map {
        width: 100%;
    }

    .frontRaund {
        padding: 0 15px;
        text-align: left;
        flex-direction: column;
    }

    .reviews {
        flex-direction: column;
    }

    .clientReviews {
        justify-content: center;
        width: 100%;
    }

    .textReviewsUser, .imgTextReviews {
        padding-right: 5px;
    }

    .adress {
        margin-left: 40px;
    }

    .topHeader {
        display: none;
    }

    .allMiddleHeader {
        display: none;
    }

    #header {
        top: 0;
    }

    .menuClass {
        display: none;
    }

    .three {
        display: block;
    }

    .menuClass {
        display: flex;
        flex-direction: column;
        position: fixed;
        background-color: rgba(4,41,95,.8);
        left: 0;
        top: 0;
        z-index: -20;
        right: -1000%;
        align-items: center;
        transform: translateY(0%);
        transition: 0.7s;

    }

    .menuClass.active {
        top: 61px;
        left: 0;
        right: 0;
        z-index: -1;
        margin-right: 0;
        font-size: 1.3rem;
        transition: 0.7s;
        padding: 0;

    }
    .menuLi a:hover {
        background-image: linear-gradient(to top,rgba(21,120,198,.4) 50%, rgba(242,8,252,.4) 100%);
    }

    .menuClass.active div {
        width: 100%;
        text-align: center;
    }
}

.menuClass.active div a {
    width: 100%;
    text-align: center;
}

@media (max-width: 600px) {
    .inputText {
        max-width: 95%;
    }
    .sharesInfoText{
        font-size: 1.2rem;
    }
    .winPunct1 .imgWidthPunct img {
        margin: 21px 0 10px 50px;
    }
    .inputCost1{
        flex-direction: column;
    }
    .subscribeText {
        text-align: center;
    }
    .subscribeForm i{
        text-align: center;
    }
    .Window3 img{
        width: 95%;
    }.Window3 {
         justify-content: flex-start;
     }
    .blueLineMiniInfo {
        height: 110px;
    }
    .lineBlueCont {
        align-items: center;
    }
    .productDoor img{
        width: 50%;
        margin-bottom: 15px;
    }
    .one,
    .too{
        flex-direction: column;
        align-items: center;
    }
    .inputText p {
        width: 100%;
    }

    .textForm {
        font-size: 1.5rem;
        width: 100%;
        text-align: left;
    }

    .form {
        width: 100%;
    }

    .input {
        width: 95%;
    }
    .tel {
        height: 320px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .borderImage{
        margin: 0 5px;
    }
    .video img{
        display: none;
    }
}

@media (max-width: 520px) {
    .contact .adress {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .contact {
        flex-direction: column;
        align-items: flex-start;

    }
    .tel{
        margin-left: 40px;
    }

    .partner {
        height: 150px;
    }
    .ourRange3{
        text-transform: uppercase;
        white-space: pre-wrap;
        width: 300px;
        margin-bottom: 20px;
        font-weight: bold;
        font-size: 1.5rem;
    }
}