/*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/bg.jpg); background-size:cover;}
  #facilities8, #facilities8-mobile { background:url(../img/facilities/facilities7.jpg); background-size:cover;}

  #facilities-page .block50l {padding-left:0; padding-right:2%;}
  #facilities-page .block50r {padding-right:0; padding-left:2%;}
  #facilities7 .cycle-pager {bottom:-55%; position:absolute;}

  #facilities3 .block-black-c {margin-top:20%; width:80%; margin-left:10%;}
  #facilities2 .block-black-c {margin-top:8%; width:60%;}
  #facilities4 .block-black {margin-top:3%; width: 50%; margin-left:14%;}
  #facilities5 .block30 {padding-right:2%;}

  #facilities8 .block-black-c {margin-top:0;}
  #facilities8 .block50l {padding-left:0; padding-right:2%;}
  #facilities8 .block50r {padding-right:0; padding-left:2%;}

  #facilities7 h2, #facilities7 p, #facilities7 h3, #facilities7 a {color:#222;}
  #facilities7 p {font-size:1.2em;}
  #facilities7 h2 {font-size:2em;}
  #facilities7 h3 {font-size:1.4em;}
  .subpage-block {width:45%; height:50%;}

  #angeles-scene {background:url(../img/recreation.jpg); background-size:cover;}

  #facilities3-text {left:8%;}

  #facilities7 img {
    height: 100%;
    width: auto;
  }

  #facilities7 .subpage-block {
    width: 45%;
    right: 10%;
  }

#angeles-scene-img{
  display: none;
}
#angeles-scene{
background-size: 100% 100%;
}
/*991*/
  @media screen and (max-width: 991px) {
    #facilities-page .block50r {
    padding-right: 0;
    padding-left: 0;
}
    #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;
      left: 0
    }

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

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

 .section .block-black{
  display: block;
  position: relative;
  width: 80% !important;
  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;
  }

  .block-black-c .block50,  .block-black .block50{
    width: 100%;
  }

  #angeles-scene-img{
    display: block;
    width: 100% !important;
    height: auto;
  }

  #angeles-scene {
    background-size: 100% 100%;
    height: auto !important;
    position: relative;
    width: 100% !important;
}

#facilities7 .subpage-block {
   
    position: relative;
    width: 90%;
    left: 5%;
    margin: 20px auto !important
}

.img-gallery3 {
    position: relative;
    left: -5px;
}

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

 .just{
      text-align: justify !important;
    }
}

 @media screen and  (max-width: 1600px){
#facilities2 .block-black-c {
    margin-top: 9%;
    width: 61%;
}
}

 @media screen and  (max-width: 320px) and  (max-height: 480px){
.img-gallery3 li {
    width: 31.33% !important;
    }
    #facilities6-text .img-gallery3{
          width: 102% !important;
    }
  }


 @media screen and  (max-width: 480px) and  (max-height: 320px){
  .img-gallery3 {
    width: 102%;
    list-style: none!important;
    padding: 0!important;
    margin: 0;
    left: -8px;
    position: relative;
}

}