@media (max-width: 1199px) {
    #header div.top-nav div.menu-top-container ul {margin-left: 15px;}
    #header div.main-nav div.menu-left-container ul {margin-left: 15px;}
    #header div.main-nav div.menu-left-container ul li {margin-right: 30px;}
    #header div.main-nav div.menu-right-container ul {margin-right: 15px;}
    #header div.main-nav div.menu-right-container ul li {margin-left: 30px;}
}
@media (max-width: 1100px) {
    div.index-block div.movie-wrapper div.movie-title .txt { line-height:230%; }
}

@media (max-width: 991px) {
    .header-panel {padding-top: 80px;}
    #panels-close {top: 15px;left: 50%;right: auto; margin-left: -30px;}
    #newsletter .input-text-big {margin-bottom: 0.5em;margin-left:0;width: 100%;}
    #newsletter {text-align: center;}
    #menu-subscribe.menu-button {width: auto;}
    #search {padding-top: 80px;}
    #search .btn-search-promotion {margin-top: 1em;}
    #search .col-btn-search-promotion {text-align: center;}
    #header div.top-nav li a {font-size: 0.8em;}
    #header div.top-nav div.menu-top-container ul {margin-left: 0;}
    #header div.top-nav div.menu-top-container ul li {margin: 0 20px 0 0;}
    #header div.top-nav .social ul {margin-right: 30px;}
/* 
    #header div.top-nav .social ul li.facebook,
    #header div.top-nav .social ul li.twitter,
    #header div.top-nav .social ul li.instagram {
    	margin: 0 0 0 18px;
    }
 */
    #header div.main-nav li a {font-size: 1em;}
    #header div.main-nav div.menu-left-container ul {margin-left: 0;}
    #header div.main-nav div.menu-left-container ul li {width:84px;margin-right: 10px; }
    #header div.main-nav h2.logo {
        height: 80px;
        left: 50%;
        margin: 5px 0px 0px -60px;
        top: 8px;
        width: 120px;
    }
    #header div.main-nav h2.logo a { height:80px; }
    #header div.main-nav div.menu-left-container {
        float: left;
        line-height: 100px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #header div.main-nav div.menu-right-container {
        float: right;
        line-height: 100px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #header div.main-nav {
        border-bottom: 1px solid #f4f4f4;
        height: 100px;
        position: relative;
    }
    #header div.main-nav div.menu-right-container ul {
        margin-right: 0;
    }
    #header div.main-nav div.menu-right-container ul li {
        width:84px;
        margin-left: 10px;
    }
    div.index-block div.parking-wrapper {width: 49.7%; margin-right:0.3%; margin-bottom: 10px;}
    #body-panel.home-landing div.index-block div.shopping-wrapper { width:34.7%; } 
    #body-panel.home-landing div.index-block div.privilegecard-wrapper { width:34.7%; } 
    #body-panel.home-landing div.index-block div.event-wrapper { width:32.4%; } 
    #body-panel.home-landing div.index-block div.event-wrapper .title-container { font-size:1.2em; }

    #body-panel.eventandpromotion div.index-block div.event-wrapper .title-container { font-size:1.2em; }
    /*    #body-panel.eventandpromotion div.index-block div.event-wrapper { width:32%; margin:0.5%; } */
        #body-panel.eventandpromotion div.index-block div.event-wrapper { width:48%; margin:1%; } 
    #body-panel.home-landing div.index-block div.movie-wrapper { width:31.7%; } 

 	#head div.index-block div.item { height:320px; }
    #head div.index-block div.movie-wrapper { width:100%; height: 380px; margin-bottom: 10px;}
    #head div.index-block div.movie-wrapper .carousel-inner, div.index-block div.movie-wrapper .carousel-inner .item { height:380px; }
    #head div.index-block div.movie-wrapper div.item-top-wrapper { display:inline-block; height: 380px; width:36%; }
	#head div.index-block div.movie-wrapper .top_part { height:100%; }
	#head div.index-block div.movie-wrapper div.image-wrapper { width:100%; }
	#head div.index-block div.movie-wrapper div.movie-title { display:none; }
    #head div.index-block div.movie-wrapper div.clearfix { display:none; }
    #head div.index-block div.movie-wrapper div.movie-desc { display:inline-block; height: 300px; width:64%; float:right; }
    #head div.index-block div.movie-wrapper .carousel-control.right {left:21%;}
    #head div.index-block div.movie-wrapper .bottom_part { bottom:10%; right:0; width:52%; position:absolute; }
	#head div.index-block div.movie-wrapper div.movie-desc span.cast { display:inline; }
	#head div.index-block div.movie-wrapper div.movie-desc span.desc { display:inline; }
	
	#body-panel.movie div.index-block div.movie-wrapper {width:32.9%;margin-right:0.6%;}
	#body-panel.movie div.index-block div.movie-wrapper:nth-child(4n+4) { margin-right:0.6%; }
	#body-panel.movie div.index-block div.movie-wrapper:nth-child(3n+3) { margin-right:0; }
	
	div.index-block div.petfriendly-wrapper {
  margin-right: 0.3%;
  width: 49.4%;
}
div.index-block div.social-wrapper {
  width: 48.9%;
  margin-right: 0.3%;
}
    div.index-block div.dining-wrapper { margin:0; width: 49.7%; margin-right:0.6%; margin-bottom: 10px;}
    div.index-block div.shopping-wrapper { width:49.7%; margin-right:0.3; margin-bottom: 10px;}
    div.index-block div.privilegecard-wrapper { width:49.4%; margin-right:0.6%; margin-bottom: 10px;}
    div.index-block div.event-wrapper { width:49.7%; margin-right:0.6%; margin-bottom: 10px;}
    div.index-block div.event-wrapper div.image-wrapper { height:240px; }
    div.index-block div.happening-wrapper { width:49.7%; margin-right:0.3; margin-bottom: 10px;}
    /* div.index-block div.social-wrapper { width:49.7%; margin-right:0.6%; margin-bottom: 10px;} */
    div.index-block div.social-wrapper.ig { margin-right:0 !important; }
    div.index-block div.hotel-wrapper { width:100%; margin-right:0; margin-bottom: 10px;}

}


@media (max-width: 990px) {
    .search-form .search-form-inner {
        margin-top: 2em;
        margin-bottom: 1em;
    }
}

@media (max-width: 768px) {
    .login-form .menu-button {
        width: 100%;
    }
    #header.affix {
        background: #29487D none repeat scroll 0 0;
        position: fixed;
        top: 0;
    }
    #header.affix.going-down {
        transform: translate3d(0px, -100%, 0px);
    }
    #header.affix a {
        color: #fff;
    }
    #header.affix div.top-nav {
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
    }
    #header.affix div.top-nav div.social ul li.facebook a {
        background-image: none, url("../images/icon/icn_facebook.svg");
        background-size: 7px 15px;
        height: 15px;
        width: 7px;
    }
    #header.affix div.top-nav div.social ul li.facebook a:hover {
        background-image: none, url("../images/icon/icn_facebook.svg");
        background-size: 7px 15px;
        height: 15px;
        width: 7px;
    }
    #header.affix div.top-nav div.social ul li.twitter a {
        background-image: none, url("../images/icon/icn_twitter.svg");
        background-size: 15px 13px;
        height: 13px;
        width: 15px;
    }
    #header.affix div.top-nav div.social ul li.twitter a:hover {
        background-image: none, url("../images/icon/icn_twitter.svg");
        background-size: 15px 13px;
        height: 13px;
        width: 15px;
    }
    #header.affix div.top-nav div.social ul li.instagram a {
        background-image: none, url("../images/icon/icn_instagram.svg");
        background-size: 13px 13px;
        height: 13px;
        width: 13px;
    }
    #header.affix div.top-nav div.social ul li.instagram a:hover {
        background-image: none, url("../images/icon/icn_instagram.svg");
        background-size: 13px 13px;
        height: 13px;
        width: 13px;
    }
    #header.affix div.top-nav .btn-search {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    #header.affix div.top-nav .btn-search .icn {
        background-image: none, url("../images/icon/icn_search_white.svg");
        background-size: 16px 16px;
        height: 16px;
        width: 16px;
    }
    #header.affix div.top-nav .btn-search:hover {
        background-color: #F2CE74;
    }
    #header.affix div.top-nav .btn-search:hover .icn {
        background-image: none, url("../images/icon/icn_search_white.svg");
        background-size: 16px 16px;
        height: 16px;
        width: 16px;
    }
    #header.affix div.main-nav {
        border-bottom: 1px solid #fff;
    }
    #header.affix div.main-nav h2.logo {
        background-image: none, url("../images/logo.png");
        background-size: 217px 61px;
    }
	#head div.index-block div.movie-wrapper div.movie-desc span.cast { display:inline; }
	#head div.index-block div.movie-wrapper div.movie-desc span.desc { display:inline; }
}

@media (max-width: 767px) {
    a.btn-search-mobile { display: inline-block; }
    a.mobile-toggle.bar { display: inline-block; }
    #mobile-menu { display: block; }
    #about { padding: 70px 32px 75px; }
    #search .search-or {margin-top: 1.2em;}
    #header {top: 135px;}
    #header div.top-nav {display: none;}
    #header div.top-nav div.menu-top-container {display: none;}
    #header div.top-nav .social {
        display: none;
    }
    #header div.main-nav {
        height: auto;
        padding-bottom: 0px;
    }
    #header div.main-nav div.menu-left-container {
        display: none;
    }
    #header div.main-nav h2.logo {
        left: auto;
        margin: 0 auto;
        position: static;
        top: auto;
    }
    #header div.main-nav div.menu-right-container {
        display: none;
    }
    #head .info h3 {
        font-size: 3em;
        line-height: 1.3em;
    }
    #head .info h4 {
        font-size: 1.5em;
    }
    div.index-block {
        bottom: 0;
        margin-top: 50px;
    }
    div.index-block.clear-bottom {
        margin-top: 50px;
    }
    div.index-block div.dining-wrapper h5 { position:absolute; width:100%; text-align:center; color:#fff; margin-top:56px; }
    #body-panel.eventandpromotion div.index-block div.event-wrapper .title-container { font-size:1.2em; }
    #body-panel.eventandpromotion div.index-block div.event-wrapper { width:48%; margin:1%; } 
    #body-panel.movie div.index-block div.movie-wrapper { width:49.4%; margin-right:1.2%; margin-bottom:1.2%; } 
    #body-panel.movie div.index-block div.movie-wrapper:nth-child(3n+3) { margin-right:1.2%; }
    #body-panel.movie div.index-block div.movie-wrapper:nth-child(2n+2) { margin-right:0; }
	#head div.index-block div.movie-wrapper div.movie-desc span.cast { display:inline; }
	#head div.index-block div.movie-wrapper div.movie-desc span.desc { display:inline; }
}

@media (max-width: 680px) {
    div.index-block div.parking-wrapper .bar { font-size:1em; }
	#head div.index-block div.movie-wrapper div.movie-desc span.cast { display:none; }
	#head div.index-block div.movie-wrapper div.movie-desc span.desc { display:none; }
    #head div.index-block div.shopping-wrapper div.image-wrapper h5 { font-size:2.4em; }
    #head div.index-block div.dining-wrapper div.image-wrapper h5 { font-size:2.4em; }
    #head div.index-block div.event-wrapper div.image-wrapper h5 { font-size:2.4em; }
    #head div.index-block div.parking-wrapper div.image-wrapper h5 { font-size:2.4em; }
	#head div.index-block div.movie-wrapper div.movie-desc span.cast { display:inline; }
    #head div.index-block div.movie-wrapper div.movie-desc span.desc { display:none; }
    div.index-block div.happening-wrapper div.image-wrapper h5 { font-size:2.4em; }
    div.index-block div.social-wrapper div.image-wrapper h5 { font-size:2.4em; }
    div.index-block div.hotel-wrapper div.image-wrapper h5 { font-size:2.4em; }

}
@media (max-width: 480px) {
    div.index-block div.item {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }
/* 
    #body-panel.home-landing div.index-block div.shopping-wrapper { width:49.7%; margin-right:0; margin-bottom:1.2%; } 
    #body-panel.home-landing div.index-block div.privilegecard-wrapper { width:49.7%; margin-right:0; margin-bottom:1.2%; } 
 */
    #head div.index-block div.parking-wrapper { margin:0; width:100%; margin-bottom:1.2%; }
    #head div.index-block div.dining-wrapper { margin:0; width:100%; margin-bottom:1.2%; }
    #head div.index-block div.shopping-wrapper { margin:0; width:100%; margin-bottom:1.2%; }
    #head div.index-block div.privilegecard-wrapper { margin:0; width:100%; margin-bottom:1.2%; }
    #head div.index-block div.event-wrapper { margin:0; width:100%; margin-bottom:1.2%; }
    #head div.index-block div.happening-wrapper { margin:0; width:100%; margin-bottom:1.2%; }
    #head div.index-block div.social-wrapper { margin:0; width:100%; margin-bottom:1.2%; }
    #head div.index-block div.hotel-wrapper { margin:0; width:100%; margin-bottom:1.2%; }

    #head div.index-block div.movie-wrapper { margin:0; width:100%; margin-bottom:1.2%; height: 380px; }
    div.index-block div.movie-wrapper {height: 380px;}
/* 
    #body-panel.home-landing div.index-block div.event-wrapper { width:100%; margin-right:0; margin-bottom:1.2%; } 
    #body-panel.home-landing div.index-block div.movie-wrapper { width:49.7%; margin-right:0.6%; margin-bottom:1.2%; } 
 */
	#head div.index-block div.movie-wrapper div.movie-desc span.cast { display:inline; }
	#head div.index-block div.movie-wrapper div.movie-desc span.desc { display:none; }
	#body-panel.movie div.index-block div.movie-wrapper .movie_rate  { display:none; }
}
@media (max-width: 414px) {
    div.index-block div.dining-wrapper h5 { position:relative; width:100%; text-align:center; color:#000; }
    div.index-block div.dining-wrapper { width:100%; margin-bottom:1.2%; }
/* 
    #body-panel.home-landing div.index-block div.shopping-wrapper { width:100%; margin-right:0; margin-bottom:1.2%; } 
    #body-panel.home-landing div.index-block div.privilegecard-wrapper { width:100%; margin-right:0; margin-bottom:1.2%; } 
 */
    #head div.index-block div.movie-wrapper .top_part { height:100%; }
	#head div.index-block div.movie-wrapper { height:420px; }
    #head div.index-block div.movie-wrapper .carousel-inner, div.index-block div.movie-wrapper .carousel-inner .item { height:100% !important; }
    #head div.index-block div.movie-wrapper div.item-top-wrapper { width:100%; height:100%; }
    #head div.index-block div.movie-wrapper div.movie-desc { display:none; }
    #head div.index-block div.movie-wrapper .carousel-control.right { left:auto; right:0%; }
    #head div.index-block div.movie-wrapper .bottom_part { position:relative; width:100%; bottom:0; }
    #body-panel.movie div.index-block div.movie-wrapper {width:100%; margin:0; margin-bottom:2%; height: 420px;}
    div.index-block div.movie-wrapper .top_part { height:85%; }
    div.index-block div.movie-wrapper .bottom_part { height:15%; }
    
    #body-panel.eventandpromotion div.index-block div.event-wrapper { width:100%; margin-right:0; margin-bottom:1.2%; } 
/* 
    #body-panel.home-landing div.index-block div.movie-wrapper { width:100%; margin-right:0; margin-bottom:1.2%; } 
    #body-panel.movie div.index-block div.movie-wrapper { width:100%; margin-right:0; margin-bottom:1.2%; } 
 */
}