@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: 13%;
}
.search-wrap li:last-child {
    width: 19%;
}
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;
}
}

@media only screen and (max-width: 1024px) {   
.skdslider .slide-desc h2 {
    font-size: 45px;
    line-height: 48px;
    text-align: center; 
}
.content-inner-wrap {
    padding: 15px;
}
.gallery-wrap{
    padding: 10px;
}
}
@media only screen and (max-width: 991px) {   
.top-head address{
	display: none;
}
#cssmenu > ul > li > a {
    font-size: 11px;
    padding: 20px 7px 35px;
}
header.fixed #cssmenu > ul > li > a {
    padding: 20px 8px 21px;
}
.search-wrap li {
    margin-bottom: 6px;
    width: 49%;
}
.search-wrap li:last-child {
     width: 35%;
    margin: -37px -12px 0 24px;
}
.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 {
    position: relative;
    top: 10px;
    z-index: 11;
}
.search-container.fixed {
    display: block;
     top: 10px;
     position: relative;
}
.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%;
}
.search-wrap:before{
    display: none;
}
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;
}
.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%;
}
}
@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) {   
.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: 7px;
    width: 100%;
}
.search-wrap li:last-child {
    margin: 0;
    width: 156px;
    text-align: right;
}
.globel-nav {
    margin-left:0px;
}

.gallery-wrap{
     padding: 10px;
}
}
@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) {   
 
}