/* Static desktop fixes. Keep original theme files untouched. */
@media (min-width: 993px) {
  body {
    min-width: 1180px;
    background: #fff;
  }

  #wrapper {
    overflow-x: hidden;
  }

  .container {
    max-width: 1140px;
  }

  #header .navbar .logo {
    height: 64px;
    padding: 6px 0;
  }

  #header .navbar .logo img {
    height: 100%;
    width: auto;
    object-fit: contain;
  }

  #header .main-nav .nav-item .nav-link {
    height: 64px;
    line-height: 64px;
  }

  .slide-show .swiper-slide a {
    height: 420px;
    background-size: cover;
  }

  .slide-show .swiper-pagination,
  .slide-show .swiper-button-prev,
  .slide-show .swiper-button-next {
    display: none !important;
  }

  #index .index-box {
    padding: 46px 0;
  }

  #index .about {
    align-items: center;
  }

  #index .about .img img {
    width: 100%;
    height: 248px;
    object-fit: cover;
  }

  #index .about .desc {
    min-height: auto;
    line-height: 2;
  }

  .container.mb {
    margin-top: 30px;
  }

  .ur-here {
    margin-bottom: 8px;
  }

  .ur-here .here {
    color: #777;
    font-size: 14px;
  }

  #page {
    padding-top: 0;
  }

  #page h1 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
  }

  #page .content {
    max-width: 900px;
    color: #333;
    font-size: 16px;
    line-height: 2;
  }

  #page .content p {
    margin-bottom: 14px;
  }

  #page .content img {
    max-width: 100%;
    height: auto !important;
  }

  #page .content p:has(img) {
    text-align: center !important;
  }

  #page .content > p > img:first-child:last-child {
    display: block;
    width: auto;
    max-width: 900px;
    max-height: none;
    margin: 0 auto 28px;
  }

  #page .content .about-strength-img {
    width: 100% !important;
    max-width: 900px;
    margin-bottom: 26px;
    object-fit: cover;
  }

  #page .content img[src*="9_content_1749453967750118"],
  #page .content img[src*="2_content_1749193401956746"],
  #page .content img[src*="8_content_1749197828891815"] {
    width: min(100%, 860px) !important;
  }

  #page .content img[src*="12_content_1749457989387250"] {
    width: 520px !important;
    max-width: 64% !important;
    margin-right: 42px;
    vertical-align: top;
  }

  #page .content img[src*="12_content_1749198983058087"] {
    width: 220px !important;
    height: 222px !important;
    object-fit: contain;
    vertical-align: top;
  }

  #page .content span {
    line-height: inherit;
  }

  .contact-media {
    display: flex;
    align-items: flex-start;
    gap: 46px;
    margin: 22px 0 10px;
  }

  .contact-media figure {
    margin: 0;
    text-align: center;
  }

  .contact-media figcaption {
    margin-top: 10px;
    color: #333;
    font-size: 18px;
  }

  .tree-box {
    margin-top: 4px;
  }

  #footer {
    margin-top: 36px;
  }
}

@media (max-width: 992px) {
  html,
  body {
    overflow-x: hidden;
    background: #fff;
  }

  #wrapper {
    overflow-x: hidden;
  }

  #header .navbar {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
  }

  #header .navbar .logo {
    display: block;
    width: 148px;
  }

  #header .navbar .logo img {
    display: block;
    width: 100%;
    height: auto;
  }

  #header .navbar-action .menu {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 4px;
    background: #19b4ea;
    color: #fff;
    font-size: 18px;
  }

  #header .navbar-action .menu .fa-bars::before {
    content: "\2630";
    font-family: Arial, sans-serif;
    font-weight: 700;
  }

  #header .main-nav {
    margin-top: 10px;
    border-top: 1px solid #eee;
    background: #fff;
  }

  #header .main-nav .nav-item .nav-link {
    padding: 12px 4px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    font-size: 15px;
    line-height: 1.4;
  }

  #header .main-nav .nav-item.active .nav-link,
  #header .main-nav .nav-link.active {
    color: #19b4ea;
  }

  #header .main-nav .nav-item.dropdown.d-lg-none {
    display: none;
  }

  .slide-show .swiper-slide a {
    height: 180px;
    background-size: cover;
    background-position: center center;
  }

  #index .index-box {
    padding: 26px 0 30px;
  }

  #index .about .img {
    margin-bottom: 18px;
  }

  #index .about .img img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  #index .about h2 {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 1.35;
  }

  #index .about .desc {
    margin: 0 0 18px;
    color: #555;
    font-size: 15px;
    line-height: 1.9;
  }

  #index .about .more {
    text-align: left;
  }

  .container.mb {
    margin-top: 18px;
  }

  .tree-box {
    margin-bottom: 18px;
  }

  .tree-box h3 {
    margin-bottom: 8px;
    font-size: 16px;
  }

  .tree-box li a {
    padding: 9px 12px;
    font-size: 14px;
  }

  .ur-here {
    margin-bottom: 12px;
  }

  .ur-here .here {
    font-size: 13px;
    line-height: 1.6;
  }

  #page {
    padding-top: 0;
  }

  #page h1 {
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 1.35;
  }

  #page .content {
    width: 100%;
    max-width: 100%;
    color: #333;
    font-size: 15px;
    line-height: 1.9;
  }

  #page .content p {
    margin-bottom: 13px;
  }

  #page .content span {
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: normal !important;
  }

  #page .content img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin-right: auto;
    margin-left: auto;
  }

  #page .content .about-strength-img {
    width: 100% !important;
    margin-bottom: 18px;
  }

  #page .content img[src*="9_content_1749453967750118"],
  #page .content img[src*="2_content_1749193401956746"],
  #page .content img[src*="8_content_1749197828891815"] {
    width: 100% !important;
  }

  .contact-media {
    display: block;
    margin-top: 18px;
  }

  .contact-media figure {
    margin: 0 0 18px;
    text-align: center;
  }

  #page .content .contact-media img[src*="12_content_1749457989387250"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .content .contact-media img[src*="12_content_1749198983058087"] {
    width: 180px !important;
    height: 182px !important;
    object-fit: contain;
  }

  .contact-media figcaption {
    margin-top: 8px;
    font-size: 15px;
  }

  #footer {
    margin-top: 24px;
  }

  #footer .copy-right {
    padding: 16px 0;
    font-size: 12px;
    line-height: 1.7;
    text-align: center;
  }
}

@media (max-width: 576px) {
  #header .navbar .logo {
    width: 132px;
  }

  .slide-show .swiper-slide a {
    height: 150px;
    background-position: center center;
  }

  #index .about h2 {
    font-size: 22px;
  }

  #page h1 {
    font-size: 21px;
  }
}