@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 (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: 0px; padding-bottom: 8px}
}

@media (max-width: 767px) {
  body {
    /*--ji-container-padding: 13px;*/
    --ji-so-bar-height: 41px;
    --ji-top-bar-height: 0px;
    --ji-header-top-height: 81px;
    --ji-navigation-height: 0px;

    --ji-so-bar-bottom: calc(var(--ji-so-bar-height) - 0.5px);
    --ji-top-bar-bottom: calc(var(--ji-so-bar-bottom) + var(--ji-top-bar-height) - 0.5px);
    --ji-header-top-bottom: calc(var(--ji-top-bar-bottom) + var(--ji-header-top-height) - 0.5px);
    --ji-navigation-bottom: calc(var(--ji-header-top-bottom) + var(--ji-navigation-height));
  }
  body:not(:has(.ji-so-bar)) {--ji-so-bar-height:0px;}

  /* Layout */
  .overall-wrapper {padding-top:var(--ji-so-bar-height);}

  /* Delivery bar */
  .ji-so-bar {position: fixed;top:0;z-index: 101;}
  .ji-so-bar .container {padding-block: 5px;}
  .ji-so-bar__title {padding-right: 15px;}
  .ji-so-bar__method {padding-inline: 15px;font-size: 13px;}

  /* Header */
  .top-navigation-bar {background: #fff!important;}
  .top-navigation-bar a {color: #2a314a !important;}
  .search-window-visible .header-top .search {top: 120px ; width: 100%;width: 0;height: 0;overflow: hidden;left: -1000px;}
  .search-window-visible #header .search-form { margin: 15px 20px 20px 20px;}
  .popup-widget.login-widget { top: 110px !important;}
  .popup-widget.cart-widget { top: var(--ji-header-top-bottom);}
  .timer-right {padding-bottom: 5px;}
  .top-wrapper {margin-bottom: 10px;}
  .top-navigation-bar .top-nav-button-login, .top-navigation-bar .top-nav-button-account {display: none !important;}
  .top-navigation-bar .responsive-tools a[data-target="login"] {flex-flow: row;justify-content: center;}
  .top-navigation-bar .responsive-tools a[data-target="login"]::before {background: unset;width:unset;height:unset;flex:unset;margin:0;font-size: 23px;}
  .top-navigation-bar .responsive-tools a[data-target="login"]::after {content:unset;}

  #header {margin-top:calc(-1 * var(--ji-header-top-height));height:var(--ji-header-top-height);position: relative;display:flex;background: unset;margin-bottom: 0;box-shadow: 0px 3px 10px -8px rgba(120, 120, 120, 0.53);pointer-events: none;}
  #header>* {pointer-events: auto;}
  #header .site-logo {margin:0;position:absolute;top:0;left: 110px;height:100%;display:flex;align-items: center;}
  #header .site-name a img {margin: 0 auto;max-height:35px;max-width: 150px;}
  .header-top .navigation-buttons {position:absolute;top:0;height:100%;right:70px;display:flex;flex-flow:row;gap:15px;align-items: center;}
  .header-top .oblibeneBtn {position: relative;top:unset;right:unset;left:unset;margin:0;}
  .header-top .oblibeneBtn::before {margin:0;}
  .header-top #dkLabComparerHeaderWrappper {display: contents;}
  .header-top #dkLabComparerHeaderIconBtn::before {font-size: 23px;top:unset;margin:0;}
  #header .cart-count {position: relative;top:unset;right:unset;left:unset;margin:0;}
  #header .cart-count::before {margin-right: 5px;}

  #header .c-phone {display: none;}
  .header-top {height:0;}

  .ordering-process .site-name {display: block;}
  .ordering-process .responsive-tools>a[data-target=navigation] {top:unset;position:absolute;right:16px;width:40px;height:40px;line-height: 1;}
  .ordering-process .responsive-tools>a[data-target=navigation]::before {vertical-align: unset;}
  ol.cart-header {margin-top:0;}
  .ordering-process #content-wrapper {margin-top:0;}

  .breadcrumbs {clear:both;float:none;margin-top:10px;}

  .subcategories li a {height: 58px;}
  .subcategories li a .text {max-height: 48px;font-size: 14px;line-height: 16px;}
}

@media (max-width: 479px) {
  #header .site-logo {left: 65px;}
}

@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;}
}

@media (min-width: 768px) and (max-width: 992px) {
  .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;}
  .text .btn.btn-default { margin-top: 0px;}
}