/*
* Template Name:  InterContinental Bandung Dago Pakar 
* Author: Gavin
* Designed & Coding by : Gavin
*/

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

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

@media (max-width: 1280px) {
    h1{
        font-size: 2rem !important;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.3em;
        letter-spacing: 0.5px;
    
    }
    h2,h3{
        font-size: 1.5rem !important;
    }
    .dines_entry{
        width: calc(50% - 30px);
    }
}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
 
    /*-------------------------------------*/
    /* MAIN NAV */
    /*-------------------------------------*/
    .main_nav .primary_menu ._none_menu{
        display: block;
    }
    .nav_top{
        display: none;
    }
    .main_nav{
        top: 0;
    }
    .main_nav .primary_menu {
        display: none;
        height: 100vh;
    }
    .main_nav .primary_menu > li {
        -webkit-animation-duration: 0.8s;
        animation-duration: 0.8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
        animation-name: fadeInUp;
    }
    .main_nav .primary_menu > li:nth-child(1) {
        animation-delay: 0.3s;
    }

    .main_nav .primary_menu > li:nth-child(2) {
        animation-delay: 0.4s;
    }

    .main_nav .primary_menu > li:nth-child(3) {
        animation-delay: 0.5s;
    }

    .main_nav .primary_menu > li:nth-child(4) {
        animation-delay: 0.6s;
    }

    .main_nav .primary_menu > li:nth-child(5) {
        animation-delay: 0.7s;
    }

    .main_nav .primary_menu > li:nth-child(6) {
        animation-delay: 0.8s;
    }

    .main_nav .primary_menu > li:nth-child(7) {
        animation-delay: 0.9s;
    }

    .main_nav .primary_menu > li:nth-child(8) {
        animation-delay: 1s;
    }

    .main_nav .primary_menu > li:nth-child(9) {
        animation-delay: 1.3s;
    }

    .main_nav .primary_menu > li:nth-child(10) {
        animation-delay: 1.4s;
    }
    .main_nav .primary_menu > li:nth-child(11) {
        animation-delay: 1.5s;
    }
    .main_nav .primary_menu > li:nth-child(12) {
        animation-delay: 1.6s;
    }
    .main_nav .primary_menu > li:nth-child(13) {
        animation-delay: 1.7s;
    }

    /* Active home page*/
     .main_nav.main_nav_home.active .primary_menu{
        top: 80px !important;
    }
    .main_nav.main_nav_home .primary_menu li{
        height: auto !important;
    }
    .main_nav.main_nav_home .primary_menu .nav_sub li a,
    .main_nav.main_nav_home .primary_menu .nav_link{
        color: #000;
    }
    .main_nav.main_nav_home .primary_menu .nav_sub,
    .main_nav.main_nav_home .primary_menu .nav_sub .nav_sub_child{
        top: 0!important;
    }
    .main_nav.main_nav_home .primary_menu .nav_sub li{
        height: auto !important;
        border-bottom: 1px solid #f3f3f3;
    }
    /* End active home page*/

    .primary_menu.fix_lang{
        top: 0;
        height: 80px !important;
        background-color: transparent !important;
        display: block !important;
    }
    .main_nav.active .primary_menu {
        position: absolute;
        top: 80px;
        background-color: #fff;
        width: 100%;
        padding: 0;
        display: block !important;
    }

    .main_nav .primary_menu .nav_link {
        padding: 0;
        font-weight: 500;
        color: #000;
    }

    .main_nav .primary_menu .nav_link:after {
        left: 0;
    }

    .main_nav.active .primary_menu li {
        padding: 10px 20px;
        display: block;
    }

    .main_nav .primary_menu li {
        height: auto;
        padding: 5px 0;
        border-bottom: 1px solid #f3f3f3;
    }

    .main_nav .primary_menu .nav_sub,
    .main_nav .primary_menu .nav_sub .nav_sub_child {
        position: relative;
        width: 100%;
        top: 0;
        display: none;
    }

    .main_nav .primary_menu li:hover .nav_sub {
        display: none;
    }

    .main_nav .primary_menu .nav_sub:after,
    .main_nav .primary_menu .nav_sub .nav_sub_child:after {
        display: none;
    }

    .main_nav .primary_menu .nav_sub .nav_sub_child li {
        border-bottom: none;
        height: auto;
    }

    .main_nav .primary_menu .nav_sub .nav_sub_child {
        right: 0;
    }

    .main_nav .primary_menu .nav_sub:after {
        display: none;
    }

    .main_nav .primary_menu .nav_sub li {
        height: auto;
        padding: 0 0 0 20px;
        margin: 5px 0;
        border: none;
    }
    .main_nav .primary_menu .nav_sub li:last-child{
        margin: 5px 0 0;
    }
    .main_nav .primary_menu .nav_sub li:last-child{
        border-bottom: none;
    }

    .main_nav .primary_menu .nav_sub li a {
        color: #000;
    }

    .main_nav .primary_menu .nav_sub li a:after {
        background-color: #000 !important;
    }

    .main_nav .primary_menu li:hover .nav_sub li {
        padding: 0 0 0 20px;
        margin: 5px 0;
        vertical-align: top;
        display: block;
        animation-name: none;
        animation-delay: inherit;
    }

    .main_nav .primary_menu li:hover .nav_sub li .nav_sub_child li {
        animation-name: none;
        padding: 0 0 0 10px;
        margin: 5px 0;
    }

    .main_nav .primary_menu .nav_booknow,
    .main_nav .primary_menu .nav_tel {
        display: none !important;
    }

    .main_nav .primary_menu .ico_dropdown {
        display: block;
    }
    .main_nav.nav_flip {
        display: none;
    }
    .navmobile{
        display: block !important;
    }
    .main_nav .primary_lang .nav_lang.btn_booknow{
        display: none;
    }
    /*-------------------------------------*/
    /* MAIN NAV CHILD */
    /*-------------------------------------*/
    .main_nav.nav_child {
        top: 0;
        height: 70px;
        background-color: #fff !important;
        z-index: 10;
        transition: none !important;
    }
    .main_nav.nav_child .logo {
        bottom: 15px;
        width: auto;
        filter: none;
        -webkit-filter: none;
    }
    .main_nav.nav_child .primary_menu {
        height: 100vh;
    }
    .main_nav.nav_child .primary_menu li {
        height: auto;
    }
    .main_nav.nav_child .primary_menu .nav_link:after,
    .main_nav.nav_child .primary_menu .nav_sub li a:after {
        background-color: #000;
    }
    .main_nav.nav_child .primary_menu .nav_link {
        color: #000;
    }
    .main_nav.nav_child .primary_menu .nav_sub,
    .main_nav.nav_child .primary_menu .nav_sub .nav_sub_child {
        top: 0;
    }
    .main_nav.nav_child .primary_menu .nav_sub li a,
    .main_nav.nav_child .primary_menu .nav_sub .nav_sub_child li a {
        color: #000;
    }
    .main_nav.nav_child .primary_menu .nav_sub li,
    .main_nav.nav_child .primary_menu .nav_sub .nav_sub_child li {
        border-bottom: none;
    }
    .main_nav.nav_child .primary_menu .nav_sub:after,
    .main_nav.nav_child .primary_menu .nav_sub .nav_sub_child:after {
        background-color: #fff;
    }
    .main_nav.nav_child .primary_menu .nav_booknow,
    .main_nav.nav_child .primary_menu .nav_tel {
        display: block;
    }
    .main_nav .primary_menu .nav_lang .option_lang {
        top: 50px;
        right: inherit;
        left: 30px;
    }
    .main_nav .primary_menu .nav_lang .option_lang.active {
        animation: fadeInLeft 0.5s;
    }
    .main_nav .primary_menu .nav_lang.lang_inner {
        display: block !important;
    }

    /*-------------------------------------*/
    /* HEMBURGER */
    /*-------------------------------------*/
    .hamburger {
        display: block;
    }
    .main_nav.fix_menu .hamburger_box .menu_text:before,
    .main_nav.fix_menu .hamburger_box .menu_text:after{
        color: #000;
    }
    .main_nav.fix_menu .hamburger_inner,
    .main_nav.fix_menu .hamburger_inner::before,
    .main_nav.fix_menu .hamburger_inner::after{
        background-color: #000;
    }
    .hamburger_box .menu_text:before,
    .hamburger_box .menu_text:after{
        color: #000;
    }
    .hamburger_inner,
    .hamburger_inner::before,
    .hamburger_inner::after{
        background-color: #000;
    }
    .main_nav.fix_menu .primary_menu .nav_lang .lang_titel span{
        color: #000;
    }

    /*-------------------------------------*/
    /* SLIDESHOW */
    /*-------------------------------------*/
    .main_slideshow{
        margin-top: 70px;
    }
    .main_slideshow .box_slideshow .uk-slideshow-items {
        min-height: calc(50vh - 0px) !important;
    }
    .main_slideshow .box_slideshow h1 {
        font-size: 28px;
    }

    .main_slideshow .box_slideshow h3 {
        font-size: 20px;
    }
    .main_slideshow .box_slideshow .main_dotnav{
        display: none;
    }
    .main_slideshow .box_slideshow .uk-position-bottom{
        left: 30px;
        bottom: 30px;
    }
    .main_slideshow .box_slideshow .main_slideshow{
        bottom: 60px;
        left: 10px;
    }
    .main_slideshow .box_slideshow .nav_slideshow a{
        padding: 10px 23px;
    }
    .main_slideshow .box_slideshow .nav_slideshow{
        left: 10px;
    }
    .main_slideshow .box_slideshow .main_content{
        display: none;
    }
    
    /*-------------------------------------*/
    /* NAV MOBILE */
    /*-------------------------------------*/

    .nav_mobile {
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 12;
        display: flex;
        box-shadow: rgba(0, 0, 0, 0.09) 0 0 10px;
    }
    .nav_mobile .nav_ham{
        border-right: 1px solid #e2e2e2;
    }
    .nav_mobile .tel_box{
        padding: 5px;
    }
    .nav_mobile .nav_ham,
    .nav_mobile .tel {
        position: relative;
        background: #f4f4f3;
        width: 25%;
        height: 50px;
        color: #000;
        text-decoration: none;
        text-align: center;
        vertical-align: top;
        list-style: none;
        align-items: center;
        margin: 0;
        padding: 0;
        float: left;
        transition: all 0.6s;
    }

    .nav_mobile .nav_ham .uk-icon,
    .nav_mobile .tel .uk-icon {
        margin: auto;
    }

    .nav_mobile .nav_hamb:hover,
    .nav_mobile .tel:hover {
        color: #ba976d;
    }

    .nav_mobile .tel:hover {
        transition: all 0.15s;
    }
    .nav_mobile .book label {
        margin: auto;
    }
    .nav_mobile .book {
        background: #cfb4a8;
        width: 50%;
        height: 50px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        vertical-align: top;
        line-height: 0;
        list-style: none;
        align-items: center;
        display: inline-flex;
        margin: 0;
        padding: 0;
        float: left;
        cursor: pointer;
        line-height: 1em;
    }
    .nav_mobile .tel label,
    .nav_mobile .book label {
        text-transform: uppercase;
        color: #000;
        font-size: 12px;
        transition: all 0.6s;
        width: 100%;
        display: block;
    }
    .nav_mobile .book label{
        color: #fff !important;
    }

    /* .nav_mobile .book:hover {
        background: #101820;
    } */
    .nav_mobile .book:hover label{
        color: #fff !important;
    }

    /*-------------------------------------*/
    /* WRAPPER */
    /*-------------------------------------*/
    .common_wrapper .common_content .col_30,
    .common_wrapper .common_content .col_40,
    .common_wrapper .common_content .col_60,
    .common_wrapper .common_content .col_50{
        width: 100%;
    }
    .common_wrapper .common_content .common_row{
        padding-top: 50px;
    }
    .instagram_section .box_grid {
        margin-top: 30px;
    }
    .location_section{
        margin-top: 20px;
    }
    .location_section .common_row{
        padding: 50px 0;
    }
    .copyright{
        margin-bottom: 50px;
    }
    .common_wrapper .common_content .title.resp_hidden{
        display: block;
    }
    .common_wrapper .common_content .vr_360 img{
        margin: auto;
    }
  /*-------------------------------------*/
    /* HOME */
    /*-------------------------------------*/
    .welcome_section .base_detail .details_box{
        text-align: center;
        padding: 0;
        margin-bottom: 50px;

    }
    .welcome_section .contact_details .details_box{
        width: 100%;
        float: none;
    }
    .welcome_section .contact_details .img_box::after{
        bottom: 9px;
    }
    .welcome_section .contact_details .details_box .wrap_box{
        width: 96%;
    }
    .video_section .box_video{
        width: auto;
    }
    .card_section .main_slide{
        position: inherit;

    }
  
    .card_section{
        padding-bottom: 50px;
    }
    .card_section .base_card .uk-slidenav{
        color: #fff;
    }
    .card_section .main_slide .nav_slides a{
        background-color: rgb(0,0,0,60%);
        border: 0;
        padding: 10px 20px;
    }
    .card_section .uk-position-center-right{
        right: 10px;
    }
    .card_section .uk-position-center-left{
        left: 10px;
    }
    .rooms_wrapper .uk-position-center-left{
        left: 0 !important;
    }
    .rooms_wrapper .uk-position-center-right{
        right: 0 !important;
    }
    .rooms_wrapper .uk-width-4-5,
    .cardWidh_section .uk-width-4-5{
        width: 80%;
    }
    .dines_wrapper .nav_slides,
    .rooms_wrapper .nav_slides,
    .cardWidh_section .nav_slides{
        display: none;
    }
    .card_section .base_card .btn_float{
        margin-top: auto;
        float: inherit;
        text-align: center
    }
    .parallaxSlide_section .uk-position-center-left, 
    .parallaxSlide_section .uk-position-center-right{
        padding: 10px 20px;
    }
    .rewards_section{
        margin-top: 50px;
    }
    .rewards_section .common_row{
        padding: 50px 0;
    }
    .rewards_section .base_rewards{
        display: block;
        text-align: center;
    }
    .rewards_section .box_img{
        margin-top: 50px;
    }
    .common_wrapper .common_content .col_50.right{
        float: left;
    }
    .rewards_section .base_rewards .col_50.left,
    .rewards_section .base_rewards .col_50.right{
        position: relative;
        right: 0;
        left: 0;
    }
    .rewards_section .base_rewards .box_img img{
        height: auto;
    }
    .rewards_section .base_rewards .box_detail .logo_rewards{
        margin: auto;
    }
    .footer_section .base_detail,
    .footer_section .common_row .title,
    .footer_section .contact_f .details .title{
        text-align: center;
    }
    .footer_section .contact_f{
        border-left:none;
    }
    .footer_section .newletter_f .input_65 input{
        width: 89%;
    }
    .footer_section .common_row{
        padding: 30px 0;
    }
    .cardWidh_section .card_wrap .card_entry{
        margin-top: 50px;
    }

    .cardWidh_section .card_wrap .card_entry .box_img img,
    .club_section.cardWidh_section .card_wrap .card_entry .box_img img{
        height: auto !important;
    }
    .cardWidh_section .card_wrap .card_entry,
    .cardWidh_section .card_wrap .card_entry .wrap_detail,
    .club_section.cardWidh_section .card_wrap .card_entry,
    .club_section.cardWidh_section .card_wrap .card_entry .wrap_detail{
        height: auto;
    }

    .cardWidh_section .card_wrap .card_entry .wrap_detail .box_detail::before,
    .cardWidh_section .card_wrap .card_entry .col_40.left .wrap_detail .box_detail::before{
        display: none;
    }
    .insider_section{
        padding: 50px 30px;
    }
    .cardWidh_section.imgWidth .card_wrap .card_entry .box_img img{
        height: auto !important;
    }
    .cardWidh_section.imgWidth .card_wrap .card_entry{
        margin-top: 30px !important;
    }
    .cardWidh_section.imgWidth .card_wrap .card_entry:nth-child(1){
        margin-top: 0 !important;
    }
    .cardWidh_section.imgWidth .card_wrap .card_entry .title_entry,
    .cardWidh_section .card_wrap .card_entry .title_entry .title{
        position: relative;
        text-align: center;

    }
    .cardWidh_section .card_wrap .card_entry .title_entry .title{
        background-color: transparent;
        padding: 0 0 30px 0;
    }
    .cardWidh_section .card_wrap .card_entry .title_entry .title h3, 
    .cardWidh_section .card_wrap .card_entry .title_entry .title h4{
        color: #686869;
    }
    .footerBrand_section .common_brand{
        padding: 50px 0;
    }
    .footer_section .nav_f:nth-child(1),
    .footer_section .common_row .details:nth-child(2){
        margin-bottom: 30px;
    }
    .footer_section .social_f, 
    .footer_section .newletter_f{
        padding: 0;
    }
  
  
}

@media (max-width: 980px) {
    .card_section .base_card .uk-width-1-2{
        width: 100%;
    }
    .card_section .box_card.text_l{
        text-align: center;
    }
    .parallaxSlide_section .box_detail .uk-position-bottom{
        left: 10px;
        bottom: 0;
    }
    .parallaxSlide_section .box_detail .uk-position-bottom h4{
        font-size: 14px;
    }
    .parallaxSlide_section .box_detail .btn_view{
        font-size: 12px;
    }
    .parallaxSlide_section .box_detail .uk-position-right{
        right: 10px;
        bottom: 10px;
    }
    .common_card .base_card .uk-grid-margin{
        margin-top:0;

    }
    .instagram_section .box_grid .uk-child-width-1-4 > *{
        width: 50%;

    }
    .instagram_section .uk-grid-small > .uk-grid-margin{
        margin-top: 0;
    }
    .rooms_entry {
        width: 100%;
    }
    .dines_entry{
        width: calc(100%);
    }
    .dines_wrapper .uk-width-4-5{
        width: 80%;
    }
    .common_wrapper.common_awards{
        margin-top: 50px;
    }
    .common_wrapper.common_awards .common_content .common_row{
        padding: 50px 0;
    }


}

@media (max-width: 768px) {
    .common_wrapper .common_content{
        padding: 0 20px;
    }
    .nav_mobile .nav_ham,
    .nav_mobile .tel,
    .nav_mobile .book{
        width: 33.33%;
    }
    .main_slideshow .box_slideshow .nav_slideshow{
        display: none;
    }
    .common_card .base_card .uk-width-1-2{
        width: 100%;
    }
    .instagram_section .title h3{
        font-size: 18px !important;
        display: grid;
    }
    .video_section .box_video iframe{
        height: 400px;
    }
    .cardWidh_section .card_wrap .card_entry .box_detail{
        padding: 30px;
    }
    .boxSpaces{
        margin: 30px 0 0;
        padding: 30px 30px;
    }
    .boxSpaces .uk-button{
        padding: 0 10px;
    }

    .modelTable table {
        border: 0;
      }
    
      .modelTable table caption {
        font-size: 1.3em;
      }
      
      .modelTable table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }
      
      .modelTable table tr {
        /* border-bottom: 3px solid #ddd; */
        display: block;
        margin-bottom: .625em;
      }
      
      .modelTable table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 11px;
        text-align: right;
        text-transform: uppercase;
        font-weight: bold;
      }
      
      .modelTable table td::before {
        content: attr(data-label);
        float: left;
        font-family: 'Gill Sans';
        font-weight: bold;
        font-size: 11px;
        text-transform: uppercase;
      }
      .modelTable table td:nth-child(1){
        background-color: #ceb4a9;
        color: #fff;
        border-bottom: 0;
      }
      .modelTable table td:last-child {
        border-bottom: 0;
      }
      .modelTable .uk-modal-dialog{
        width: 100%;

      }
        .insider_section .insider_wrapper .insider_entry {
            width: calc(100%);
        }
    
        .insider_section .uk-button {
            padding: 0 10px;
            font-size: 11px;
        }
    
        .insider_section {
            padding: 30px 30px;
        }
        .sitemap_section .sitemap_details ul{
            columns: 1;
            -webkit-columns: 1;
            -moz-columns: 1;
        }
        .gallery_wrapper{
            justify-content: center;
        }
        .gallery_wrapper .gallery_entry{
            width: calc(50% - 30px);
        }
        .common_form .base_form .btnF,
        .common_form .base_form h3,
        .common_form .base_form .details{
            text-align: center;
        }
        .footerBrand_section .common_brand .base_brand .brand_wrap{
            justify-content: center;
        }
        .footerBrand_section .common_brand .base_brand .brand_wrap .brands_top{
            left: auto;
        }
        .footerBrand_section .common_brand .base_brand .brand_wrap .brands_bottom{
            right: auto;
        }
  
}

@media (max-width: 640px) {
    .welcome_section .contact_details .details_box .wrap_box{
        width: 94%;
    }
    h1{
        font-size: 1.5rem !important;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.3em;
        letter-spacing: 0.5px;
    
    }
    h2,h3{
        font-size: 1.3rem !important;
    }
    .card_section .box_card .box_detail{
        padding: 20px;
    }
    .common_wrapper .common_content .bnt_info,
    .common_wrapper .common_content .bnt_light{
        width: 80px;
        font-size: 12px;
    }
    .insider_section .insider_wrapper .insider_entry{
        width: calc(100%);
    }
    .insider_section .uk-button{
        padding: 0 10px;
        font-size: 11px;
    }
    .insider_section {
        padding: 30px 30px;
    }
    .modelTableDine table th{
        font-size: 11px;
    }
    .gallery_wrapper .gallery_entry{
        width: calc(100%);
        margin: 10px 0;
    }
    .common_form .box_map iframe{
        height: 250px;

    }
    .common_404 .base_detail h4{
        font-size: 1.20rem;
    }
   

}

@media (max-width: 414px) {
    .main_nav .primary_menu .nav_tel, 
    .main_nav .primary_lang .nav_lang{
        padding: 0 20px;
    }
    .instagram_section .title h3{
        font-size: 14px !important;

    }
    .video_section .box_video iframe{
        height: 250px;
    }
    .rewards_section .base_rewards .bnt_info{
        margin: auto;
        display: block;
    }
 
}

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