/*Main styles*/
  #condo1 { background:url(../img/index/index-bg2.jpg); background-size:cover;}
  #condo2-text {margin-top:5%; background:none; width:80%; margin-left:10%; padding:0 5%;}
  #condo2-text img {width:70%; display:block; position:relative; margin:0 auto 5%; border-top:4px solid #fff; border-bottom:4px solid #fff; border-left:10px solid #fff; border-right:10px solid #fff; box-shadow:0px 3px 6px 0px rgba(50, 50, 50, 0.75);}
  #condo2-text ul {width:80%; display:block; position:relative; margin:0 auto 0;}
  #condo-2 .block-black-c {margin-top:9%;}

  #condo-3 {padding-top:2%;}
  #condo-3 .block50l {width:60%; padding-left:10%; padding-right:0; padding-top:5%;}
  #condo-3 .block50r {width:40%; padding-left:1%; padding-right:-5%;}
  #condo-3 img {border-top:4px solid #fff; border-bottom:4px solid #fff; border-left:10px solid #fff; border-right:10px solid #fff; box-shadow:0px 3px 6px 0px rgba(50, 50, 50, 0.75);}

  #condo-3 .main-block {margin-top:2%;}
  #mabuhay1 .wide-textbox {background:none;}

  p, li, h3, h2, .icons {color: #222;}

  footer p {color:#fff;}

@media screen and (max-width: 991px) {
  #angeles1 {background:url(../img/condo/angeles1-991.jpg); background-size:cover;
  }

  #condo2-text .block30{
    width:100%;
    clear:both;
  }

  #condo-2, #condo-3{
    height:auto;
  }

  #condo-3 .main-block{
    width: 100%;
    padding: 0;
  }

  #condo-3 .main-block .sixty-blocks img{
    width: 95% !important;
  margin: 0 auto;
  }
}

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

 @media screen and  (max-width: 320px) and  (max-height: 480px){
.wide-textbox {
    position: absolute;
    width: 96%;
    left: 4%;
    font-size: 0.8em;
}
}