
@media only screen and (max-width: 1022px) {
    
    .nav{
        height: 70px;
        position: relative;
        background: white;
    }
    
    .nav .nav__logo{
        background-image: url('/extfiles/c/d/64299d0c5a661cf22609f17f0c257c8d.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;
    }
    
    .header__h1home{
        font-size: 1.7em;
    }
    
    .header__h2home{
        font-size: 1.18em;
    }
    
     .nav__lngs{
        display: none;
    }
    
    .homeheader__container .page__inner {
        padding: 50px 20px;
    }
    
    .homeheader__row--top{
        height: auto;
    }

    .homeheader__flex{
        padding-top: initial;
    }

    .homeheader__container .btn{
        width: 275px;
        padding-left: initial;
        padding-right: initial;
        text-align: center;
    }

    .homewhy__flexitem:nth-child(1),
    .homewhy__flexitem:nth-child(2){
        width: 50%;
    }
    
    .homewhy__flexitem:nth-child(3){
        width: 100%;
    }
    
    .homewhy__h3icon:before,
    .homekeys__h3icon:before{
        content: '';
        height: 70px;
        width: 70px;
    }
    
    .homekeys__flexitem{
        width: 50%;
    }
    
    .product__flexitemtext{
        width: 60%;
    }
    
    .product__flexitemimg{
        width: 40%;
    }
    
    .product__img{
        max-width: 100%;
        max-height: 100%;
    }
    
    .pricing__flexitem:nth-child(1),
    .pricing__flexitem:nth-child(2) {
        width: 50%;
    }
    
    .pricing__flexitem{
        width: 100%;
    }
    
    .footer__contact {
        border-right: 1px solid rgba(255,255,255,.2);
    }
    
    .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) {

    .nav__lngs{
        margin-left: 0;
        margin-right: 30px;
        margin-top: 31px;
    }
    
    .nav--small .nav__lngs {
        margin-top: 17px;
    }
    
    .nav__lngsitem{
        width: 44px;
        height: 44px;
    }
    
    .nav--small .nav__lngsitem{
        width: 34px;
        height: 34px;
    }
    
    .nav__lngslink{
        line-height: 44px;
        padding: 0;
    }
    
    .nav--small .nav__lngslink {
        line-height: 34px;
    }

    .nav__menu {
        display: none;
    }
    
    .nav__menubtn{
        display: block;
    }

    .homewhy__flexitem:nth-child(1),
    .homewhy__flexitem:nth-child(2),
    .homewhy__flexitem:nth-child(3){
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    .homekeys__flexitem{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    .hometry__h2,
    .page__h2,
    .use__h2,
    .header__h1,
    .header__h1home{
        font-size: 1.45em;
    }
    
    .header__h2,
    .header__h1home{
        font-size: 1.35em;
    }
    
    .homeheader{
        height: auto !important;
        min-height: initial;
    }
    
    .homeheader__graphiccontainer{
        height: 250px;
        background-size: contain;
        background-position: 50% 50%;
    }
    
    .homeheader__textcontainer {
        height: auto;
        min-height: initial;
    }
    
    .header__text{
        padding: 40px 20px 50px 20px;
    }
    
    .homeheader__texinner{
        padding: 50px 20px;
    }
    
    .btn{
        width: 100%;
    }
    
    .btn--second{
        margin-left: 0;
        margin-top: 25px;
    }
    
    .btn--pricing{
        width: auto !important;
        left: 10%;
        right: 10%;
        margin: initial;
    }
    
    .pricing__flexitem:nth-child(1),
    .pricing__flexitem:nth-child(2) {
        width: 100%;
    }
    
    .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__h5 {
        font-size: 1em;
    }
    
    .footer__logo{
        display: none;
    }
    
    .footer__endtext{
        float: initial;
    }
    
    .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;
    }

}