@media screen and (max-width: 800px) {
  .sec__hotel-nearby .wrap{margin: 0; padding: 0 1.5px 0 0;}

  .sec__searchpage .row_searchcontent .boxid {  padding-left: 1.5px; padding-right: 1.5px;  }
  .sec__searchpage .row_searchcontent .boxid.active { padding-left: 1.5px; padding-right: 1.5px;  }
  .wrap__tabsearchmenu li{ margin: 0 15px; }
  .wrap__tabsearchmenu li a{ font-size: 1.6rem; }

}

@media screen and (max-width: 768px) {
    .sec__searchpage.__sec--maincontent{ padding-top: 180px; }
    .wrap__tabsearchmenu{ padding-top: 20px; }
    .sec__searchpage .row_searchcontent .boxid.active{ padding-bottom: 0; }
    header .menu__explore .wrap__keywordsearch.active--focus .icon--search{ opacity: 1; }
    .btn--video { height: auto; bottom: 20px;left: 30px;}
    .btn--video .icon--video{ width: 35px; height: 35px; background-size: cover; }
    .btn--video span{ font-size: 1.6rem; }
}

@media screen and (max-width: 600px) {
 .sec__searchpage .row_searchcontent .boxid .facilities ul li { width: 100%; }

}

@media screen and (max-width: 480px) {
  .sec__searchpage.__sec--maincontent{ padding-top: 130px; padding-bottom: 15px;  }
  .wrap__tabsearchmenu ul{ display: block; overflow-x: scroll; white-space: nowrap;  -webkit-overflow-scrolling: touch; padding: 0 5px; }
  .wrap__tabsearchmenu ul::-webkit-scrollbar {width: 0px;background: transparent; /* make scrollbar transparent */}
  .wrap__tabsearchmenu ul li{ display: inline-block; margin: 0; margin-left: -3px; }
  .wrap__tabsearchmenu ul li:nth-child(1){ margin-left: 0; }
  .wrap__tabsearchmenu ul li a, .wrap__tabsearchmenu li a:hover{ color: #00b7ae; background-color: #f5f5f5; display: block;padding: 10px 20px;margin: 0; }
  .wrap__tabsearchmenu li a.active { color: #fff;background: #00b7ae; }
  .wrap__tabsearchmenu li a:before{ opacity: 0; }
  .sec__searchpage .row_searchcontent .boxid.active{ padding-top: 10px; }
  .row_searchcontent .pager{ margin-top: 0; }
  .btn--video { left: 10px; bottom: 15px;}
  .showslide{ width: 25px;height: 25px;background-size: 30px auto; bottom: 40px; right: 80px; }
  .btn--pause{ width: 25px;height: 25px;background-size: 23px auto; bottom: 39px; }
  .btn--play{ width: 25px;height: 25px;background-size: 23px auto; bottom: 39px; }

}

@media screen and (max-width: 425px) {
  .wrap__tabsearchmenu ul li a, .wrap__tabsearchmenu li a:hover{ padding: 12px 30px 10px; }
}



@media screen and (max-width: 375px) {
 .wrap__tabsearchmenu { font-size: 1.8rem; }
 .wrap__tabsearchmenu li { margin: 0 20px; }
 .wrap__tabsearchmenu ul li a, .wrap__tabsearchmenu li a:hover{ padding: 10px 20px; }
 .showslide{ bottom: 20px; right: 60px; }
 .btn--pause{ bottom: 19px; right: 20px; }
 .btn--play{ bottom: 19px; right: 20px;}
}