@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1023px) {
  .mobile-inner-header .logo {
    padding: 5px 0;
  }
  .header,
  .footer .top {
    display: none;
  }
  .common-card {
    width: 100%;
    padding: 0 2%;
  }
  .mobile-inner-header {
    display: block;
  }

  .common-tl p,
  .footer .ph span,
  .productCenter .text h6,
  .productCenter .nav h6,
  .productCenter .bto h6 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .common-tl span,
  .about-con li h6,
  .footer .rt .p {
    font-size: 14px;
  }
  .footer .rt .phone {
    font-size: 17px;
  }
  .nutrition li,
  .properties,
  .management .text img,
  .news li img {
    height: auto;
  }
  .footer .rt .img img {
    height: 20px;
    margin-right: 10px;
  }
  .nutrition li .tl {
    width: 150px;
    height: 130px;
    font-size: 15px;
    line-height: 25px;
  }
  .nutrition li .ls {
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
  }
  .nutrition ul,
  .about-con,
  .vitamins,
  .personal,
  .walnut .common-card,
  .eating,
  .management,
  .productCenter .nav ul,
  .news ul {
    flex-wrap: wrap;
  }
  .about-con .text,
  .vitamins .text .ls,
  .personal .ls,
  .walnut .ls,
  .eating .ls,
  .management li a,
  .productCenter .text .ls,
  .productCenter .nav .ls,
  .productCenter .bto .ls,
  .newDetails-con,
  .news li .text {
    font-size: 14px;
    line-height: 30px;
  }
  .about-con ul {
    width: 100%;
    margin: 10px 0;
  }
  .about-con li span {
    font-size: 20px;
  }
  .vitamins .text,
  .personal .text,
  .walnut .text,
  .eating .text,
  .management .text,
  .productCenter .top .text {
    flex: none;
    width: 100%;
    padding: 2%;
  }
  .productSwiper .name {
    height: auto;
    font-size: 15px;
    padding: 1%;
  }
  .properties .ls {
    width: 100%;
    font-size: 14px;
    line-height: 30px;
  }
  .productCenter .top {
    height: auto;
    flex-wrap: wrap;

    margin: 10px 0;
  }
  .productCenter .nav li {
    width: 100%;
    height: auto;
    padding: 2% 3%;
    margin: 5px 0;
  }
  .productCenter .nav .ls {
    text-align: center;
  }
  .productCenter .bto li {
    height: auto;
    padding: 10px;
    margin-bottom: 10px;
  }
  .contact-con .text {
    flex: none;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    padding-left: 0;
  }
  .contact-con {
    flex-wrap: wrap;
    height: auto;
    padding: 10px;
  }
  .exclusiveRanch {
    padding: 20px 2%;
  }
  .exclusiveRanch li,
  .news li {
    width: auto;
    height: auto;
    flex-grow: 1;
    flex-basis: 250px;
  }
}

@media screen and (max-width: 768px) {
  .mobile-inner-header .logo img {
    width: 100%;
  }
  .vitamins .img,
  .personal .img,
  .walnut img,
  .eating img,
  .management .img,
  .productCenter .top img,
  .contact-con img {
    width: 100%;
    height: auto;
  }
  .common-tl.l {
    text-align: center;
  }
  .productSwiper img,
  .exclusiveSwiper img {
    height: auto;
  }
}
@media screen and (max-width: 420px) {
  .nutrition ul {
    justify-content: space-evenly;
  }
  .nutrition li {
    align-items: center;
  }
  .footer .bto {
    justify-content: flex-start;
  }
  .productCenter .nav li {
    padding: 2% 10%;
  }
  .news li {
    margin: 0 0 10px 0;
  }
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 360px) {
}