/* greater than and equals to 1200px  */
/* less than and equals to 1199px  */
@media screen and (max-width: 1199px) {
  .to-container {
    width: 992px; }

  .open-animate-img {
    width: 496px;
    height: 331px; }

  .slide1 .ms-caption {
    max-width: 230px;
    word-break: break-word;	}

  .mdl-layout__header.to-mainHeader .mdl-layout-title img {
    width: 180px; }
  .mdl-layout__header.to-mainHeader .mdl-layout__header-row .mdl-navigation .mdl-navigation__link:not(.to-loginBtn) {
    padding: 30px 13px;
    font-size: 14px; }

  .to-miniBnrSection .to-miniBnrInfo h2 {
    font-size: 40px;
    margin: 0 0 20px 0; }
    .to-miniBnrSection .to-miniBnrInfo h2 em {
      font-size: 50px; }
  .to-miniBnrSection .mdl-grid {
    height: auto; }

  .to-communityControl img {
    height: 300px; }
  .to-communityControl .to-miniBnrInfo {
    padding: 30px 0; }

  .to-tap2Open .to-miniBnrInfo {
    padding: 30px 0; }

  .to-residentsBenefits .to-miniBnrInfo {
    padding: 30px 0; }

  .to-easeGuests .to-miniBnrInfo {
    padding: 30px 0; } }
/* less than and equals to 1024px  */
@media screen and (max-width: 1024px) {
  .to-testiSection .to-container {
    width: 595px;
    padding: 0; }

  .to-container {
    width: 750px; }

  .open-animate-img {
    width: 375px;
    height: 250px; }

  .mdl-layout__drawer-button {
    padding: 0;
    background: rgba(0, 0, 0, 0.3);
    margin: 10px; }
    .mdl-layout__drawer-button i {
      color: #000;
      font-size: 33px;
      line-height: 47px; }

  .to-miniBnrSection .to-miniBnrInfo h2 {
    font-size: 30px;
    margin: 0 0 20px 0; }
    .to-miniBnrSection .to-miniBnrInfo h2 em {
      font-size: 20px; }

  .to-communityControl img {
    height: 250px; } }
/* less than and equals to 839px  */
@media screen and (max-width: 839px) {
  .bx-controls {
    display: none; }

  .to-testiSection .to-container {
    width: 290px; }

  .to-container {
    width: 450px; }

  .open-animate-img {
    width: 450px;
    height: 300px; }

  .to-miniBnrSection .to-miniBnrInfo {
    padding: 20px 0; }
    .to-miniBnrSection .to-miniBnrInfo h2 {
      font-size: 30px;
      margin: 0 0 20px 0; }
      .to-miniBnrSection .to-miniBnrInfo h2 em {
        font-size: 35px; }
  .to-miniBnrSection .mdl-grid {
    height: auto; }

  .to-easeGuests img {
    margin-top: -50px; }

  .to-communityControl img {
    height: 250px; }

  .to-innerPageHead {
    text-align: center; }

  .to-urContentBoxRG .to-urContentBoxRow {
    display: block;
    text-align: center; }
    .to-urContentBoxRG .to-urContentBoxRow .to-urContentBoxCol {
      display: block; }
      .to-urContentBoxRG .to-urContentBoxRow .to-urContentBoxCol .to-readMoreBtn {
        margin: 0 auto; }
      .to-urContentBoxRG .to-urContentBoxRow .to-urContentBoxCol.to-urContentBoxDesc {
        padding: 20px 0; }

  .to-urContentBoxCMG .to-urContentBoxRow {
    display: block;
    text-align: center; }
    .to-urContentBoxCMG .to-urContentBoxRow .to-urContentBoxCol {
      display: block; }
      .to-urContentBoxCMG .to-urContentBoxRow .to-urContentBoxCol .to-readMoreBtn {
        margin: 0 auto; }
      .to-urContentBoxCMG .to-urContentBoxRow .to-urContentBoxCol.to-urContentBoxDesc {
        padding: 20px 0; }

  .to-urContentBoxMK .to-urContentBoxRow {
    display: block;
    text-align: center; }
    .to-urContentBoxMK .to-urContentBoxRow .to-urContentBoxCol {
      display: block; }
      .to-urContentBoxMK .to-urContentBoxRow .to-urContentBoxCol .to-readMoreBtn {
        margin: 0 auto; }
      .to-urContentBoxMK .to-urContentBoxRow .to-urContentBoxCol.to-urContentBoxDesc {
        padding: 20px 0; }

  .to-urContentBoxFEAT .to-urContentBoxRow {
    display: block;
    text-align: center; }
    .to-urContentBoxFEAT .to-urContentBoxRow .to-urContentBoxCol {
      display: block; }
      .to-urContentBoxFEAT .to-urContentBoxRow .to-urContentBoxCol .to-readMoreBtn {
        margin: 0 auto; }
      .to-urContentBoxFEAT .to-urContentBoxRow .to-urContentBoxCol.to-urContentBoxDesc {
        padding: 20px 0; }

  .to-urContentBoxRGO .to-urContentBoxRow {
    display: block;
    text-align: center; }
    .to-urContentBoxRGO .to-urContentBoxRow .to-urContentBoxCol {
      display: block; }
      .to-urContentBoxRGO .to-urContentBoxRow .to-urContentBoxCol .to-readMoreBtn {
        margin: 0 auto; }
      .to-urContentBoxRGO .to-urContentBoxRow .to-urContentBoxCol.to-urContentBoxDesc {
        padding: 20px 0; } }
/* less than and equals to 479px  */
@media screen and (max-width: 479px) {
  .to-container {
    width: auto;
    padding: 0 15px; }

  .open-animate-img {
    width: 290px;
    height: 194px; } }

/*# sourceMappingURL=responsive.css.map */