header {
  background-color: #333333;
  margin: 0;
}

h1{
  font-size: 60px;
}

h2{
font-size: 13px;}

.none {
  display: none;
}


#header .left .fa-concierge-bell {
  font-size: 15px;
  color:#d9a76a;
}

#content7{
  width: 100%;
}

#top{
  /*height:420px;*/

  background: url(../img/background.jpg) no-repeat center center /cover;
  width: 100%;
}

#top #header .logo img{
  /*width: 80%;*/
}
#header nav.right{
  margin-right: 15px;
}
#banner .mainlogo{
  width:80%;
}
#banner .intro-text {
  /*top: 38%;*/
  top: 45%;
}


#banner .intro-text h1 {
  display: none;
}
/*#banner .video-btn {
  padding: 12px 18px 12px 18px;
}*/



#content1 {
  height:470px;
  padding-top: 0;
}

#content1 h1, #content1 h2{
  display: none;
}


#content1 .play {
  display: none;
}
.play2 {
  display: none;
}
.play3{
  display: none;
}
.play4 {
  position: absolute;
  top: 40%;
  left:5%
}

.play4 img{
  width: 95%;
}

.white-back {
  background-color: #fff;
  height:50px;
}
.white-back img{
  display: block;
  padding-top: 13px;
  margin-left: 20px;
  width: 90%;
}

#content5 .rooms .roomstyle img{
  width: 100%;
}

/* content2 */
#content2 .left.box {
  display: none;
}

#content2 .right.box{
  width: 100%;
    flex: none;
    height: 1000px;
  }

  #content2 .right.box .play {
    top: 20%;
}

#content2 .right.box .image{
  width: 88%;
    height: 400px;
    text-align: center;
    justify-content: center;
    right: 10%;
    margin: 60px 30px;
}
#content2 .aboutus{
  margin: 480px 65px 0 65px;
}

#content2 .aboutus a {
display: none;
}

#content2 .aboutus h1{
  font-size: 39px;
}
#content2 .aboutus h2{
  font-size: 13px;
}
#content2 .aboutus h3{
  font-size: 13px 
}

#content2 .aboutus ul {
  padding: 35px 25px 0 25px;
}


/* content3 */

#content3 .right.box {
  display: none;
}

#content3 .left.box{
  width: 100%;
    flex: none;
    height: 1000px;
  }
#content3 .left.box .image{
  width: 88%;
    height: 400px;
    text-align: center;
    justify-content: center;
    right: 10%;
    margin: 60px 30px;
}
#content3 .left.box.box .play {
  top: 20%;
}


#content3 .aboutus{
  margin: 480px 65px 0 65px;
  right: 0;
}

#content3 .aboutus a {
display: none;
}

#content3 .aboutus h1{
  font-size: 39px;
}
#content3 .aboutus h2{
  font-size: 13px;
}
#content3 .aboutus h3{
  font-size: 13px 
}

#content3 .aboutus ul {
  padding: 35px 25px 0 25px;
}

/* content4 */
#content4 .left.box {
  display: none;
}

#content4 .right.box{
  width: 100%;
    flex: none;
    height: 1000px;
  }
#content4 .right.box .image{
  width: 88%;
    height: 400px;
    text-align: center;
    justify-content: center;
    right: 10%;
    margin: 60px 30px;
}

#content4 .right.box .play {
  top: 20%;
}

#content4 .aboutus{
  margin: 480px 75px 0 75px;
}

#content4 .aboutus a {
display: none;
}

#content4 .aboutus h1{
  font-size: 39px;
}
#content4 .aboutus h2{
  font-size: 13px;
}
#content4 .aboutus h3{
  font-size: 13px 
}

#content4 .aboutus ul {
  padding: 35px 25px 35px 25px;
}

/* content5 */
#content5 .rooms h2{
  font-size: 13px;
}
#content5 .rooms .roomstyle{
  margin-left: 50px;
  margin-right: 50px;
  padding-top: 100px;
    padding-bottom: 100px;
}
#content5 .aboutus{
  display: none;
}

#content5 .thumb{
  padding: 50px 30px 0 30px;

}

#content5 .thumb2{
  padding: 0 30px 0 30px;

}

#content5 .second{
  position: relative;
}

#content5 .first{
  display: block;
}
#content5 .white-back img{
  margin-left: 30px;
}
#content5 .play4{
  left: 0;
  top: 35%;
}
#content5 .play4 img{
width: 100%;}

#content5 .flexbox{
margin: 0;
margin-top: -57px;
}

#content7 .special h1.mobilefont{
  font-size: 32px;
}
#content9 .rooms .roomstyle .bye{
  display: none;
}
/* content6 */
#content6 .travel .traveling .bye{
display: none;
}

#content6 .travel .traveling {
  padding-top: 75px;
  padding-bottom: 100px;
}

#content6 .travel .traveling h2{
  font-size: 13px;}

  #content6 {
    padding: 0 0 60px 0;
  }

  #content5 {
    padding: 0 0 60px 0;
  }
/* content7 */
#content7 .special h1{
  font-size: 40px;
}

#content7 .special h2{
  font-size: 14px;
}

#content7 .thumb {
position: relative;
}

#content7 .thumb .first{
  display: none;
}

#content7 .thumb .second .box2{
  display: none;
}
#content7 .thumb .second h1{
font-size: 20px;
}
#content7 .thumb .second h2{
  font-size: 16px;
  margin-bottom: 14px;
  }
  #content7 .white-back img{
    margin-left: 20px;
  }
  #content7 .white-back{
    margin-bottom: 40px;
  }



/* content8 */
#content8 .instagram h1{
  font-size: 50px;
}

#content8 .instagram h3{
  font-size: 20px;
}
#content8{
  padding: 0;
  height: auto;
  width: 100%;
}

#content8 .thumb{
  padding: 0;
}

#content8 .thumb .first{
  height: 150px;
}

#content8 .thumb .second{
  height: 150px;
}

#content8 .thumb .third{
  height: 220px;
}

#content8 .thumb .fourth{
  height: 220px;
  margin: -60px 10px 10px 10px;
}

#content8 .thumb .first .feed img{
  width: 100%;
}
#content9 {
  padding: 0 0 90px 0;
}

#content9 .thumb .first .aboutus{
  display: none;
}

#content9 .thumb {
  padding: 0;
  display: flex;
  flex-direction: column;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: -30px;
  padding-bottom: 0 !important;
}

#content9 .thumb .first {
  width: 100%;
  height: 200px;
  margin: 0;
  margin: 50px auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

#content9 .thumb .second{
  display: none;
}

#content10 {
  background: url(../img/mobile/2.png) no-repeat center center;
  background-size: cover;
height: auto;
}

  #content10 .special h1{
    font-size: 32px;
  }

  #content10 .special .mobilein{
    width: 100%;
    height: 240px;
  }

  #content11 {
    background: url(../img/mobile/2.png) no-repeat center center;
  background-size: cover;
    height: auto;
  }

  #content11 .special h1{
    font-size: 32px;
  }

  #content11 .special .mobilein{
    width: 690px;
    height: 240px;
  }
.vl{
  top: 48%;
}
#content5 .thumb .second .mobile{
  font-size: 15px;
}

#content5 .thumb .second .mobile2{
  font-size: 16px;
}


.white-back2{
  margin-left: 0;
  margin-top: 60px;
}

.white-back2 img{
  display: block;
  padding-top: 13px;
  margin-left: 20px;
  width: 90%;
}
#top #banner .intro-text2{
  display: none;
}

#bottom .right {
  display: none;
}

#bottom .play {
  display: none;
}
#bottom .play2 {
  display: none;
}

#bottom .play4 {
  position: absolute;
  top: 40%;
  left: 2%;
}

.aboutsec {
  display: flex;
  flex-direction: column;
background: none;
}

.aboutsec .thumb{
  flex-direction: column;
  flex: none;
  padding: 0;
}


.aboutsec .thumb .first{
  flex: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.aboutsec .thumb .second{
  flex: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.aboutsec .thumb .first .firstpic img{
width: 100%;
}

.aboutsec .thumb .second .secondpic {
  margin: 0;
}

.aboutsec .thumb .second .secondpic .set{
  display: none;
}

.aboutsec .thumb .second .secondpic img {
  position: relative;
  margin-left: 0;
  width: 100%;
  margin-top: 10px;
}

.aboutsec .thumb .third .thirdpic {
  margin: 0;
}

.aboutsec .thumb .third .thirdpic img{
  width: 100%;
  margin-top: 10px;
}

.aboutsec .thumb .fourth {
  flex: 0;
  width: 100%;
  margin: 0;
  margin-bottom: 70px;
}

.aboutsec .thumb .fourth h1{
  text-align: center;
  font-size: 40px;
}

.aboutsec .thumb .fourth h2{
  text-align: center;
  font-size: 13px;
  margin: 10px 40px;
}

.aboutsec .thumb .fourth h3{
  text-align: center;
  font-size: 25px;
}

.middle{
  background-size: cover;
  height: 300px;
}

#content7 .special .map {
  width: 100%;
}

#content7 .how {
  margin: 0;
  flex-direction: column;
  margin-left: 30px;
}

#content7 .special {
  margin-bottom: 0px;
}

#content7 .how .howfont {
  font-size: 12px;
  margin-left: 10px;
}

#content7 .how .make-enter{
  display: inline-block;
}

.how .public {
  flex: 0;
  margin: 50px 0;
}

.how .fa {
  font-size: 30px;
}

.how .bycar h1 {
  font-size: 30px;
}

.how .bycar h2 {
  font-size: 16px;
}


.how .public h1 {
  font-size: 30px;
}

.how .public h2 {
  font-size: 16px;
}

/* room */
#information {
    position: relative;
    top: 40px;
  margin: 48px 0 0px 0;
}
#information .info-lay {
  text-align: center;
  /*margin: 0 30px;*/
  margin:0;
}
#information h1 {
 font-size: 28px;
}
#information .info-lay img{
  width: 100%;
}
#information .info-lay .reservation {
  /*padding: 25px 50px;*/
  padding: 10px 50px;
    background-color: #D9A76A;
    font-size: 20px;
    font-weight: 300;
    width: calc(100% - 20px);
    left: 0; 
    right: 0;
    margin: 0 auto;
    height: 46px;
    line-height: 0;
}

#information .info-lay .reservation i{
    position: relative;
    top: 2px;
}

#information .info-lay a {
  color: white;
}

#information .space {
  margin-top: 60px;
}
.reservation i {
  margin-right: 30px;
}

.reservation i.fa-concierge-bell{
 color: white;
}


#information .info-lay .info-text{
  display: none;
}
#information .info-lay .info-text2 {
	/* padding: 0 0 0 0; */
}

#roomdetail .play {
  display: none;
}

#roomdetail2 {
  display: none;
}
#roomdetail2 .images{
  display: none;
}
#roomdetail2 img{
  display: none;
}
#roomdetail3 {
	    margin-top: 60px;
}

.roomslider {
	top: -80px
}

.inmobile {
  background: url(../img/mobile/1.png) no-repeat center center;
    margin: 0;
}

#roomdetail3 #content7 .special .font70{
  font-size: 30px;
}
.inmobile img{
display: none;
}

.footerimg{
  height: 250px;}

#content5 .thumb .left, #content5 .thumb .right, #content5 .scroll {
  display: none;
}

#content5 .thumb3{
  display: flex;
  padding: 50px 30px 0 30px;
}

#content5 .thumb3 .second{
  width: 100%;
  height: 260px;
  margin: 10px 10px 10px 10px;
  -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
  -o-background-size: cover;
}

#content5 .thumb3 .second h1{
font-size: 20px;
margin-top: 110px;
text-transform: none;
font-weight: 600;
}

#top #banner .intro-text .delete{
  display: none;
}
#content6 .travel .traveling img{
  width:90%;
}
#content6 .travel .traveling .space .view-btn img{
  width: auto;
}

#content9 .rooms .roomstyle img{ width:90%;
}
/* footertop */
.footertop {
height: 36px;padding-top: 2px;

}



.footertop p {

	font-weight: 600;
	font-size: 10px;
	margin-right: 14px;
	letter-spacing: 3px;
}

.footertop h4 {
	font-weight: 600;
	font-size: 10px;
	margin-left: 14px;
		letter-spacing: 3px;

}

.footer ul li{
  display: none;
}

.footer ul li.logo{
display: inline-block;
text-align: center;
}

.footer ul li i{
  font-size: 26px;
}

.footer .logo a{
  font-size: 18px;
  padding-bottom: 30px;
}

.footer .info .first{
  font-size: 14px;
}

.footer .info .first p{
  display: flex;
  justify-content: center;
}

.footer .info .second a{
  font-size: 14px;
}
.footer .info .second{
  padding-bottom: 40px;
}

.footer .info .second .enter1{
  position: relative;
}

.footer .info .second .enter2{
  position: absolute;
  padding-top: 30px;
}

/* ==================================================================== */
.nav-bar .title .sub p{
    /*display: none;*/
  width:43%;
  float:left;
}
.nav-bar .title .sub p:nth-child(2n) { text-align:left; }
.nav-bar .title .sub p:nth-child(2n-1) { text-align:right; }
.nav-bar .title .sub-wrap p{
    display: none;
}
.nav-bar .title:before { clear:both; }
.nav-bar hr{
  margin-bottom: 0;
}

.nav-bar .title {
  width:80%;
}

.nav-bar p{
  margin: 10px 10px;
}
.nav-bar .hr{
    display: none;
  }
.mobilesub{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.mobile-nav-contents {
    display: block !important;
    color:#fff !important;
    margin-bottom: 0 !important;
}

.mobile-nav {
    background-color: #d9a76a; 
    color: #fff;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.mobile-nav p{
    padding-left: 30px;
}
.mobile-nav .first{
    padding-right: 0px;
}