@media (max-width: 480px) {
    .in-blogujeme li > h3 { width: initial !important;}
    .in-blogujeme h3 { width: initial !important;}
    .in-blogujeme ol { padding-left: 20px;}
}

@media (min-width: 478px) and (max-width: 992px) {
    .timer-right { width: 50%; float: right;}
    .timer-left { width: 50%; float: left;}
}

@media screen and (max-width: 478px){
    .timer-left { text-align: center !important; font-size: 14px !important; line-height: 17px}
    .timer-right { text-align: center !important; font-size: 15px !important; line-height: 17px}
    .infobanner { padding-top: 7px; padding-left: 0px; padding-right: 0px;}
    .top-wrapper{ height: 50px; padding-bottom: 20px;}
}

@media (max-width: 768px){
    .top-navigation-bar .top-nav-button-login, .top-navigation-bar .top-nav-button-account {display: none !important;}
    a[data-target="login"]::target-text {content: "Mé slevy";}
}

@media (min-width: 1200px){
    .in-blogujeme .content-inner { max-width: 80%;}
}

@media (min-width: 768px){
    .top-navigation-bar .container>div {flex: 1 1 60%;}
}

@media screen and (max-width: 478px){
    .infobtn { display: block; margin-left: 0px;}
    .site-msg.information { top: 18px; padding-bottom: 8px}
    /*
    .lista-ikona1 { display:none}
    .lista-ikona2 { display:none}
    .site-msg.information .text { font-size: 14px; font-weight: 400;}
    */
    }

@media screen and (max-width: 767px){
    .search-window-visible .header-top .search {top: 120px ; width: 100%;}
    .search-window-visible #header .search-form { margin: 15px 20px 20px 20px;}
    .popup-widget.login-widget { top: 110px !important;}
    .popup-widget.cart-widget { top: 120px;}
    .timer-right {padding-bottom: 5px;}
    .top-wrapper {margin-bottom: 10px;}

    .subcategories li a .text {
        max-height: 48px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 600;
    }

    .subcategories li a {
        height: 58px;
}

@media (min-width: 478px) and (max-width: 992px){
    .infobanner { height: 66px !important;}
    .timer-left { width: 100%; float: inherit; text-align: center !important;}
    .timer-right { width: 100%; float: inherit; text-align: center !important;}
    .navigation-wrapper { position: inherit;}
}

/* Uprava Tabov pri kratkom popise */
@media (min-width: 1200px){
    .basic-description { width: 60%; padding-left: 40px; background-color: #f6f6f6;}
    .shp-tabs-holder ul.shp-tabs li a { padding-left: 40px; padding-right: 40px;}
    .extended-description { width: 30%; padding-bottom: 30px; margin-left: 20px; background-color: #fff;}
    .shp-tabs-holder ul.shp-tabs li a { border-style: none ridge none none; border-width: 0 1px 0 0; border-color: transparent; color: #000 !important; font-weight: 600; font-size: 20px; }
    .description-inner { padding: 0 0px;}
}

@media screen and (min-width: 479px){
    .custom-footer>div.extended { width: 31%;}
}

@media screen and (max-width: 479px){
    .news-item { padding-right: 0px; padding-left: 0px;}
    .news-item .text { margin-top: 15px;}
    .text .btn.btn-default { margin-top: 0px;}
}
