/* Main Menu */
@media only screen and (max-width: 1560px) {
  .flex-fill.main-menu, .flex-fill.sub-menu-space {
    max-width: 28vw;
  }
  .submenu {
    left: 28vw;
  }
  .sub-menu {
    width: calc(100vw - 28vw);
  }
  .menu li a {
    width: 28vw;
  }
}
@media only screen and (min-width: 1441px) {
  .container {
    width: 1400px;
    max-width: none;
  }
}

/* Submenu Promo */

@media only screen and (max-width: 1440px) {
  .col-3.submenu-promo  {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }	
  .submenu-promo img{
    position: absolute;
    left: -30%;
    bottom: -45px;
    width: 170%;
  }
  .container {
    max-width: 1280px;
    width: 1280px;
 }

}
@media only screen and (max-width: 1333px) {
  .submenu-promo {
    visibility: hidden;
  }	
}
@media only screen and (max-width: 1289px) {	
  
  #c-time, #c-info-item {
    /*display: block;*/
    /*margin-left: 0;*/
    margin-top:10px;
  }
  button.btn-text.user-icon {
    display: block;
  }
  .set-menu {
    padding: 0px 15px;
    width: 260px;
  }
  .sids {
    width: 260px;
    padding: 0 15px;
    float: left;
  }
  .container-fluid.has-sids {
    width: calc(100% - 260px);
  }
  .xw-modal-wrapper {
  max-width: 56%;  
  }
}
@media only screen and (max-width: 1199px) {
  .container-inner {
    width: 70%;
}
 .aside {
    width: 30%;
    text-align:center;
}
.info-type-product {
    text-align:left;
}
  #main-banner .carousel {
    height: auto;
}
  .header .head-row > li {
    float: none;
  }
  .header .head-row > li:last-child {
    float: left;
  }
  .head-menu-cn .search-cn {
    width: 420px;
    position: relative;
  }
  .head-menu-cn .search-cn .search {
    position: relative;
  }
  .poradca.ld, .cart.ld {
    display:none;
  }
  .poradca.md, .cart.md {
    display: inherit;
  }
  .container{
    width: 100%;
  }
  h3.xw-product-title {
    font-size: 28px;
  }
  .btn-primary {
    min-width: 0;
}
}

/*FOOTER*/
@media only screen and (max-width: 992px) {
  
  #mobilebar {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 44px;
}
  
  .xw-info-product-data h6.title {
    max-width: 100%;
}
  .spacer-80 {
    height: 10px;
}
  
  h2.title {
    letter-spacing: 5px;
  }  
  .header-row input[type="text"] {
    padding: 5px 20px;
    width: 95%;
}
  .carousel-item img {
  /*  width: 100%;*/
}
  .xw-e-workflow-image {
    opacity: 0.2;
}
  
  .modal-content {
    padding: 20px;
}
.xw-product-image.single-image {
    width: 100%;
}
#xw-quick-view-content .summary {
    width: 100% !important;
    margin-left: 0px !important;
}
  .md-hidden {
    display:none !important;
  }
  h2 {
    letter-spacing: 3.5px;
    font-size: 30px;
  }
  h2:before {
    bottom: -18px;
  }
  .space {
    height: 30px;
  }
  h2.headlines {
    padding-top: 50px;
  }
  h1.subtitle {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 1.3rem;
  }
  .content {
    text-align: left;
  }
  .header.mobile {
    display: inherit;
    margin-top: 50px;
  }
  .header.desktop, .desktop {
    display: none;
  }
  .header .logo {
    width: 100%;
  } 
  .head-menu-cn .head-menu {
    width: 100%;     
  }
  .head-menu-cn .head-menu li {
    width: 40%;
    height: 30px;        
  }
  .header .head-row li:last-child {
    float: left;
  }
  .head-menu-cn .search-cn ul li {
    display: block;
    background: #951;
  }
  .head-menu-cn .search-cn {
    width: 100%;
  }
  .head-menu-cn .search-cn .search {
    width: 100%;
  }
  .f-right.mb {
    display: inherit;
  }
  .f-right.ld {
    display: none;
  }
  .cart.md, .poradca.md {
    display: none;
  }
  .mb > .menu-icon::before,
  .mb > .user-icon::before,
  .mb > a.phone-icon::before,
  .mb > .info-icon::before,
  .mb > .print-icon::before,
  .mb > a.cart-icon::before, 
  .mb > a.favourite-icon::before {
    font-size: 25px;
    padding-bottom: 5px;
    margin: 0;
    display: block;
  }

  #mobile {
    display: inherit;
  }
  .logo-mobile {
    display: block;
    margin: 5px auto;
    max-width: 100%;
    padding-bottom: 5px;
  }
  .logo {
    display: none !important;
  }
  #desktop {
    display: none;
  }
  .top-bar .container-fluid {
    padding: 0px;
  }
  #c-phone {
    font-size: 20px;
  }
  #c-phone::before {
    font-size: 20px;
  }
  #c-time {
    font-size: 15px;
  }
  .top-item.infopanel {
    text-align: center;
  }
  .container-fluid.has-sids {
    width: calc(100%);
  }
  .top-bar .top-item {
    padding: 5px 0 0 0;
  }
  .p-1 {
    padding: 0 .25rem !important;
  }
  .sids {
    width:100%;
    min-height:10px !important;
  }
  .sids.desktop {
    display: none;
  }
  .btn-side {
    background-color: #4b73b8;
    line-height: 2;
    padding: 10px 10px 10px 15px;
    color: #fff;
    border-radius: 0;
    margin: 5px auto;
    width: 95%;
    display: block;
  }
  .btn-side:hover {
    color: #d8e6ef;
    text-decoration: none;
  }
  a.slide-top {
    display: none;
  }
  #breadcrumbs {
    padding-top: 15px;
  }
  .breadcrumb.justify-content-end {
    float: none;
    justify-content: flex-start !important;
  }
  #regmodal .modal-title {
    margin-top: 30px;
  }
  #modalZabudnuteHeslo .modal-title {
    margin-top: 30px;
  }
  #regmodal .row .modal-title {
    margin-top: 0px;
  }
  .carousel-item {
    background-position: 52% 0 !important;
  }
  .carousel-caption {
    left: 0vw;
    width: 100vw;
  }
  #main-menu {       
    visibility: hidden;
  }
  .indicators {
    visibility: hidden !important;
  }
  .indicators-show-mobile {
    visibility: visible !important;
  }
  .nav-side-menu {
    display: initial;
  }
  .sub-menu::after {
    visibility: hidden;
  }
  .resultsCat .hidden, .resultsProd .hidden {
    display: block !important;
    width: 100vw;
  }

  .nav-side-menu {
    width:100%;
  }	

  #blogs .news > li > .date {
    margin: 0 auto 10px auto;
  }
  #blogs .news {
    text-align: center;
  }
  img.card-img-top {
    width: auto;
    max-height: 100px;
  }
  .t-item p {
    font-size: 12px;
    padding-left: 60px;
  }
  #sliderIndicators .carousel-inner {
    width: 90vw;
  }
  .carousel-control-prev, .carousel-control-next {
    display: none;
  }
  #sliderIndicators .carousel-item {
    min-height: 30px !important;
  }
  .product-cn .price-cn .price .old-price {
    display: block;
  }
  .product-cn .carousel-col:nth-child(2n) {
    float:right;
  }
  .f1 .f1-steps {
    font-size: 13px;
  }
  #fKosikPrihlasenie 
  label {
    line-height: 1.6;
  }
  .footer ul li a {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    display: block;
  }
  #footer-links h3 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 768px) {
  
  .single_add_to_cart_button {
   margin: 0 auto;
  }
  
  figure .xw-product-gallery-image img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}
  
  .category-img-l {
   display:none;
  }
  
  .aside {
    width:100%;
  }
  .container-inner{
    width:100%;
  }
  
  #main-banner .carousel-indicators{
    display: none !important;
  }
  
  #main-banner .carousel {
    height: auto;
}
  
  .xw-workflow .xw-e-workflow-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
  }
  .xw-modal-wrapper {
   max-width: 75%;
  margin: 0 auto;
  }
  .head-menu-cn {
    display: none;
  }
  #footer-promo {
    min-height: 120px;
  }
  .footer-promo-text {
    height: 80px;
    width: 300px;
  }
  #footer-links .justify-content-between {
    -ms-flex-pack: start !important;
    justify-content: start;
  }
  .promo-container {
    margin-top: 0;
    padding: 50px 0 50px 0;
  }
  .promo-price::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 114px;
    height: 3px;
    background: #a81f21;
    margin-left: 0;
    text-align: center;
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
  }
  .promo-price, .promo-text p, .promo-action {
    text-align: center;
  }
  .md-text-center {
    text-align: center !important;
    margin: 0 !important;
  }
}

@media only screen and (max-width: 567px) {
  
   .cat-wine {
     flex-wrap: nowrap !important;
   }
   .cat-wine .xw-short-title {
     display:none;
   }
   .xw-short-text-field {
    line-height: 1;
   }
   .xw-quantity-buttons  {
    margin-left: calc(50% - 86px - 43px);
    border: 0px !important; 
    }
  
    .md-w-100  {
    margin-top:10px;
    width: 100%;
  } 
  .md-w-100 .xw-m-title{
    text-align: left !important;
  } 
  .md-text-center {
    text-align: center !important;
  } 
  
  .category-img-r {
   display:none;
  }
  .xw-modal-wrapper {
  max-width: 75%;
  margin: 0 auto;
  }
  
  li.breadcrumb-item:nth-child(3), 
  li.breadcrumb-item:nth-child(4), 
  li.breadcrumb-item:nth-child(5), 
  li.breadcrumb-item:nth-child(6),
  li.breadcrumb-item:nth-child(7) {
    display: none;
  }
  .phm-0 {
    padding-left:0;
    padding-right:0;
  }
  #logmodal .modal-title {
    margin-top: 30px;
  }
  #loginfo .modal-title {
    margin-top: 30px;
  }
  .category-cn {
    background-size: cover;
    background-position: 0 50%;
  }
  #main-panel {
    height: auto;
  }   
  #cross-category .col-lg-3, #cross-category .col-md-3, #cross-category .col-sm-2, #cross-category .col-xs-2 {
    min-height: 100px;
  }
  #cross-category a > h4 {
    font-size: 15px;
    font-weight: 400;
  }
  #footer-links .row {
    padding: 0px 15px 0px 15px;
    text-align: center;
  }
  h5.order-title {
    line-height: 1.2;
  }
  #order .row {
    padding: 0 5px 0 5px !important;
  }
  #order.card-body {
    padding: 0.25rem !important;
  }
  #order .p-4 {
    padding: 0.5rem !important;
  }
  .order-container {
    overflow: hidden;
  }
  .gifts {
    margin: 5px 0px !important;
    padding: 15px 0px !important;
  }
  .gifts h1 {
    padding-top:15px;
  }
  .gifts h3 {
    font-size: 1.1rem;
  }
  #formProfilUzivatela .row {
    padding: 0 5px 0 5px;
  }
  .panels [class*="col"] {
    padding-right: 0;
    padding-left: 0;
  }
  .main-wrapper.has-sids {
    padding-bottom: 0px;
  }
  .space {
    height: 0;
  }
  .carousel-item {
    background-size: cover !important;
  }
  .carousel-caption {
    top: 0px;
    overflow: hidden;
    left: 0vw;
    width: 100vw;
  }
  .carousel-caption .preheading {
    font-size: 13px;
    line-height: 1.2;
  }
  .carousel-caption .heading {
    font-size: 20px;
  }
  .carousel-caption .subheading {
    font-size: 15px;
  }
  .carousel-caption .text {
    font-size: 12px;
  }
  .carousel-caption .pricebox {
    margin: 0px auto 0px auto;
    font-size: 25px;
  }
  .carousel-caption .pricebox span {
    font-size: 10px;
  }
  .product-cn a h3{
    min-height: 15px;
  }
}
@media only screen and (max-width: 420px) {
  .f1 .f1-steps p {
    display: none;
  }
  #formProfilUzivatela  .f1 .f1-steps p {
    display: block;
  }
  #formProfilUzivatela .f1-steps .mob {
    display: none;
  }
}
@media only screen and (max-width: 390px) {
  .menu-icon:before, 
  .mb > .user-icon::before,
  .mb > a > .phone-icon::before,
  .mb > a > .cart-icon::before,
  .mb > .info-icon::before,
  .mb > .print-icon::before, 
  .mb > a > .favourite-icon::before {
    font-size:25px;
  }
  .flex-grow-1 {
    flex-grow: 0 !important;
  }
  .xs-mb  {
    justify-content: space-around !important;
  }
  .p-1 {
    padding: 0 !important;
  }
}

/* HIDDEN ELEMENTS */

@media only screen and (min-width:1200px) {
  .xl-hidden { display: none !important; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .lg-hidden { display: none !important; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .md-hidden { display: none !important; }
}
@media only screen and (min-width:576px) and (max-width:767px)  {
  .sm-hidden { display: none !important;
  }
  .sm-visible { display: block !important;
  }
}
@media only screen and (max-width:575px) {
  .xs-hidden { display: none !important; }
  .xs-visible { display: block !important; }
}