.banner {
    margin-bottom: 0px;
}
#footer .custom-footer>div.extended input[type="checkbox"]+label {
    margin-top: 6px;
}
.subcategories li a {
    height: 71px;
}
.subcategories.with-image li a .text {
    width: 60%;
    max-height: 48px;
    font-size: 120%;
}
.subcategories.with-image li a .image img {
    max-height: 57px;
}

.podkategorie {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px 0px -10px;
}
.podkategorie-polozka {
    width: 33.33% !important; 
    text-transform: uppercase; 
    font-size: 13px; 
    padding: 10px;
    max-width: none !important;
}
.podkategorie-polozka a {
    border: 1px solid #e0e0e0; 
    display: flex;
    height: 92px;
    text-decoration: none !important;
}
.podkategorie-polozka a:hover {
    color: #14b1ef !important;
    text-decoration: none !important;
    border: 1px solid #999;
}
.podkategorie-polozka img {
    width: 40%;
    margin-right: 10px;
}
.podkategorie-polozka br {
    display: none;
}
.podkategorie-polozka span {
    font-size: 24px;
    margin-top: 0px !important;
    float: none !important;
    display: flex;
    align-items: center;
}

.product-appendix {
    color: #9bc24b;
}

.prepravce {margin-bottom: 30px; height: 130px;}
.prepravce img {float: left; max-width: 236px; margin-right: 30px; margin-top: 11px; margin-bottom: 10px;}
.prepravce-in {background: #ededed; width: 100%; max-width: 500px; padding: 10px 20px 0px 20px; float: left;}
.prepravce-in h3 {font-weight: bold; font-size: 20px;}
.prepravce-in a {font-weight: bold; font-size: 15px;}

.doprava {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.doprava img {
    max-width: 236px;
    margin-right: 30px;
    margin-top: 11px;
    margin-bottom: 10px;
}
.doprava-in {
    background: #ededed;
    width: 100%;
    max-width: 500px;
    padding: 10px 20px 0px 20px;
}
.doprava-in h3 {
    font-weight: bold;
    font-size: 20px;
}
.doprava-in a {
    font-weight: bold;
    font-size: 15px;
}


.kontakt-box{float: left; width: 100%; max-width: 255px; margin-right: 30px; margin-top: 30px;}
.kontakt-box h3{font-weight: bold; font-size: 22px;}
.kontakt-box h4{font-weight: bold; font-size: 18px; color: #14b1ef; margin-bottom: 15px;}
.kontakt-box .line{width: 50px; border-top: 1px solid #e0e0e0; margin: 10px 0;}
.kontakt-box .phone{background: url("/user/upload/phone-color.png") no-repeat; background-position: 0 50%; padding: 10px 0 10px 50px; background-size: 40px auto;}
.kontakt-box .email{background: url("/user/upload/mail-color.png") no-repeat; background-position: 0 50%; padding: 10px 0 10px 50px; background-size: 40px auto;}
.kontakt-obr{background: #ededed; padding: 4px; margin-bottom: 5px;}
.lista{background: #ededed; border-bottom: 1px solid #d0d0d0;}
.lista-in{width: 100%; max-width: 1160px; margin: 0px auto; padding-top: 7px; padding-bottom: 7px; text-align: center; font-size: 13px; font-family: 'Roboto',sans-serif;}


#content table {max-width: 100% !important; width:100%;}

.order-icon.order-information:after {
    content: 'Máte zvolenu správnou zemi doručení?';
    display: block;
    color: #ca171d;
    font-size: 80%;
    margin-bottom: -20px;
}

.variant-image > a:after {
    position: absolute;
    bottom: -10px;
    right: 3px;
    content: '\e920';
    font-family: 'shoptet';
    color: black;
}
.variant-image > a:hover:after {
    color: #40a5d9;
}

@media (min-width: 1200px) {
    .subcategories .col-lg-3 {
        width: 33.33%;
    }
}
@media (max-width: 767px) {
    .doprava img {
        max-width: 120px;
    }
    .podkategorie-polozka {
        width: 100% !important; 
    }

    .subcategories.with-image li a .image {
        width: 25%;
    }
    .subcategories.with-image li a .text {
        width: 75%;
        max-height: 55px;
        font-size: 100%;
    }
}
