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

    #menubrands{
        display: none;
    }

    #mobilemenubtn{
        display: block;
    }

    .header__logo{
        width: 130px;
    }
    
    .top{
        margin-top: 20px;
    }

    .top__header{
        font-size: 1.4rem;
    }
    
    .top__bottom{
        font-size: .9rem;
        margin-top: 7px;
    }

    .top__text{
        font-size: .9rem;
        margin-top: 5px;
    }
    
    .categorymenu__header{
        font-size: .75rem;
    }
    
    .deal__popupheader{
        font-size: 1.05rem;
    }
    
    .deal__popupsubheader{
        font-size: .95rem;
    }
    
    .categorymenu__home{
        text-align: initial;
    }
    
    .dealstable__row{
        flex-direction: column;
    }
    
     .dealstable__cell{
        width: 100%;
    }
    
    .deal__popupcat{
        display: block;
    }
    
    .navigation{
        font-size: .7rem;
    }
    
    .detail__inner{
        flex-direction: column;
        justify-content: initial;
        align-items: initial;
    }
    
    .detail__left,
    .detail__right{
        width: 100%;
    }
    
    .detail__right{
        display: none;
    }
    
    .detail__text{
        font-size: 1rem;
    }
    
    .faq{
        padding: 15px;
    }
    
    .faq__item{
        margin: 10px 0;
    }
    
    .faq__a{
        font-size: 1.1rem;
    }
    
    .faq__q{
        font-size: 1rem;
    }
    
    .contactform{
        padding: 25px 20px;
    }
    
    .contactform__headline{
        font-size: 1.2rem;
    }
    
    .contactform__number{
        font-size: 1.6rem;
    }
    
    .contactform__text{
        font-size: 1rem;
    }
    
    .contactform__fields{
        justify-content: initial;
        align-items: initial;
        flex-direction: column;
        padding: initial;
    }
    
    .contactform__field{
        width: initial;
        margin-bottom: 15px;
    }
    
    .contactform__textarea{
        margin: 0;
    }
    
    .contactform__submit{
        font-size: .9rem;
        padding: 15px;
        width: 100%;
    }

}

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

    .cabtn, .cabtn--big{
        width: 100%;
    }

}