@charset "utf-8";
* {margin: 0px;padding: 0px;}
.slidebox{position: relative; margin: 0px auto 20px auto;}
.slidebox .breadcrumbbox{position: absolute;right: 1px; bottom: 35px; z-index: 999; padding: 0px; margin: 0px; height: 30px; line-height: 30px !important;}
#slides, #slide1 {
      display: none; position: relative;
    }

    #slides .slidesjs-navigation, #imgSlide .slidesjs-navigation, #aboutSlide .slidesjs-navigation, #roomDetail .slidesjs-navigation, #testimonials .slidesjs-navigation   {
      margin-top:3px;
    }

    #slides .slidesjs-previous, #imgSlide .slidesjs-previous, #aboutSlide .slidesjs-previous, #roomDetail .slidesjs-previous, #testimonials .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next, #imgSlide .slidesjs-next, #aboutSlide .slidesjs-next, #roomDetail .slidesjs-next, #testimonials .slidesjs-next  {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px auto 0 auto; display: table;
      float: none !important; width: auto;
      list-style: none;
    }
    
    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited,
    #imgSlide a:link,
    #imgSlide a:visited,
    #aboutSlide a:link,
    #aboutSlide a:visited,
    #roomDetail a:link,
    #roomDetail a:visited,
    #testimonials a:link,
    #testimonials a:visited{
      color: #333
    }

    #slides a:hover,
    #slides a:active,
    #imgSlide a:hover,
    #imgSlide a:active,
    #aboutSlide a:hover,
    #aboutSlide a:active,
    #roomDetail a:hover,
    #roomDetail a:active,
    #testimonials a:hover,
    #testimonials a:active{
      color: #9e2020
    }
.slide1{background-size:cover !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; -ms-background-size:cover !important; background-repeat: no-repeat !important;}
    .navbar {
      overflow: hidden
    }
.slidesjs-navigation{position:absolute; top: 60%; font-size: 40px; color: #fff !important; z-index: 9999; text-shadow: 0px 0px 8px 1px #333;}
.slidesjs-navigation:hover, .slidesjs-navigation:active, .slidesjs-navigation:focus{border-bottom:0px none !important; text-decoration: none !important;color:#666 !important;}
.slidesjs-navigation.slidesjs-previous{left: 5%;}
.slidesjs-navigation.slidesjs-next{right: 5%;}


   /* For tablets & smart phones */
    @media (max-width: 2400px) {
      .slidesjs-navigation{position:absolute; top: 50%; font-size: 40px; color: #fff !important; z-index: 9999;}
        .slide_inside_box{margin-top: 27%;}
    }
    @media (max-width: 1400px) {
      .slidesjs-navigation{position:absolute; top: 40%; font-size: 30px; color: #fff !important; z-index: 9999;}
        .slide_inside_box{margin-top: 20%;}
    }
    @media (max-width: 980px) {
      .slidesjs-navigation{position:absolute; top: 50%; font-size: 20px; color: #fff !important; z-index: 9999;}
        .slide_inside_box{margin-top: 16%; width: 98%;}
    }
    @media (max-width: 767px) {
      .slidesjs-navigation{position:absolute; top: 40%; font-size: 20px; color: #fff !important; z-index: 9999;}
        .slide_inside_box{margin-top: 3%; width: 98%;}
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .slide_inside_box{margin-top: 16%; width: 98%; display: none;}
        .slide_inside_box{margin-top: 3%; width: 98%; padding: 10px;}
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .slide_inside_box{margin-top: 16%; width: 98%; }
    }

    /* For larger displays */
    
	@media (min-width: 320px) and (max-width: 479px) {
      .btn-warning {
color: #fff;
background-color: #ff7600;
border-color: #ff7600;
font-family: FontAwesome, droid_sansregular;
font-size: 14px;
border-radius: 0;
padding: 6px 25px;
margin-top: 23%;
}
.slide_inside_box {
margin-top: 3%;
width: 98%;
padding: 10px;
display:none;
}
    }