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

h1{
  font-size: 80px;
}

h2{
font-size: 28px;}

.none {
  display: none;
}

#header nav.left .reservation {
  float: left; 
  border: none;
  margin-left:-6px; 
  /*padding: 12px 14px;*/
  padding: 9px;
}
#header nav.left .monavericon{ width: auto; float: left; padding-top:8px; }
#header nav.left .monavericon:hover #monavericon{ background-color: #d9a76a; }
#header nav.left .reservation i{
  margin: 0;
  font-size:16px;
}


#header nav.right .moinstaicon{ width: auto; position: absolute; right: 50px;}
#header nav.right .moinstaicon:hover #moinstaicon{ background-color: #d9a76a; }


#header .left .fa-concierge-bell {
  font-size: 15px;
  color:#d9a76a;
}
#header nav.right{
  margin-right: 15px;
  padding-top:10px;
}

#content7{
  width: 100%;
}

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

#banner .mainlogo{
  width:80%;
    padding-bottom: 20px;
}


#banner .video-btn{
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
  border: 1px solid white;
  color:#fff;
  letter-spacing: 0.1em;
    font-size: 10px
}

#banner .intro-text {
   top: 45%;

}


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

#banner2 .mainlogo{
  width:60%;
  margin-top: 30px;
    padding-bottom: 20px;
}
#banner2 .intro-text {
  /*top: 38%;*/
}


#banner2 .intro-text h1 {
  display: none;
}
#banner2 .video-btn{
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
  border: 1px solid white;
  color:#fff;
  letter-spacing: 0.1em;
    font-size: 10px
}


#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: 1200px;
  }

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

#content2 .right.box .image{
  width: 92%;
    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: 49px;
}
#content2 .aboutus h2{
  font-size: 25px;
}
#content2 .aboutus h3{
  font-size: 23px 
}

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


/* content3 */

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

#content3 .left.box{
  width: 100%;
    flex: none;
    height: 1150px;
  }
#content3 .left.box .image{
  width: 92%;
    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: 49px;
}
#content3 .aboutus h2{
  font-size: 25px;
}
#content3 .aboutus h3{
  font-size: 23px 
}

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

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

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

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

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

#content4 .aboutus a {
display: none;
}

#content4 .aboutus h1{
  font-size: 49px;
}
#content4 .aboutus h2{
  font-size: 25px;
}
#content4 .aboutus h3{
  font-size: 23px 
}

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

/* content5 */
#content5 .rooms h2{
  font-size: 28px;
}
#content5 .rooms .roomstyle{
  margin-left: 50px;
  margin-right: 50px;
}
#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: none;
}
#content5 .white-back img{
  margin-left: 60px;
}
#content5 .play4{
  left: 0;
  top: 35%;
}
#content5 .play4 img{
width: 100%;}

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

#content7 .special h1.mobilefont{
  font-size: 52px;
}
#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: 28px;}

/* content7 */
#content7 .special h1{
  font-size: 80px;
}

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

#content7 .thumb {
position: relative;
}

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

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

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

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

#content8 .thumb{
  padding: 0 30px;
}

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

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

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

#content8 .thumb .fourth{
  height: 270px;
  margin: -60px 10px 10px 10px;
}
#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: 340px;
  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);
height: 1055px;
}

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

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

  #content11 {
    background: url(../img/mobile/2.png);
  height: 1055px;
  }

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

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

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


.white-back2{
  margin-left: 60px;
  margin-top: 100px;
}
#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: 80px;
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

/* room */
#information {
    position: relative;
    top: 40px;
  margin: 48px 0 120px 0;
}
#information .info-lay {
  text-align: center;
  margin: 0 30px;
}
#information h1 {
 font-size: 52px;
}

#information .info-lay .reservation {
  /*padding: 25px 200px 25px 200px;*/
  padding: 20px 100px;
  background-color:#D9A76A;
  font-size: 30px;
  font-weight: 600;
}
#information .info-lay a {
  color: white;
}

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


#information .info-lay .info-text{
  display: none;
}

#roomdetail .play {
  display: none;
}

#roomdetail2 {
  display: none;
}
#roomdetail2 .images{
  display: none;
}
#roomdetail2 img{
  display: none;
}

.inmobile {
  background: url(../img/mobile/1.png) no-repeat center center;
  background-size: cover;
  width: 100%;
    height: 100%;
    margin: 60px 0 40px 0;
}

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

.footerimg{
  height: 420px;
}

#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;
}

#information .info2 {
  margin-left: 10px;
}

#information .info2 .info2-item2{
  font-size: 20px;
}

#information .info2 .info2-item3{
  font-size: 14px;
}

#information .info2 .info2-item4{
  font-size: 15px;
  width: 90px;
}

#information .info2 .info2-item5{
  font-size: 15px;
}

#information .info2 .info2-item7{
  font-size: 15px;
  width: 200px;
}
#information .info2 .info2-item8{
  font-size: 15px;
    width: 300px;
    padding-right: 30px;
}

#information .info2 .info2-item9{
  font-size: 15px;
  width: 90px;
}
#information .info2 .info2-item11{
  font-size: 15px;
}
/* footertop */
.footertop {
  font-weight: 500;
}

.footer ul li{
  display: none;
}

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

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

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

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

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

.footer .info .second a{
  font-size: 24px;
}
.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{
  display: none;
  flex-wrap: wrap;
}
.nav-bar .title .sub p{
  /*display: none;*/
}
.nav-bar .title .sub-wrap p{
  display: none;
}
.nav-bar .title .yellow{
  border-bottom: 1px solid #666;
  padding-bottom: 5px;
}
.nav-bar hr{
  margin-bottom: 0;
}

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

.nav-bar p{
  font-size:12px;
  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: 50px;*/
  padding-left: 15px;
}
.mobile-nav .first{
    /*padding-right: 10px;*/
}

/* ============================================================= */
.nav-bar{
  top: 55px;
}

.closebtn{
  display: none;
}

.closebtn2 {
  position: absolute;
  top: 13px;
  right: 15px;
  font-size: 30px;
  font-weight: 100;
  display: none;
}

#header { height:55px; }
#header.scr { height:55px; }
#header div.logo a img { height:30px; margin-top:2px; }