@media only screen and (max-width: 1600px) {
    #sectionName {
        font-size: 60px;
    }
    .pult {
        bottom: -6vw;
    }
    #sectionTitlePay p {
        font-size: 26px;
    }
    #advantages-pictos .half div > span, #advantages-pictos-2 > div .half > div > span {
        font-size: 13px;
    }
    .sectionBigTypo.white span:first-child {
        font-size: 40px;
    }
    .sectionBigTypo span {
        font-size: 23px;
    }
    #three-advs .third > span {
        font-size: 14px;
    }
    .resSectionTitle {
        font-size: 45px;
    }
    #scrollDown {
        height: 120px;
    }
    .body_text p {
        font-size: 18px;
    }
    #advantages-pictos .half h3, #advantages-pictos-2 > div .half > div > h3 {
        font-size: 14px;
    }
    #tech_interface .right_panel .tech_table {
        font-size: 13px;
        overflow: scroll;
        margin-top: 95px;
        max-width: 90%;
    }
    .roleTitle {
        font-size: 45px;
    }
    .itemSliderRight h2 {
        font-size: 30px;
    }
    #modelsLineup .itemSliderSubTitle {
        font-size: 21px;
    }
    .ctaName {
        font-size: 60px;
    }
    .ctaLine {
        margin-top: 30px;
        margin-left: 180px;
    }
    .ctaTitlePay {
        margin-left: 120px;
    }
    .three-controls h3 {
        font-size: 25px;
    }
    #bluevolution > div:first-child {
        top: 10.7vw;
    }
    .sectionPaddedContainer {
        padding: 5.5vw;
    }
}
@media only screen and (max-width: 1440px) {
    #topLogoSensira {
        width: 125px;
    }
    #intro_text .sectionDoublePaddedContainer .body_text p {
        font-size: 16px;
    }
    .sectionBigTypo.white span:first-child {
        font-size: 35px;
    }
    .half.padded {
        padding: 6.5vw;
    }
    .overlay_layer .left_panel h2 {
        font-size: 20px;
    }
    .overlay_layer .left_panel h2 span {
        font-size: 27px;
    }
    #tech_interface.overlay_layer .left_panel h2 span {
        font-size: 28px;
        letter-spacing: 0.7px;
    }
    .resSectionTitle {
        font-size: 39px;
    }
    .pult {
        bottom: -1vw;
    }
    .sectionContent {
        padding-left: 5.5vw;
    }
    .sectionContentRight {
        margin-right: -11vw;
    }
    .roleDesc {
        margin-left: 45px;
    }
    .frameBorder {
        margin-right: 25px;
    }
    #bluevolution > div:first-child {
        top: 12vw;
        height: 60%;
    }
    .roleTitle {
        font-size: 45px;
    }
    .bluevolution:before {
        top: -53px;
        width: 200px;
    }
    #advantages-pictos .half div > span, #advantages-pictos-2 > div .half > div > span {
        font-size: 12px;
    }
    #advantages-pictos .half h3, #advantages-pictos-2 > div .half > div > h3 {
        font-size: 13px;
    }
    .body_text p {
        font-size: 16px;
    }
    .three-controls .third p {
        font-size: 14px;
    }
    .sectionMainTitle h3 {
        font-size: 47px;
    }
    #callBox {
        height: 391px;
    }
}
@media only screen and (max-width: 1390px) {
    .sectionBigTypo.white span:first-child {
        font-size: 30px;
    }
    #intro_text .sectionDoublePaddedContainer .body_text p {
        font-size: 14px;
    }
    #sectionName {
        font-size: 50px;
    }
    #sectionTitlePay p {
        font-size: 20px;
    }
    #scrollDown {
        height: 90px;
    }
    .sectionBigTypo span {
        font-size: 20px;
    }
    .pult {
        width: 220px;
    }
    .body_text p {
        font-size: 14px;
    }
    .resSectionTitle {
        font-size: 35px;
    }
    #advantages-pictos .half div > span, #advantages-pictos-2 > div .half > div > span {
        font-size: 11px;
    }
    .sectionMainTitle h3 {
        font-size: 40px;
    }
    .roleTitle {
        font-size: 40px;
    }
    #three-advs .third > span {
        font-size: 13px;
    }
    #tech_interface .right_panel .tech_table {
        font-size: 12px;
        max-width: 90%;
    }
    .sectionContainer {
        margin-left: 100px;
        width: calc(100% - 220px);
    }
    .centerTextContainer > img {
        max-width: 300px;
    }
}
@media only screen and (max-width: 1199px) {
    .overlay_layer .left_panel {
        display: none;
    }
    #intro_text .sectionDoublePaddedContainer {
        padding: 7vw;
    }
    #intro_text {
        padding-top: 10vw;
    }
    #three-advs .third > span {
        font-size: 13px;
    }
    .overlay_layer .right_panel {
        width: 100%;
    }
    .overlay_layer .right_panel #advantages-pictos-2 {
        overflow-y: scroll;
        padding: 25px 15px 20px 15px;
    }
    .overlay_close {
        top: 0;
        right: 0;
    }
    .sectionPaddedContainer {
        padding: 3vw;
    }
    #instructions .half {
        width: 50%;
    }
    .three-controls h3 {
        font-size: 20px;
    }
    #residential .roleDesc {
        margin-left: 0;
    }
    #residential {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    #residential .sectionPaddedContainer {
        padding: 0vw;
    }
    .three-controls .third p {
        font-size: 13px;
    }
    .mainCta[rel=sales-network] .ctaLabel {
        left: 10%;
        top: 30%;
    }
    .ctaLabel {
        max-width: 70%;
    }
    .footerCall {
        display: flex;
        align-items: center;
        padding: 0 40px;
        font-size: 13px;
        line-height: 28px;
        height: 50%;
    }
     .sectionBigTypo.white span:first-child {
        font-size: 29px;
    }
    .sectionBigTypo span {
        font-size: 17px;
    }
    .centerTextContainer > img {
        max-width: 280px;
    }
    .pult {
        width: 175px;
        bottom: 3vw;
        left: 27vw;
    }
    #bluevolution > div:first-child {
        top: 5vw;
        height: 80%;
    }
    #advantages-pictos {
        padding-top: 65px;
    }
    .sectionContainer {
        margin-left: 30px;
        width: 100%;
    }
    #modelsLineup .itemSliderLeft {
        min-width: 380px;
    }
    .itemSliderRight h2 {
        font-size: 25px;
    }
    #modelsLineup .itemSliderSubTitle {
        font-size: 18px;
    }
    .itemSliderText {
        margin-top: 65px;
    }
    .list-params__lab {
        font-size: 14px;
    }
    .gallery_container {
        width: 100%;
        height: 55vw;
    }
}
@media only screen and (max-width: 991px) {
    #topImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
   
    #intro_text .sectionDoublePaddedContainer {
        padding: 3.5vw;
    }
    #intro_text .sectionDoublePaddedContainer .body_text p, .body_text p {
        font-size: 17px;
    }
    .socials {
        justify-content: center;
    }
    .three-controls .third p {
        font-size: 12px;
    }
    .three-controls h3 {
        font-size: 14px;
    }
    #footerBottom {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .itemSliderPic {
        max-width: 100%;
        width: 100%;
    }
    #modelsLineup .sectionContainer {
        margin-left: 0;
        width: 100%;
    }
    .itemSliderContent {
        flex-direction: column;
        padding: 4vw;
    }
    .itemSliderRight {
        padding-left: 0;
        margin-top: 30px;
    }
    .itemSliderText {
        margin-top: 10px;
        max-width: none;
    }
    .glide.itemSlider .glide__arrow--left {
        left: 0;
    }
    .itemSliderRight h2 {
        font-size: 23px;
    }
    #modelsLineup .itemSliderSubTitle {
        font-size: 15px;
    }
    .itemSliderRight {
        min-width: 100%;
    }
    .itemSliderContainer .itemSliderTitleLine {
        display: none;
    }
    .list-params__lab, .list-params__value {
        font-size: 13px;
    }
    .glide.itemSlider .glide__arrow {
        bottom: -20px;
        padding-left: 0;
        padding-right: 0;
    }
    .glide.itemSlider .glide__arrow--right {
        right: 0;
    }
    #modelsLineup .itemSliderLeft {
        min-width: 100%;
    }
    .outdoorBlockContainer.odd {
        padding-right: 0;
    }
    .gallery_container {
        width: 100%;
        height: 70vw;
    }
    .button_left .circleCounter, .glide__arrow--left .circleCounter {
        transform: scale(0.6) rotateY( 180deg);
    }
    .circleCounter {
        transform: scale(0.6);
    }
    .gallery_controller {
        margin-top: -33px;
        padding: 0 0px;
    }
    .half_container {
        display: flex;
        flex-direction: column;
    }
    .typoPic {
        padding: 0;
        margin-top: 0;
        position: relative;
    }
    .grey > .half_container > .half.padded:last-child {
        order: 0;
        text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .grey > .half_container > .gradient {
        order: 2;
        padding-bottom: 0;
    }
    .resSectionLine {
        width: 35vw;
        margin-top: 20px;
    }
    #outdoor .outdoorBlockContainer {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    #outdoor .outdoorBlockContainer .outdoorBlockLeft {
        width: 100%;
        margin-top: 45px;
    }
    #outdoor .outdoorBlockContainer .outdoorBlockDesc {
        position: relative;
        left: auto;
        top: auto;
        align-items: center;
    }
    #outdoor .outdoorBlockContainer .outdoorBlockText {
        text-align: center;
        max-width: 100%;
        width: 100%;
        margin-top: 50px;
    }
    #outdoor .outdoorBlockContainer .outdoorBlockText p {
        padding: 4vw;
    }
    #instructions .sectionDoublePaddedContainer {
        padding-top: 0;
    }
    #three-advs > div, #advantages-pictos > div, #instructions > div {
        padding: 4vw;
    }
    #modelsLineup .sectionMainTitle {
        margin-bottom: 50px;
    }
    .double_break {
        margin-top: 100px;
    }
    #modelsLineup .sectionMainTitle {
        padding: 4vw;
    }
    .sectionBigTypo.white span:first-child {
        font-size: 50px;
    }
    .sectionBigTypo span {
        font-size: 25px;
    }
    .advantages-icons {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    #three-advs {
        padding-top: 10vw;
    }
    .pult {
        width: 175px;
        bottom: -21vw;
        left: 24vw;
    }
    #three-advs .third {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding: 0;
        margin-bottom: 50px;
    }
    #three-advs .third > span {
        padding-left: 15px;
        padding-right: 15px;
        height: 85px;
    }
    #sectionTitle {
        position: absolute;
        top: 25%;
        left: 75px;
    }
    #three-advs .sectionTitleLeft, #advantages-pictos .sectionTitleLeft {
        width: 100%;
    }
    #bluevolution {
        margin-top: 155px;
    }
    #bluevolution .roleTitle {
        font-size: 30px;
    }
    .bluevolution:before {
        top: -35px;
        width: 160px;
    }
    .body_text p {
        font-size: 16px;
    }
    .resSectionTitle {
        font-size: 30px;
    }
    .roleTitle {
        font-size: 30px;
    }
    #sectionTitlePay p {
        font-size: 20px;
    }
    #bluevolution > div:first-child {
        top: -3vw;
        height: 110%;
    }
    #advantages-pictos {
        padding-top: 65px;
    }
    .grey .half, #advantages-pictos .half {
        width: 100%;
    }
    #instructions .sectionDoublePaddedContainer > div .instruction > a > span {
        font-size: 14px;
    }
    .resSectionTitle {
        font-size: 35px;
    }
    #outdoor .resSectionTitle {
        text-align: center;
    }
    #outdoor {
        padding-bottom: 20px;
    }
    #footerTop {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    #footerLeft > div {
        border: 0;
    }
    #contactBox .list {
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .listSeparator {
        display: none;
    }
    #contactBox .listItems {
        padding-bottom: 0;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
    }
    #callBox a:first-child {
        border-top: 1px solid #428eb3;
    }
    .listTitle {
        align-self: center;
        min-width: 270px;
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
    }
    .footerCall {
        display: flex;
        align-items: center;
        padding: 0 40px;
        font-size: 12px;
        line-height: 1.6;
        height: 50%;
    }
    .footerCall > div:first-child {
        max-width: 60%;
    }
    #callBox {
        height: 265px;
    }
    .centerTextContainer > img {
        max-width: 300px;
    }
}
@media only screen and (max-width: 767px) {
    .ctaLabel {
        left: 0 !important;
        width: 100%;
        position: relative;
        top: 0 !important;
        margin-top: 30px;
        margin-bottom: 40px;
        max-width: 100%;
    }
    .body_text p {
    text-align: center;

}
    #intro_text .sectionDoublePaddedContainer {
        padding: 3.5vw;
        flex-direction: column;
    }
    #intro_text .sectionDoublePaddedContainer .body_text p {
        font-size: 18px;
    }
    #intro_text .sectionDoublePaddedContainer .half {
        width: 100%;
        padding: 0;
    }
    #instructions .sectionDoublePaddedContainer {
        padding-top: 10vw;
    }
    #instructions .sectionDoublePaddedContainer > div .instruction > a > span {
        font-size: 12px;
    }
    #instructions .sectionDoublePaddedContainer > div .instruction > a > span > img {
        width: 20px;
        margin-right: 5px;
    }
    .three-controls h3 {
        font-size: 30px;
    }
    #bluevolution > div:first-child {
        height: 60%;
    }
    #residential {
        padding-top: 0;
        padding-bottom: 0;
    }
    #residential .sectionPaddedContainer {
        padding: 4vw;
    }
    .three-controls .third p {
        font-size: 14px;
    }
    .ctaPic {
        position: relative;
    }
    .mainCta {
        height: auto;
    }
    .ctaTitlePay {
        margin-left: 0;
        font-size: 16px;
        letter-spacing: 1px;
    }
    .ctaBottom {
        display: flex;
        align-items: center;
        margin-top: 12px;
        justify-content: space-around;
        color: #000;
        padding: 4vw;
    }
    .ctaName {
        font-size: 34px;
        letter-spacing: -3px;
        color: #000;
        padding-left: 4vw;
    }
    .mainCta[rel=sales-network] .ctaLine {
        background: #000;
    }
    .ctaLine {
        margin-top: 24px;
        margin-left: 4vw;
    }
    .ctaPlus {
        order: 1;
        min-width: 60px;
        min-height: 60px;
    }
    .ctaTitlePay {
        margin-left: 0;
        font-size: 16px;
        letter-spacing: 1px;
        padding-right: 85px;
    }
    #sectionName {
        font-size: 40px;
        letter-spacing: -3px;
    }
    #advantages-pictos {
        padding-top: 0;
    }
    #bluevolution {
        margin-top: 0;
    }
    #three-advs .third > span {
        font-size: 13px;
    }
    .sectionTitleLeft {
        width: 100%;
    }
    #bluevolution > div:first-child {
        top: 560px;
        width: 100%;
    }
    #sectionTitle {
        left: 30px;
        min-width: 100%;
        top: 20%;
    }
    #sectionTitlePay p {
        font-size: 19px;
    }
    #sectionTitlePay {
        max-width: 80%;
    }
    #scrollDown {
        height: 130px;
    }
    .sectionBigTypo.white span:first-child {
        font-size: 40px;
    }
    .sectionBigTypo span {
        font-size: 20px;
    }
    #instructions {
        padding-bottom: 95px;
    }
    #modelsLineup .body_text.limit {
        padding-left: 4vw;
        text-align: center;
        padding-right: 4vw;
        margin-bottom: 35px;
        max-width: 100%;
    }
    .glideContainer .trackingBar {
        margin-top: 130px;
    }
    .tech_side {
        font-size: 17px;
    }
    .sectionMainTitle h3 {
        font-size: 35px;
        text-align: center;
    }
    #advantages-pictos {
        padding-top: 35px;
    }
    #advantages-pictos .half > div, #advantages-pictos-2 > div .half > div {
        padding-right: 0;
    }
    .sectionContent, .sectionPaddedContainer {
        padding: 4vw;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .sectionTitleContent {
        width: 100%;
        text-align: center;
        max-width: 100%;
    }
    .roleLine, #advantages-pictos .resSectionLine {
        margin-bottom: 40px;
        width: 35vw;
        margin-top: 20px;
    }
    .resSectionLine {
        margin-left: auto;
        margin-right: auto;
    }
    .roleTitle span {
        margin-left: 10px;
    }
    #bluevolution .roleTitle {
        margin-top: 55px;
    }
    .roleTitle, #design .resSectionTitle {
        font-size: 35px;
        text-align: center;
    }
    #advantages-pictos-2 > div .half {
        width: 100%;
    }
    .break {
        margin-top: 40px;
    }
    #bluevolution .sectionPaddedContainer .roleContainer, #residential .roleContainer {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .three-controls {
        flex-direction: column;
    }
    .three-controls .third {
        width: 100%;
        margin-bottom: 75px;
    }
    .three-controls .third p {
        font-size: 18px;
    }
    #residential .rolePic {
        padding-right: 50px;
        order: 1;
    }
    #residential .roleDesc {
        order: 0;
    }
    .rolePic {
        width: 100%;
    }
    #bluevolution {
        padding-bottom: 65px;
    }
    .roleText {
        text-align: center;
        width: 100%;
    }
    .roleDesc {
        margin-left: 0;
        margin-right: 0;
        margin-top: 35px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    #design .sectionTitleLeft {
        order: 0;
    }
    #design .sectionContentRight {
        order: 1;
    }
    #design .pult {
        order: 2;
        position: relative;
        width: 100%;
        bottom: auto;
        left: auto;
    }
    .bluevolution:before {
        top: -40px;
        right: auto;
        left: 50%;
        transform: translate(-50%);
    }
    #design .pult > div {
        text-align: center;
        display: flex;
        flex-flow: column wrap;
        place-content: center;
        align-items: center;
        padding-left: 75px;
    }
    .c-btn {
        font-size: 12px;
        margin-top: 60px;
        color: #fff;
        padding-right: 35px;
        padding-left: 35px;
        line-height: 55px;
    }
    .greyBG {
        width: 100%;
    }
    .three-controls .third {
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    text-align: center;
}
}
@media only screen and (max-width: 575px) {
    #sectionName {
        font-size: 40px;
        letter-spacing: -3px;
    }
    #intro_text .sectionDoublePaddedContainer .body_text p {
    font-size: 15px;
}
    .centerTextContainer > img {
        max-width: 250px;
    }
    #instructions .half {
        width: 100%;
    }
    #instructions .sectionDoublePaddedContainer > div .instruction > a > span {
        font-size: 14px;
    }
    .advantages-icons {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    #bluevolution > div:first-child {
        top: 500px;
    }
    #sectionTitle {
        left: 30px;
        min-width: 100%;
        top: 20%;
    }
    #sectionTitlePay p {
        font-size: 19px;
    }
    #sectionTitlePay {
        max-width: 80%;
    }
    #scrollDown {
        height: 130px;
    }
    .sectionBigTypo.white span:first-child {
        font-size: 30px;
    }
    .sectionBigTypo span {
        font-size: 15px;
    }
    #three-advs .third {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    #three-advs .third > span {
        font-size: 14px;
    }
}
@media only screen and (max-width: 420px) {
    #bluevolution > div:first-child {
        top: 460px;
    }
    .sectionBigTypo.white span:first-child {
        font-size: 19px;
    }
    .sectionBigTypo span {
        font-size: 13px;
    }
    .advantages-icons {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
}
@media all and (max-width:375px) {
    .sectionBigTypo span {
        font-size: 12px;
    }
}
@media all and (max-width:320px) {}