/*Main Style*/
  #rooms-selection h2, #rooms-selection h3, #rooms-selection p {color: #222;}
  .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: #222;}
  .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-bg1.jpg); background-size:cover;}
  #rooms1 .block-black-r {width: 55%;}
  #slide1 { background:url(../img/rooms/room-bg1.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-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;}

  #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;}

  #room-page .block-black {margin-top:6%;}
  #rooms2 .block-black, #rooms4 .block-black, #rooms5 .block-black {margin:6% 0 0 15%;}
  #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:#fa8645; border-color:#ff5f05;}
  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;}

  #facilities1 {/*background:url(../img/facilities/slide1-991.jpg); background-size:cover;*/}
  #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;}
}


@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: 20px;
    position: relative;
    z-index: 1000 !important;
  }
  #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;
    z-index:2000 !important;
  }

  .section2 .block-black {
    margin-top: 3%!important;
}
  #slide1, #slide2, #slide3 { background:none !important; background-size:cover;}
.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; 
    /* bottom: 11%; */
    width: 70%;
    margin: 0 auto;
     left: 0; 
     z-index: 2000 !important; 
}

#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;
}
.slide1-thumb {

    position: relative;
    top: 3vh;
}



 .just{
      text-align: justify !important;
    }
}
  @media screen and (max-width: 1024px) {
  .block-black {
    width: 53%;
}
   .slide1-thumb{
      padding: 0 10% 0 70%;
    }
    #room-page .button {
    width: 100%;
    padding: 5%;
    text-transform: none;
}
  }

 @media screen and (max-width: 1024px) and (max-height: 768px) {
  #adv-custom-pager img {
    width: 60% !important;
  }
  .slide1-thumb{
    font-size: 1em !important
  }
}

 @media screen and (max-width: 991px) {
#adv-custom-pager{
  width:80% !important;
}

.slide1-thumb{
      padding: 2% 1% 0px 55% !important;
}

#slide2 .block-black{
  margin-top: -5% !important;
}
#slide3 .block-black{
  margin-top: -5% !important;
}

.hvr-grow-shadow{
  
    position: relative;
    display: block;
    margin: 0 auto;

}
}

/*@media screen  and  (min-width: 596px) and  (max-width: 598px){
.slide1-thumb{
      padding: 9% 1% 0px 55% !important;
}
}*/


@media screen  and  (min-width: 430px) and  (max-width: 991px){
.slide1-thumb{
      padding: 9% 1% 0px 55% !important;
}
}

@media screen  and  (min-height: 1000px) and  (max-width: 991px){
.slide1-thumb{
      padding: 5% 1% 0px 55% !important;
}
}
@media screen  and  (min-height: 950px) and  (max-width: 600px){
.slide1-thumb{
      padding: 5% 1% 0px 55% !important;
}
}
@media screen  and  (min-width: 1800px){
.slide1-thumb{
      padding: 6% 10% 0 70% !important;
}

}