@media only screen and (max-width: 1180px) and (max-height: 770px) {
    /* klantenservice */
    .klantenservice-wrapper{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .klantenservice-items{
        width: 90vw;
    }

    .klanetnserice-contact{
        width: 90vw;
        margin-bottom: 10vw;
    }

    /*  */

    .advantages-block img{
        width: 100%;
    }
    .picoo-cta-orange{
        padding: 4% 5%!important;
        font-size: 15px!important;
    }

    .news-item a {
       
        padding: 3% 30%!important;
    }

    .stores-cta div a img{
        margin-right: 3%!important;
    }

    .picoo-filters{
        position: relative;
    z-index: 99;

    }

    .picoo-filters select {
        width: 100%!important;
        color: #252675;
        font-weight: bold;
        margin-right: 2%;
        border: solid 2px #252675!important;
        padding: 3% 5%!important;
        border-radius: 50px!important;
        background-color: transparent!important;
        float: left!important;
        margin-bottom: 5%!important;
    }
    
    .filter-bg{
        background-color: rgba(0, 0, 0, 0.673);
        position: fixed;
        width: 100%;
        right: 0px;
        height: 900px;
        z-index: 4;
        top:0px;
    }
    
    .filter-menu{
        padding-top: 14%;
        padding-left: 5%;
        background-color: white;
        width: 80%;
        right: 0px;
        height: 900px;
        z-index: 5;
        top:0px;
        position: absolute;
    
      
    }
    
    .title-filter h3{
    color:#252675;
    font-family: "Quicksand", sans-serif !important;
    font-weight: bold;
    }
    
    .close-button-filter button{
        position: absolute;
        right: 20px;
        top:100px;
        background-color: transparent;
        border:none;
        color: #252675;
        font-size: 15pt;
        font-family: "Quicksand", sans-serif !important;
    }
    
    .mobile-filters select{
        width: 95%!important;
        margin-top: 4%;
        margin-bottom: 0%!important;
    }
    
    .remove-filter-button{
    position: absolute;
    bottom: 120px;
    width: 50%;
    margin-left: 20%;
    left: 80px;
    
    }
    
    .remove-filter-button button{
        border-radius: 50px;
    border:#252675 solid 2px;
    background-color: transparent;
    padding:3% 20%;
    }
    
    .filter-bg{
       display: none!important;
    
    }
    
    .show-all{
        display: inline!important;
    }
    
    .filter-main-button{
        background-color: #252675;
        color: white;
        width: 100%;
        padding: 3% 3%;
        margin-bottom: 3%;
        border-radius: 5px;
        border:none;
        font-family: "Quicksand", sans-serif !important;
    }
}

@media only screen and (max-width: 770px) and (max-height: 1180px) {

    .klantenservice-wrapper{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .klantenservice-items{
        width: 90vw;
    }

    .klanetnserice-contact{
        width: 90vw;
        margin-bottom: 10vw;
    }

    /*  */

    .hamburger{
        margin-left: 120%!important;
        margin-top: 2%;
        display: inline-block!important;
    }
    .logo-mobile {
        display: inline-block;
        margin-left: 35%!important;
        width: 110px;
    }
    .for-who-div,.active-for-who{
        background-color:white;
        padding:4%;
        border-radius: 15px;
        min-height: 70px;
     
        margin-bottom: 5%;
    }
    .for-who-div h5,.active-for-who h5{
        float: left;
        color: #292d78;
        font-size: 0.9em;
        margin-top: 0%;
        width: 90%;
    }
    
    .for-who-div button,.active-for-who button{
        float: right;
        margin-top: 0%;
        color:#292d78;
        font-weight: bold;
        background-color: transparent;
        border: none;
        transform: rotate(90deg);
    }
    
    .active-for-who button{
        transform: rotate(270deg);
    }
    
    .active-for-who p{
        text-align: left;
        margin-top: 8%;
        margin-bottom: 8%;
    }
    
    .active-for-who img{
        margin-top:8%;
        width: 100%;
        border-radius: 15px;
    }
    
    .active-for-who {
       padding-bottom: 8%;
    }
    
    
    #for-who-1-expended,#for-who-2-expended,#for-who-3-expended,#advantage-1-expended,#advantage-2-expended,#advantage-3-expended,#advantage-4-expended{
        display: none;
     
    }
    
    .card{
        margin-top: 3%;
        margin-bottom: 12%;
        border: none!important;
    }
    .carousel-inner .carousel-item > div {
        display: none;
    
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
        border: none;
    }

 

    .review-block-new{
        width: 90%;
        margin-left: 5%;
    }

    .align-items-center a {
        padding: 3% 28.5% !important;
    }

    .phone-with-apps {
        position: absolute;
        top: -79px;

    }

    /* spel variaties */
    .manual-wrapper{
        width: 70vw
    }

    .manual-wrapper{
        margin-bottom: 20%;
    }

    .manual-block{
        justify-content: space-evenly;
        flex-direction: column;
    }

    .manual-col{
        width: 300px;
    }

    .manual-btn{
        margin-bottom: 20px;
    }

    .manual-text{
        width: 100%;
      }

    .dotted-line-right{
        display: none;
    }
}