/*Base*/
@media only screen and (max-width: 992px) {
    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;
    }
}
@media only screen and (max-width: 576px) {
    .phm-0 {
        padding-left:0;
        padding-right:0;
    }
}
/*Header*/
@media only screen and (max-width: 1289px) {	
    #c-time, #c-info-item {
        display: block;
        margin-left: 0px;
    }
    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);
    }
}
@media only screen and (max-width: 1199px) {
    .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;
    }
}
@media only screen and (max-width: 992px) {
    .header.mobile {
        display: inherit;
    }
    .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%;
    }
    .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;
    }
}
@media only screen and (max-width: 768px) {
    .head-menu-cn {
        display: none;
    }
} 
/* BREADCRUMBS */
@media only screen and (max-width: 576px) {
    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;
    }
} 
@media only screen and (max-width: 992px) {
    #breadcrumbs {
        padding-top: 15px;
    }
    .breadcrumb.justify-content-end {
        float: none;
        justify-content: flex-start !important;
    }
}
@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;
    }
}
/* LOGIN AND REGISTRATION FORM */
@media only screen and (max-width: 576px) { 
    #logmodal .modal-title {
        margin-top: 30px;
    }
    #loginfo .modal-title {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 991px) { 
    #regmodal .modal-title {
        margin-top: 30px;
    }
    #modalZabudnuteHeslo .modal-title {
        margin-top: 30px;
    }
    #regmodal .row .modal-title {
        margin-top: 0px;
    }
}

/* Main Banner */
@media only screen and (max-width: 992px) {
    .carousel-item {
        background-position: 52% 0 !important;
    }
    .carousel-caption {
        left: 0vw;
        width: 100vw;
    }
}
@media only screen and (max-width: 576px) {
    .carousel-item {
        min-height: 220px !important;
        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;
    }
}

/* 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 (max-width: 992px) {
    #main-menu {       
        visibility: hidden;
    }
    .indicators {
        visibility: hidden !important;
    }
    .indicators-show-mobile {
        visibility: visible !important;
    }
}
/* Mobile Menu*/

@media only screen and (max-width: 992px) {
    .nav-side-menu {
        display: initial;
    }
    .sub-menu::after {
        visibility: hidden;
    }
    .resultsCat .hidden, .resultsProd .hidden {
        display: block !important;
        width: 100vw;
    }

}
@media only screen and (max-width: 993px) {
    .nav-side-menu {
        width:100%;
    }	
}
/* Blogs */
@media only screen and (max-width: 991px) {

    #blogs .news > li > .date {
        margin: 0 auto 10px auto;
    }
    #blogs .news {
        text-align: center;
    }
    img.card-img-top {
        width: auto;
        max-height: 100px;
    }
}

/* Submenu Promo */
@media only screen and (max-width: 1333px) {
    .submenu-promo {
        visibility: hidden;
    }	
}
@media only screen and (max-width: 1439px) {
    .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%;
    }
}
/* LOGIN FORM */

/* CROSS CATEGORY*/

@media only screen and (max-width: 576px) {
    .category-cn {
        background-size: cover;
        background-position: 0 50%;
    }
    #main-panel {
        height: 300px;
    }   
    #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;
    }
    
}

/*TOP 10*/
@media only screen and (max-width: 992px) {
    .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 */
@media only screen and (max-width: 992px) {
    .product-cn .price-cn .price .old-price {
        display: block;
    }
}
@media only screen and (max-width: 576px) {
    .product-cn a h3{
        min-height: 15px;
    }
}

/* CAROUSEL */
@media only screen and (max-width: 992px) {
    .product-cn .carousel-col:nth-child(2n) {
        float:right;
    }
}

/* CARD */
@media only screen and (max-width: 992px) {
    .f1 .f1-steps {
        font-size: 13px;
    }
    #fKosikPrihlasenie 
    label {
        line-height: 1.6;
    }
}
@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: 576px) {
    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;
    }
}
/*FOOTER*/
@media only screen and (max-width: 992px) {
    .xxxfooter 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) {
    #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;
    }
}
@media only screen and (max-width: 567px) {
    #footer-links .row {
        padding: 0px 15px 0px 15px;
        text-align: center;
    }
}