@media screen and (min-width: 1800px) {

}

@media screen and (min-width: 1600px) {

}


@media screen and (max-height: 768px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1280px) {
    header .video-wrapper .scroll{
        bottom: 30px;
    }
    .uk-container{
        padding: 0 50px;
    }
}


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

}
@media screen and (max-height: 650px) {

}

@media screen and (max-width: 1100px) {
    ul.uk-navbar-nav{
        display: none;
    }
    .menu_mobile{
        display: block;
    }
    header .video-wrapper .scroll {
        bottom: 15px;
    }
    .uk-navbar-container {
        padding: 0 30px;
    }
    header .next-event-wrapper{
        right: 30px;
    }
    header .next-event-wrapper.next-event-hide{
        right: -100%;
        left: auto;
    }
    .section_header.scroll_menu{
        height: 54px;
    }
    .uk-width-1-2{
        width: 100%;
    }
    .section_welcome{
        text-align: center;
        padding: 50px 0;
    }
    .uk-social-icons{
        display: inline-block;
        margin: 25px auto 50px!important;
    }
    .uk-social-icons a{
        float: left;
    }
    .heading-line::after{
        margin: 0 auto;
    }
    .section_event .uk-grid .uk-width-1-2:nth-last-child(1){
        margin-top: 50px;
    }
    .uk-child-width-1-3\@s > *{
        width: 100%;
    }
    footer .reservation{
        margin-bottom: 50px!important;
    }
    footer .social {
        margin: 0 0 50px 0;
    }
    section.welcome .gallery img{
        height: auto;
    }
    .uk-container{
        padding: 0 30px;
    }
    .section_parallax{
        height: 300px;
    }
    .col_6{
        width: 100%;
    }
    .section_tabbar .col_6{
        width: 50%;
    }
    .section_eventscalendar{
        padding: 50px 0 0;
    }
    .details_aboutus{
        height: auto!important;
        padding: 0 0 30px;
    }
    .images_aboutus, .images_aboutus img{
        height: auto;
    }
    .section_aboutus:after{
        background-position-x: 40vw;
    }
    .section_aboutus{
        padding: 50px 0;
    }
    .section_menu{
        padding: 50px 0;
    }
    .row_aboutus {
        margin-top: 30px;
    }
    .section_tabbar li{
        padding: 0 10px;
    }
    .section_bookyourexperience p{
        margin-top: 15px;
    }
    .row_contact{
        text-align: center;
    }
    .section_getintouch{
        padding: 50px 0 0;
    }
    .section_map {
        padding: 50px 0 0;
    }
    .section_bookyourexperience{
        padding: 50px 0;
    }
    .images_offering, .images_offering img{
        height: auto;
    }
    .offersing_list p{
        width: 100%;
    }
    .details_offering{
        padding: 0 0 50px;
    }
    .section_offering{
        padding: 50px 0 0;
    }
    .section_offering_service{
        padding: 0;
    }
}

@media screen and (max-width: 820px) {
    .section_menu p>label {
        width: auto;
        display: inline;
        white-space: normal;
    }
    .section_map iframe{
        height: 400px;
    }
    .section_offering_service li{
        width: 50%;
    }
    .box_card{
        height: 290px;
    }
}
@media screen and (max-height: 600px) {

}

@media screen and (max-width: 640px) {
    .flame-button.shine-button label{
        display: none;
    }
    .button_container{
        right: 145px;
    }
    section.welcome .gallery img {
        height: 400px;
    }
    header .next-event-wrapper {
        right: 30px;
        left: auto;
        margin: auto;
        width: 70%;
        bottom: 30px;
    }
    header .next-event-wrapper .content a.btn-book{
        display: none;
    }
    header .next-event-wrapper .content a.title{
        font-size: 20px !important;
        line-height: 20px !important;
    }
    header .next-event-wrapper .content{
        padding: 15px 0 15px 15px;
        width: calc(100% - 100px);
    }
    header .next-event-wrapper .schedule{
        width: 80px;
    }
    header .next-event-wrapper .schedule .date{
        margin: 15px 0 0 0;
    }
    .overlay.open{
        width: 100%;
    }
    .uk-social-icons li, footer .social li {
        float: none;
        padding: 5px;
        list-style: none;
        display: inline-block;
    }
    .uk-container{
        padding: 0 30px;
    }
    /*.section_tabbar .uk-container{*/
    /*    display: inline-block;*/
    /*    text-align: center;*/
    /*}*/
    /*.section_tabbar .col_6{*/
    /*    width: 100%;*/
    /*}*/
    /*.section_tabbar ul{*/
    /*    float: none;*/
    /*    display: inline-flex;*/
    /*    margin: auto;*/
    /*}*/
    .section_tabbar{
        padding: 10px 0;
    }
    .section_tabbar h3{
        font-size: 18px;
    }
    .details_menu{
        padding: 0;
    }
    .details_menu ul{
        display: inline-block;
        width: 100%;
    }
    .details_menu li{
        width: 100%!important;
    }
    .icon_menu{
        margin: auto auto 15px;
    }
    .details_menu li:nth-child(1):after{
        content: none;
    }
    .information_menu {
        padding: 0;
        text-align: center;
    }
    .section_map iframe{
        height: 350px;
    }
    header .video-wrapper::after {
        left: -20%;
        border-right: 40vw solid transparent;
        border-bottom: 20vw solid #494949;
    }
    header .video-wrapper .scroll{
        transform: rotate(26deg);
    }
    .button_container label{
        display: none;
    }
    header .video-wrapper .scroll {
        bottom: -5px;
    }
    header .video-wrapper::before{
        transform: rotate(27deg);
        left: -2.1vw;
        bottom: 8.4vw;
    }
    .section_tabbar .col_6:nth-child(1){
        display: none;
    }
    .section_tabbar .col_6 {
        width: 100%;
    }
    .section_tabbar ul {
        float: none;
        margin: 0 auto;
        display: inline-block;
    }
    .section_tabbar{
        text-align: center;
    }
    .section_offering_service li{
        width: 100%;
        padding: 15px 0;
    }
    .box_card{
        height: auto;
    }
}

@media screen and (max-height: 600px) {

}

@media screen and (max-width: 414px) {
    .section_tabbar {
        font-size: 12px;
    }
    .section_tabbar h3 {
        font-size: 15px;
    }
    .section_tabbar li {
        padding: 0 5px;
    }

}


@media screen and (max-width: 390px) {
}

@media screen and (max-width: 360px) {

}