body{font-family: 'Kanit', sans-serif;font-weight: 400;background-color: #f5f5f5;}

a {text-decoration: none;color: #000;display: initial;}

ul {margin: 0;padding: 0;}

ul li {list-style: none;}

.clear {clear: both;}

#main .slick-next {right: 25px;z-index: 100;width: 35px;height: 35px;top: 30%;}

#main .slick-prev {left: 25px;z-index: 100;width: 35px;height: 35px;top: 30%;}

#main .slick-prev:before,#main .slick-next:before {font-family: 'slick';font-size: 35px;}

.hoverFade{-webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -ms-transition: 0.2s;cursor: pointer;}

.zoom:hover {
  transform: scale(1.1);
  /*(150%zoom-Note: if the zoom is too large, it will go outside of the viewport) */;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  z-index: 5;
}

.readMore4 {
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}

.readMore2 {
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}




#headerDes{padding: 15px 100px 15px;border-bottom: 4px solid #a67118;background-color: #fff;z-index: 10;position: fixed;width: 100%;}

#headerDes .logo {float: left;width: 155px;}

#headerDes .ulMenu{width: max-content;display: block;position:absolute;left: 0;right: 0;top: 65px;margin: auto;}

#headerDes .ulMenu.scroll{position: relative;top: 0;}

#headerDes .ulMenu .li1{float: left;font-size: 21px;padding: 0 18px;position: relative;}

#headerDes .ulMenu .li1 ul{position: absolute;width: max-content;background: #fff;padding: 0px 0;font-size: 17px;left: -10px;display: none;}

#headerDes .ulMenu .li1 ul li{padding: 7px 30px;}

#headerDes .ulMenu .li1 ul li:hover{background-color: #3f444b;color: #fff;}

#headerDes .ulMenu .li1 ul li.active{background-color: #3f444b;color: #fff;}

#headerDes .ulMenu .li1 a{color: #000;font-weight: 300;}

#headerDes .ulMenu .li1.active a.ali1{color: #a67219;}

#headerDes .ulMenu .li1:hover a.ali1{color: #a67219;}

#headerDes .ulMenu .li1ul:hover ul{display: block;}


#headerDes .boxBtnRight{overflow: hidden;width: max-content;float: right;}
#headerDes .boxBtnRight .iconLine {margin: 45px 0 0 12px;float: left;}
#headerDes .boxBtnRight .iconFace{margin: 45px 0 0 12px;float: left;}
#headerDes .btnReservation{float: left;width: 160px;height: 35px;line-height: 38px;color: #fff;background-color: #9f7e53;font-size: 21px;font-weight: 300;text-align: center;margin: 49px 0 0 0;}

#headerDes .btnReservation:hover{background-color:#c19d6f;}

#headerMo{display: none;background-color: #fff;border-bottom: 2px solid #a67118;padding: 15px 0;position: fixed;width: 100%;z-index: 1000;}

#headerMo .logo {width: 125px;display: block;margin: auto;position: absolute;left: 15px;;top: 0;bottom: 0;}

#headerMo .menuBar {cursor: pointer;margin-top: 10px;width: 26px;float: right;}

#headerMo .btnReservation {float: left;width: 144px;height: 35px;line-height: 38px;color: #fff;background-color: #9f7e53;font-size: 19px;font-weight: 300;text-align: center;margin: 3px 10px 0px 0;}

#headerMo .btnReservation:hover{background-color:#c19d6f;}

#headerMo .boxBtnRight{overflow: hidden;width: max-content;float: right;}
#headerMo .boxBtnRight .iconLine {margin: 0 5px 0 0px;float: left;}
#headerMo .boxBtnRight .iconFace{margin: 0 15px 0 5px;float: left;}



#popupMenu{width: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;z-index: 10001;height: 100%;display: none;overflow-y: scroll;}

#popupMenu .container{max-width: 820px;min-height: 100%;background: #fff;}

#popupMenu .icon-close{cursor: pointer;float: right;width: 35px;height: 35px;}

#popupMenu .mr100px{margin-right: 30px;}

#popupMenu ul{font-size: 18px;color: #000;}

#popupMenu ul li{list-style: none;}

#popupMenu ul li ul{font-size: 16px;display: none;}

#popupMenu ul li ul.active{display: block;}

#popupMenu .ml100px{margin-left: 30px;}

#popupMenu ul li.active{color: #a67219;}

#popupMenu ul li.active i{    border: solid #a67219;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;margin: 0px 0px 4px 3px;}

#popupMenu ul a{color: #000;}

#popupMenu ul a:hover{text-decoration: underline;}

#popupMenu ul li.active a{color: #a67219;}

#popupMenu ul li.active ul li a{color: #000;}

#popupMenu ul li.active ul li a.active{color: #a67219;}

#popupMenu ul li span{cursor: pointer;}

#popupMenu .boxSubmenu{margin-left: 60px;}



#main .bx-wrapper .bx-controls-direction a{z-index: 1000;}

#main {padding-top: 147px;}

#main.scroll{padding-top: 68.5px;}

#main .topbanner{height: 850px;background-size: cover;background-position:top center;background-image: url('../images/frontend/hoiana101.jpg');width: 100%;}

#main .imgLogoBanner{height: 100%;padding:0 15px 0;}

#main .topbanner .boxIn{max-width: 1550px;padding: 0 15px;display: block;margin: auto;}

#main .topbanner .boxIn img {max-width: 90%;margin: auto;position: absolute;left: 0;right: 0;bottom: 40px;padding: 0 15px;top: 0;filter: drop-shadow(0px 0px 5px #000);}

#main .topbanner .videoTop{    position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;}

#main .boxTopIcon{width: max-content;display: block;margin: 60px auto 0;}

#main .boxTopIcon .boxItem{float: left;padding: 0 23px;color: #000;font-size: 20px;text-align: center;font-weight: 300;}

#main .boxTopIcon .boxItem .icon{margin-bottom: 17px;}

#main .boxTitleAll{position: relative;margin-top: 55px;}

#main .boxTitleAll .title{height: 70px;max-width: 500px;width: 100%;background-color: #a67219;display: block;margin: auto;border-radius: 40px;position: relative;color: #fff;font-size: 36px;font-weight: 400;text-align: center;line-height: 65px;}

#main .boxTitleAll .title img{position: absolute;left: 0;right: 0;max-width: 90%;top: 0;bottom: 0;margin: auto;}

#main .boxTitleAll .line{position: absolute;height: 3px;width: 100%;background-color: #a67219;top: 0;bottom: 0;margin: auto;}

#main .textPAll{margin-top: 35px;font-size: 20px;text-align: center;font-weight: 300;}

#main .textspi{font-size: 18px;text-align: center;margin-top: 20px;color: #a67118;font-weight: 300;}

#main .boxVideo{margin-top: 40px;width: 100%;}

#main .boxWhy{margin-top: 80px;padding: 10px 0 60px;position: relative;background-size: cover;background-position: center;background-image: url('../images/frontend/bgWhy-3.jpg');width: 100%;}

#main .boxWhy .imgWhy{max-width: 100%;display: block;margin:0 auto 0;}

#main .boxWhy .textWhy06{position: relative;z-index: 10;margin-top: 15px;}

#main .boxWhy .textWhy07{position: relative;z-index: 9;}

#main .boxSlide{margin-top: 45px;}

#main .boxSlide .bx-wrapper{margin-bottom: 0;border: none;border-radius: 25px;overflow: hidden;}

#main .boxSlide .bx-wrapper .bx-pager{bottom: 20px;}

#main .boxSlideText{text-align: left;}

#main .boxIconFa{width: max-content;display: block;margin: 39px auto 0;overflow: hidden;padding: 10px 0;}

#main .boxIconFa .itemIcon{height: 150px;width: 180px; box-shadow: 0 0 10px #b9b9b9; margin: 0 14px; background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

#main .boxIconFa .itemIcon img{display: block;margin: 25px auto 0;}

#main .boxIconFa .itemIcon .text{text-align: center;margin-top: 10px;font-weight: 400;font-size: 16px;}

#main .btnIconFa {display: block;width: 165px;height: 42px;box-shadow: 0 0 10px #b9b9b9;margin: 30px auto 0;font-size: 23px;font-weight: 400;line-height: 44px;border-radius: 20px;text-align: center;color: #fff;background: rgb(191,153,95);background: linear-gradient(180deg, rgba(191,153,95,1) 0%, rgba(177,135,79,1) 100%);}

#main .btnIconFa:hover{color: #deb666;}

#main .boxService .imgService{width: 100%;height: 100%;border-radius: 15px;}

#main .boxService .btnBanner{position: absolute;bottom: 0;right: 0;width: 32%;}

#main .boxTitleAllService{margin-bottom: 35px;}

#main .boxService .hot{position: absolute;top: -5%;left: 4%;z-index: 10;width: 21%;}

#main .boxService .hot3{    position: absolute;top: -3%;left: -2%;width: 36%;z-index: 10;}

#main .boxHotel{overflow: hidden;}

#main .boxHotel .itemTop{margin-top: 70px!important;}

#main .boxHotel .item{ margin: 0 0 30px;overflow: hidden;; background-color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }

#main .boxHotel .item .texth3{font-weight: 400;font-size: 28px;margin-top: 30px;}

#main .boxHotel .item .text{font-size: 18px;margin-top: 25px;font-weight: 300;}

#main .boxHotel .item img{height: 100%;}

#main .boxHotel .itemImgL .texth3,#main .boxHotel .itemImgL .text{padding-right: 15px;}

#main .boxHotel .itemImgR .texth3,#main .boxHotel .itemImgR .text,#main .boxHotel .itemImgR .textReadMore{padding-left: 45px;}

#main .boxHotel .item .textReadMore{font-size: 22px;font-weight: 400;margin-top: 25px;padding-bottom: 15px;}

#main .boxHotel .item .textReadMore a{color: #9f7f54;}

#main .boxHotel .item .textReadMore a:hover{text-decoration: underline;}

#main .gastronomy{padding-bottom: 125px;}

#main .gastronomy .item{margin-top: 20px;}

#main .gastronomy .item img{width: 100%;max-width: 282px;display: block;margin: auto;border-radius: 20px;overflow: hidden;}

#main .gastronomy .item .texth3{color: #9f7f54;font-weight: 400;text-align: center;font-size: 23px;line-height: 1.2;margin: 15px 0 0 0;min-height: 60px;}

#main .gastronomy .item p{font-size: 16px;text-align: center;margin: 7px 0 0 0;font-weight: 300;}

#main .gastronomy .item .readMore{font-weight: 400;text-align: center;font-size: 22px;margin-top: 15px;}

#main .gastronomy .item .readMore a{color: #9f7f54;}

#main .boxPackage{background-color: #fff;}

#main .boxPackage .boxTitleAll{margin-top: -36px;}

#main .boxPackage .boxImg{position: relative;margin: 40px 0 0 0;}

#main .boxPackage .boxImg .imgPackage{width: 100%;}

#main .boxPackage .boxImg .btn1{position: absolute;bottom: 1.5%;right: 41%;width: 18%;height: 3%;} 

#main .boxPackage .boxImg .btn2{position: absolute;bottom: 1.5%;right: 21%;width: 18%;height: 3%;}

#main .boxPackage .boxImg .btn3{position: absolute;bottom: 1.5%;right: 1%;width: 18%;height: 3%;}

#main .boxTravel{background-color: #fff;}

#main .boxTravel .item{margin-top: 20px;}

#main .boxTravel .item img{width: 100%;max-width: 375px;display: block;margin: auto;border-radius: 20px;overflow: hidden;}

#main .boxTravel .item p{font-size: 18px;text-align: center;margin: 20px 0 0 0;text-align: center;font-weight: 300;min-height: 81px;}

#main .boxTravel .item .readMore{width: 147px;height: 35px;display: block;background: rgb(191,153,96);background: linear-gradient(169deg, rgba(191,153,96,1) 0%, rgba(177,135,79,1) 100%);text-align: center;color: #fff;margin: 25px auto 0;    font-size: 19px;line-height: 37px;border-radius: 18px;}

#main .boxTravel .item .readMore:hover{color: #ffddaf;}

#main .boxMap{background-image: url('../images/frontend/bgMap-2.jpeg');background-size: cover;background-position: center top;padding: 100px 0 100px;overflow: hidden;}

#main .boxMap .map{height: 640px;width: 100%;}

#main .boxMap .boxAddress{background-color: rgb(255,255,255,0.8);width: 100%;height: 100%;padding:50px 15px 15px 30px;color: #9f7f54;}

#main .boxMap .boxAddress .title{text-align: center;font-size: 37px;font-weight: 400;}

#main .boxMap .boxAddress .text1{font-size: 28px;margin: 30px 0 0 0;}

#main .boxMap .boxAddress .text1 div{font-size: 20px;font-weight: 300;}

#main .boxMap .boxAddress .text2{margin-top: 35px;}

#main .boxMap .boxAddress .item{overflow: hidden;    margin: 20px 0 0 0;}

#main .boxMap .boxAddress .item img{float: left;}

#main .boxMap .boxAddress .item .textItem{float: left;margin: 0 0 0 10px;font-size: 22px;}

#main .boxMap .boxAddress .item .textItem a{color: #9f7f54;font-weight: 300;}

#footer{padding: 100px 0 25px;background-color: #9f8156;font-weight: 200;}

#footer .logo{margin: 100px 0 0 0;}

#footer .borderR{border-right: 1px solid #fff;}

#footer .menu{font-size: 22px;margin: 0 0 30px 40px;}

#footer .menu li{margin: 20px 0 0;}

#footer .menu li a{color: #fff;}

#footer .titleFooter{font-size: 22px;color: #fff;margin: 20px 0 20px 0;text-align: center;}

#footer .itemIcon{overflow: hidden;margin-top: 20px;}

#footer .itemIcon img{float: left;}

#footer .itemIcon .text{float: left;}

#footer .itemIcon .text a{float: left;font-size: 20px;margin: 0 0 0 10px;color: #fff;}

#footer .itemIconSo{width: max-content;display: block;margin: 25px auto 0;}

#footer .itemIconSo img{float: left;}

#footer .itemIconSo .imgCenter{margin: 0 10px;}

#footer .textCopy{text-align: center;color: #fff;font-size: 16px;margin: 50px 0 0px;}

#main .topbanner{color: #fff;text-align: center;position: relative;}

#main .topbanner .bg{position: absolute;background-color: rgb(0,0,0,0.4);top: 0;left: 0;width: 100%;height: 100%;}

#main .topbanner .titleHotel1{font-size: 125px;padding-top: 200px;}

#main .topbanner .titleHotel2{font-size: 53px;margin-top: -22px;font-weight: 300;}

#main .topbanner .titleHotel3{font-size: 26px;margin-top: 15px;font-weight: 300;}

#main .topbanner .boxInHotel{max-width: 815px;}

#main .titleTopHotels{color: #9f7f54;text-align: center;font-size: 42px;font-weight: 400;margin: 70px 0 0;}

#main .boxHotelShowBg{height: 940px;width: 100%;margin-top: 40px;position: relative;background-size: cover;background-position: center;}

#main .boxHotelShowBg img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 100%;}

#main .boxHotelRoom{padding: 130px 0;background-color: #f1f1f1;}

#main .boxHotelRoom .boxHotel .item{padding: 0;margin:0;}

#main .boxHotelShowBg2{margin-top: 0!important;}

#main .boxHotelRoomBg{background-color: #f1f1f1;padding-bottom: 70px;}

#main .boxHotelRoomBg .boxTitleAll{margin: 0 0 70px;}

#main .itemHotelDrink{background-color: #fff;border-radius: 25px;padding: 0 0 10px;overflow: hidden;display: block;margin: auto;}

#main .itemHotelDrink .h3Title{color: #9f7f54;font-size: 28px;padding: 0 15px;text-align: center;margin-top: 20px;}

#main .itemHotelDrink .detail{font-weight: 300;font-size: 18px;margin-top: 15px;text-align: center;padding: 0 15px;}

#main .boxBottomHotel{height: 600px;width: 100%;background-image: url('../images/frontend/hotelImg18.jpg');;background-size: cover;background-position: top center;}

#main .boxInHotelSuit{position: relative;color: #fff;}

#main .boxInHotelSuit .titleHotelSuit1{font-size: 63px;padding-top: 250px;font-weight: 300;}

#main .boxInHotelSuit .titleHotelSuit2 {font-size: 100px;margin-top: 0px;font-weight: 400;line-height: 1;}

#main .boxInHotelSuit .titleHotelSuit3{font-size: 26px;margin-top: -5px;font-weight: 300;}

#main .boxHotelsuit{background-color: #f1f1f1;padding-top: 120px;}

#main .btnReadViewSheet{width: 278px;height: 46px;background-color: #9f7e53;color: #fff;text-align: center;line-height: 45px;font-size: 21px;font-weight: 400;display: block;margin: 23px auto 25px;}

#main .itemHotelSuit{margin: 75px 0 90px;}

#main .itemHotelSuit .detail{color: #a67219;font-weight: 400;text-align: center;margin-top: 80px;font-size: 18px;padding-bottom: 30px;}

#main .boxDetailBannerCenter{width: 95%;max-width: 800px;text-align: center;padding: 40px 40px;color: #fff;position: absolute;background-color: rgb(0,0,0,0.6);left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: max-content;border-radius: 25px;}

#main .boxDetailBannerCenter .text1{font-weight: 500;font-size: 35px;}

#main .boxDetailBannerCenter .text2{font-weight: 400;margin-top: 10px;font-size: 22px;}

#main .boxDetailBannerCenter .text3{font-weight: 300;font-size: 17px;margin-top: 10px;}

#main .boxDetailBannerCenter hr{opacity: 1;}

#main .boxHotelRoomBg.roomSuit{padding: 70px 0 90px 0;}

#main .slick-dots li button:before{font-size: 12px;}

#main .multiple-items .itemHotelDrink{margin: 0 15px;}

#main .topbanner .boxInGolf .titleHotel1{font-size: 94px;padding-top: 210px;font-weight: 400;line-height: 1.2;}

#main .topbanner .titleHotel2 {font-size: 30px;margin-top: 20px;font-weight: 300;}

#main .boxYard{max-width: 900px;display: block;margin: 70px auto 0px;}

#main .boxYard .text1{color: #a67219;font-size: 50px;}

#main .boxYard .text2{font-weight: 300;font-size: 20px;margin: -10px 0 0;color: #666666;}

#main .boxYard .text1 span{font-size: 24px;}

#main .golf2{margin: 20px 0 0 ;width: 100%;}

#main .boxRobert{height: 900px;width: 100%;background-image: url('../images/frontend/golf3.jpg');background-size: cover;background-position: top center;margin: 50px 0 0;}

#main .boxRobert .name{font-size: 56px;font-weight: 400;color: #fff;line-height: 1.2;margin: 55px 0 0 0;}

#main .boxRobert .detail{color: #fff;font-size: 20px;text-align: center;height: max-content;position: absolute;bottom: 30px;font-weight: 300;}

#main .boxGolfSlide{background-color: #f6f6f6;padding: 70px 0 70px;overflow: hidden;}

#main .bx-wrapper{background: none;border: none;box-shadow: none;}

#main .boxTitleAllGolf2{margin-top: -33px;}

#main .boxPromoGolf{margin: 50px 0 20px;}

#main .titleCasino {padding: 3px 32px 2px;color: #9f7f54;background-color: #f0f0f0;font-size: 28px;box-shadow: 0 0 2px #afafaf;width: max-content;border-radius: 25px;display: block;margin: 60px auto 40px;}

#main .itemCasino{height: 850px;position: relative;background-size: cover;background-position: center;}

#main .itemCasino .name{font-size: 28px;text-align: center;padding: 200px 15px 0;margin: 0 0 0;color: #fff;}

#main .itemCasino .detail{font-size: 18px;min-height: 200px;color: #fff;padding: 0 15px;margin: 30px 0 0;font-weight: 300;text-align: center;}

#main .itemCasino .btn{width: 155px;font-size: 22px;color: #fff;padding: 2px 0 3px;text-align: center;display: block;margin: 10px auto 0; border-radius: 25px;background-color: #b78f56;}

#main .boxTitleAllTravels{margin-top: 100px;}

#main.pageTravels .imgTopCenter{max-width: 100%;border-radius: 25px;margin: 50px auto 10px;display: block;}

#main.pageTravels .boxSlideText{margin-bottom: 50px;}

#main.pageTravels .boxSlideText ul{padding: revert;margin: auto;}

#main.pageTravels .boxSlideText ul li{list-style: disc;}

#main .breadcrumb{margin-top: 20px;font-weight: 300;}

#main .breadcrumb a:hover{color: #9f7f54;}

#main .titleAbout{text-align: center;font-size: 30px;margin: 50px 0 0;color:#a67219 ;}

#main .boxAboutMain{font-size: 30px;color: #000;margin-top: 15px;padding-bottom: 10px;border-bottom: 2px solid #929292;}

#main .boxAboutMain .text1{font-size: 18px;color: #a67219;padding-bottom: 10px;margin-top: 2px;}

#main .boxAbout2{margin: 20px 60px 0;border-bottom: 2px solid #c5c5c5;font-weight: 300;}

#main .boxAbout2 .text1{font-size: 26px;color: #4d4d4d;}

#main .boxAbout2 .text2{font-size: 18px;color: #a67219;}

#main .boxAbout2 .text3{font-size: 18px;color: #a67219;padding-bottom: 10px;}
#main .titleArticlePage{font-size: 26px;margin-bottom: 25px;font-weight: bold;}
#main .textPAll.textPAllArticlePage img{max-width: 100%;}

#main .titlePageAllArticle {font-size: 22px;margin: 10px 0 0;line-height: 1.4;}
#main .boxTravel .item p.titlePageAllArticleDetail{margin: 10px 0 0;}



.white-popup {position: relative;background: #FFF;padding: 0px;width:auto;max-width: 1200px;margin: 0 auto; overflow: hidden;}

.white-popup .boxLeft{float: left;width: 50%;}

.white-popup .boxLeft img{width: 100%;}

.white-popup .boxRight{float: left;width: 50%;padding: 50px 40px 25px 65px;color: #a67219;font-size: 18px;font-weight: 300;}

.white-popup .boxRight ul li{list-style: disc;margin-top: 4px}



.mfp-zoom-in {

  /* start state */

  .mfp-with-anim {

    opacity: 0;

    transition: all 0.2s ease-in-out; 

    transform: scale(0.8); 

  }

  

  &.mfp-bg {

    opacity: 0;

	  transition: all 0.3s ease-out;

  }

  

  /* animate in */

  &.mfp-ready {

    .mfp-with-anim {

      opacity: 1;

      transform: scale(1); 

    }

    &.mfp-bg {

      opacity: 0.8;

    }

  }

}



@media (min-width: 1200px){

.container {max-width: 1170px;}

#headerDes .container {max-width: 1430px;}

#footer .container {max-width: 1430px;}



}

@media (min-width: 720px){

#headerDes .container {max-width: 100%;}

#headerMo .container{max-width: 100%;}



}

@media (max-width: 1600px) {

#headerDes .logo {width: 140px;}

#headerDes .ulMenu .li1 {font-size: 22px;padding: 0 16px;}

#headerDes .btnReservation {width: 149px;font-size: 21px;font-weight: 300;}

#main {padding-top: 136px;}

}

@media (max-width: 1460px) {

  #headerDes{display: none;}

  #headerMo{display: block}
  
}

@media (max-width: 1300px) {

#headerDes{padding: 15px 0;}

}

@media (max-width: 1199px) {

#main .topbanner {height: 700px;}

#main .topbanner .boxIn img {max-width: 71%;}

#footer .logo{width: 100%;}

#footer .itemIcon img {max-width: 35px;}

#footer .itemIconSo img {width: 54px;}

#footer .itemIcon .text a{font-size: 18px;}

#main ,#main.scroll{padding-top: 0;padding-top: 67px;}

#main .topbanner .titleHotel1 {font-size: 105px;padding-top: 156px;}

#main .topbanner .titleHotel2 {font-size: 41px;}

#main .topbanner .titleHotel3 {font-size: 21px;}

#main .titleTopHotels {font-size: 37px;}

#main .boxHotelShowBg {height: 800px;}

#main .boxBottomHotel {height: 600px;}

#main .boxHotelRoom {padding: 105px 0;}

#main .boxInHotelSuit .titleHotelSuit1 {font-size: 51px;padding-top: 190px;}

#main .boxInHotelSuit .titleHotelSuit2 {font-size: 75px;margin-top: -24px;}

#main .boxInHotelSuit .titleHotelSuit3 {font-size: 24px;}

#main .boxHotelsuit {padding-top: 100px;}

#main .itemHotelSuit .detail{margin-top: 60px;}

#main .boxHotel .item .text{margin-top: 15px;}

#main .boxBottomHotel {height: 400px;}

#main .topbanner .boxInGolf .titleHotel1 {font-size: 75px;padding-top: 177px;}

#main .topbanner .titleHotel2 {font-size: 30px;}

#main .boxYard .text1 {font-size: 43px;}

#main .boxYard .text2 {font-size: 18px;}

#main .boxYard .text1 span {font-size: 19px;}

}





@media (max-width: 992px) {/*ipad*/

    

#main .boxHotel .itemImgR .texth3,#main .boxHotel .itemImgR .text,#main .boxHotel .itemImgR .textReadMore{padding-left: 15px;}

#main .boxHotel .item .texth3 {font-size: 26px;margin-top: 15px;}

#main .boxHotel .item .text {font-size: 16px;margin-top: 15px;}

#main .boxHotel .item .textReadMore {font-size: 18px;margin-top: 15px;}

#main .topbanner {height: 650px;}

#main .topbanner .boxIn img {max-width: 92%;display: none;}

#main .boxTopIcon{width: auto;}

#main .boxTopIcon .boxItem {float: left;padding: 0;width: 33.33%;}

#main .boxTitleAll .title img{max-width: 80%;}

#main .boxTitleAll .title {height: 60px;max-width: 475px;font-size: 34px;}

#main .boxMap .boxAddress .title {font-size: 30px;}

#main .boxMap .boxAddress .text1 {font-size: 24px;}

#main .boxMap .boxAddress .item img {width: 28px;}

#main .boxMap .boxAddress .item .textItem {margin: -3px 0 0 10px;font-size: 18px;}

#footer .logo {width: 100%;max-width: 250px;display: block;margin: 100px auto 0;}

#main .topbanner .titleHotel1 {font-size: 80px;padding-top: 149px;}

#main .titleTopHotels {font-size: 30px;margin: 58px 0 0;}

#main .boxHotelShowBg {height: 600px;}

#main .boxHotelShowBg img{width: 420px;}

#main .itemHotelDrink .h3Title{font-size: 26px;}

#main .itemHotelDrink .detail{font-size: 16px;}

#main .boxBottomHotel {height: 300px;}

#main .itemHotelSuit .detail {margin-top: 0;font-size: 16px;}

#main .boxHotelsuit {padding-top: 70px;}

#main .btnReadViewSheet{font-size: 19px;}

#main .boxInHotelSuit .titleHotelSuit1 {font-size: 44px;padding-top: 160px;}

#main .boxInHotelSuit .titleHotelSuit2 {font-size: 58px;margin-top: -10px;}

#main .itemHotelSuit {margin: 75px 0 70px;}

#main .itemHotelSuit {margin: 50px 0 60px;}

.white-popup {max-width: 600px;;}

.white-popup .boxLeft{width: 100%;}

.white-popup .boxRight{width: 100%;}

.white-popup .boxRight{padding-top: 20px;}

#main .boxHotelRoom {padding: 70px 0;}

#main .topbanner .boxInGolf .titleHotel1 {font-size: 60px;}0

#main .topbanner .titleHotel2 {font-size: 21px;}

#main .boxYard {margin: 50px auto 0px;}

#main .boxRobert .name {font-size: 45px;}

#main .boxRobert .detail {font-size: 18px;}

#main .boxRobert {height: 720px;}

#main .titleCasino {margin: 50px auto 30px;}

#main .itemCasino .name {font-size: 26px;    padding: 150px 15px 0;}

#main .itemCasino {height: 690px;}

#main .itemCasino .btn {width: 140px;font-size: 20px;}

#main .itemCasino .detail {font-size: 18px;min-height: 245px;}

}





@media (max-width: 767px) {/*mobile*/

#main .topbanner .boxIn img {max-width: 98%;}

#main .boxTitleAll .title {max-width: 88%;font-size: 30px;line-height: 57px;}

#main .boxIconFa {width: 100%;text-align: center;flex-wrap: wrap;}

#main .boxIconFa .itemIcon {height: 150px;width: 100%;max-width: 160px;margin-bottom: 25px;}

#main .btnIconFa {margin: 5px auto 0;width: 155px;font-size: 22px;}

#main .boxIconFa .itemIcon img {margin: 20px auto 0;}

#main .boxHotel .itemImgL .texth3, #main .boxHotel .itemImgL .text,#main .boxHotel .item .textReadMore{padding-left: 15px;}

#main .gastronomy .item .texth3{font-size: 21px;}

#main .gastronomy .item .readMore{font-size: 20px;}

#main .boxTravel .item img{max-width: 250px;}

#main .boxTravel .item{margin-top: 45px;}

#main .boxMap .boxAddress .text1 {margin: 18px 0 0 0;}

#main .boxMap .boxAddress{padding: 35px 15px 35px 15px;}

#footer .logo {max-width: 150px;margin: 10px auto 0;}

#footer .borderR{border: none;}

#footer .menu li {margin: 15px 0 0;text-align: center;}

#footer .menu {font-size: 20px;margin: 29px 0 25px 0px;}

#footer .titleFooter {font-size: 21px;}

#footer .itemIcon {overflow: hidden;margin-top: 20px;width: max-content;display: block;margin: 25px auto 0;}

#footer {padding: 50px 0 25px;}

#main .topbanner .titleHotel1 {font-size: 75px;padding-top: 125px;}

#main .topbanner .titleHotel2 {font-size: 36px;}

#main .topbanner .titleHotel3 {font-size: 18px;}

#main .boxHotelShowBg img{width: 85%;}

.white-popup .boxRight {padding: 20px 25px 25px 45px;}

#main .boxDetailBannerCenter .text1 {font-size: 31px;}

#main .boxDetailBannerCenter .text2 {font-size: 21px;}

#main .topbanner .boxInGolf .titleHotel1 {font-size: 50px;}

#main .topbanner .titleHotel2 {font-size: 21px;}

#main .boxRobert .name {font-size: 30px;}

#main .boxRobert .detail{width: 93%;}

#main .boxPromoGolf {margin: 25px 0 20px;}

#main .titleAbout {font-size: 27px;}

#main .boxAboutMain {font-size: 26px;}

#main .boxAbout2 .text1 {font-size: 23px;}

#main .boxAbout2 {margin: 20px 20px 0;}

#headerMo .btnReservation {width: 109px;height: 28px;line-height: 30px;font-size: 16px;}

#main, #main.scroll {padding-top: 0;padding-top: 60px;}

#main .topbanner {height: 450px;}

#main .boxWhy .textWhy07{margin-bottom: 15px;}
#headerMo .boxBtnRight .iconLine,#headerMo .boxBtnRight .iconFace{width: 33px;}
}





@media (max-width: 575px) {/*mobile small*/

#main .boxTitleAll .title {max-width: 97%;}

#main .boxInHotelSuit .titleHotelSuit2 {line-height: 1.1;}

#main .boxInHotelSuit .titleHotelSuit1 {padding-top: 120px;}

}