/*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: #fff;
  }

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