/*Main Style*/
  #facilities1,#facilities1-mobile {
    background:url(../img/facilities/facilities1.jpg);
    background-size:cover;
  }

  #facilities2,#facilities2-mobile {
    background:url(../img/facilities/facilities2.jpg);
    background-size:cover;
  }

  #facilities3,#facilities3-mobile {
    background:url(../img/facilities/facilities3.jpg);
    background-size:cover;
  }

  #facilities4,#facilities4-mobile {
    background:url(../img/facilities/facilities4.jpg);
    background-size:cover;
  }

  #facilities5,#facilities5-mobile {
    background:url(../img/facilities/facilities5.jpg);
    background-size:cover;
  }

  #facilities6,#facilities6-mobile {
    background:url(../img/facilities/facilities6.jpg);
    background-size:cover;
  }

  #facilities7,#facilities7-mobile {
    background:url(../img/facilities/facilities7.jpg);
    background-size:cover;
  }

  #facilities8,#facilities8-mobile {
    background:url(../img/facilities/facilities8.jpg);
    background-size:cover;
  }

  #facilities9,#facilities9-mobile {
    background:url(../img/index/index-bg3.jpg);
    background-size:cover;
  }

  #facilities10,#facilities10-mobile {
    background:url(../img/facilities/facilities10.jpg);
    background-size:cover;
  }

  #facilities2 .block-black-r {
    top:4%;
  }

  hr {
    width: 60%;
  }

  #facilities3 .block-black {
    margin-top:6.5%;
    width:65%;
  }

  #facilities-page .block50l {
    padding-left:0;
    padding-right:1%;
  }

  #facilities-page .block50r {
    padding-right:0;
    padding-left:1%;
  }
  
  #facilities-page .cycle-pager {
    bottom:-95%;
    position:absolute;
  }

  #facilities-page .pager-instruction {
    bottom:-105%;
    position:absolute;
  }

  #facilities3-text .img-gallery3 li {
    padding:0 3%;
  }

  #facilities3 .block60 {
    padding:0 5% 0;
  }

  #facilities4 .block-black-r {
    width:65%;
    top:16%;
    left:10%;
  }

  #facilities4 .block30 {
    position:relative;
    float:left;
    margin:0;
  }

  #facilities4 .block60 {
    padding-top:0;
    padding-bottom:0;
    position:relative;
    float:left;
    margin:0;
    width:66.6666%;
  }

  #facilities6 .block-black-c {
    margin-top:5%;
  }

  #facilities8 .block-black-c {
    width:40%;
    margin-left:30%;
    margin-top:20%;
  }

  #facilities10 .block-black {
    width:55%;
    margin-top:9%;
    margin-left:16%;
  }

  #facilities10-50l {
    padding-left:0!important;
    padding-right:2%!important;
  }

  #facilities10-50r {
    padding-right:0!important;
    padding-left:2%!important;
  }

  .main-block30 h3, .main-block50 h3 {
    box-sizing:border-box;
    background:#4f99ff;
    padding: 2%;
    position:relative;
    z-index:1000;
    width:80%;
    margin:-5% auto 0%;
  }

  .main-block30 img, .main-block50 img {
    box-sizing:border-box;
    border-left:solid #fff 10px;
    border-right:solid #fff 10px;
    border-top:solid #fff 5px;
    border-bottom:solid #fff 5px;
    box-shadow:0 0 10px #000;
    display:block;
    position:relative;
    margin:0 auto 0;
    width:85%;
  }

  .mobile-bg {
    display: none;
  }

  #facilities4-text{
  	float: left
  }

  #facilities3-text .block60 .bulleted{
    margin-top: 105px !important;
  }

  #facilities14 .button {
    width:20%;
  }

  #condo2-text{
    width:100%;
  }

  .main-block-50-l {
    padding:0 2% 0 16%;
  }

  .main-block-50-r {
    padding:0 16% 0 2%;
  }

/*991*/
  @media screen and (max-width: 991px) {
    #img-gallery3 li{
      box-sizing: border-box;
    }

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

    .cycle-pager {
      bottom: 100px;
    }

    #facilities4 .block-black-r, #facilities10 .block-black {
      width: 80%;
    }

    #facilities10-img1, #facilities10-img2 {
      display: none;
    }

    #slides {
      height: 100vh;
    }

    #facilities3 .block-black {
      display: block;
      position: relative;
      width: 80%;
      z-index: 2;
    }

    #facilities3-text .block100{
      width:100% !important;
      position: relative !important;
      clear:both !important;
      z-index: 2 !important;
    }

    #facilities3-text .block60{
      width: 100%;
      position: relative;
      height: auto;
      top: 0;
      display: block;
      right: 0;
      box-sizing: border-box;
      padding: 0;
      top: 0;
    }

    #facilities4-text, #facilities5-text, #facilities6-text,#facilities7-text, #facilities10-text{
      margin-top: 5%;
      z-index: 2;
    }

    #facilities4-text .block60, #facilities4-text .block30{
      width: 100%;
      clear: both;
    }

    #facilities5-text .block100{
      margin: 20px auto;
      display: block;
      clear: both;
      padding: 0;
      width: 100%;
    }

    .main-block-50-l {
      padding:0;
    }

    .main-block-50-r {
      padding:0;
    }

    #facilities5-text img{
      width: 40%;
      display: block;
      margin: 0 auto;
    }

    #facilities6-text .block100{
      clear: both;
      width: 100%
    }

    #facilities6-text .img-gallery3, #facilities7-text .img-gallery3{
      width: 95%;
    }

    #facilities7-text .block100{
      clear: both;
      width: 100%
    }

    #facilities8-text{
      width: 80%;
      margin: 29% 10%;
    }

    #facilities10-text .block100{
      clear: both;
      width: 100%;
    }

    #condo2-text .main-block30, #condo2-text .main-block50{
      width:100%;
      clear:both;
      z-index: 2;
      padding: 0 2% !important;
    }

  #facilities8 .block-black-c {
  width: 80%;
  margin-left: 10%;
  margin-top: 20%;
}

 .section .block-black{
  display: block;
  position: relative;
  width: 80%;
  margin: -5% 10% 0 !important;
  z-index: 2;
  }

  .section:not(#facilities1){
    background:url(../img/bg.jpg) !important;
    background-size: auto 100% !important;
    height:auto;
  }

 #facilities3-text .block60 .bulleted{
    margin-top: 0px !important;
  }

.main-block30 img{
    margin-top: 20px;
  }
  #facilities4-text {
 
     left: 0 !important; 
}
}

  #facilities15 .button {
    width: auto;
    display: table;
  }


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

#facilities3-text .block60 .bulleted{
  margin-top: 173px !important
}



}

@media screen and (max-width: 480px) {
  #condo2-text .main-block30 {
    width: 100%;
    clear: both;
    z-index: 2;
}


}

@media screen and (max-width: 1024px) and (min-height:600px){
  .block-black-c {

    margin-left: 20% !important;

}

.block-black{
  margin-left: 20% !important;
}

#condo2-text {
    width: 93%;
    margin-left: 5%;
}


}