@media only screen and (min-width: 1800px) {
}
@media only screen and (min-width: 1540px) {
}

@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1368px) {
  :root {
    --padding: 2vw;
    --normal-font: 16px;
    --para-head: 18px;
    --big-head: 35px;
    --small-link: 14px;
  }
  .ap-contain {
    gap: 0;
  }
  .hs-group,
  .hpart-group {
    flex-wrap: wrap;
    justify-content: center;
  }
  .home-a-contain {
    gap: 50px;
  }
  .hac-left {
    width: 450px;
    height: 450px;
  }
  .need-help {
    flex-direction: column-reverse;
  }
  .nh-right img {
    max-height: 300px;
  }

  .nh-left,
  .nh-right {
    width: 100%;
  }
  .nh-left {
    padding: 2rem var(--padding);
  }
}
@media only screen and (max-width: 1280px) {
  :root {
    --padding: 1vw;
    --normal-font: 15px;
    --para-head: 17px;
    --big-head: 32px;
    --small-link: 14px;
  }

  .image-conatin #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
    width: 100%;
  }
  .image-conatin #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item{
    min-width: 300px;
  }

  .pi-contain {
    gap: 2rem;
  }
  .small-banner h1,
  .home-det h1 {
    font-size: 45px;
  }
  .head-list {
    gap: 1rem;
  }
  .am-group {
    gap: 2rem;
  }
}
@media only screen and (max-width: 1090px) {
  .head-list {
    display: none;
  }
  #nav-icon1 {
    display: flex;
  }
  .head > a {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .conatct-form {
    gap: 3rem;
  }
  .ap-contain {
    flex-direction: column-reverse;
  }
  .apc-right {
    min-height: 300px;
  }
  .apc-left {
    padding: 2rem;
  }
  .feedback {
    flex-direction: column;
  }
  .feed-left,
  .feed-right,
  .apc-left,
  .apc-right {
    width: 100%;
  }
  .feed-left h3,
  .feed-left p {
    max-width: 100%;
  }
  .feed-left .custom-nav2 {
    margin-left: auto;
  }
}
@media only screen and (max-width: 968px) {
  .image-group {
    justify-content: center;
  }
  .pi-contain {
    flex-direction: column-reverse;
  }
  .pi-left,
  .pi-right {
    width: 100%;
  }
  .pi-right img {
    object-fit: cover;
  }
  .conatct-form {
    flex-direction: column;
  }
  .cf-left {
    width: 100%;
  }
  .cf-right {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .am-group {
    flex-direction: column;
    align-items: center;
  }
  .home-a-contain {
    flex-direction: column;
    align-items: center;
  }
  .hac-right {
    align-items: center;
  }
  .foot {
    flex-wrap: wrap;
    gap: 1rem;
    row-gap: 1rem;
  }
  .foot-company {
    width: calc(20% - 1rem);
  }
  .foot-det,
  .foot-contact {
    width: calc(40% - 1rem);
  }
  .foot-map {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  :root {
    --padding: 1vw;
    --normal-font: 15px;
    --para-head: 17px;
    --big-head: 30px;
    --small-link: 14px;
  }
  .float-social {
    display: none;
  }
  .f-social-mob {
    display: flex;
  }
  .social-links {
    visibility: visible;
    opacity: 1;
}

.f-social-mob .mobpop-btn {
    display: none;
}
  .vision {
    width: 100%;
  }
  .small-banner h1,
  .home-det h1 {
    font-size: 38px;
  }
  .foot-det {
    width: 100%;
  }
  .foot-company,
  .foot-contact {
    width: calc(50% - 1rem);
  }
  .foot-det p {
    text-align: justify;
  }
  .image-conatin #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item{
    min-width: 200px;
  }
  .video-group {
  grid-template-columns: repeat(1,1fr);
}

.video-item iframe {
  width: 100%;
  height: fit-content;
  min-height: 250px;
}
}
@media only screen and (max-width: 568px) {
  :root {
    --padding: 1vw;
    --normal-font: 14px;
    --para-head: 16px;
    --big-head: 28px;
    --small-link: 13px;
  }
  .nh-left form span,
  .cf-left form span {
    width: 100%;
  }
  .image-group {
    justify-content: center;
  }
  .conatct-form {
    padding: 2rem;
  }
  .foot {
    flex-direction: column;
    align-items: center;
    padding: 1rem var(--padding);
  }
  .foot-det,
  .foot-company,
  .foot-contact,
  .fc-add,
  .fc-connect {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .vision-det {
    padding: 2rem 1rem;
  }
  .apc-left {
    padding: 1rem;
  }
  .small-banner h1,
  .home-det h1 {
    font-size: 34px;
  }
  .hac-left {
    width: 290px;
    height: 290px;
  }
}

@media only screen and (max-width: 425px) {
  .conatct-form {
    padding: 1rem;
  }
}