@charset "UTF-8";

/* No media query since this is the default in Bootstrap */
@media (min-width: 400px) {
.alergens p,
.menu-table h4{
    letter-spacing: 4px;
}
.menu-table p {
    font-size: 16px;
    line-height: 29px;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    h1{
        font-size: 80px;
        line-height: 82px;
    }
    .reviews .banner {
        height: 620px;
    }
    .gallery .col-xl-3{
        width: 50%;
    }
    .gallery .col-12{
        height: 225px;
    }
    .menu-table th, .menu-table td {
        padding: 7px 15px;
    }
    .menu-table td p,
    .menu-table td {
        font-size: 18px;
    }
    .date p:first-child {
        font-size: 40px;
    }
    h2 {
        font-size: 68px;
        line-height: 65px;
    }
    .info h2 {
        font-size: 42px;
        line-height: 44px;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .menu .nav-tabs .nav-link {
        margin: 0 -1px;
    }
    .navbar .navbar-brand img{
        width: 200px;
        transition: all .5s ease;
    }
    .fixed-top.minimized .navbar .navbar-brand img{
        width: 90px;
        transition: all .5s ease;
    }
    h1 {
        font-size: 110px;
        line-height: 115px;
    }
    .reviews .banner {
        height: 520px;
    }
    .badges img {
        width: 110px;
        height: 90px;
    }
    .gallery .col-12 {
        height: 250px;
    }
    .gallery .col-12.big-img {
        height: 500px;
    }
    .menu .nav-link span {
        padding: 20px 0;
        margin-bottom: 0;
        width: 315px;
    }
    .menu .nav-tabs .nav-link {
        font-size: 36px;
        line-height: 50px;
    }
    .menu .nav-tabs .nav-link.active{
        border-bottom: 1px solid white !important;
    }
    .tab-pane h3{
        padding: 15px 0;
    }
    .alergens p,
    .menu-table h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .menu-table th {
        width: 80%;
    }
    .menu-table .srdce-list:before{
        content: '';
        background: url('../images/menu/srdce-list.png');
        background-size: cover;
        display: block;
        position: absolute;
        top: 0;
        left: -53px;
    }
    .menu-table .list:before,
    .menu-table .srdce:before {
        right: auto;
        left: -35px;
    }

    .menu-table .chilli-1:after{
        right: -35px;
    }
    .menu-table .chilli-2:after{
        right: -50px;
    }
    #wine .menu-table th{
        padding: 15px;
        width: 70%;
    }
    #wine .menu-table td{
        display: table-cell;
    }
    .menu-table h4 {
        display: inline-flex;
    }
    .menu-table p.number {
        display: inline-flex;
    }
    .menu-table td {
        text-align: left;
    }
    #map{
        height: 400px;
    }
    #kdesenajim-cta{
        left: auto;
        width: auto !important;
        right: calc(50% - 300px);
        bottom: 120px;
    }
}
@media (min-width: 800px) {
    .menu-table .srdce-list:before{
        left: -60px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .menu .nav-tabs .nav-link {
        margin: 0 13px;
    }
    .navbar .navbar-brand img{
        width: 280px;
    }
    .fixed-top.minimized .navbar .navbar-brand img{
        width: 105px;
    }
    h1{
        font-size: 142px;
        line-height: 114px;
    }
    .info h2 {
        font-size: 52px;
        line-height: 50px;
    }
    .date p:first-child {
        color: white;
        font-size: 42px;
        line-height: 50px;
    }
    .about-us,
    .reservation{
        padding-top: 75px;
        margin-bottom: 110px;
    }
    .table-border{
        padding: 30px;
    }
    .reviews {
        margin-top: 150px;
        position: relative;
    }
    .reviews-carousel .owl-dots {
        bottom: 155px;
    }
    #social a{
        margin-left: 20px;
    }
    .footer .container-fluid{
        padding-bottom: 75px;
    }
    .info .container-fluid{
        padding-top: 65px;
        padding-bottom: 40px;
    }
    .navbar-toggler{
        margin: auto;
    }
    .fixed-top .container{
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-brand{
        margin-left: 0;
    }
    .navbar-nav{
        background: transparent;
        height: auto;
    }
    .navbar .nav-item:first-child .nav-link {
        margin-left: 55px;
    }
    .navbar{
        height: auto;
    }
    .slide-gallery .owl-item.active img{
        width: 100%;
    }
    .gallery .col-xl-3{
        width: 25%;
    }
    .gallery .col-12{
        height: 25vw;
    }
    .gallery .col-12.big-img{
        height: 50vw;
    }
    .menu-table .srdce-list:before{
        left: -71px;
    }
    #wine .menu-table th {
        width: 80%;
    }
    #kdesenajim-cta{
        right: calc(50% - 400px);
    }

}
@media (min-width: 1200px) {
    .navbar .nav-item.lang-margin .nav-link {
        margin-right: 40px !important;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: 99px;
    }
    .owl-carousel .owl-nav button.owl-next{
        right: 103px;
    }
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev{
        width: 90px;
        height: 90px;
        top: calc( 50% - 44px );
    }
    .badges img{
        width: auto;
        height: auto;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: 99px;
    }
    .owl-carousel .owl-nav button.owl-next{
        right: 103px;
    }
    .gallery .col-12{
        height: 25vw;
    }
    .gallery .col-12.big-img{
        height: 50vw;
    }
    .menu .nav-link span {
        width: 450px;
    }
    .slide-gallery .owl-item img {
        height: 370px !important;
        transition: all 1s ease;
    }
    .slide-gallery .owl-item.active img {
        height: 419px !important;
        transition: all 1s ease;
    }
    .h-custom{
        height: 420px;
    }
    #map{
        height: 500px;
    }

}
@media (min-width: 1250px) {

}

@media (min-width: 1440px) {

}
@media (min-width: 1470px) {
    .navbar-expand-lg .navbar-nav .nav-link{
        padding: 20px 60px;
    }
    .menu .nav-link span {
        width: 556px;
    }
    .slide-gallery .owl-item img {
        height: 560px !important;
    }
    .slide-gallery .owl-item.active img {
        height: 633px !important;
    }
    .h-custom{
        height: 633px;
    }
}
@media (min-width: 1500px) {

}

@media (min-width: 1680px) {
    .reviews-carousel .owl-dots {
        bottom: 80px;
    }
    .carousel,
    .carousel-inner,
    .carousel-item,
    .reviews .banner,
    .banner{
        height: 850px;
    }
    #kdesenajim-cta{
        right: calc(50% - 500px);
    }
}
@media (min-width: 1920px) {

}
/* We occasionally use media queries that go in the other direction (the given screen size or smaller) */
@media (max-width: 1919.98px){

}
@media (max-width: 1679.98px){

}

@media (max-width: 1439.98px){

}

@media (max-width: 1429.98px){

}

/*  Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .fixed-top .container{
        max-width: 100%;
    }
    .slide-gallery .owl-item img {
        padding-left: 10px;
    }
    .slide-gallery .owl-item.active img {
        padding-left: 0;
    }
    .menu-cs .pl-80{
        padding-left: 0;
    }

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .nav-item{
        background: white;
    }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .timetable th {
        width: 50%;
        padding: 39px 0 39px 10px;
    }
    .banner-text p{
        max-width: 265px;
    }
    .our-mission p.right{
        max-width: 280px;
    }
    .section-about-us p.right {
        max-width: 300px;
    }

}


@media (max-width: 399.9px){
    .menu-table p {
        line-height: 27px;
    }
}

@media (max-width: 374px){/*375*/

}
@media (max-width: 399.98px){/*399.98*/

}


/* Extra large devices (large desktops) No media query since the extra-large breakpoint has no upper bound on its width */

/*There are also media queries and mixins for targeting a single segment of screen sizes using the minimum and maximum breakpoint widths.*/


@media (min-width: 350px) and (max-width: 410px){
}
@media (min-width: 411px) and (max-width: 426px){
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (min-width: 768px) and (max-width: 1440px){

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

@media (min-width: 1200px) and (max-width: 1510.00px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* large devices and 1440 */
@media (min-width: 1200px) and (max-width: 1440px) {

}
/* Custom */
@media (min-width: 576px) and (max-width: 991.98px) {
    .ocenenia a{
        font-size: 12px;
    }
}
@media (min-width: 1200px) and (max-width: 1470px) {
   .opening-time{
       padding: 0;
   }
   .table-border{
       padding: 30px 10px;
   }
}
/* Custom */
@media (min-width: 1350px) and (max-width: 1650px) {
   .mr-custom{
       margin-right: 100px;
   }
}
/* Medium devices and Large */
@media (min-width: 576px) and (max-width: 1199.98px) {

}

@media (min-width: 768px) and (max-width: 1199.98px) {

}

@media (min-width: 576px) and (max-width: 767.98px) {

}