@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: 4vw;
    --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: 5vw;
    --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;
    z-index: 100;
  }
  .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;
  }
  .home-det h4,
  .hac-right p,
  .home-service h3,
  section.home-service.home-quality-text .hs-group ul li h5,
  section.home-service.home-quality-text .hs-group ul li p,
  .feed-left h3,
  .feed-left p,
  .feedback-item p,
  .nh-left h3,
  .foot-det p,
  .feedback-item h5,
  .feedback-item h6,
  .apc-left h3,
  .apc-left p,
  .am-group h4,
  .am-group p,
  .pi-left h3,
  .pi-left p,
  .cf-left h3,
  .hac-right h3,
  .hp-top h3,
  .home-partner h3,
  .am-head h3,
  .service-det h3 {
    text-align: center;
  }
  .foot-det {
    flex-direction: column;
    display: flex;
    align-items: center;
  }
  .feed-left .custom-nav2 {
    margin: auto;
  }
  .hac-right {
    align-items: center;
  }
  .foot {
    flex-wrap: wrap;
    gap: 1rem;
    row-gap: 1rem;
    justify-content: center;
  }
  .foot-company {
    width: calc(20% - 1rem);
  }
  .foot-det,
  .foot-contact {
    width: calc(40% - 1rem);
  }
  .foot-map {
    width: 100%;
  }
  .cf-left form > input {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  :root {
    --padding: 5vw;
    --normal-font: 15px;
    --para-head: 17px;
    --big-head: 30px;
    --small-link: 14px;
  }
  .hs-item {
    width: 150px;
    height: 150px;
  }
  .hs-logo img {
    width: 50px;
    height: 50px;
  }
  .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: center;
  }
  .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;
  }
  .copy-right {
    padding: 3rem;
  }
  .nh-left form > input {
    width: 100%;
  }
  .foot-company,
  .foot-contact {
    align-items: center;
  }
}
@media only screen and (max-width: 568px) {
  :root {
    --padding: 6vw;
    --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;
  }
  .logo img{
    width: 120px;
    height: 50px;
  }
}