@media only screen and (max-width: 1199px) {   
#cssmenu > ul > li > a {
    font-size: 13px;
    padding: 20px 11px 35px;  
}
.temp{
	display: none;
}
.qr-code {
    right: -39px;
}
.search-wrap{
	float: left;
	width: 100%;
	min-height: 0;
}
.search-wrap li {

    width: 15%;
    }
.search-wrap li {
    margin: 0 9.22px 0 0;
 
}
header.fixed #cssmenu > ul > li > a {
    padding: 20px 11px 21px;
}
.carousel-exp a.more {
    bottom: 62px;
}
.carousel-exp .jcarousel-pagination {
    bottom: 85px;
}
.choose-wrap ul li:first-child a.more {
    bottom: 63px;
}
.choose-wrap ul li:first-child .carousel-room .jcarousel-pagination {
    bottom: 80px;
}
.sep:after {   
    right: -10px;   
}
.wrap-tittle .titles span {
    width: 100%;
     margin-top: 20px;
}
.skdslider .slide-desc h2{
    font-size: 50px;
}
.child-plan .plan-view p {
    font: 12px/14px 'metropolisregular';
}
.spotlight-wrap img.img-responsive {
    height: 280px;
}
.inner-content {
    padding: 30px 0;
}
.inner-tittle {
    margin: 0 0 20px;
}
}

@media only screen and (max-width: 1024px) {   
.skdslider .slide-desc h2 {
    font-size: 45px;
    line-height: 48px;
    text-align: center; 
}
.content-inner-wrap {
    padding: 0px;
}
.gallery-wrap{
    padding: 10px;
}
.wrap-list-details .detail-right li {
      width: 40%;
}
}
@media only screen and (max-width: 991px) {   
    .room-listing .col-md-12.text-center {
     margin-top: 0px; 
}
.top-head address{
	display: none;
}
.inner-tittle h2{
    padding: 0px;
}
#cssmenu > ul > li > a {
    font-size: 11px;
    padding: 20px 7px 35px;
}
header.fixed #cssmenu > ul > li > a {
    padding: 20px 8px 21px;
}
.search-wrap ul{
    margin: 0 -15px;
}
.search-wrap li {
    margin: 0 0 12px 0;
    width: 50%;
    padding: 0 15px;
}
.search-wrap li:last-child {
    width: 35%;
    margin: -50px 0 0px;
}
.search-container.fixed {
    display: none; 
}
.titles h2 {   
    float: left;  
    margin: 0 0 15px;
    width: 100%;
}
.titles span {
    float: left;    
    width: 100%;
}
.choose-wrap li.col-md-4 {
    margin: 0 0 20px;
}
.search-container {
    top: 62px;
    z-index: 11;
}
.search-container.fixed {
    display: block;
     top: 10px;
      position: absolute;
}
.skdslider .slide-desc h2 {
    font-size: 22px;
    line-height: 27px;
    padding: 0 65px;
    text-align: center;
}
.skdslider a.next{
    background-size: 62%;
}
.skdslider a.prev{
    background-size: 62%;
}

header.fixed {
    height: auto;
    position: static;
}
.choose-wrap ul {
    display: block;
    margin: 10px 0 0!important;
   padding: 40px 0 30px;
}
.choose-wrap {   
   padding: 40px 0 30px;
}
.who-we-wrap {  
    margin-top: 15px;
    min-height: 0; 
}

.event-wrap {
    padding: 40px 0 30px;
}
.sep:after{
    display: none;
}
.sep a{
    display: block;
    text-align: center;
}
section.spot{
    background-position: 0 0!important;
}
section.spot2 {   
    min-height: 0;
    background-position: 0 0!important;
  
}

.wedding-carousel:after {
    height:3px;
    position: absolute;
    right: 0px;
    top:auto;
    bottom:-19px;
    width:100%;
}
.wrap-testi {
    margin: 0 0 25px;
}
.wrap-tittle::after {
    background: url("../images/sep-contact-mob.png") no-repeat 43% bottom;
    bottom: -337px;
    content: "";
    height: 30px;
    position: absolute;
    right: -30px;
    top: auto;
    width: 100%;
}
.wrap-tittle {
    padding: 0;
}
.address-details {
    padding: 30px 0 0;
    text-align: center;

}
.wedding-carousel {
    padding-right: 0px;
    margin-bottom: 35px;
}
.wrap-discover .jcarousel img {
    width: 100%;
}
.wrap-tittle {
    padding: 0;
    text-align: center;
}
.footer .img-responsive {
    width: 10%;
}
.wrap-inner-content{
    margin: 0px;
}
.alter-list .left .pull-both {
    float: none;
}
.alter-list .right .pull-both {
    float: none;
}
.alter-list h3 {
    margin: 15px 0;
}
.footer-bottom p { 
    text-align: center;
}
.footer-bottom ul {
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}
.content-inner-wrap img{
    max-width: 100%;
}
.deal-box {   
    margin: 0 0 24px;  
}
.room-gallery .jcarousel img {
    width: 100%;
}
.room-listing li.col-md-12{
    clear:both;
}
.col-md-5.sep .image-wrap{
    text-align: center;
}
.globel-nav {
    margin-left: 68px;s
}
.navbar-brand {   
    padding: 10px 0;
}
.view-rate {
    float: left;
    margin: -20px auto 0;
    position: absolute;
    text-align: center;
    top: -77px;
    width: 100%;
    left: 0;
}
.view-rate img {
    margin-left: 0px;
    margin-top: 0px;
}
.search-container.fixed .view-rate {
    display: block;
}
.wrap-reg.career_form li.upload {
    margin-top: 0;
}
.reg-form li{
    width: 100%;
    clear:both;
    float: left;
}
.up{

    height: 50px;
    right: 20;
    width: 50px;
}

#bannerPopup{
    width: 100%!important;
}
.pop-close {
    height: 50px!important;
    right: 0!important;
    width: 50px!important;
}
.layer_content01 img{
    max-width: 100%;
}
.spotlight-wrap img.img-responsive {
    height: 320px;
}
.child-plan .plan-view {
    position: absolute;
    width: 410px;
    top: -176px;
    }
.child-plan .plan-view:after {
    left: 73%;
    bottom: -20px;   
    top: auto;
    transform: rotate(90deg);
}
.reg-form li.why-do .child-plan.active .plan-view {
    right: 0;
    top: -140px;
    width: 270px;
}

.icon-calendar {
     right: 24px;

}
.wrap-reg {
    float: left;
    width: 100%;
}

.offer-wrap {
    margin: 15px auto 15px;
    }

.room-listing li {
      padding-bottom: 17px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
}
.room-listing li li{
        padding-left: 0px;
}
.wrap-list-details .detail-right li {
    width: 48%;
        font-size: 13px;
}
section.inner-content {
    overflow: hidden;
}
}
@media only screen and (max-width: 768px) {   
.panel-body li{
	width: 100%;
}
span#large1 {  
    bottom: 41px;
    color: #fff;  
    right: 0;
    left: auto;  
    width: 100%;   
    z-index: 2;   
}
}
@media only screen and (max-width: 767px) {   
    
    body.homewrap .ui-datepicker {
    margin-top: 0;
}
  .ui-datepicker {
    margin-top: 0;
}
 .check-wrap{

    display: flex;
 }
 .reg-form li.why-do .child-plan.active .plan-view:after {
    left: 73%;
    bottom: -20px;
    }
.top-head .call{
    display: none;
}
.qr-code{
    display: none;
}
.top-head .col-md-5.col-sm-8.pull-right{
    width: 100%;
}
.navbar-brand {
    padding: 10px 0;
    position: absolute;
    top: 0px;
    left: 15px;
    width: 102px;
    z-index: 2;
}
#cssmenu ul {
    padding: 7px 0 10px;
}
#cssmenu > ul > li > a {
    font-size: 12px;
    padding: 12px 7px;
}
header.fixed #cssmenu > ul > li > a {
    padding:12px 7px;
}
#cssmenu > ul > li > a:hover {
    background: rgba(255, 255, 255, 0.1);
  
}
#cssmenu {   
    margin-bottom: 10px;  
}
.search-wrap li {
    margin-bottom: 16px;
    width: 100%;
}
.search-wrap li:last-child {
    margin: 0;
    width: 156px;
    text-align: right;
}
.globel-nav {
    margin-left:0px;
}

.gallery-wrap{
     padding: 10px;
}
.spotlight-wrap img.img-responsive {
    height: 470px;
}
.child-plan {
    float: none;
    cursor: pointer;
}
.child-plan i {
     left: -50px;
     top: 0px;
}
.child-plan .plan-view {
    position: absolute;
    width: 300px;
    top: -286px;
}
.child-plan.active .plan-view {
    right: 12px;
}
.child-plan .plan-view:after {
    left: 35%;
    bottom: -20px; 
}
.content-inner-wrap h3.tittle:before {
    top: 0px;
}
.room-listing {
    margin: 0;
}
.wrap-list-details .detail-right li {
    width: 100%;
  }
.room-gallery .room-slider .owl-item img {
    height: 288px;
}
.room-gallery {
    margin: 0 0 15px;
}
}
@media only screen and (max-width: 639px) {   
.view-rate {
    margin: 15px auto 0;
}
.titles h2 {
    font: 30px/42px "dinschriftregular";
}
.titles h2 i img {
    max-width: 62%!important;
}

}

@media only screen and (max-width: 480px) {   
 .skdslider .slide-desc h2 {
    font-size: 18px;
    line-height: 20px;
    padding: 0 65px;
    text-align: center;
}
.view-rate img {
    width: 84px;
}
Preloader[s-element] .PreloaderElement_boule{
    margin-left: -22%;
}
Preloader[s-element] .PreloaderElement_wave{
    margin-left: -22%;
}
.titles h2 {   
    font: 26px/42px "dinschriftregular"; 
}
}
@media only screen and (max-width: 360px) {   

}
@media only screen and (max-width: 359px) {   
.globel-nav li {
    margin-right: 6px;
}
.globel-nav li:after {   
    right: -5px;
}
}


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

}


@media only screen and (min-width: 768px) {   
 
}