#SubHotelIndex4{ padding: 30px 0 0;margin: 0 auto;width: 1200px;position: relative;}
#SubHotelIndex4 .boxHeader{ text-align: center;position: relative;left: 200px;opacity: 0;}
#SubHotelIndex4 .boxHeader .titleHead{ font: normal 36px UtmBebas;color: #2a904f;display: inline-block;margin-bottom: 15px;}
#SubHotelIndex4 .SlideSubGioithieu4{position: relative;left: -200px;opacity: 0;}
#SubHotelIndex4 ul{ margin: 0;padding: 0;list-style: none;}
#SubHotelIndex4 ul li{ width: 384px;display: inline-block;vertical-align: top;background:url(bgbong.png.ashx) no-repeat bottom center;padding-bottom: 21px;text-align: center;margin-right: 24px;border-top: 10px solid #2a904f;}
#SubHotelIndex4 ul li.mr0{ margin-right: 0;}
#SubHotelIndex4 ul li.item1{border-top: 10px solid #0089bd;}
#SubHotelIndex4 ul li *{transition: 0.3s;}
#SubHotelIndex4 ul li .boundItem{ background: #fff;padding: 28px;box-sizing: border-box;}
#SubHotelIndex4 ul li .khungAnh{ width: 100%;height: 230px;}
#SubHotelIndex4 ul li .khungAnh .khungAnhCrop{ width: 100%;height: 230px;}
#SubHotelIndex4 ul li .titleItem{ font: normal 28px UtmBebas;color: #000000;margin: 10px 0;}
#SubHotelIndex4 ul li .descItem{ font: normal 14px/24px Arial;color: #666;margin: 10px 0 15px;}
#SubHotelIndex4 ul li .viewDetail{ display: inline-block;text-align: center;background: #fff;border: 3px solid #2a904f;font: bold 15px/37px Arial;color: #2a904f;padding: 0 20px;height: 37px;text-transform: uppercase;}
#SubHotelIndex4 ul li:hover .viewDetail{ background: #2a904f;color: #fff;}
#SubHotelIndex4 ul li:hover .titleItem{ color: #2a904f;}

#SubHotelIndex4 .btnNextHotel4,#SubHotelIndex4 .btnPrevHotel4{ display: inline-block;height: 53px;width: 20px;position: absolute;top: 45%;}
#SubHotelIndex4 .btnNextHotel4{ background: url(nextSlide.png.ashx) no-repeat;right: -3%;opacity: 0.7}
#SubHotelIndex4 .btnPrevHotel4{ background: url(prevSlide.png.ashx) no-repeat;left: -3%;opacity: 0.7}
#SubHotelIndex4 .btnPrevHotel4:hover,#SubHotelIndex4 .btnNextHotel4:hover{ opacity: 1;}

#SubHotelIndex4 ul li{ margin: 0px auto;width: 97%;text-align: center}
@media (max-width:1000px) {
    #SubHotelIndex4 {width: inherit}
    #SubHotelIndex4 .boxHeader { left: inherit;opacity: 1}
    #SubHotelIndex4 .SlideSubGioithieu4{ opacity: 1;left: inherit;text-align: center}
    #SubHotelIndex4 ul li{ margin: 0px auto;width: 97%;text-align: center}
    #SubHotelIndex4 .owl-pagination{ text-align: center;margin-top: 20px}
#SubHotelIndex4 .owl-page{ background: transparent;border: 1px solid #c4c4c4;width: 13px;height: 13px;border-radius: 13px;display: inline-block;margin: 0px 10px}
#SubHotelIndex4 .owl-page.active{background: #676767}
#SubHotelIndex4 .owl-buttons{display: none}
}