/*Main Style*/
  #rooms1 { background:url(../img/rooms/room-bg1.jpg); background-size:cover;}
  #rooms2 { background:url(../img/rooms/room-bg2.jpg); background-size:cover;}
  #rooms3 { background:url(../img/rooms/room-bg3.jpg); background-size:cover;}
  #rooms4 { background:url(../img/rooms/room-bg4.jpg); background-size:cover;}
  #rooms5 { background:url(../img/rooms/room-bg5.jpg); background-size:cover;}
  #rooms6 { background:url(../img/rooms/room-bg6.jpg); background-size:cover;}
  #rooms7 { background:url(../img/rooms/room-bg7.jpg); background-size:cover;}
  #rooms8 { background:url(../img/rooms/room-bg8.jpg); background-size:cover;}
  #rooms1-mobile { background:url(../img/rooms/room-bg1.jpg); background-size:cover;}
  #rooms2-mobile { background:url(../img/rooms/room-bg2.jpg); background-size:cover;}
  #rooms3-mobile { background:url(../img/rooms/room-bg3.jpg); background-size:cover;}
  #rooms4-mobile { background:url(../img/rooms/room-bg4.jpg); background-size:cover;}
  #rooms5-mobile { background:url(../img/rooms/room-bg5.jpg); background-size:cover;}
  #rooms6-mobile { background:url(../img/rooms/room-bg6.jpg); background-size:cover;}
  #rooms7-mobile { background:url(../img/rooms/room-bg7.jpg); background-size:cover;}
  #rooms8-mobile { background:url(../img/rooms/room-bg8.jpg); background-size:cover;}
  #room-page .block-black {margin-top:6%; word-wrap:break-word;}
  #room-page .block50l {padding-left:0; padding-right:1%;}
  #room-page .block50r {padding-right:0; padding-left:1%;}
  #room-page .button {width:90%; padding:5%; text-transform:none;}
  #room-page .scroll .button {padding:2% 5%;  text-transform:uppercase;}
  #room-reservation-box .button, #group-room-reservation-box .button {width:30%; padding:2% 5%; text-transform:none;}

  #room-page .block30 {padding:0 1.5%;}

  #rooms-menu a {width:100%; margin-bottom:2%; text-transform:none;}
  #rooms-menu h2 {font-size:2em;}

  .dialog-box-style {background:url(../img/bg.jpg); background-size: cover; overflow-x:hidden; padding:2% 5%; width:90%; box-sizing:normal;}
  .dialog-box-style h3 {margin-top:10px;}
  .dialog-box-style img {border-top:10px solid #fff; border-bottom:10px solid #fff; border-left:5px solid #fff;  border-right:5px solid #fff; box-shadow:0 0 5px #555;}
  table{width:80%; margin:0 auto;}
  table td{width:50%; border:solid 1px #eee; padding:5px 2% 8px; vertical-align:middle; box-sizing:border-box; background:#fff;}
  table tr:first-child td{background:#4f99ff; border-color:#3588fb;}
  table tr:first-child td h3{color:#fff;}
  table p, table a {color:#222!important;}
  .dialog-box-style .button {padding:2% 0!important; width: 40%!important; color:#fff; text-transform:uppercase!important;}

  #room-ammenities .block50l {padding-right:2%;}
  #room-ammenities .block50r {padding-left:2%;}

  #room-page form .block50l {padding-right:4%;}
  #room-page form .block50r {padding-left:4%;}

  #rooms-menu {width:20%; height:100%; top:-10%; left:8%; display:block; position:absolute;}

  #reservation-menu {position:absolute; top:30%; left:5%; text-align:center; z-index:10000; width:90%;}
  #reservation-menu h3 {font-family:"Arial Narrow",sans-serif; font-size:1.5em; text-transform:uppercase;}
  #reservation-menu p {text-align: center;} 
  #reservation-menu a:hover {background:#555;}
  .mobile-bg{display: none}

@media screen and (max-width: 991px) {
  .slicknav_menu{
    z-index: 90000 !important;
  }
  .mobile-bg{display:block; width:100%; height:50vw;}
  .cycle-pager {bottom: 100px;}

  #facilities1 {/*background:url(../img/facilities/slide1-991.jpg); background-size:cover;*/}
  #contentFlow{
    display: none;
  }
  #rooms-menu{
      display: inline-block;
      width: 100%;
  margin-top: 0px;
    position: relative;
  }
  #reservation-menu{
  position: relative;
  margin-top: 20vw;
  }
    .section{
    background:url(../img/bg.jpg) !important;
    background-size: cover;
    height:auto;
  }
  .block-black{
    margin-top: -5% !important;
  }
  .section[id^="rooms"] .block100{
    width: 100%
  }

  #room-ammenities .block30{
    width:100%;
  }
  #room-ammenities .button{
   float: left; 
  width: 50%;
  width: auto !important;
  }

  #room-reservation-box .block50{
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;

  }

  #room-reservation-box form, #group-room-reservation-box form{
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  #room-amenities p{
        width: 95%;
    margin: 0 auto;
  }

#room-page .block30 {
    padding: 0 1.5%;
    width: 100%;
}

#room-amenities{
      box-sizing: border-box;
   /* padding-right: 11%;*/
    width: 100%;
}

#room-amenities .button{
      width: auto !important;
}

  
#group-room-reservation-box .block100{
width: 100%;
padding: 0 !important;
margin:0 !important;

}
#room-page .block50r {
    padding-right: 0;
    padding-left: 0;
}

  #reservation-menu {
    position: relative;
    margin-top: 35%;

    left: 0;
    width: 83%;
    padding: 0;
  }

}

@media screen and (min-width: 2400px) {
#room-page{
  font-size: 1.5em;
}

#room-reservation-box, #room-reservation-box input, #room-reservation-box textarea,#room-reservation-box select{
  font-size: 1.1em;
}


#group-room-reservation-box, #group-room-reservation-box input, #group-room-reservation-box textarea,#group-room-reservation-box select{
  font-size: 1.1em;
}



}

@media screen and (max-width: 320px) {
#room-page .block30 {
    padding: 0 1.5%;
    width: 100%;
}

#room-amenities{
      box-sizing: border-box;
/*    padding-right: 11%;*/
    width: 100%;
}

#room-amenities .button{
      width: auto !important;
}

  
#group-room-reservation-box .block100{
width: 100%;
padding: 0 !important;
margin:0 !important;

}

}

@media screen and (min-width:1000px) and (max-height: 600px){
.block-black{
  width:53% !important;
}
  }


@media screen and (min-width: 1024px) and (min-height:600px){
  #rooms-menu {
    width: 20%;
    height: 100%;
    top: -2% !important;
    left: 16% !important;
    display: block;
    position: absolute;
}
#room-page .block-black {
    margin-top: 6%;
    word-wrap: break-word;
    margin-left: 20%;
}

}

@media screen and (max-width: 991px) and (min-height:1000px){
  #rooms-menu {

    width: 80%;
    height: 100%;
    /* top: -2% !important; */
    left: 16% !important;
    display: block;
    position: relative;
    margin-top: 0;
    padding-top: 1vw;
}

#room-page .block-black {
    margin-top: 6%;
    word-wrap: break-word;
    margin-left: 9%;
}
}