@media screen and (max-width: 768px) {
  .mobile-sticky {

  }
  .head-top {
    display: none;
  }
  .head-bottom-wrap {
    flex-direction: column;
    width: 100%;
  }
  .head-search {
    width: 100%;
  }
  .banner-info {
    width: 90%;
  }
  .banner-info .btn {
    margin-top: 8px;
  }
 

  .features,
  .con-list,
  .icon-list {
    flex-direction: column;
  }
  .feature-item,
  .list-item,
  .icon-list-item {
    width: 90%;
    margin: auto;
    padding-top: 20px;
  }
  .main-container  {
    width: 100%;
    padding: 20px 10px;
  }
  .main-con-title {
    font-size: 24px;
  }
  .page-title {
    font-size: 1.9rem;
  }
  .main-con-desc {
    font-size: 16px;
  }
  .main-con-center {
    /* flex-direction: column; */
  }
  .con-left {
    padding: 30px;
  }
  .con-right {
    width: 100%;
  }
  .main-con-wrap {
    flex-direction: column;
  }
  .accordion-right {
    width: 100%;
  }
  .accordion-left {
    justify-content: center;
    width: 100%;
    font-size: 20px;
    padding: 40px 0;
  }

  .contact-form-container {
    width: 90%;
  }
  .group-top,
  .group-center {
    flex-direction: column;
    padding: 0;
  }
  .form-group {
    width: 90%;
  }
  .group-center .form-group {
    width: 90%;
  }
  .form-title {
    font-size: 18px;
  }
  .form-group label {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .form-group input {
    height: 40px;
  }

  .footer-main {
    flex-direction: column;
    width: 90%;
  }
  .footer-logo-section,
  .footer-links, 
  .footer-contact, 
  .footer-member {
    width: 100%;
    padding-top: 20px;
  }
  .about-main-certificate {
    flex-direction: column;
  }
  .about-main-certificate .main-con-left {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
  }
  .main-con-left-desc {
    width: 100%;
  }
  .contact-item {
    border: none;
    border-bottom: 1px solid #7193bd;
    padding-bottom: 20px;
  }
  .contact-main-touch {
    flex-direction: column;
  }
  .contact-main-touch .main-con-left {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
  }
  .product-img img {
    display: block;
    width: 80%;
    height: auto;
    margin: auto;
  }
  .product-form {
    flex-direction: column;
  }
  .product-group {
    display: flex;
    width: 100%;
  }
  .product-group label {
    min-width: 84px;
    font-size: 16px;
  }
  .tab-item {
    font-size: 16px;
  }
  .product-list,
  .shop-list {
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
  }
  .product-item,
  .shop-item {
    width: 90%;
    margin-top: 20px;
  }
  .shop-main-con {
    flex-direction: column;
  }
  .shop-main-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 40px;
  }
  .shop-main-right {
    padding-top: 40px;
  }
  .front-page-main .con-list li {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .accordion-item {
    flex-basis: 40px;
    width: 40px;
  }
  .item-con {
    padding: 10px;
  }
  .accordion-desc {
    font-size: 1.2rem;
  }
  .accordion-content {
    font-size: 1rem;
  }
  .footer-main .certifications img {
    width: 20%;
  }


  /********* start inner page mobile ********/
  .inner-banner-info {
    width: 80%;
  }
  .inner-banner-info>p {
    font-size: 1.9rem;
  }
  .service-accordion {
    padding: 0;
    height: 300px;
  }
  .ac-item-title {
    width: 40px;
    padding-left: 5px;
    font-size: 1.2rem;
  }
  .ac-item-con {
    justify-content: center;
  }
  .service-accordion-item img {
    width: 95%;
  }
  .ac-item-con>p {
    padding-left: 10px;
    font-size: .9rem;
  }
  .service-platforms-item .service-item-con {
    flex-direction: column;
  }
  .pl-item-right,
  .pl-item-right img {
    width: 100%;
  }
  .product-info {
    width: 100%;
  }
  .main-con-head:after {
    margin-top: 0;
  }
  .product-tabs {
    padding-top: 0;
  }
  .tab-item {
    margin-right: -10px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0% 100%);
  }
  .tab-con--product ul {
    padding: 10px;
    margin: 0;
    font-size: 16px;
  }
  .tab-con--product ul li {
    margin: 0;
  }
  .tab-con--product li {
    flex-direction: column;
  }
  /********* end inner page mobile ********/
}