@media (hover: hover) {
    .dropdown:hover .dropdown-contents { 
        transition: display 0.2s;
        display: block !important; 
    }
    
}


@media (hover: none) {
    .dropdown-touch-big { display: inline-block !important; } 

}



@media (max-width: 1280px) {
    
    /* ---------- Home page ---------- */
    
    .main-nav { display: block; }
    
    .main-nav li { margin-left: 10px; }
    
    .main-nav .winkelwagen-li { margin-left: 20px; }
    
}

@media (max-width: 1024px) {
    
    .main-nav { display: block; }
    
    input[type="radio"],
    input[type="checkbox"] { transform: scale(1.3); }
    
    /* ---------- Reusable ---------- */
    
    .long-p { width: 100%; }
    
    /* ---------- Reserveren page ---------- */
    input,
    button,
    select,
    date,
    textarea{ font-size: 90%; }
    
    input[name="Voornaam"] { width: 120px; }

    input[name="Tussenvoegsel"] { width: 81px; }

    input[name="Achternaam"] { width: 150px; }

    input[name="Adres"] { width: 361px; }
    
    input[name="Postcode"] { width: 150px; }

    input[name="Plaats"] { width: 206px; }

    input[name="Telefoon"] { width: 150px; }

    input[name="Email"] { width: 206px; }

    input[name="Datum"] { width: 150px; }

    input[name="Personen"] { width: 59px; }

    select[name="Thema"],
    select[name="Connaisseur"] { width: 361px; }
    
    .form-personen {
        display: inline;
        font-size: 75%;
    }
    
    /* ---------- Connaisseurs page ---------- */
    .connaisseur p { font-size: 85%; }
    
    /* ---------- Bestellen page ---------- */
    
/*    ul.item-list > li { width: 32%; }*/
    
    /* ---------- Item page ---------- */
    
    .buy-radio-label { font-size: 85%; }
    
    .item-specs { font-size: 80%; }
    
    /* ---------- Winkelwagen page ---------- */
    .totaal-table td { font-size: 105%; }
    
}

@media (max-width: 991px) {
    
    .main-nav { 
        margin-right: 20px;
        display: block;
    }
    
    
    /* ---------- Bestellen page ---------- */
    
    ul.item-list > li { width: 49%; }
    ul.womonth-item-list > li { width: 49%; }
    
    /* ---------- Item page ---------- */
    
    .media-query-md { display: inline-block; }
    
    .item-info { 
        margin: 0px;
        width: 100%;
    }
    
    .item-desc { width: 100%; }
    
    .item-specs { width: 100%; }
    
    .media-query-lg { display: none; }
    
    .item-title-lg { display: none; }
    
    /* ---------- Winkelwagen page ---------- */
    
    .cart-item-btn { margin: 0px 20px; }
    
    .cart-item-qty { margin-right: 40px; }
    
    /* ---------- Bezorging page ---------- */
    
    .factuur-row .factuur-col { 
        flex: 0 0 49%;
        max-width: 49%;
        padding: 0 40px; 
    }
    
}


@media (max-width: 920px) {
    
    /* ---------- Home page ---------- */
    
    .main-nav { display: none; }
    
    .mobile-navicon { 
        display: inline-block;
        right: 50px;
    }
    
    .main-nav {
        margin-right: 300px;
        margin-top: 10px !important;
        margin-left: 25px;
        margin-bottom: 0px;
    }
    
    .main-nav li { 
        display: block; 
        margin-left: 10px !important;    
    }
    
    .main-nav li a:link,
    .main-nav li a:visited {
        display: block;
        border: 0;
        padding: 5px 0;
        font-size: 100%;
        color: #111;
        text-decoration: none;
        border-bottom: 2px solid transparent;
        transition: border-bottom 0.2s;
    }

    .main-nav li a:hover,
    .main-nav li a:active {
        transition: border-bottom 0.2s;
        border-bottom: 2px solid #111;
    }
    
    .main-nav .winkelwagen-li a { border-bottom: none !important; }
    
    .dropdown:hover .dropdown-contents { 
        display: block;
        position: relative;
    }
    
    .float-nav .main-nav { margin-top: 10px; }
    
    .float-nav .main-nav li a:link,
    .float-nav .main-nav li a:visited { padding: 10px 0; }
    
    .float-nav .mobile-navicon { margin-top: 10px; }
    
    
    .footer-nav { font-size: 90%; }
    
    /* ---------- Reserveren page ---------- */
    
    form[name="thuisproeverij_form"] input { margin-bottom: 3px; }
    
    input[name="Datum"] { font-size: 80%; }
    

}

@media (max-width: 767px) {
    html,
    body {
        font-size: 19px;
    }
    
    .header-nav .main-nav { margin-right: 100px; }
    
    .main-nav { margin-right: 140px; }

    .scroll { margin-left: -57px; }
    
    .connaisseur { margin-bottom: 20px; }

    /* ---------- Item page ---------- */
    
    .item-title { text-align: center; }

    .item-info { 
        width: 100%; 
        margin: 0px;
    }
    
    .item-desc { width: 100%; }
    
    /* ---------- Winkelwagen page ---------- */
    
    .cart-item-btn { margin: 0 10px; }
    
    .cart-item-image { margin-right: 40px; }
    
    .cart-item-name { margin-right: 30px; }
    
    .cart-item-qty { 
        width: 120px; 
        margin-right: 20px;
    }
    
    .cart-item-qty input {
        left: 0;
    }
    
    .cart-btn-remove {
        width: 25px;
        height: 25px;
    }
    
    .cart-btn-add {
        width: 25px;
        height: 25px;
    }
    
    
    /* ---------- Bezorgen page ---------- */
    
    
    input#huisnummer,
    input#toevoeging { width: 48% !important; }
    
    .input-label-5 { 
        width: 49%;
        margin-bottom: 3px;
    }
    
    .input-label { margin-bottom: 3px; }
}

@media only screen and (max-width: 698px) { .factuur-row .factuur-col { padding: 0 15px; } }

@media only screen and (max-width: 600px) { .factuur-row .factuur-col { padding: 0 10px; } }

@media only screen and (max-width: 575px) { 
    .filters { border: none; }

    .factuur-row .factuur-col { padding: 0 5px; }
        
}

@media (max-width: 480px) {
    
    html, body { font-size: 15px; }
    
    .header-nav .main-nav { margin-right: 20px; }
    
    .float-nav .main-nav,
    .page-nav .main-nav { margin-right: 40px; }
    
    /* ---------- Winkelwagen page ---------- */
    
    .cart-item-btn { margin-left: 0px; }
    
    .cart-item-image { margin-right: 20px; }
    
    .cart-item-name { margin-right: 10px; }
    
    .cart-item-qty { 
        width: 120px;
        margin-right: 10px;
    }
    
    /* ---------- Bezorgen page ---------- */
    
    .factuur-row .factuur-col {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 40px;
    }
    
    .factuur-form input[type="text"],
    .factuur-form input[type="email"] { width: 90%; }
    
    .input-label-5 { width: 40%; }
    
    input#huisnummer,
    input#toevoeging { width: 38% !important; }
}

@media (max-width: 450px) {
    ul.item-list > li {
        width: 80%;
        margin: 0 10%; 
        height: 100%;
    }
    ul.womonth-item-list > li {
        width: 80%;
        margin: 0 10%; 
        height: 100%;
    }
}

@media (min-width: 337px) and (max-width: 480px) {
    .main-nav { margin-right: 480px !important; }
}

@media (max-width: 400) {
    input[name="Username"] { width: 80%; }
    
    input[name="Password"] { width: 80%; }
}