/*Main Style*/
  #rooms-selection h2, #rooms-selection h3, #rooms-selection p {
    color: #fff;
  }

  .dialog-box-style h2, .dialog-box-style h3, .dialog-box-style li, .dialog-box-style a, .dialog-box-style p, .dialog-box-style label {
    color: #fff;
  }

  .dialog-box-style p, .dialog-box-style label {
    font-size: 1.2em;
  }

  .dialog-box-style h3 {
    font-size: 1.4em;
  }

  .button {
    font-size: 1.2em;
  }

  #rooms1 {
    background:url(../img/rooms/room-bg1a.jpg); background-size:cover;
  }

  #rooms1 .block-black-r {
    width: 55%;
  }

  #slide1 {
    background:url(../img/rooms/room-bg1a.jpg);
    background-size:cover;
  }

  #slide2 {
    background:url(../img/rooms/room-bg1a.jpg);
    background-size:cover;
  }

  #slide3 {
    background:url(../img/rooms/room-bg1b.jpg);
    background-size:cover;
  }

  #rooms2 {
    background:url(../img/rooms/room-bg2a.jpg);
    background-size:cover;
  }

  #rooms3 {
    background:url(../img/rooms/room-bg3a.jpg);
    background-size:cover;
  }

  #rooms4 {
    background:url(../img/rooms/room-bg4a.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;
  }

  #room-page .block-black {
    margin-top:6%;
  }

  #rooms2 .block-black {
    margin:6% 5% 0 15%;
  }

  #rooms4 .block-black {
    width: 55%;
    margin-top: 8%;
  }

  #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:4%;
    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:#aa076b;
    border-color:#61045f;
  }

  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:-5%;
    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
  }

  #adv-custom-pager a {
    width:30%;
    margin-left:5%;
    display:block;
    float:left;
    background:#df6116;
    box-shadow:0 0 10px #000;
    border-radius:3px;
  }

  #adv-custom-pager a:first-child {
    margin-left:0;
  }

  #adv-custom-pager img {
    width:60%;
    display:block;
    float:left;
    position:relative;
  }

  .slide1-thumb {
    font-family:"industrial736_btroman", sans-serif;
    font-size:1.2em;
    text-align:center;
    display:block;
    box-sizing:border-box;
    padding:2% 10% 0 70%;
    height:100%;
  }

  .slideshows {
    width:100%;
    height:100%;
  }

  #adv-custom-pager {
    position:absolute;
    bottom:11%;
    width:70%;
    margin:0 auto;
    left:15%;
    z-index:10000;
  }

  .section2 {
    display:table;
    width:100%;
    height:100%;
  }

  .section2 .block-black {
    margin-top:14%!important;
  }

@media screen and (max-width: 991px) {
  .slicknav_menu {
    z-index: 90000 !important;
  }

  .mobile-bg {
    display:block;
    width:100%;
    height:60vh;
  }

  .cycle-pager {
    bottom: 100px;
  }

  #contentFlow {
    display:none;
  }

  #rooms-menu {
    display:inline-block;
    width:100%;
    margin-top:20px;
    position:relative;
  }

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

  .section {
    background:url(../img/bg.jpg)!important;
    background-size:cover;
    height:auto;
  }

  .block-black {
    margin-top:-10%!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;
  }

  .block25 {
    width: 100%;
    margin-bottom: 5%;
  }
}


@media screen and (max-width: 991px) {
  .slicknav_menu{
    z-index: 90000 !important;
  }

  .mobile-bg{
    display:block;
    width:100%;
    height:50vw;
  }

  .cycle-pager {
    bottom: 100px;
  }

  #contentFlow{
    display: none;
  }

  #rooms-menu{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    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;
    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;
  }

  .block-black-r ,.block-black{
    display: block ;
    position: relative ;
    width: 80% !important;
    margin: -5% 10% 0 !important;
  }

  #slide1 .block-black{
    margin-top: -5% !important
  }

  #adv-custom-pager {
    position: relative;
    width: 70%;
    margin: 0 auto;
    left: 0;
  }

  #adv-custom-pager a {
    width: 100%;
    margin-left: 0;
    display: block;
    float: none;
    background: #df6116;
    box-shadow: 0 0 10px #000;
    border-radius: 3px;
    margin-bottom: 10px;
  }
}