@media (max-width: 1600px) {
  .header-warp .header-nav-item {
    margin-right: 30px;
  }
  /*.ss-circles-warp{*/
  /*    display: none;*/
  /*}*/
  /*.screen1-swiper-warp{*/
  /*    background-color: var(--primary-he-color);*/
  /*}*/
}

@media (max-width: 1440px) {
  .header-warp .header-nav-item {
    margin-right: 20px;
  }
  /*.student-style-warp .swiper-pagination{*/
  /*    display: none;*/
  /*}*/
}

@media (max-width: 1280px) {
  .header-warp .header-nav-item,
  .header-warp .header-icon,
  .header-warp .header-info
  {
    display: none !important;
  }

  .footer-top-warp .ft-box {
    margin-bottom: 15px;
  }

  .header-warp .bi-list {
    display: block;
  }

  /*.secondary-warp .link-tab-warp{*/
  /*    transform: translateY(0);*/
  /*}*/

  /*.campus-style-warp .img-box{*/
  /*    width: 48.5%;*/
  /*}*/

  /*.screen3-swiper-warp{*/
  /*    height: auto;*/
  /*    padding: 20px;*/
  /*}*/

  /*.home-screen4, .home-screen7{*/
  /*    height: auto;*/
  /*    padding-top: 20px!important;*/
  /*}*/

  /*.home-screen7 .screen7-swiper{*/
  /*    height: unset;*/
  /*}*/

  /*.screen7-right{*/
  /*    width: 100%;*/
  /*}*/

  /*.work-warp .work-swiper{*/
  /*    height: auto;*/
  /*}*/
  /*.student-style-warp .student-style-swiper{*/
  /*    padding-bottom: 0;*/
  /*}*/
  /*.work-warp .swiper-slide{*/
  /*    max-height: unset;*/
  /*}*/
  /*.student-style-warp .student-style-text{*/
  /*    padding: 30px 30px;*/
  /*}*/

  /*.zhijia-warp .zhijia-swiper{*/
  /*    padding-right: 0;*/
  /*}*/
  /*.zhijia-warp .swiper-button-next{*/
  /*    right: 10px;*/
  /*}*/

  /*.news-details-warp{*/
  /*    padding: 30px 30px;*/
  /*}*/
}

@media (max-width: 992px) {
  /*.campus-style-warp .img-box{*/
  /*    width: 48%;*/
  /*}*/

  /*.secondary-warp .secondary-swiper,*/
  /*.secondary-warp .swiper-slide,*/
  /*.secondary-warp .img,*/
  /*.secondary-warp .secondary-text*/
  /*{*/
  /*    height: auto;*/
  /*}*/
  /*.secondary-warp .img,*/
  /*.secondary-warp .secondary-text{*/
  /*    width: 100%;*/
  /*}*/
  /*.secondary-warp .secondary-swiper{*/
  /*    padding-bottom: 50px;*/
  /*}*/

  /*.recruit-warp .recruit-big-text{*/
  /*    padding: 30px 25px;*/
  /*}*/
}

@media (max-width: 768px) {
  .footer-link-box {
    width: 33%;
    margin-right: 0;
  }

  .footer-warp .code-box {
    width: 120px;
  }
  .home-screen img {
      width: 185px;
      height: 185px;
  }
  .home-screen .title-img {
    width: 162px;
    height: 62px;
  }
  /*.campus-style-warp .img-box{*/
  /*    width: 100%;*/
  /*}*/

  /*.footer-link-warp .flex-column{*/
  /*    width: 25%;*/
  /*    margin-right: 0!important;*/
  /*    text-align: center;*/
  /*}*/

  /*.footer-link-warp .code-box{*/
  /*    flex: 1;*/
  /*}*/

  /*.home-screen1 .screen1-img{*/
  /*    height: 60vh;*/
  /*}*/

  /*.screen1-swiper-warp{*/
  /*    position: relative;*/
  /*}*/

  /*.screen-title-warp{*/
  /*    padding: 50px 40px!important;*/
  /*}*/
  /*.screen-title-warp .en-title,*/
  /*.screen-title-warp .zh-title,*/
  /*.screen-title-warp .screen-title-link*/
  /*{*/
  /*    width: unset;*/
  /*    position: unset;*/
  /*    transform: unset;*/
  /*}*/
  /*.screen-title-warp .en-title{*/
  /*    font-size: 40px;*/
  /*}*/
  /*.screen-title-warp .zh-title{*/
  /*    font-size: 20px;*/
  /*}*/
  /*.screen-title-warp .screen-title-link{*/
  /*    margin-top: 20px;*/
  /*}*/
  .list-page1 .right-content,
  .list-page-main {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .list-page1 .right-content .card-list,
  .list-page2 .card-list {
    grid-template-columns: repeat(auto-fill, 100%);
  }
  .list-page1 .right-content .card-list .box,
  .list-page2 .product-warp {
    width: 100%;
  }

  .list-page1 .right-content .card-list .box img,
  .list-page2 .product-warp img {
    width: 100%;
    min-height: 250px;
    object-fit: cover;
  }
  .list-page2 .product-card .price {
    margin: 5px 0 9px;
  }
  .about-us-warp .about-layout li {
    padding-left: 10px;
  }

  .about-us-warp .about-layout dl {
    margin: 10px;
  }

  .news-warp .news-list li {
    flex-direction: column;
  }

  .news-warp .news-list .flex-grow-1 {
    border: none !important;
  }
  .login-warp {
    width: 100%;
  }
  .login-warp > * {
    max-width: 80%;
  }
  .step-warp {
    max-width: 80%;
  }

  .nav-tabs .nav-link:after,
  .nav-tabs .nav-link:before {
    display: none !important;
  }
  .nav-tabs .nav-item {
    width: 50%;
  }
  .nav-tabs .nav-item .nav-link {
    width: 100%;
  }

  .details3-page .pianl-img,
  .details3-page .pian2-img,
  .details3-page .pian3-img {
    width: 100%;
  }

  .product-layout {
    width: 100%;
  }
  .about-us-warp .about-layout li.active {
    text-indent: 0;
  }
  .concat-us-warp .right-content,
  .about-us-warp .right-content {
    padding: 15px;
  }
  .concat-us-warp  .text-right {
    text-align: left !important;
  }
  .concat-us-warp .concat-us-content {
    flex-direction: column;
  }
  .concat-us-warp .concat-us-content .text-right {
    text-align: left !important;
  }
  .about-us-warp .about-layout {
    width: 100%;
  }
  .about-us-warp .right-content {
    width: 100%;
    margin-left: 0;
  }
  .about-us-warp .right-content .content .company-img img {
    width: 100%;
  }
  .about-us-warp .about-layout dd {
    height: 38px;
    line-height: 38px;
  }
  .about-us-warp .about-layout dd:last-child {
    border: none;
  }
  /* .about-us-warp .about-layout {
    height: 208px;
  } */
  .news-warp .news-list a {
    flex-direction: column;
  }
  .news-warp .news-list img {
    width: 100%;
  }
  .home-screen .product-cards {
    justify-content: center;
  }

  .feedback-warp .feedback-left {
    width: 100%;
  }

  .hy-class-details .detail-content {
    width: 100%;
    padding: 30px;
  }
  .hy-class-details .detail-content .details {
    margin-bottom: 36px;
  }
  .hy-class-details .detail-content .details .video-js {
    width: 100%;
    margin: 40px auto 69px;
    margin: 20px 0;
    min-height: 353px;
  }
  .hy-class-details .detail-content .border {
    margin-top: 15px;
    width: 120px;
  }
  .hy-class-details .right-box .title {
    margin-top: 10px;
  }
  .shopping-cart-warp .nav-right .btn {
    margin-bottom: 10px;
  }
  .shopping-cart-warp .progress-warp .nav-item {
    width: 120px;
    background-size: 100% 100%;
    font-size: 12px;
  }
  .order-warp {
    padding: 0 20px;
  }
  .order-warp .navbar {
    padding-left: 0;
  }
  .order-warp .remark-warp,
  .order-warp .order-summary {
    width: 100%;
  }
  .order-warp .order-summary {
    padding-left: 0;
    margin: 10px 0;
  }
  .order-warp .card-list .card {
    width: 266px;
  }
  .points-warp-left {
    width: 100%;
  }

  .home-screen .product-cards {
    grid-template-columns: repeat(auto-fill, 100%);
  }
  .home-screen .product-card {
    width: 100%;
  }

  .product-title-m {
    padding: 20px 0 20px;
  }
  .page-breadcrumb a {
    /* margin-bottom: 8px; */
  }
  .hy-class-warp .position-sm-absolute {
    position: inherit;
  }
  .hy-class-warp .position-sm-absolute .nav-item + .nav-item {
    margin-left: 15px;
  }
  .news-detail-warp .border {
    width: 120px;
    margin-top: 12px;
  }
  .center-warp {
    padding: 21px 20px 80px;
  }
  .center-warp .center-layout {
    width: 100%;
    padding: 0px 20px 0;
  }
  .center-warp .center-layout .li-item {
    padding: 15px 0;
  }
  .center-warp .main {
    margin-left: 0;
    width: 100%;
  }
  .center-warp .main .user-content {
    padding: 0 20px;
  }
  .center-warp .main .user-content .list-group,
  .center-warp .main .user-content .list-group.my-collection {
    width: 100%;
    padding-bottom: 10px;
  }
  .center-warp .main .user-content .list-group.my-collection {
    margin-left: 0;
  }
  .center-warp .main .main-header li {
    margin: 0;
    padding-left: 0;
    border: none !important;
  }
  .center-warp .main .main-header {
    padding: 40px 25px;
  }
  .hy-class-details .detail-content .details .img-box {
    width: 100%;
  }
  .layout {
    width: 100%;
  }
  .layout li {
    padding: 10px 20px;
  }
  .points-mall-warp .right-container {
    margin-left: 0;
  }
  .points-mall-warp .card-list {
    grid-template-columns: repeat(auto-fill, 100%);
  }
  .points-mall-warp .sort-btn {
    position: initial !important;
    margin-top: 10px;
  }

  .points-warp-right .points-se-box {
    line-height: 25px;
    padding: 8px 18px;
  }

  .hy-class-warp .content {
    padding: 40px 15px;
  }

  .hy-class-warp .position-sm-absolute .nav-item {
    margin-left: 6px;
  }
  .hy-class-warp .position-sm-absolute .nav-link {
    padding-bottom: 8px;
    margin-bottom: 10px;
  }
  .points-mall-warp {
    padding-bottom: 60px;
  }
  .concat-us-content .form-group .form-control,
  .concat-us-content .concat-left-box {
    width: 100%;
  }
  .concat-us-content .border-left{
    border: none !important;
  }



  .list-page1 .right-content .card-list .box{padding-bottom: calc(100% + 60px);height: 0;position: relative;margin-bottom: 18px;}

  .list-page1 .right-content .card-list .box img{object-fit: contain;background: #fff;position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 60px);padding: 15px;}
.list-page1 .right-content .card-list .box>p{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}

}
