/*Main Style*/
  #subic1 { background:url(../img/subic/subic1.jpg); background-size:cover;}

  #subic-page .cycle-pager {bottom:-80%!important; position:absolute;}
  #subic-page .pager-instruction {bottom:-90%!important; position:absolute;}

  #subic-bay {background:url(../img/subic.jpg); background-size:cover;}
  .subpage-block {width:45%; height:50%;}
  #subic2 p, #subic2 h2, #subic2 h3 {color: #222;}
  #subic2 p {font-size: 1.2em;}
  #subic2 h3 {font-size: 1.4em;}
  #subic2 h2 {font-size: 2em;}

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

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

@media screen and (max-width: 1400px) {
  #subic-page .cycle-pager {bottom:-70%;}
  #subic-page .pager-instruction {bottom:-35%;}
  
}

#subic-bay{
  background-size: 100% 100%;
}

@media screen and (max-width: 991px) {
  #facilities1 {background:url(../img/facilities/slide1-991.jpg); background-size:cover;}
    #subic-text{
      position: relative;
  clear: both;
  width: 100%;
  top: 50%;
  right: 0;
  }

  #subic-bay{
      clear: both;
  width: 100%;
  position: relative;
  height: 60vh;

  }

  #subic2{
    height: auto;
  }

  .hidden-sm{
    display: none;
  }
}

#subic-sm{
  display: none;
}
@media screen and (max-width: 991px) {
  #subic-text{
    position: relative;
    clear: both;
    width: 100%;
    top: 50%;
    right: 0;
    padding:20px 8%;
  }

  .subic-mobile{
    display: block;
    width:100%;
  }

  #subic-bay{
    clear: both;
    width: 100%;
    position: relative;
    height: auto !important;
  }

  #subic2{
    height: auto;
  }

  .hidden-sm{
    display: none;
  }

  #subic2 img {
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }

  #subic2 .subpage-block {
    width: 90%;
    right: 0;
    left: 5%;
    height: auto;
    overflow: hidden;
  }
  #subic-sm{
    display: block;
  }
}


 @media screen and (max-width: 1024px) and (max-height: 768px) {
.wide-textbox {
    position: absolute;
    width: 46%;
    left: 28%;
    }
  }

  @media screen and (max-width: 420px){
    .wide-textbox h2, .wide-textbox h3 {
    font-size: 0.9em;
}
.wide-textbox {
    width: 90%;
    left: 5%;
    top: 40%;
}
  }