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

    .nav{
        height: 70px;
        position: relative;
        background: white;
    }
    
    .nav__logo{
        background-image: url('/extfiles/6/7/8be9e9ec217b2c7216ad26e872803149.svg');
        width: 132px;
        height: 41.25px;
    }
    
    .nav__menubtn,
    .nav__lngbtn{
        width: 36px;
        height: 36px;
    }

    .nav__menu,
    .nav__cta,
    .nav__ctalink,
    .nav__lngscontainer,
    .navlogos{
        display: none;
    }

    
    .nav__menubtn{
        display: block;
    }
    
    .nav__lngbtn {
        display: flex;
    }
    
    .main {
        height: auto;
        min-height: auto;
    }
    
    .main__content {
        position: initial;
        top: initial;
        bottom: initial;
    }
    
    .main__connterinner{
        padding: 40px 20px;
        display: block;
        flex-direction: initial;
        flex-wrap: initial;
    }
    
    .main__footer{
        display: none;
    }

    .round__flexitem{
        width: 50%;
    }
  
    .keyproperties__img{
        height: 285px;
        background-size: contain;
        bottom: 185px;
    }
    
    .product__flexitemtext{
        width: 60%;
    }
    
    .product__flexitemimg{
        width: 40%;
    }
    
    .product__img{
        max-width: 100%;
        max-height: 100%;
    }
    
    .green{
        height: 300px;
    }
    
    .keyproperties__flexitem{
        width: 50%;
    }
    
    .main__footerflexleft{
        display: none;
    }
    
    .footer__contact,
    .footer__links {
        width: 50%;
        padding-left: 50px;
        margin-bottom: 40px;
    }
    
    .footer__form {
        width: 100%;
        padding-top: 40px;
        border-top: 1px solid rgba(255,255,255,.2);
    }
    
    .footer__form .footer__h5 {
        text-align: center;
    }

    .footer__input, .footer__textarea {
        padding: 8px 10px;
    }
    

}



@media only screen and (max-width: 766px) {
    
    .header__h1 {
        font-size: 1.55em;
    }
    
    .header__h2{
        font-size: 1.05em;
    }
    
    .main__h1{
        font-size: 1.5em;
    }

    .header__text{
        padding: 40px 20px 50px 20px;
    }
    
    .main__text{
        font-size: 1em;
    }
    
    .action_btn{
        width: 100%;
    }
    
    .action_btn--light{
        margin-left: 0;
        margin-top: 25px;
    }
    
    .page__h2{
        font-size: 1.6rem;
    }
    
    .page__h3,
    .service__h2,{
        font-size: 1.4rem;
    }
    
    .why__text,
    .green__text{
        font-size: 0.9rem;
    }

    .round__flexitem{
        width: 100%;
    }
    
    .form__flexitem--half{
        width: 100%;
    }
    
    .keyproperties__img{
        bottom: 140px;
    }
    
    .green{
        height: 200px;
    }
    
    .keyproperties__flexitem{
        width: 100%;
    }
    
    .list__header:before{
        display: none;
    }
    
    .list__item{
        padding-left: 25px;
    }
    
    .list__header{
        font-size: 0.95rem;
    }
    
    .product__flex{
        padding: 80px 20px;
    }
    
    .product__flexitemtext{
        width: 100%;
    }
    
    .product__flexitemtext--left,
    .product__flexitemtext--right{
        padding: 0;
    }
    
    .product__flexitemimg{
        width: 100%;
    }
    
    .product__img--right{
        padding-top: 50px;
    }
    
    .product__img--left{
        padding-bottom: 50px;
    }
    
    .beforefooter__text{
        font-size: 1.15em;
    }
    
    .beforefooter__flex{
        width: auto;
    }
    
    .beforefooter__flexitem--icon{
        height: 110px;
        margin: 25px 0;
    }
    
    .beforefooter__flexitem--phone,
    .beforefooter__flexitem--icon,
    .beforefooter__flexitem--email {
        width: 100%;
    }
    
    .beforefooter__flexitem--phone .beforefooter__title,
    .beforefooter__flexitem--phone .beforefooter__value {
        text-align: center;
    }
    
    .beforefooter__flexitem--email .beforefooter__title,
    .beforefooter__flexitem--email .beforefooter__value {
        text-align: center;
    }
    
    .footer__lngs{
        display: block;
    }
    
    .footer__contact,
    .footer__links {
        width: 100%;
        padding: 0;
        padding-bottom: 40px;
        border: initial;
        border-bottom: 1px solid rgba(255,255,255,.2);
    }
    
    .footer__form {
        padding: 0;
        width: 100%;
        border: initial;
    }
    
    .footer__addresse,
    .footer__email,
    .footer__tel,
    .footer__fastlink {
        font-size: 1.15em;
    }
    
    .footer__input, .footer__textarea {
        font-size: 1.05em;
    }
    
    .footer__h5 {
        font-size: 1em;
    }
    
    .footer__logo{
        display: none;
    }
    
    .footer__endtext{
        float: initial;
    }
    
    .footer__formrow .btn,
    .contact__row .btn{
        width: 100%;
        padding: 12px 0;
        font-size: 0.95em;
    }
    
    .footer__formrow--submit{
        flex-wrap: wrap;
    }
    
    .footer__btnsubmit{
        flex: 0 0 100%;
        margin-top: 10px;
    }
    
    .footer__btnsubmit .btn{
        width: 100%;
    }
    
    .contact__left{
        padding-bottom: 50px;
        width: 100%;
        border-bottom: 1px solid #e4e4e4;
        text-align: center;
    }
    
    .contact__right{
        margin-top: 50px;
        width: 100%;
    }
    
    .contact__icdic{
        font-size: 1.1em;
    }
    
    .contact__logoorcave{
        width: 200px;
        margin-bottom: 20px;
    }
    
    .contact__addresse,
    .contact__email,
    .contact__tel{
        font-size: 1.15em;
        padding-left: initial;
        padding-top: 45px;
    }
    
    .contact__addresse:before,
    .contact__email:before,
    .contact__tel:before{
        content: '';
        left: 50%;
        margin-left: -25px;
        background-position: 50%;
        opacity: 0.8;
    }
    
    .contact__input,
    .contact__textarea,
    .footer__input,
    .footer__textarea {
        font-size: 1.05em;
    }

}