@media screen and (max-width: 1100px) {
  .menu-nav a {
    padding: 0px 15px;
  }
}
@media screen and (max-width: 1024px) {
  .header-top,
  .header-nav {
    display: none;
  }
  .menu {
    padding: 5px 0;
  }
  .menu-nav {
    display: none;
  }
  #hamburger {
    display: block;
  }
  .center-layout,
  .inner {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .menu {
    display: none;
  }
  .menu-res {
    display: block;
  }
  .header-bottom {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .footer .col_footer {
    grid-template-columns: 48% 48%;
  }
  .box-criteria {
    position: relative;
    top: inherit;
    width: 100%;
    left: inherit;
    transform: inherit;
    padding: 10px 0px;
  }
  .page-about {
    padding: 30px 0;
  }
  .flex-about .left {
    width: 100%;
  }
  .flex-about .right {
    display: none;
  }
  .flex-about .about-slogan {
    font-size: 24px;
    margin: 0;
  }
  .flex-about .about-title {
    font-size: 25px;
  }
  .flex-about .about-desc {
    font-size: 15px;
  }
  .flex-about .flex-view-about {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .project-heading h2 {
    font-size: 25px;
  }
  .project-heading h2 p {
    font-size: 15px;
  }
  .why-title1 {
    font-size: 25px;
  }
  .why-title2 {
    font-size: 25px;
  }
  .product__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .col_tt {
    width: 100%;
    margin-bottom: 15px;
  }
  .col_vd {
    width: 100%;
  }
  .page-news .center-layout.flex_tc {
    flex-direction: column;
  }
  .page-news .news_left {
    display: none;
  }
  .page-news .news_right {
    width: 100%;
    padding-left: 0px;
  }
  .flex-subscribed {
    flex-direction: column;
  }
  .flex-subscribed .subscribed-left {
    width: 100%;
  }
  .flex-subscribed .subscribed-right {
    width: 100%;
  }
  .flex-subscribed .newsletter-top {
    flex-direction: column;
    gap: 10px;
  }
  .flex-subscribed .newsletter-top .flex-newsletter,
  .flex-subscribed .newsletter-top .flex-newsletter-content {
    width: 100%;
  }
  .flex-subscribed .newsletter-top .newsletter-button {
    width: 100%;
  }
  .flex-subscribed .newsletter-button input[type=submit] {
    height: 45px;
  }
  .flex-footer {
    flex-direction: column;
    gap: 15px;
  }
  .flex-footer .footer-info {
    width: 100%;
  }
  .flex-footer .footer-policy {
    width: 100%;
  }
  .flex-footer .footer-gg-map {
    width: 100%;
  }
  .newsdv {
    width: calc(50% - 20px);
    margin: 10px;
  }
  .project-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .news__grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .name-newsdv {
    font-size: 14px;
  }
  .desc-newsdv {
    font-size: 14px;
    -webkit-line-clamp: 2;
  }
  .view-newsdv {
    font-size: 12px;
    padding: 6px 15px;
  }
  .about-slogan {
    text-align: center;
  }
  .about-title {
    text-align: center;
  }
  .list_monnb a {
    padding: 8px 20px;
    margin: 3px;
  }
  .service-view-more a,
  .project-view-more a {
    padding: 6px 20px;
  }
  .flex-copyright {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .heading-product h3 {
    font-size: 20px;
  }
  .product-items__name .split-1row {
    white-space: initial;
  }

  .bannerts{
    display:none;
  }
  .box_tsao{
    width: 100%;
  }
  .why-title1{
    margin: 0px;
    text-align: center;
  }
  .why-title2{
    text-align: center;
  }
  .why-subtitle{
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .pd-detail__top {
    grid-template-columns: 100%;
    grid-gap: 20px;
  }
  .mobile-button {
    display: grid !important;
  }
}/*# sourceMappingURL=reponsive.css.map */