@charset "UTF-8";
/* MOBILE MENU */
@media screen and (max-width: 1300px) {
  .header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding-bottom: 5px;
    height: auto;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
    transition: all 0.3s ease-in-out;
    z-index: 999;
  }

  .header.sticky {
    padding-bottom: 0;
  }

  .header-wrapper {
    height: 80px;
    width: 100%;
    padding: 1% 5%;
  }

  .header-bottom {
    border: 0;
    padding-bottom: 0;
  }

  .header-right {
    padding-right: 4%;
  }

  .htr-top {
    display: none;
  }

  /*
  .header-top {
      padding: 0 2%;
  }
  */
  .header-top-right {
    top: 0;
    width: 20%;
    /* position: inherit;
    float: right; */
  }

  .main-menu-button,
.main-menu-close {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-top: 12px;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }

  .main-menu-button span {
    display: block;
    position: absolute;
    height: 3px;
    width: 35px;
    background-color: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    /*right: -30%;
            top: 50%;
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            background: url(images/main-menu-button@2x.png) no-repeat center center;
            background-size: contain;
            width: 35px;
            height: 50px;*/
  }
  .main-menu-button span:nth-child(1) {
    top: 0px;
  }
  .main-menu-button span:nth-child(2) {
    top: 10px;
  }
  .main-menu-button span:nth-child(3) {
    top: 20px;
  }

  .main-menu-close {
    display: block;
    position: absolute;
    top: 5px;
    right: 25px;
    width: 30px;
    height: 30px;
    /* width: 30px;
    height: 30px;
    background-image: url(images/main-menu-close@2x.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    z-index: 9999;
  }
  .main-menu-close span {
    display: block;
    position: absolute;
    height: 3px;
    width: 35px;
    background-color: #989795;
    border-radius: 9px;
    opacity: 1;
    top: 14px;
    left: -7px;
  }
  .main-menu-close span:nth-child(1) {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .main-menu-close span:nth-child(2) {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .main-menu-top {
    width: 90%;
    margin: 0 auto;
  }

  .main-menu-corner {
    position: relative;
    display: block;
    right: 0;
    width: 100%;
    padding-bottom: 10px;
    z-index: 998;
    text-align: left;
  }

  .header-search,
.fontsize-switcher,
.language-switcher {
    display: inline-block;
    background-color: transparent;
    height: auto;
    padding: 0;
  }

  .language-switcher {
    display: block;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
    top: 2px;
    font-size: 1.6em;
  }

  .header-icon {
    width: 30px;
    height: 30px;
  }

  .fontsize-switcher {
    margin-bottom: 0;
    margin-top: 8px;
  }

  .fontsize-switch.active:after {
    display: none;
  }

  .main-menu ul.language-chooser > li > a {
    padding: 3px;
  }

  ul.language-chooser {
    width: 110px;
  }

  .main-menu {
    display: block;
    position: fixed;
    top: 0;
    right: -300px;
    width: 80%;
    max-width: 300px;
    min-width: 240px;
    height: 100%;
    padding-top: 12px;
    padding-bottom: 20px;
    padding-top: 65px;
    background-color: #f3f2ee;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: right 0.25s ease-in-out;
    scroll-behavior: smooth;
    overflow: hidden;
    overflow: scroll;
  }

  .main-menu ul > li {
    width: 100%;
    margin: 0;
  }

  /*.main-menu ul>li.menu-item-has-children:before,
  .main-menu>ul>li>ul>li.menu-item-has-children:before {
      position: absolute;
      top: 12px;
      right: 6px;
      content: "▾";
      width: 40px;
      height: auto;
      font-size: 20px;
      text-align: center;
      cursor: pointer;
      transition: all 0.2s ease-in;
      z-index: 2;
  }*/
  .main-menu ul > li.menu-item-has-children span,
.main-menu > ul > li > ul > li.menu-item-has-children span {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    padding: 11px 0;
    padding-right: 6px;
    font-size: 20px;
    text-align: center;
    color: #76236e;
    transition: all 0.2s ease-in;
    background-color: transparent;
    z-index: 10;
  }
  .main-menu ul > li.menu-item-has-children span:hover,
.main-menu > ul > li > ul > li.menu-item-has-children span:hover {
    color: #fff;
  }

  .main-menu > ul > li > ul > li.menu-item-has-children > a:after {
    display: none;
  }

  span.separator {
    display: none;
  }

  .main-menu > ul > li > ul > li > ul {
    scroll-behavior: smooth;
    max-height: 230px;
    overflow: hidden;
    overflow: scroll;
  }

  .main-menu > ul > li:hover:before,
.main-menu .menu-main-menu-container > ul > li:hover:before {
    left: unset;
  }

  /*.main-menu ul>li.menu-item-has-children.open:before {
      top: 16px;
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
      transition: all 0.2s ease-out;
  }*/
  .main-menu ul > li.menu-item-has-children.open > a {
    background-color: #76236e;
    color: #fff;
  }

  .main-menu ul > li.menu-item-has-children.open > span {
    height: 50px;
    color: #fff;
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
  }

  .main-menu > ul > li > ul > li {
    background-color: rgba(75, 95, 133, 0.1);
  }

  .main-menu > ul > li > a {
    position: relative;
    color: #231815;
    z-index: 1;
  }

  .main-menu > ul > li > ul > li > a {
    position: relative;
    color: #76236e;
    padding: 15px 20px;
    z-index: 1;
  }

  .main-menu > ul > li:hover > a,
.main-menu > ul > li.current-menu-item > a,
.main-menu > ul > li.current-menu-parent > a,
.main-menu > ul > li.current-menu-ancestor > a {
    border: 0;
    color: #76236e;
  }

  .main-menu ul > li > a {
    width: 100%;
    margin: 0;
    padding: 16px 35px 16px 20px;
    border: 0;
    text-align: left;
  }

  .main-menu ul > li > ul {
    left: 0;
  }

  .main-menu ul > li:hover > ul {
    box-shadow: none;
  }

  .main-menu ul > li > ul {
    display: none;
    position: relative;
    width: 100%;
    max-height: unset;
    background-color: unset;
  }	
  .main-menu ul li#menu-item-4426 ul {
		width: 100%;
  }

  .main-menu ul > li.open > ul {
    display: block;
    -webkit-animation: fadeIn 0.5s;
    -moz-animation: fadeIn 0.5s;
    -o-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
  }

  .menu-main-menu-container {
    padding-top: 30px;
  }

  .main-menu ul ul {
    border: 0;
  }

  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-moz-keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-o-keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @-moz-keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @-o-keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .main-menu .menu-primary-menu-container-button ul li.active > a,
.main-menu .menu-primary-menu-container-button ul li.current-menu-item > a,
.main-menu .menu-primary-menu-container-button ul li.current-page-ancestor > a,
.main-menu .menu-primary-menu-container-button ul li:hover > a {
    border-bottom: 0;
  }

  .main-menu .menu-primary-menu-container-button ul li.active > a,
.main-menu > ul li.active:hover > a,
.main-menu .menu-primary-menu-container-button ul li.current-menu-item > a,
.main-menu > ul li.current-menu-item:hover > a,
.main-menu .menu-primary-menu-container-button ul li.current-page-ancestor > a,
.main-menu > ul li.current-page-ancestor:hover > a {
    color: #76236e;
    background-color: #b6b8b6;
  }

  .main-menu .menu-primary-menu-container-button ul > li.menu-item-has-children:before {
    position: absolute;
    top: 11px;
    right: 6px;
    content: "▾";
    width: 40px;
    height: auto;
    color: #fff;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in;
  }

  .main-menu .menu-primary-menu-container-button ul > li.menu-item-has-children.open:before {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: all 0.2s ease-out;
  }

  .main-menu ul > li:hover > a,
.fontsize-switch.active,
.language-switcher li.active a {
    font-weight: 700;
  }

  .main-menu ul > li:hover > a {
    background-color: #76236e;
    color: #fff;
  }

  .main-menu > ul > li > ul > li:hover {
    background-color: transparent;
  }

  .main-menu ul > li:hover > span {
    color: #fff;
  }

  .main-menu ul > li a:hover {
    border: 0;
    color: #fff;
    border: 0;
  }

  .main-menu ul > li.menu-item-has-children:before,
.main-menu > ul > li > ul > li.menu-item-has-children:before {
    color: #76236e;
  }

  .main-menu > ul > li:hover:before,
.main-menu > ul > li > ul > li:hover:before {
    color: #fff;
  }

  .main-menu ul > li > ul > li {
    padding: 0;
  }

  /*.main-menu ul>li>ul>li:hover a {
          display: block;
          border: 0;
          @include c(#fff);
      }*/
  body.menu-open .main-menu-button {
    display: none;
  }

  body.menu-open .main-menu-mask {
    display: block;
  }

  .main-menu-top {
    display: block;
    pointer-events: none;
  }

  body.menu-open .main-menu-top {
    pointer-events: auto;
  }

  body.menu-open .main-menu {
    right: 0;
    top: 0;
    transition: right 0.25s ease-in-out;
  }

  .header-icons.mobile {
    display: inline-block;
    padding: 0;
    padding-left: 5px;
    border: 0;
    margin: auto;
  }

  .header-icon.search {
    background-image: url(images/search-icon-mb@2x.png);
  }

  .main-menu .language-switcher li {
    padding: 2%;
    margin-right: 10px;
  }
  .main-menu .language-switcher li a {
    font-size: 1em;
    color: #231815;
  }

  .main-menu .language-switcher li.lang-en {
    margin-right: 0;
  }

  #qtranslate-3 {
    padding-left: 0;
  }

  .language-switcher li.active a {
    border-bottom: 0;
  }

  .language-switcher ul > li {
    width: auto;
  }

  .header-right-top {
    display: none;
  }

  .header-top-left {
    width: 80%;
    padding-top: 0;
    /* float: left; */
  }

  .header-logo {
    padding: 10px 0;
  }

  .header-logo-1 {
    margin-right: 3%;
  }

  .main-menu ul > li > ul > li > ul > li {
    background-color: #d0d4d4;
    padding: 15px 20px;
  }
  .main-menu ul > li > ul > li > ul > li a {
    color: #76236e;
    padding: 0;
  }

  .main-menu ul > li > ul > li > ul > li:hover a {
    background-color: transparent;
  }
}
@media screen and (max-width: 1300px) {
  .hn-right .hn-content {
    float: unset;
    width: 54%;
  }

  .hn-right .hn-image {
    padding-bottom: 31%;
  }

  .pm-icon {
    width: 35px;
    height: 52px;
  }

  .pmi-row .pm-icon {
    width: 57px;
    height: 81px;
  }

  .pmi-row:nth-child(2) {
    width: 20%;
  }

  .pmi-row:nth-child(3) {
    width: 26%;
  }

  .pmi-row .pm-icon {
    width: 40px;
    height: 58px;
  }

  h2.about-title {
    font-size: 2.4em;
  }

  .n-title p:last-child {
    font-size: 2.4em;
  }

  .page .article-block:last-child {
    min-height: 400px;
  }

  .header-logo img {
    height: 45px;
  }
}
@media screen and (max-width: 1200px) {
  .about-col-5 .about-row {
    width: 23%;
    padding-top: 23%;
  }
  .about-col-5 .about-row:nth-child(5n+5) {
    margin: 1% 1% 1% 0;
  }
  .about-col-5 .about-row:nth-child(4n+4) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1100px) {
  .about-row.about-col-3 {
    width: 48%;
    margin: 0 2% 2% 0;
    padding-top: 48%;
  }
  .about-row.about-col-3:nth-child(3n+2) {
    margin: 0 2% 2% 0;
  }
  .about-row.about-col-3:nth-child(3n+3) {
    margin-right: 2%;
  }
  .about-row.about-col-3:nth-child(2n+2) {
    margin-right: 0;
  }

  .about-rows {
    max-width: 800px;
    margin: auto;
  }

  .about-col-5 .about-row {
    width: 32%;
    padding-top: 32%;
    padding-bottom: 2%;
    margin: 1% 1% 1% 0;
  }
  .about-col-5 .about-row:nth-child(4n+4) {
    margin: 1% 1% 1% 0;
  }
  .about-col-5 .about-row:nth-child(3n+3) {
    margin: 1% 0;
  }

  .en_US .overlay-content p,
.en_US .overlay-content li {
    font-size: 1.4em;
  }

  .accordion-icon.active:after {
    top: 13px;
  }
}
@media screen and (max-width: 960px) {
  body {
    font-size: 45%;
  }

  .home-link-7 h2:after {
    left: 27%;
  }

  .home-link-7:after {
    border-top-width: 50px;
    border-right: 50px solid #f3f2ee;
  }

  .pm-icon {
    width: 30px;
    height: 44px;
  }

  .en_US .overlay-content p,
.en_US .overlay-content li {
    font-size: 1.8em;
  }

  .accordion-icon:after {
    top: 13px;
  }

  .language-switcher {
    font-size: 2.2em;
  }

  .hn-right .hn-title {
    max-height: 41px;
  }

  .hn-title,
.hn-right .hn-1-2 .hn-title {
    font-size: 2.2em;
  }

  .en_US .oalc-heading.transparent-bg:after {
    width: 53%;
  }

  .page .article-block:last-child {
    min-height: 140px;
    padding-bottom: 50px;
  }

  .overlay-content p,
.overlay-content li {
    font-size: 2.2em;
  }

  .content li {
    font-size: 1.6em;
  }

  .map {
    margin: 20px 0;
  }

  .project-categories {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 815px) {
  .about-col-5 .about-row {
    width: 48%;
    padding-top: 48%;
    padding-bottom: 2%;
    margin: 1% 1% 1% 0;
  }
  .about-col-5 .about-row:nth-child(3n+3) {
    margin: 1% 1% 1% 0;
  }
  .about-col-5 .about-row:nth-child(2n+2) {
    margin: 1% 0;
  }

  .en_US .about-col-5 .about-row p {
    font-size: 1.4em;
  }

  .mb-new .map-wrapper {
    display: block;
  }
  .mb-new .map-block-left {
    width: 100%;
  }
  .mb-new .map-block-right {
    width: 100%;
    padding-left: 0;
	padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .home-slider-container,
  .home-slider-container .bx-wrapper,
  .home-slider-container .bx-viewport,
  .home-slider,
  .home-slide,
  .page-top {
    height: 0;
    padding-bottom: 56.25%;
  }

  .hlt-left,
  .hlt-right,
  .hn-left,
  .hn-right {
    width: 100%;
  }

  .home-link h2 {
    font-size: 4em;
  }

  .home-link-2,
  .home-link-7 {
    padding: 17% 0;
    margin-bottom: 2.5%;
  }

  .home-link-2 h2 {
    top: 30%;
  }

  .home-link-7 h2:after {
    left: 38%;
    bottom: 0;
  }

  .hn-image,
  .hn-right .hn-1-2 .hn-image {
    display: inline-block;
    width: 45%;
    padding-bottom: 31%;
    vertical-align: top;
  }

  .hn-content,
  .hn-right .hn-1-2 .hn-content {
    display: inline-block;
    width: 54%;
    padding: 4%;
    vertical-align: top;
  }

  .hn-title,
.hn-right .hn-title,
.hn-right .hn-1-2 .hn-title,
.hn-left .hn-title {
    font-size: 2.4em;
  }

  .hn-left .hn-date,
.hn-right .hn-1-2 .hn-date,
.hn-right .hn-1-3 .hn-date,
.hn-right .hn-1-4 .hn-date {
    font-size: 2.8em;
  }

  .oalc-heading.transparent-bg:after {
    width: 66%;
    display: none;
  }

  .footer-menu {
    width: 100%;
    margin-top: 5%;
    float: left;
    text-align: left;
  }

  .pm-icon {
    width: 25px;
    height: 36px;
  }

  .pm-text {
    font-size: 2em;
  }

  .pm-text:nth-child(7) {
    top: 78%;
  }

  .pm-text:nth-child(2) {
    top: 50%;
    right: 57%;
  }

  .pm-text:nth-child(3) {
    top: 49%;
    right: 38%;
  }

  .pmi-row .pm-icon {
    width: 30px;
    height: 44px;
  }

  .pmi-row h2 {
    font-size: 2.3em;
  }

  .pb-list li:before {
    left: -34px;
  }

  .ab-text,
.ab-image {
    width: 100%;
  }

  .ab-image {
    float: unset;
    text-align: center;
    margin-top: 40px;
  }

  .oalc-heading:after {
    width: 0;
  }

  /* .gallery-left,
      .gallery-right,
      .gallery-row,
      .gallery-row:first-child,
      .gallery-row-6:nth-child(4) {
          width: 100%;
          padding-bottom: 55%;
      }
      .gallery-row-5:nth-child(2),
      .gallery-row-5:nth-child(5),
      .gallery-row-6:nth-child(2),
      .gallery-row-6:nth-child(6) {
          width: 42%;
          padding-bottom: 30%;
      }
      .gallery-row-5:nth-child(3),
      .gallery-row-5:nth-child(4),
      .gallery-row-6:nth-child(3),
      .gallery-row-6:nth-child(5) {
          width: 58%;
          padding-bottom: 30%;
      }
      .gallery-row-6,
      .gallery-row-7,
      .gallery-row-8,
      .gallery-row-9,
      .gallery-row-10,
      .gallery-row-11,
      .gallery-row-12,
      .gallery-row-13,
      .gallery-row-14 {
          &:nth-child(2),
          &:nth-child(7) {
              width: 58%;
              padding-bottom: 30%;
          }
          &:nth-child(4),
          &:nth-child(5) {
              width: 50%;
              padding-bottom: 30%;
          }
          &:nth-child(3),
          &:nth-child(6) {
              width: 42%;
              padding-bottom: 30%;
          }
      }*/
  .gallery-row {
    width: 50% !important;
    padding-bottom: 26% !important;
  }

  .gallery-cols {
    overflow: hidden;
  }

  .accordion-icon {
    font-size: 2.4em;
  }

  .accordion-icon:after {
    width: 20px;
    height: 14px;
    background-position: 0px -90px;
    background-size: 20px 101px;
  }

  .accordion-icon:after {
    top: 15px;
  }

  .accordion-icon {
    padding-right: 36px;
  }

  .nc-year {
    font-size: 14em;
  }

  .newsletter-block,
.n-left,
.n-right {
    display: block;
    width: 100%;
    overflow: hidden;
  }

  .n-tabs,
.newsletter-cetegory .n-tabs {
    padding: 3% 4% 3% 4%;
  }

  .n-tabs .tablink {
    padding: 1% 3%;
  }

  .footer-menu li {
    padding-left: 3%;
    margin-left: 0;
  }
  .footer-menu li:first-child {
    padding-left: 0;
  }

  .hn-right .hn-title {
    max-height: 72px;
  }

  .single-newsletter .article-block {
    padding-bottom: 60px;
  }

  .oalc-heading h2 {
    font-size: 3.2em;
    line-height: 1.4;
    letter-spacing: 3px;
  }

  .expand-all {
    padding-bottom: 40px;
  }

  .project-category {
    padding: 5px 10px;
  }

  .pc-icon {
    width: 20px;
  }

  .bx-wrapper .bx-pager.bx-default-pager {
    bottom: 45px;
  }

  .home-slider .caption {
    padding-bottom: 70px;
  }

  .scroll-down {
    width: 30px;
    height: 30px;
    bottom: 8%;
  }
}
@media screen and (max-width: 675px) {
  .rwd-table {
    width: 100%;
    font-size: 1.2em;
  }
  .rwd-table th {
    display: none;
  }
  .rwd-table td {
    display: block;
  }
  .rwd-table td:first-child {
    padding-top: 0.5em;
  }
  .rwd-table td:last-child {
    padding-bottom: 20px;
  }
  .rwd-table td::before {
    /*display: inline-block;
    width: 30%;
    max-width: 100px;*/
    display: block;
    width: 100%;
    content: attr(data-th);
    font-weight: bold;
    color: #76236e;
    font-size: 1.2em;
  }
  .rwd-table td p {
    /* display: inline-block;
    width: 69%;*/
  }

  .rwd-table tr:last-child {
    border-bottom: 0;
  }

  .about-rows {
    max-width: 400px;
  }

  .about-col-5 .about-row,
.about-col-3 .about-row {
    width: 100%;
    margin: 0 0 2% 0;
    padding-top: 100%;
  }
  .about-col-5 .about-row:nth-child(3n+2),
.about-col-3 .about-row:nth-child(3n+2) {
    margin: 0 0 2% 0;
  }
  .about-col-5 .about-row:nth-child(3n+3),
.about-col-3 .about-row:nth-child(3n+3) {
    margin: 0 0 2% 0;
  }
  .about-col-5 .about-row:nth-child(2n+2),
.about-col-3 .about-row:nth-child(2n+2) {
    margin: 0 0 2% 0;
  }

  .en_US .overlay-content p,
.en_US .overlay-content li {
    font-size: 2.2em;
  }

  .about-col-3 .ig-row.about-row {
    padding-top: 54% !important;
  }

  h2.about-title {
    font-size: 2em;
  }

  .bx-wrapper .bx-pager.bx-default-pager a {
    width: 13px;
    height: 13px;
    margin: 0 5px;
  }

  .scroll-down {
    width: 40px;
    height: 40px;
    bottom: 1%;
  }

  .bx-wrapper .bx-pager {
    bottom: 35px;
  }

  .ml-name {
    font-size: 2em !important;
    /* margin: auto;
    width: 75px; */
  }

  /*
  .en_US .ml-name {
      font-size: 1.8em !important;
  }
  */
  html.zh_HK .pc-name,
html.zh_CN .pc-name {
    font-size: 1.2em !important;
  }

  .header-logo img {
    height: 30px;
  }

  .main-menu-button {
    width: 25px;
    height: 25px;
    margin-top: 8px;
  }
  .main-menu-button span {
    width: 25px;
    height: 2px !important;
    left: 0;
    top: 13px;
  }
  .main-menu-button span:nth-child(2) {
    top: 8px;
  }
  .main-menu-button span:nth-child(3) {
    top: 16px;
  }

  .main-menu-close {
    top: 0;
    width: 25px;
    height: 25px;
  }
  .main-menu-close span {
    left: 3px;
    width: 27px;
    height: 2px;
  }

  /*
  .ml-name-right {
      margin-left: 2em!important;
  }
  */
}
@media screen and (max-width: 500px) {
  .home-link {
    width: 100%;
    padding: 20% 0;
  }

  .home-link h2 {
    font-size: 3em;
    letter-spacing: 2px;
  }

  .home-link-7 {
    padding: 15% 0;
  }

  .home-link-3,
.home-link-5,
.home-link-7 {
    float: none;
  }

  .home-link-2 h2,
.home-link-6 h2 {
    top: 25%;
  }

  .home-link-7 h2:after {
    left: 30%;
  }

  .hn-image,
.hn-content,
.hn-right .hn-image,
.hn-right .hn-content {
    width: 100%;
  }

  .hn-image,
.hn-right .hn-image {
    padding-bottom: 63%;
  }

  #backtotop {
    width: 35px;
    height: 35px;
  }

  .pm-icon {
    width: 15px;
    height: 22px;
  }

  .pm-text:first-child {
    top: 39%;
    right: 44%;
  }

  .pm-text:nth-child(3) {
    right: 34%;
  }

  .pm-text:nth-child(4) {
    right: 28%;
  }

  .pm-text:nth-child(5) {
    top: 74%;
    right: 66%;
  }

  .pm-text:nth-child(7) {
    top: 76%;
    right: 43%;
  }

  .pmi-row,
.pmi-row:nth-child(2),
.pmi-row:nth-child(3) {
    width: 47%;
    margin-bottom: 3%;
  }

  .project-block {
    font-size: 2.4em;
  }

  .pb-list li {
    letter-spacing: 5px;
  }

  h2.about-title {
    font-size: 2.8em;
  }

  .gallery-right .gallery-row:nth-child(1),
.gallery-right .gallery-row:nth-child(6),
.gallery-right .gallery-row:nth-child(3),
.gallery-right .gallery-row:nth-child(4),
.gallery-right .gallery-row:nth-child(2n+2),
.gallery-right .gallery-row:nth-child(2),
.gallery-right .gallery-row:nth-child(5) {
    width: 100%;
    padding-bottom: 52%;
  }

  .award-table {
    display: none;
  }

  .newsletter-rows > .grid-col,
.nc-rows > .grid-col {
    width: 100%;
    margin-right: 0;
  }

  .newsletter-row {
    padding-bottom: 129%;
  }

  .nc-row p {
    font-size: 2em;
  }

  .n-left {
    padding-right: 0;
  }

  .n-right {
    width: 90%;
    margin: auto;
  }

  .nc-year {
    font-size: 7em;
  }

  .footer-menu li {
    width: 30%;
    vertical-align: top;
    height: 50px;
  }

  .copyright {
    width: 100%;
    margin-bottom: 4%;
  }

  .oalc-heading.transparent-bg:after {
    display: none;
  }

  .page-top {
    padding-bottom: 55%;
  }

  .page-top-inner h1 {
    font-size: 3em;
  }

  .ml-name {
    font-size: 1.6em !important;
    /* width: 64px; */
  }

  /*
  .project-category {
      width: 47%;
  }
  */
  .project-category:nth-child(odd) {
    text-align: right;
  }

  .project-category:nth-child(even) {
    text-align: left;
  }
}
@media screen and (max-width: 450px) {
  .awards-table td {
    padding: 5px;
  }

  .bx-wrapper .bx-pager.bx-default-pager a {
    width: 12px;
    height: 12px;
    margin: 0 5px;
  }

  .scroll-down {
    width: 30px;
    height: 30px;
  }

  .page .article-block:last-child {
    padding-bottom: 30px;
  }

  .en_US .overlay-content p,
.en_US .overlay-content li {
    font-size: 2em;
  }

  .gallery-row {
    width: 100% !important;
    padding-bottom: 55% !important;
  }
}
@media screen and (max-width: 400px) {
  .ml-category {
    width: 14% !important;
  }

  body.home .oalc-heading {
    padding: 20px 0;
  }
}
@media screen and (max-width: 375px) {
  .main-menu-button {
    top: 28px;
  }

  .pm-text {
    font-size: 1.6em;
  }

  .pm-text:first-child {
    top: 37%;
    right: 43%;
  }

  .pm-text:nth-child(3) {
    right: 38%;
  }

  .pm-text:nth-child(5) {
    top: 77%;
    right: 68%;
  }

  .pm-text:nth-child(6) {
    top: 80%;
    right: 54%;
  }

  .pm-text:nth-child(7) {
    top: 81%;
    right: 42%;
  }

  .pm-text:nth-child(8) {
    top: 80%;
    right: 26%;
  }

  .en_US .overlay-content p,
.en_US .overlay-content li {
    font-size: 1.8em;
  }

  .ml-name {
    font-size: 1.3em !important;
  }

  .en_US .ml-name {
    font-size: 1.2em !important;
  }

  .rwd-table {
    width: 100%;
  }
  .rwd-table td::before {
    width: 100%;
    max-width: 100%;
  }
  .rwd-table td p {
    width: 100%;
  }
}

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