@media only screen and (max-width:1740px) {
    #please-the-eye h2 {
        font-size: 70px;
    }
    .low-line > span > span.underline::after {
        bottom: 10px;
        height: 3px;
        right: -55px;
    }
    #please-the-eye ._line .block > .right_line > .underline::after {
        bottom: 15px;
        right: -70px;
        height: 5px;
    }
    #please-the-eye .textBox .text p {
        font-size: 1.2rem;
    }
    #hiroyasuKosuge .text p {
        font-size: 0.9rem;
    }
    #filters .air_treatment .col_4 > h3 {
        font-size: 23px;
    }
    #filters ._2 {
        bottom: -14vw;
    }
    #filters ._1 .t_container .text h2, #noise .text h2 {
        font-size: 45px;
    }
    #filters ._1 .t_container .text h3, #noise .text h3 {
        font-size: 22px;
    }
    #filters ._1 {
        bottom: 0vw;
    }
    #bluevolution {
        margin-top: 30vw;
    }
}
@media only screen and (max-width:1600px) {
    .low-line {
        font-size: 40px;
    }
    #filters .titledPicture {
        height: 63.9vw;
    }
    #filters ._1 {
        bottom: 10vw;
    }
    #filters ._2 {
        bottom: -6vw;
    }
    .design-that-speaks.low-line > span::after {
        left: 280px;
    }
    .low-line > span::after {
        width: 40px;
        bottom: 10px;
        height: 3px;
    }
    .text p, .text ul li {
        font-size: 18px;
    }
    #please-the-eye h2 {
        font-size: 65px;
    }
    #please-the-eye ._line .block > .right_line::after {
        bottom: 17px;
        left: 565px;
    }
    #please-the-eye ._line .block > .right_line::after {
        width: 55px;
    }
    #please-the-eye .textBox .text p {
        font-size: 1.1rem;
    }
    .remote_control.low-line > span::after {
        left: 320px;
    }
    #three-advs .third > .icon-title {
        font-size: 23px;
        height: 40px;
    }
    .blue_title {
        font-size: 45px;
    }
    .allyear-comfort.low-line > span::after {
        left: 245px;
    }
    #filters .air_treatment .col_4 > span {
        font-size: 16px;
    }
}
@media only screen and (max-width:1440px) {
    .text_bigger {
        font-size: 32px;
    }
    #three-advs .third > span {
        font-size: 15px;
    }
    #kosugeComposition {
        height: 42.3vw;
    }
    #filters .air_treatment {
        top: 0;
    }
    #hiroyasuKosuge .text p {
        font-size: 16px;
    }
    .text p, .text ul li {
        font-size: 16px;
    }
    #filters ._1 .t_container .text h3, #noise .text h3 {
        font-size: 19px;
    }
    #filters ._2 {
        bottom: -17vw;
    }
    .blue_title {
        font-size: 40px;
    }
    .sect-title-bold h2 {
        font-size: 55px;
    }
    .where-buy h2 {
        font-size: 80px;
    }
    .where-buy .title > span {
        font-size: 35px;
    }
    .listTextContainer.outdoor .text p {
        font-size: 19px;
    }
    .list-params__lab, .list-params__value {
        font-size: 16px;
    }
    .list-params__item {
        margin-top: 11px;
    }
    #filters .titledPicture {
        height: 63.9vw;
    }
    #filters ._1 {
        bottom: 8vw;
        width: 39.834vw;
    }
    #filters ._2 {
        bottom: -7vw;
        right: 41vw;
    }
    #bluevolution .compositionBiggerText p {
        font-size: 20px;
    }
    #please-the-eye .textBox .text p {
        font-size: 19px;
    }
    #bluevolution {
        margin-top: 20vw;
    }
}
@media only screen and (max-width:1390px) {
    .text_bigger {
        font-size: 29px;
    }
    #index #cta {
        height: 47.271vw;
    }
    .overlay_close {
        top: 0px;
        right: 6px;
    }
    #please-the-eye .textBox .text p {
        font-size: 19px;
    }
    #please-the-eye h2 {
        font-size: 60px;
    }
    #kosugeComposition {
        height: 44.3vw;
    }
    .titledPicture {
        height: 52.9vw;
    }
    .menuSection .discover {
        right: inherit;
    }
    .ctaButton, .ctaDot {
        font-size: 35px;
    }
}
@media only screen and (max-width:1290px) {
    #please-the-eye h2 {
        font-size: 50px;
    }
    #please-the-eye ._line .block > .right_line > .underline::after {
        bottom: 13px;
        right: -72px;
    }
    .low-line {
        font-size: 35px;
    }
    .low-line > span > span.underline::after {
        bottom: 9px;
        height: 3px;
        right: -50px;
    }
    #please-the-eye .textBox {
        width: 39vw;
        top: 6vw;
    }
    .titledPicture {
        height: 57.9vw;
    }
    #kosugeComposition {
        height: 47.3vw;
    }
    .compositionBiggerText {
        max-width: 370px;
    }
    .listTextContainer.outdoor .text p {
        font-size: 17px;
    }
    .list-params__lab, .list-params__value {
        font-size: 15px;
    }
}
@media only screen and (max-width:1199px) {
    #please-the-eye h2 {
        font-size: 44px;
    }
    .div-more {
margin-top:25px;
    }
    #please-the-eye .textBox .text p {
        font-size: 18px;
    }
    #please-the-eye .textBox {
        top: 5vw;
    }
    #please-the-eye {
        margin-bottom: 25vw;
    }
    .compositionColumns .colDescription {
        font-size: 16px;
    }
    #design-awards > .sectionTitleLeft {
        font-size: 18px;
        width: 85%;
    }
    #three-advs .sect-title-bold p {
        font-size: 19px;
    }
    #three-advs .sect-title-bold {
        max-width: 780px;
    }
    #three-advs .third {
        padding: 8px;
    }
    .blue_title {
        font-size: 30px;
    }
    .titledPicture {
        height: 80.9vw;
    }
    #kosugeComposition {
        height: 51.3vw;
    }
    #filters .titledPicture {
        height: 77.9vw;
    }
    #filters ._1 .t_container .text h2, #noise .text h2 {
        font-size: 35px;
    }
    #filters ._1 .t_container .text {
        padding: 4.5vw;
    }
    #bluevolution .compositionBiggerText p {
        font-size: 18px;
    }
    .compositionBiggerText {
        max-width: 350px;
    }
    #airflow .text.big p {
        font-size: 23px;
        margin-bottom: 6vw;
    }
    .listTextContainer.outdoor .text p {
        font-size: 17px;
    }
    .listTextContainer.outdoor {
        padding: 15vw 10vw 0vw 0vw;
    }
    #heatpump_outdoor .sectionPay.big {
        top: 1vw;
    }
    .list-params__lab, .list-params__value {
        font-size: 14px;
    }
    .ctaCenter {
        width: 40%;
    }
    .ctaRight {
        width: 55%;
    }
    .itemSliderText .body_text {
        margin-top: 20px;
    }
    .itemSliderTitle {
        font-size: 35px;
    }
    #index #cta {
        height: 52.271vw;
    }
    .where-buy .title > span {
        font-size: 25px;
    }
    .bottomBlock:first-child {
        font-size: 18px;
    }
    .low-line {
        font-size: 35px;
    }
    #please-the-eye ._line .block > .right_line > .underline::after {
        bottom: 11px;
        right: -55px;
        height: 4px;
        width: 48px;
    }
    .mobileOnly {
        display: flex!important;
    }
    .mobileHidden {
        display: none!important;
    }
    .overlay_close {
        top: -10px;
        right: 5px;
    }
    #kosugeComposition ._5 {
        left: 4.5vw;
    }
    #kosugeComposition ._6 {
        width: 30.834vw;
    }
    #kosugeComposition ._1 {
        width: 25.834vw;
        top: -2vw;
    }
    #kosugeComposition ._6 {
        top: 23vw;
    }
    #airflow .centerContainer .video-element {
        margin-top: 1vw;
    }
    #three-advs .third > span {
        font-size: 13px;
    }
    #filters .air_treatment .col_4 > span {
        font-size: 14px;
    }
    #filters .air_treatment .col_4 > h3 {
        font-size: 19px;
        margin-bottom: 10px;
    }
    #filters ._1 .t_container .text h3, #noise .text h3 {
        font-size: 16px;
    }
    .text p, .text ul li {
        font-size: 15px;
    }
    .listTextContainer.outdoor .text p {
        font-size: 15px;
    }
}
@media only screen and (max-width:1024px) {
    #kosugeComposition ._5 {
        left: 4.5vw;
    }
    #please-the-eye h2 {
        font-size: 38px;
    }
    #please-the-eye ._line .block > .right_line > .underline::after {
        bottom: 10px;
        right: -53px;
        height: 3px;
        width: 48px;
    }
    .compositionBiggerText {
        max-width: 320px;
    }
    #kosugeComposition ._6 {
        width: 30.834vw;
    }
    #kosugeComposition ._1 {
        width: 25.834vw;
        top: -2vw;
    }
    #footerContainer {
        max-width: 85%;
    }
    .itemSliderText .body_text {
        margin-top: 10px;
    }
    .div-more {
        margin-top: 20px;
    }
    #kosugeComposition ._6 {
        top: 23vw;
    }
    #airflow .text.big p {
        font-size: 20px;
    }
    #airflow .centerContainer .video-element {
        margin-top: 4vw;
    }
}
@media only screen and (max-width:991px) {
    .w45, .w50, .w55, .limited {
        width: 100%;
    }
    #airflow .centerContainer .video-element {
        margin-top: 4vw;
        margin-bottom: 10vw;
    }
    .compositionColumns .colDescription {
        font-size: 25px;
    }
    .pic.small {
        width: 46vw;
    }
    #please-the-eye {
        margin-bottom: 0;
    }
    .limited {
        max-width: 100%;
        width: 100%;
    }
    .logos .half {
        text-align: center;
    }
    #design-awards .logos img {
        width: 140px;
    }
    #please-the-eye h2 {
        font-size: 38px;
    }
    #please-the-eye .textBox {
        width: 100%;
        right: auto;
        position: relative;
        top: auto;
        margin-top: 30px;
    }
    #remote.bigMargin {
        margin-top: 170px;
    }
    #remote .pic.small {
        width: 100%;
        position: relative;
    }
    #remote .pic.big {
        display: none;
    }
    #remote .bg {
        height: 90%;
        width: 90vw;
    }
    .qrs img {
        width: 160px;
        height: 48px;
    }
    .qrs {
        justify-content: center;
        align-items: center;
        align-content: center;
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .blue_title {
        font-size: 35px;
    }
    #remote .centerContainer.small {
        width: 100%;
    }
    #remote .bodyComposition ._2 {
        order: 3;
        width: 100%;
        margin-top: 10px;
    }
    .centerContainer.medium {
        width: 100%;
    }
    .topLine {
        display: none;
    }
    .low-line {
        font-size: 34px;
    }
    .text p, .text ul li {
        font-size: 18px;
    }
    .designComposition .block._6.storyComposition .centerContainer {
        margin: 0;
        width: 100%;
    }
    .designComposition .block._6 {
        margin-top: 0;
    }
    #design-awards > .sectionTitleLeft {
        width: calc(100% - 30px);
    }
    #design-awards > div .resSectionTitle span {
        font-size: 38px;
    }
    #kosugeComposition ._5 .title {
        font-size: 45px;
        line-height: 1;
    }
    #kosugeComposition ._6 img {
        max-width: 240px;
    }
    #coverStory h1 {
        font-size: 40px;
        color: inherit;
        margin-right: 0;
        text-align: center;
        line-height: 41px;
    }
    [data-scroll-mobile-disabled] {
        transform: none !important;
    }
    body {
        overflow-y: scroll;
    }
    header {
        height: 60px;
    }
    .phone {
        margin-left: 20px;
        margin-top: -11px;
    }
    .verticalPictures .picture {
        width: 100%;
    }
    #barLogo {
        width: 100px;
        height: 36px;
        position: absolute;
        left: 50%;
        margin-left: -60px;
        top: 12px;
    }
    #barLogo svg {
        margin-top: -39px;
    }
    .optionsController .line._2 {
        height: 1px;
        width: 64px;
        margin-left: -12px;
    }
    #barLeftGroup {
        display: flex;
        align-items: center;
    }
    .homeTop {
        height: auto;
    }
    .homeTop .mainContainer {
        width: 100%;
    }
    #topContent {
        height: auto;
        width: 100%;
        top: 0;
        margin-top: 60px;
    }
    #mainLogo {
        display: none;
    }
    #coverVideo {
        height: 375px;
        width: 100%;
        left: 0;
        min-width: 100%;
    }
    #coverStory {
        width: 100%;
    }
    #coverLayer {
        position: relative;
        bottom: 0;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .bar {
        height: 6px;
        width: calc(100% - 30px);
    }
    #coverBar {
        position: relative;
        bottom: 0;
    }
    .mainContainer {
        width: calc(100% - 30px);
    }
    .home.paragraph {
        text-align: center;
    }
    .margin {
        margin-top: 30px;
    }
    .doubleMargin {
        margin-top: 50px;
    }
    .tripleMargin, .quadMargin {
        margin-top: 60px;
    }
    .discoverArrow {
        margin-left: 15px;
    }
    .home.paragraph .discover {
        align-self: flex-end;
        position: relative;
        top: 23vw;
    }
    .discover {
        font-size: 15px;
    }
    .mobColumn {
        flex-direction: column;
    }
    .shiftedText {
        margin-left: 0;
        align-self: flex-end;
    }
    .bigTextLayer {
        font-size: 45px;
        margin: 30px 0 30px 0
    }
    .ctaButton, .ctaDot {
        font-size: 25px;
        font-weight: 500;
    }
    .ctaButtonsContainer {
        width: 100%;
    }
    .ctaTitles {
        display: none;
    }
    #cta .mainContainer {
        display: flex;
        height: auto;
        width: 100%;
    }
    #cta .ctaLeft {
        order: 0;
    }
    #cta .ctaArrows svg path {
        fill: #FFFFFF;
    }
    #cta .ctaArrows {
        order: 1;
        position: relative;
        padding: 0 15px;
        height: auto;
        top: -20px;
    }
    #cta .ctaArrows .right {
        margin-right: 0;
    }
    #cta .ctaArrows .left {
        margin-left: 0;
    }
    #cta .ctaCenter {
        order: 0;
        height: 75vw;
    }
    #cta .ctaRight {
        order: 3;
        padding: 30px 20px;
        background: #f0ebe8;
        align-items: center;
    }
    .itemSliderSubTitle {
        font-size: 25px;
    }
    .ctaDescription {
        width: 100%;
    }
    .list-params__lab, .list-params__value {
        font-size: 14px;
    }
    .itemSliderTitle {
        font-size: 35px;
    }
    .itemSliderText .body_text {
        margin-top: 25px;
    }
    .itemSliderRight {
        min-width: auto;
        width: 100%;
    }
    #three-advs {
        margin-top: 10px;
    }
    #roomCtaBackgroundLayer {
        display: none;
    }
    #cta {
        margin-top: 0;
        height: auto !important;
        padding-top: 0!important;
    }
    .ctaLeft {
        width: 100%;
    }
    .ctaCenter, .ctaRight {
        width: 100%;
    }
    .ctaController {
        width: calc(100% + 20px);
    }
    .sliderArrow {
        width: 40px !important;
        height: 40px !important;
    }
    .smallTitle {
        font-size: 16px;
    }
    .halfMargin {
        margin-top: 40px;
    }
    #hiroyasuKosuge {
        margin-top: 90px;
    }
    #kosugeComposition {
        display: flex;
        flex-direction: column;
    }
    #kosugeComposition ._1 {
        top: -7vw;
        right: 1vw;
        width: 30.834vw;
    }
    #kosugeComposition ._2 {
        position: absolute !important;
        left: calc(60% - 25px);
        width: 40%;
        top: 8vw;
        order: 1;
    }
    #kosugeComposition ._3 {
        order: 3;
        top: 0;
        left: 0;
        align-self: flex-end;
        width: 60%;
        margin-top: 40px;
    }
    #kosugeComposition ._4 {
        order: 5;
        width: 100%;
        top: 0;
        left: 0;
        margin-top: 40px;
    }
    #kosugeComposition ._5 {
        top: 0;
        left: 2.5vw;
    }
    #kosugeComposition ._6 {
        width: 59.834vw;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 14vw;
    }
    #hiroyasuKosuge .titledPicture {
        height: 690px;
    }
    #hiroyasuKosuge .home.paragraph {
        margin-top: 40px;
    }
    #hiroyasuKosuge .discover {
        top: 0;
        align-self: center;
        margin-top: 40px;
    }
    #kosugeComposition ._6 .discover {
        align-self: flex-end;
        margin-right: 15px;
    }
    #kosugeComposition ._7 {
        order: 7;
        width: calc(100% - 40px);
        left: 45px;
        margin-top: 40px;
        top: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    #filters {
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }
    #filters .titledPicture {
        display: none;
    }
    #filters ._2 {
        bottom: auto;
        right: auto;
        position: relative;
        order: 3;
        width: calc(100% - 30px);
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }
    #filters .air_treatment .col_4 > span {
        font-size: 15px;
        text-align: center;
        line-height: 1.3;
    }
    #filters .air_treatment .col_4 > h3 {
        text-align: center;
    }
    #filters ._1 {
        position: relative;
        bottom: auto;
        order: 0;
        width: 100%;
        height: auto;
        right: auto;
        padding-top: 0;
    }
    #filters .air_treatment {
        width: 100%;
        position: relative;
        order: 1;
        flex-direction: row;
        justify-content: center;
        top: auto;
        transform: none;
        left: auto;
        margin-top: 30px;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    #three-advs .advantages-icons {
        width: 100%;
        position: relative;
        flex-direction: row;
        justify-content: center;
        margin-top: 30px;
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 0;
    }
    #three-advs > .advantages-icons > div {
        min-height: auto;
        height: auto;
        justify-content: center;
        align-items: center;
        align-content: center;
        width: calc(50% - 65px);
        padding: 25px;
    }
    #bluevolution .bodyComposition .centerContainer {
        width: 100%;
        order: 0;
    }
    #bluevolution .bg {
        top: -3vw;
        width: 90vw;
        height: 90%;
    }
    #bluevolution .mainContainer {
        display: flex;
        flex-direction: column;
    }
    .video-element {
        margin-bottom: 30px;
    }
    #bluevolution .bodyComposition ._3 .right {
        margin-top: 30px;
    }
    #bluevolution .compositionBiggerText p {
        font-size: 18px;
    }
    #bluevolution .text {
        margin-top: 35px;
        padding-right: 30px;
    }
    #bluevolution .block._1 > .left.w50 {
        width: 50%;
    }
    .compositionBiggerText {
        max-width: 350px;
    }
    #bluevolution h2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #noise .mainContainer {
        width: 100%;
    }
    .titledPicture {
        margin-top: 0;
    }
    #noise .left {
        display: none;
    }
    .partnerIco {
        width: 50%;
        display: flex;
        justify-content: center;
        height: 120px;
        align-items: center;
    }
    #filters ._1 .t_container .text {
        padding: 7vw;
    }
    .partnerIco img {
        max-width: 100px;
    }
    .sectionTitle {
        margin-top: 100px;
        font-size: 40px;
        text-align: center;
        line-height: 33px;
        min-height: 100px;
    }
    .sectionPic {
        width: calc(100% - 45px);
    }
    .pic.big.leftMargin {
        left: 0;
        position: relative;
    }
    .centerContainer {
        width: calc(100% - 45px);
    }
    .bodyComposition .centerContainer {
        padding-top: 0;
        display: flex;
        flex-direction: column;
    }
    .bigMargin {
        margin-top: 120px;
    }
    .pic.big.nTop {
        top: -50px;
    }
    #bluevolution .pic.big {
        width: 43.7vw;
        right: 2vw;
    }
    .bodyComposition ._1 {
        order: 1;
    }
    .bodyComposition ._4 {
        order: 2;
        margin-left: -22px;
        width: calc(100%+ 44px);
    }
    .bodyComposition ._2 {
        order: 3;
        width: calc(100% + 22px);
        margin-top: 40px;
    }
    .bodyComposition ._3 {
        order: 4;
    }
    #bluevolution .block._3 {
        margin-top: 0;
    }
    .bodyComposition ._3 .right {
        order: 0;
        display: flex;
        justify-content: flex-end;
    }
    .bodyComposition ._3 .left {
        order: 0;
    }
    .pic.in {
        margin: 0;
        margin-top: 40px;
    }
    .left .verticalBodyLine {
        left: 20px;
    }
    .right .verticalBodyLine {
        display: none;
    }
    .compositionSmallText {
        margin-top: 50px;
        margin-left: 45px;
    }
    .pic.long {
        width: 75%;
    }
    .left .pic.long {
        bottom: calc(-41vw - 60px);
        left: 24px;
    }
    .right .pic.long {
        bottom: calc(-41vw - 60px);
        right: 24px;
    }
    .bodyComposition .right .compositionSmallText {
        margin-left: 0px;
        margin-right: 50px;
    }
    .gallery {
        height: 65vw;
        width: 100%;
    }
    .smallMargin {
        margin-top: 5px;
    }
    .sliderCounter {
        display: none;
    }
    #instructions {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .sect-title-bold h2 {
        font-size: 35px;
    }
    .sect-title-bold {
        padding-left: 15px;
    }
    .compositionTitle .rotatedTitle {
        top: 0;
        transform: none;
        position: relative;
        left: 0;
    }
    .compositionColumns {
        margin-top: 40px;
    }
    .compositionColumns .col._1, .compositionColumns .col._3 {
        width: 100% !important;
    }
    .col._1 .colPic, .col._3 .colPic {
        width: 60%;
    }
    .colDescription {
        width: calc(100% - 45px);
        margin: auto;
        margin-top: 40px;
    }
    .compositionColumns .col._2 .colPic {
        order: 0;
        margin-top: 0;
    }
    .compositionColumns .col._2 .colDescription {
        order: 1;
        text-align: right;
    }
    .colLine {
        height: 85px;
    }
    .col._1 .colLine {
        top: -100px;
        left: 0;
    }
    .compositionColumns .col._2 {
        width: calc(100% - 45px);
        margin: auto;
        margin-top: 40px;
        left: 0;
    }
    .col._2 .colLine {
        right: 50%;
        top: -100px;
    }
    .compositionColumns .col._3 {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .col._3 .colLine {
        top: -100px;
        right: 15px;
        left: auto;
    }
    .compositionColumns .col._3 .colDescription {
        text-align: right;
    }
    .compositionColumns .col._3 .colPic {
        margin-right: 22px;
    }
    .centerPics {
        height: 56vw;
        width: 100%;
        z-index: 1;
    }
    .menuSection .left {
        width: calc(100% - 45px);
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .menuSection .discover {
        position: relative;
        right: 0;
        bottom: 0;
        align-self: flex-end;
        margin-top: 110px;
        margin-right: 22px;
    }
    .discover.line.rotated:before {
        bottom: -15px;
        right: -34px;
        transform: rotateZ(-90deg);
        left: auto;
        width: 50px;
    }
    #airflow .centerContainer {
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
    }
    #says-for-itself {
        margin-top: 40px;
    }
    #says-for-itself .text {
        margin-top: 30px;
    }
    #airflow .text {
        margin-top: 0;
    }
    #airflow .colDescription .text {
        margin-top: 15px;
    }
    #airflow .text.big p {
        font-size: 18px;
    }
    #airflow .compositionColumns .col._1.eye {
        margin-left: 0;
    }
    .menuSection .right {
        margin-top: 40px;
    }
    .menuBlockContainer {
        width: calc(100% - 45px);
        padding: 7vw;
    }
    .menuBlock {
        margin-right: 0;
    }
    .horizontalPictures {
        bottom: -5.5vw;
    }
    .horizontalPictures .pic._1, .horizontalPictures .pic._2 {
        width: 35%;
    }
    .horizontalPictures .pic._2 {
        margin-left: 15px;
    }
    .where-buy {
        height: 300px;
    }
    .where-buy .left {
        width: 100%;
    }
    .where-buy .right {
        flex: 1;
        height: 100%;
    }
    .plusButton {
        width: 45px;
        height: 45px;
    }
    .where-buy .plusButton {
        margin-top: 60px;
    }
    .ctaBlock {
        width: calc(100% - 30px);
        margin: auto;
        padding: 22px;
        margin-top: -15px;
    }
    .ctaInner {
        padding: 0 22 45px 22px;
    }
    .ctaInner .left {
        width: 100%;
        height: 240px;
    }
    .ctaInner .center {
        width: 90px;
    }
    .where-buy .mainContainer {
        padding: 22.5px;
        padding-bottom: 50px;
    }
    .footerButtons {
        width: calc(50% - 10px);
        font-size: 14px;
    }
    .footerButtons a {
        font-size: 16px;
    }
    .footerRow {
        align-items: flex-start;
    }
    .footerRow .dot {
        display: none;
    }
    .macroList {
        display: flex;
        flex-direction: column;
    }
    .macroList div {
        padding: 5px 0;
        white-space: nowrap;
    }
    .footerBottomBar {
        height: 5px;
        width: 100% !important;
    }
    .bottomBlock {
        margin-left: 0;
        margin-top: 40px;
    }
    #footerCopy {
        max-width: calc(100% - 45px);
    }
    #blocksComposition .col._2 {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 100% !important;
    }
    #blocksComposition .col._2 .colDescription {
        text-align: right;
    }
    #blocksComposition .col._2 .colLine {
        top: -100px;
        right: 15px;
        left: auto;
    }
    #blocksComposition .col._2 .colPic {
        margin-right: 22px;
        width: 75%;
    }
    #blocksComposition .col._3 .colPic {
        order: 0;
        margin-top: 0;
        width: 100%;
        margin-right: 0;
    }
    .c-btn {
        font-size: 17px;
        max-width: 260px;
        line-height: 50px;
    }
    #blocksComposition .col._3 .colDescription {
        order: 1;
        text-align: center;
    }
    #blocksComposition .col._3 {
        width: 100% !important;
        margin: auto;
        margin-top: 40px;
        left: 0;
    }
    #blocksComposition .col._3 .colLine {
        right: 50%;
        top: -100px;
    }
    #three-advs .sect-title-bold p {
        padding-left: 0;
        font-size: 18px;
        line-height: 1.3;
    }
    #three-advs .sect-title-bold h2 {
        font-size: 35px;
    }
    #three-advs .sect-title-bold {
        padding: 0;
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
    }
    #three-advs .third > span {
        font-size: 15px;
    }
    #design-awards > div .resSectionTitle {
        text-align: left;
    }
    #filters ._1 .t_container .text h2, #noise .text h2 {
        font-size: 38px;
    }
    #filters ._1 .t_container .text h3, #noise .text h3 {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .sliderArrows {
        top: 45%;
    }
    #please-the-eye ._line .block > .right_line {
        padding-right: 90px;
    }
    .doubleColDescription {
        column-count: 1;
    }
    .doubleColDescription p {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 1.3;
    }
    .listTextContainer.outdoor {
        padding: 0;
    }
    .listBackground_outdoor {
        width: 100%;
    }
    #heatpump_outdoor .sectionPay.big {
        font-size: 35px;
        position: relative;
        top: auto;
        left: auto;
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
    }
    .listPic_outdoor {
        width: 100%;
    }
    .listTextContainer.outdoor .text p {
        font-size: 18px;
    }
    #heatpump_outdoor .listTitle {
        margin-bottom: 20px;
        color: #fff;
        margin-top: 0;
        font-size: 15px;
        text-align: right;
    }
    #heatpump_outdoor .mainContainer .right {
        order: 0;
    }
    #heatpump_outdoor .mainContainer .left {
        order: 1;
    }
    #please-the-eye .textBox .text p {
        font-size: 18px;
        line-height: 1.3;
    }
    #onecta-app h2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #onecta-app .text {
        margin-top: 0;
    }
    .counter {
        display: none;
    }
    .servicesList {
        width: calc(100% - 45px);
        margin: auto;
    }
    .servicesList p {
        line-height: 30px;
    }
    .boxTitle .rotatedTitle {
        transform: none;
        position: relative;
        top: 0;
        width: auto;
        height: auto;
    }
    #images .gallery {
        order: 2;
        height: calc(100vh - 270px);
    }
    #images .galleryContainer {
        display: flex;
        flex-direction: column;
    }
    #images .sliderCounter {
        order: 1;
        position: absolute;
        top: 0;
        right: 15px;
        left: auto;
        align-self: flex-end;
        margin-right: 15px;
        bottom: 20px;
    }
    #images .sliderTitleContainer {
        order: 0;
        position: relative;
        height: auto;
        width: 100%;
        justify-content: flex-start;
        padding-bottom: 15px;
        margin-left: 15px;
        right: auto;
    }
    #images .sliderTitle {
        transform: none;
    }
    #images .galleryContainer .bar {
        order: 3;
    }
    #images section._1 {
        margin-top: 15px;
    }
    /******* NAV ************/
    #optionsGrid {
        height: calc(100% - 60px);
        top: 60px;
    }
    .navMacro {
        font-size: 14px;
        width: 100%;
        margin-bottom: 5px;
    }
    .navRow {
        min-height: 45px;
        width: 100%;
        flex-wrap: wrap;
        padding-bottom: 18px;
        padding-top: 15px;
    }
    .navButtons a {
        font-size: 15px;
        margin-left: 9px;
    }
    .smallRow {
        min-height: 20px;
    }
    .designComposition .block._1 .pic.long {
        width: 100%;
    }
    .designComposition .block._1 .right {display: none}
    .designComposition .block._2 {
        margin-top: 0;
    }
    .designComposition .block._2 .left {
        order: 1;
        margin-top: 90px;
    }
    .designComposition .block._2 .right {
        order: 0;
    }
    .designComposition .block._2 .pic._1 {
        left: 30px;
    }
    .designComposition .block._3 {
        margin-top: 0;
    }
    .designComposition .block._3 .left {
        margin-top: 40px;
    }
    .designComposition .block._4 {
        margin-top: 40vw;
    }
    .designComposition .block._5 .pic.long {
        width: calc(100% - 80px);
    }
    .designComposition .block._5 {
        margin-top: 14.5vw;
    }
    .designComposition .block._5 .right {
        margin-top: 40px;
    }
    .designComposition .block._6.storyComposition .storyContainer {
        order: 1;
    }
    .designComposition .block._6.storyComposition .centerContainer {
        order: 0;
    }
    .designComposition .block._6.storyComposition .bar {
        order: 2;
        margin-top: 40px;
    }
    .designComposition .block._6.storyComposition .storyPics {
        order: 1;
        position: absolute;
        top: -50px;
    }
    .designComposition .block._6.storyComposition .storyPic1Container {
        top: 0;
        left: -15px;
        border-right: 8px solid white;
    }
    .designComposition .block._7 .right .pic {
        position: absolute;
        width: 16vw;
        left: 7.5vw;
        bottom: -13vw;
    }
    .designComposition .block._7 {
        margin-top: 0;
    }
    .designComposition .block._7 .right {
        margin-top: 40px;
    }
    .designComposition .block._7 .right .pic {
        right: 60px;
        bottom: -30vw;
        left: auto;
    }
    .designComposition .block._9 .right {
        margin-top: 0px;
    }
    .designComposition .block._9 .left {
        margin-top: 20px;
    }
    .ctaBlock {
        margin-top: 40px;
        box-sizing: border-box;
        padding: 0;
        width: 100%;
    }
    .ctaBlock .centerContainer {
        padding: 25px;
        box-sizing: border-box;
        width: 100%;
    }
    .ctaTitle {
        width: 240px;
    }
    .listBackground {
        width: 100%;
        top: 20vw;
        height: calc(100% - 20vw);
    }
    .listPic {
        width: 100%;
    }
    .listContainer .listTitle {
        margin-top: 40px;
    }
    .backgroundPay {
        padding-left: 30px;
        padding-right: 30px;
    }
    .listContainer.right .left {
        order: 0;
    }
    .serviceContainer {
        margin-top: 60px;
    }
    .where-buy {
        height: 560px;
    }
    #bluevolution {
        margin-top: 20vw;
    }
    .where-buy .title > span {
        font-size: 28px;
    }
    .listContainer .ballButton {
        width: 90px;
        height: 90px;
        min-width: 90px;
        position: relative;
        min-height: 90px;
        margin-left: 20px;
    }
    .sectionPic.top_translated {
        opacity: 0;
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
    }
    .show .sectionPic.top_translated, .show.sectionPic.top_translated {
        opacity: 1;
    }
    .sectionPic.has_transition_3000 {
        -webkit-transition: -webkit-transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    .low-line > span > span.underline::after {
        bottom: 9px;
        height: 3px;
        right: -45px;
        width: 35px;
    }
    #please-the-eye ._line .block > .right_line > .underline::after {
        bottom: 9px;
        right: -55px;
        height: 4px;
        width: 45px;
    }
    #navPanel {
        padding: 20px 0;
    }
    .overlay_close {
        top: -75px;
        right: 0px;
    }
    #filters .air_treatment .col_4 {
        min-height: auto;
        height: auto;
        justify-content: center;
        align-items: center;
        align-content: center;
        width: calc(50% - 65px);
        padding: 25px;
    }
}
@media only screen and (max-width:767px) {
    #advantages-pictos-2 > div .half {
        width: 50%;
    }
    #bluevolution .block._1 > left.w50 {
        width: 100%;
    }
    .w45, .w50, .w55, .limited, #bluevolution .block._1 > .left.w50 {
        width: 100%;
    }
    .logos .half {
        text-align: center;
    }
    #design-awards .logos img {
        width: 140px;
    }
    #please-the-eye h2 {
        font-size: 38px;
    }
    #please-the-eye .textBox {
        width: 100%;
        right: auto;
        position: relative;
        top: auto;
        margin-top: 30px;
    }
    #remote.bigMargin {
        margin-top: 170px;
    }
    #remote .pic.small {
        width: 100%;
        position: relative;
    }
    #remote .pic.big {
        display: none;
    }
    #remote .bg {
        height: 90%;
        width: 90vw;
    }
    .qrs img {
        width: 160px;
        height: 48px;
    }
    .qrs {
        justify-content: center;
        align-items: center;
        align-content: center;
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .blue_title {
        font-size: 35px;
    }
    #remote .centerContainer.small {
        width: 100%;
    }
    #remote .bodyComposition ._2 {
        order: 3;
        width: 100%;
        margin-top: 10px;
    }
    .centerContainer.medium {
        width: 100%;
    }
    .topLine {
        display: none;
    }
    .low-line {
        font-size: 34px;
    }
    .text p, .text ul li {
        font-size: 18px;
    }
    .designComposition .block._6.storyComposition .centerContainer {
        margin: 0;
        width: 100%;
    }
    .designComposition .block._6 {
        margin-top: 0;
    }
    #design-awards > .sectionTitleLeft {
        width: calc(100% - 30px);
    }
    #design-awards > div .resSectionTitle span {
        font-size: 38px;
    }
    #kosugeComposition ._5 .title {
        font-size: 45px;
        line-height: 1;
        text-align: center;
    }
    #kosugeComposition ._6 img {
        max-width: 240px;
    }
    #coverStory h1 {
        font-size: 40px;
        color: inherit;
        margin-right: 0;
        text-align: center;
        line-height: 41px;
    }
    [data-scroll-mobile-disabled] {
        transform: none !important;
    }
    body {
        overflow-y: scroll;
    }
    header {
        height: 60px;
    }
    .phone {
        margin-left: 20px;
        margin-top: -11px;
    }
    .verticalPictures .picture {
        width: 100%;
    }
    #barLogo {
        width: 100px;
        height: 36px;
        position: absolute;
        left: 50%;
        margin-left: -60px;
        top: 12px;
    }
    #barLogo svg {
        margin-top: -39px;
    }
    .optionsController .line._2 {
        height: 1px;
        width: 64px;
        margin-left: -12px;
    }
    #barLeftGroup {
        display: flex;
        align-items: center;
    }
    .homeTop {
        height: auto;
    }
    .homeTop .mainContainer {
        width: 100%;
    }
    #topContent {
        height: auto;
        width: 100%;
        top: 0;
        margin-top: 60px;
    }
    #mainLogo {
        display: none;
    }
    #coverVideo {
        height: 375px;
        width: 100%;
        left: 0;
        min-width: 100%;
    }
    #coverStory {
        width: 100%;
    }
    #coverLayer {
        position: relative;
        bottom: 0;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .bar {
        height: 6px;
        width: calc(100% - 30px);
    }
    #coverBar {
        position: relative;
        bottom: 0;
    }
    .mainContainer {
        width: calc(100% - 30px);
    }
    .home.paragraph {
        text-align: center;
    }
    .margin {
        margin-top: 30px;
    }
    .doubleMargin {
        margin-top: 50px;
    }
    .tripleMargin, .quadMargin {
        margin-top: 60px;
    }
    .discoverArrow {
        margin-left: 15px;
    }
    .home.paragraph .discover {
        align-self: flex-end;
        position: relative;
        top: 23vw;
    }
    .discover {
        font-size: 15px;
    }
    .mobColumn {
        flex-direction: column;
    }
    .shiftedText {
        margin-left: 0;
        align-self: flex-end;
    }
    .bigTextLayer {
        font-size: 45px;
        margin: 30px 0 30px 0
    }
    .ctaButton, .ctaDot {
        font-size: 25px;
        font-weight: 500;
    }
    .ctaButtonsContainer {
        width: 100%;
    }
    .ctaTitles {
        display: none;
    }
    #cta .mainContainer {
        display: flex;
        height: auto;
        width: 100%;
    }
    #cta .ctaLeft {
        order: 0;
    }
    #cta .ctaArrows svg path {
        fill: #FFFFFF;
    }
    #cta .ctaArrows {
        order: 1;
        position: relative;
        padding: 0 15px;
        height: auto;
        top: -20px;
    }
    #cta .ctaArrows .right {
        margin-right: 0;
    }
    #cta .ctaArrows .left {
        margin-left: 0;
    }
    #cta .ctaCenter {
        order: 0;
        height: 75vw;
    }
    #cta .ctaRight {
        order: 3;
        padding: 30px 20px;
        background: #f0ebe8;
        align-items: center;
    }
    .itemSliderSubTitle {
        font-size: 25px;
    }
    .ctaDescription {
        width: 100%;
    }
    .list-params__lab, .list-params__value {
        font-size: 14px;
    }
    .itemSliderTitle {
        font-size: 35px;
    }
    .itemSliderText .body_text {
        margin-top: 25px;
    }
    .itemSliderRight {
        min-width: auto;
        width: 100%;
    }
    #roomCtaBackgroundLayer {
        display: none;
    }
    #cta {
        margin-top: 0;
        height: auto !important;
        padding-top: 0!important;
    }
    .ctaLeft {
        width: 100%;
    }
    .ctaCenter, .ctaRight {
        width: 100%;
    }
    .ctaController {
        width: calc(100%+ 20px);
    }
    .sliderArrow {
        width: 40px !important;
        height: 40px !important;
    }
    .smallTitle {
        font-size: 16px;
    }
    .halfMargin {
        margin-top: 40px;
    }
    #hiroyasuKosuge {
        margin-top: 110px;
    }
    #kosugeComposition {
        display: flex;
        flex-direction: column;
        height: auto;
    }
    #kosugeComposition > div {
        position: relative !important;
    }
    #kosugeComposition ._1 {
        left: 0;
        width: 65vw;
        order: 0;
        top: -15vw;
    }
    #kosugeComposition ._2 {
        position: absolute !important;
        left: calc(60% - 25px);
        width: 40%;
        top: 8vw;
        order: 1;
    }
    #kosugeComposition ._3 {
        order: 3;
        top: 0;
        left: 0;
        align-self: flex-end;
        width: 60%;
        margin-top: 40px;
    }
    #kosugeComposition ._4 {
        order: 5;
        width: 100%;
        top: 0;
        left: 0;
        margin-top: 40px;
    }
    #kosugeComposition ._5 {
        order: 2;
        width: 100%;
        left: 0;
        top: -6vw;
        margin-top: 0;
    }
    #kosugeComposition ._6 {
        order: 4;
        width: 100%;
        left: auto;
        margin-top: 40px;
        top: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    #filters {
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }
    #filters .titledPicture {
        display: none;
    }
    #filters ._2 {
        bottom: auto;
        right: auto;
        position: relative;
        order: 3;
        width: calc(100% - 30px);
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }
    #filters .air_treatment .col_4 > span {
        font-size: 15px;
        text-align: center;
        line-height: 1.3;
    }
    #filters .air_treatment .col_4 > h3 {
        text-align: center;
    }
    #filters ._1 {
        position: relative;
        bottom: auto;
        order: 0;
        width: 100%;
        height: auto;
        right: auto;
        padding-top: 0;
    }
   #bluevolution .pic.big {
        position: relative;
        width: 100%;
        right: auto;
        top: auto;
        order: 1;
        margin-top: 30px;
    }
    #bluevolution .bodyComposition .centerContainer {
        width: 100%;
        order: 0;
    }
    #bluevolution .bg {
        top: -3vw;
        width: 90vw;
        height: 90%;
    }
    #bluevolution .mainContainer {
        display: flex;
        flex-direction: column;
    }
    .video-element {
        margin-bottom: 30px;
    }

    #bluevolution .compositionBiggerText p {
        font-size: 18px;
    }
    #kosugeComposition ._6 .discover {
        align-self: flex-end;
        margin-right: 15px;
    }
    #bluevolution .text {
        margin-top: 0;
        width:100%;
        max-width: 100%;
    }
    #bluevolution h2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #noise .mainContainer {
        width: 100%;
    }
    #kosugeComposition ._7 {
        order: 7;
        width: calc(100% - 40px);
        left: 45px;
        margin-top: 40px;
        top: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .titledPicture {
        margin-top: 0;
    }
    #hiroyasuKosuge .titledPicture {
        height: 855px;
    }
    #hiroyasuKosuge .home.paragraph {
        margin-top: 40px;
    }
    #hiroyasuKosuge .discover {
        top: 0;
        align-self: center;
        margin-top: 40px;
    }
    #noise .left {
        display: none;
    }
    .partnerIco {
        width: 50%;
        display: flex;
        justify-content: center;
        height: 120px;
        align-items: center;
    }
    #filters ._1 .t_container .text {
        padding: 7vw;
    }
    .partnerIco img {
        max-width: 100px;
    }
    .sectionTitle {
        margin-top: 100px;
        font-size: 40px;
        text-align: center;
        line-height: 33px;
        min-height: 100px;
    }
    .sectionPic {
        width: calc(100% - 45px);
    }
    .pic.big.leftMargin {
        left: 0;
        position: relative;
    }
    .centerContainer {
        width: calc(100% - 45px);
    }
    .bodyComposition .centerContainer {
        padding-top: 0;
        display: flex;
        flex-direction: column;
    }
    .bigMargin {
        margin-top: 120px;
    }
    .pic.big.nTop {
        top: -50px;
    }
    .bodyComposition .block {
        flex-direction: column;
    }
    .bodyComposition ._1 {
        order: 1;
    }
    .bodyComposition ._4 {
        order: 2;
        margin-left: -22px;
        width: calc(100%+ 44px);
    }
    .bodyComposition ._2 {
        order: 3;
        width: calc(100% + 22px);
        margin-top: 40px;
    }
    .bodyComposition ._3 {
        order: 4;
    }
    #bluevolution .block._3 {
        margin-top: 0;
    }
    .bodyComposition ._3 .right {
        order: 0;
        display: flex;
        justify-content: flex-end;
    }
    .bodyComposition ._3 .left {
        order: 0;
    }
    .pic.in {
        margin: 0;
        margin-top: -20px;
    }
    #bluevolution .pic.in {
    max-width: 100%;
        width:100%;
        margin-top:0;
}
    .left .verticalBodyLine {
        left: 20px;
    }
    .right .verticalBodyLine {
        display: none;
    }
    .compositionSmallText {
        margin-top: 50px;
        margin-left: 45px;
    }
    .pic.long {
        width: 75%;
    }
    .left .pic.long {
        bottom: calc(-41vw - 60px);
        left: 24px;
    }
    .right .pic.long {
        bottom: calc(-41vw - 60px);
        right: 24px;
    }
    .bodyComposition .right .compositionSmallText {
        margin-left: 0px;
        margin-right: 50px;
    }
    .gallery {
        height: 65vw;
        width: 100%;
    }
    .smallMargin {
        margin-top: 5px;
    }
    .sliderCounter {
        display: none;
    }
    #instructions {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    #instructions .half {
        width: 100%;
        margin-bottom: 25px;
    }
    .sect-title-bold h2 {
        font-size: 35px;
    }
    #instructions .sectionDoublePaddedContainer > div {
        flex-direction: column;
    }
    .sect-title-bold {
        padding-left: 15px;
    }
    .compositionTitle .rotatedTitle {
        top: 0;
        transform: none;
        position: relative;
        left: 0;
    }
    .compositionColumns {
        margin-top: 40px;
    }
    .compositionColumns .col._1, .compositionColumns .col._3 {
        width: 100% !important;
    }
    .col._1 .colPic, .col._3 .colPic {
        width: 75%;
    }
    .colDescription {
        width: calc(100% - 45px);
        margin: auto;
        margin-top: 40px;
    }
    .compositionColumns .col._2 .colPic {
        order: 0;
        margin-top: 0;
    }
    .compositionColumns .col._2 .colDescription {
        order: 1;
        text-align: right;
    }
    .colLine {
        height: 85px;
    }
    .col._1 .colLine {
        top: -100px;
        left: 0;
    }
    .compositionColumns .col._2 {
        width: calc(100% - 45px);
        margin: auto;
        margin-top: 40px;
        left: 0;
    }
    .col._2 .colLine {
        right: 50%;
        top: -100px;
    }
    .compositionColumns .col._3 {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .col._3 .colLine {
        top: -100px;
        right: 15px;
        left: auto;
    }
    .compositionColumns .col._3 .colDescription {
        text-align: right;
    }
    .compositionColumns .col._3 .colPic {
        margin-right: 22px;
    }
    .centerPics {
        height: 56vw;
        width: 100%;
        z-index: 1;
    }
    .menuSection .left {
        width: calc(100% - 45px);
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .menuSection .discover {
        position: relative;
        right: 0;
        bottom: 0;
        align-self: flex-end;
        margin-top: 110px;
        margin-right: 22px;
    }
    .discover.line.rotated:before {
        bottom: -15px;
        right: -34px;
        transform: rotateZ(-90deg);
        left: auto;
        width: 50px;
    }
    #airflow .centerContainer {
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
    }
    #says-for-itself {
        margin-top: 40px;
    }
    #says-for-itself .text {
        margin-top: 30px;
    }
    #airflow .text {
        margin-top: 0;
    }
    #airflow .colDescription .text {
        margin-top: 15px;
    }
    #airflow .text.big p {
        font-size: 18px;
    }
    #airflow .compositionColumns .col._1.eye {
        margin-left: 0;
    }
    .menuSection .right {
        margin-top: 40px;
    }
    .menuBlockContainer {
        width: calc(100% - 45px);
        padding: 7vw;
    }
    .menuBlock {
        margin-right: 0;
    }
    .horizontalPictures {
        bottom: -5.5vw;
    }
    .horizontalPictures .pic._1, .horizontalPictures .pic._2 {
        width: 35%;
    }
    .horizontalPictures .pic._2 {
        margin-left: 15px;
    }
    .where-buy {
        height: 300px;
    }
    .where-buy .left {
        width: 100%;
    }
    .where-buy .right {
        flex: 1;
        height: 100%;
    }
    .plusButton {
        width: 45px;
        height: 45px;
    }
    .where-buy .plusButton {
        margin-top: 60px;
    }
    .ctaBlock {
        width: calc(100% - 30px);
        margin: auto;
        padding: 22px;
        margin-top: -15px;
    }
    .ctaInner {
        padding: 0 22 45px 22px;
    }
    .ctaInner .left {
        width: 100%;
        height: 240px;
    }
    .ctaInner .center {
        width: 90px;
    }
    .where-buy .mainContainer {
        padding: 22.5px;
        padding-bottom: 50px;
    }
    .footerButtons {
        width: calc(50% - 10px);
        font-size: 14px;
    }
    .footerButtons a {
        font-size: 16px;
    }
    .footerRow {
        align-items: flex-start;
    }
    .footerRow .dot {
        display: none;
    }
    .macroList {
        display: flex;
        flex-direction: column;
    }
    .macroList div {
        padding: 5px 0;
        white-space: nowrap;
    }
    .footerBottomBar {
        height: 5px;
        width: 100% !important;
    }
    .bottomBlock {
        margin-left: 0;
        margin-top: 40px;
    }
    #footerCopy {
        max-width: calc(100% - 45px);
    }
    #blocksComposition .col._2 {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 100% !important;
    }
    #blocksComposition .col._2 .colDescription {
        text-align: right;
    }
    #blocksComposition .col._2 .colLine {
        top: -100px;
        right: 15px;
        left: auto;
    }
    #blocksComposition .col._2 .colPic {
        margin-right: 22px;
        width: 75%;
    }
    #blocksComposition .col._3 .colPic {
        order: 0;
        margin-top: 0;
        width: 100%;
        margin-right: 0;
    }
    .c-btn {
        font-size: 17px;
        max-width: 260px;
        line-height: 50px;
    }
    #blocksComposition .col._3 .colDescription {
        order: 1;
        text-align: center;
    }
    #blocksComposition .col._3 {
        width: 100% !important;
        margin: auto;
        margin-top: 40px;
        left: 0;
    }
    #blocksComposition .col._3 .colLine {
        right: 50%;
        top: -100px;
    }
    #three-advs .sect-title-bold p {
        padding-left: 0;
        font-size: 18px;
        line-height: 1.3;
    }
    #three-advs .sect-title-bold h2 {
        font-size: 35px;
    }
    #three-advs .sect-title-bold {
        padding: 0;
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
    }
    #three-advs .third > span {
        font-size: 15px;
    }
    #design-awards > div .resSectionTitle {
        text-align: left;
    }
    #filters ._1 .t_container .text h2, #noise .text h2 {
        font-size: 38px;
    }
    #filters ._1 .t_container .text h3, #noise .text h3 {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .sliderArrows {
        top: 45%;
    }
    #please-the-eye ._line .block > .right_line {
        padding-right: 90px;
    }
    .doubleColDescription {
        column-count: 1;
    }
    .doubleColDescription p {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 1.3;
    }
    .listTextContainer.outdoor {
        padding: 0;
    }
    .listBackground_outdoor {
        width: 100%;
    }
    #heatpump_outdoor .sectionPay.big {
        font-size: 35px;
        position: relative;
        top: auto;
        left: auto;
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
    }
    .listPic_outdoor {
        width: 100%;
    }
    .listTextContainer.outdoor .text p {
        font-size: 18px;
    }
    #heatpump_outdoor .listTitle {
        margin-bottom: 20px;
        color: #fff;
        margin-top: 0;
        font-size: 15px;
        text-align: right;
    }
    #heatpump_outdoor .mainContainer .right {
        order: 0;
    }
    #heatpump_outdoor .mainContainer .left {
        order: 1;
    }
    #please-the-eye .textBox .text p {
        font-size: 18px;
        line-height: 1.3;
    }
    #onecta-app h2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #onecta-app .text {
        margin-top: 0;
    }
    .counter {
        display: none;
    }
    .servicesList {
        width: calc(100% - 45px);
        margin: auto;
    }
    .servicesList p {
        line-height: 30px;
    }
    .boxTitle .rotatedTitle {
        transform: none;
        position: relative;
        top: 0;
        width: auto;
        height: auto;
    }
    #images .gallery {
        order: 2;
        height: calc(100vh - 270px);
    }
    #images .galleryContainer {
        display: flex;
        flex-direction: column;
    }
    #images .sliderCounter {
        order: 1;
        position: absolute;
        top: 0;
        right: 15px;
        left: auto;
        align-self: flex-end;
        margin-right: 15px;
        bottom: 20px;
    }
    #images .sliderTitleContainer {
        order: 0;
        position: relative;
        height: auto;
        width: 100%;
        justify-content: flex-start;
        padding-bottom: 15px;
        margin-left: 15px;
        right: auto;
    }
    #images .sliderTitle {
        transform: none;
    }
    #images .galleryContainer .bar {
        order: 3;
    }
    #images section._1 {
        margin-top: 15px;
    }
    /******* NAV ************/
    #optionsGrid {
        height: calc(100% - 60px);
        top: 60px;
    }
    .navMacro {
        font-size: 14px;
        width: 100%;
        margin-bottom: 5px;
    }
    .navRow {
        min-height: 45px;
        width: 100%;
        flex-wrap: wrap;
        padding-bottom: 18px;
        padding-top: 15px;
    }
    .navButtons a {
        font-size: 15px;
        margin-left: 9px;
    }
    .smallRow {
        min-height: 20px;
    }
    .designComposition .block._1 .pic.long {
        width: 100%;
    }
    .designComposition .block._1 .right {}
    .designComposition .block._2 {
        margin-top: 0;
    }
    .designComposition .block._2 .left {
        order: 1;
        margin-top: 90px;
    }
    .designComposition .block._2 .right {
        order: 0;
    }
    .designComposition .block._2 .pic._1 {
        left: 30px;
    }
    .designComposition .block._3 {
        margin-top: 0;
    }
    .designComposition .block._3 .left {
        margin-top: 40px;
    }
    .designComposition .block._4 {
        margin-top: 40vw;
    }
    .designComposition .block._5 .pic.long {
        width: calc(100% - 80px);
    }
    .designComposition .block._5 {
        margin-top: 14.5vw;
    }
    .designComposition .block._5 .right {
        margin-top: 40px;
    }
    .designComposition .block._6.storyComposition .storyContainer {
        order: 1;
    }
    .designComposition .block._6.storyComposition .centerContainer {
        order: 0;
    }
    .designComposition .block._6.storyComposition .bar {
        order: 2;
        margin-top: 40px;
    }
    .designComposition .block._6.storyComposition .storyPics {
        order: 1;
        position: absolute;
        top: -50px;
    }
    .designComposition .block._6.storyComposition .storyPic1Container {
        top: 0;
        left: -15px;
        border-right: 8px solid white;
    }
    .designComposition .block._7 .right .pic {
        position: absolute;
        width: 16vw;
        left: 7.5vw;
        bottom: -13vw;
    }
    .designComposition .block._7 {
        margin-top: 0;
    }
    .designComposition .block._7 .right {
        margin-top: 40px;
    }
    .designComposition .block._7 .right .pic {
        right: 60px;
        bottom: -30vw;
        left: auto;
    }
    .designComposition .block._9 .right {
        margin-top: 0px;
    }
    .designComposition .block._9 .left {
        margin-top: 20px;
    }
    .ctaBlock {
        margin-top: 40px;
        box-sizing: border-box;
        padding: 0;
        width: 100%;
    }
    .ctaBlock .centerContainer {
        padding: 25px;
        box-sizing: border-box;
        width: 100%;
    }
    .ctaTitle {
        width: 240px;
    }
    .listBackground {
        width: 100%;
        top: 20vw;
        height: calc(100% - 20vw);
    }
    .listPic {
        width: 100%;
    }
    .listContainer .listTitle {
        margin-top: 40px;
    }
    .backgroundPay {
        padding-left: 30px;
        padding-right: 30px;
    }
    .listContainer.right .left {
        order: 0;
    }
    .serviceContainer {
        margin-top: 60px;
    }
    .where-buy {
        height: 560px;
    }
    #bluevolution {
        margin-top: 20vw;
    }
    .where-buy .title > span {
        font-size: 28px;
    }
    .listContainer .ballButton {
        width: 90px;
        height: 90px;
        min-width: 90px;
        position: relative;
        min-height: 90px;
        margin-left: 20px;
    }
    .sectionPic.top_translated {
        opacity: 0;
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
    }
    .show .sectionPic.top_translated, .show.sectionPic.top_translated {
        opacity: 1;
    }
    .sectionPic.has_transition_3000 {
        -webkit-transition: -webkit-transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    .low-line > span > span.underline::after {
        bottom: 9px;
        height: 3px;
        right: -45px;
        width: 35px;
    }
    #please-the-eye ._line .block > .right_line > .underline::after {
        bottom: 9px;
        right: -55px;
        height: 4px;
        width: 45px;
    }
    #navPanel {
        padding: 20px 0;
    }
    .overlay_close {
        top: -75px;
        right: 0px;
    }
}
@media only screen and (max-width:575px) {
    #three-advs .third > span {
        font-size: 16px;
        line-height: 1.3;
    }
    .compositionColumns .colDescription {
        font-size: 20px;
    }
    #advantages-pictos-2 > div .half {
        width: 100%;
    }
    #three-advs > .advantages-icons > div, #filters .air_treatment .col_4 {
        width: 100%;
    }
    #three-advs .advantages-icons, #filters .air_treatment {
        padding: 0;
    }
    .c-btn {
        font-size: 15px;
        max-width: 240px;
    }
    #three-advs > .advantages-icons > div {
        margin-bottom: 30px;
    }
    #filters .air_treatment .col_4 > span {
        font-size: 16px;
        line-height: 1.3;
    }
    #filters .air_treatment .col_4 > h3 {
        font-size: 23px;
        margin-bottom: 30px;
    }
    .compositionBiggerText {
        max-width: 100%;
    }
    .where-buy h2 {
        font-size: 50px;
    }
}
@media only screen and (max-width:420px) {}
@media all and (max-width:375px) {}