body.logining {
  overflow-y: hidden;
  left: 0;
  top: 0;
  width: calc( 100% - 16px );
}
.list-contact li {
  margin-right: 25px;
}

.fx-col-4-md {
  max-width: calc(33.3333333333% - 1rem);
}

.fx-col-6-sm {
  max-width: calc(50% - 1rem);
}

.content-box::-webkit-scrollbar {
  width: 10px;
  background: transparent;
}

.dialog-info::-webkit-scrollbar {
  width: 10px;
  background: transparent;
}

.content-box::-webkit-scrollbar-thumb {
    background-color: #D2D2D2;
    border-radius: 5px;
}

.dialog-info::-webkit-scrollbar-thumb {
    background-color: #D2D2D2;
    border-radius: 5px;
}

.jr-wrapper .page-caption .sw-card .card-info .sz-text {
  font-size: 20px;
}

.jr-wrapper .video-index .list-cont .cont .list-box {
  width: 100%;
}


@media screen and (max-width: 1024px) {
  body.logining {
    width: 100%;
  }
  .list-contact li {
    margin-right: 0px;
  }
  .jr-wrapper .footer-top .nav-bar .nav-box .nav-li .li-title {
    font-size: 16px;
  }
  .fx-col-4-md {
    max-width: 100%;
  }

  .fx-col-6-sm {
    max-width: 100%;
  }

}

.jr-wrapper .more-index .cont .list-box .sz-card {
    flex: 0 0 calc(25% - 1em);
    gap: 0.5em;
    margin-left: 0;
    margin-right: 0;
}

/**video**/

.film-player iframe {
  width: 100%;
}

/*course-search*/
.jr-wrapper .active-index.search-list .cont {
  padding: 0 !important;
}

.enrollment-area .sz-subject {
  font-weight: 600;
}

.enrollment-area .content-box .form-box .sticky-cont .sz-text {
  font-size: 16px;
}

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

@media screen and (max-width: 640px) {
  .jr-wrapper .more-index .cont .list-box {
    flex-flow: column;
    max-width: 480px;
  }
  .jr-wrapper .more-index .cont .list-box .sz-card {
    flex: 1 0 auto;
  }
  .jr-wrapper .video-index .list-cont .cont.video-cont {
    padding: 2em 1em 4em;
  }
  .film-player iframe {
    border-radius: 20px;
  }
}

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

/* witness */


.jr-wrapper .witness-index .witness-cont .students-introduce .card-info .card-text .sz-text {
  font-size: 18px !important;
}
.jr-wrapper .witness .card-info .card-title .sz-title {
  font-size: 22px !important; 
}
.jr-wrapper .witness .card-info .card-text .sz-subject {
   font-size: 1.5em !important;
}
.jr-wrapper .witness .card-info .card-text .sz-text {
   font-size: 1.25em !important;
}
@media screen and (max-width: 1023px) {
  .jr-wrapper .witness .card-info .card-title .sz-title {
    font-size: 22px !important; 
  }
  .jr-wrapper .witness .card-info .card-title .sz-text {
    font-size: 1.5em !important;
  }
  .jr-wrapper .witness .card-info .card-text .sz-subject {
    font-size: 1.25em !important;
  }
  .jr-wrapper .witness-index .witness-cont .students-introduce .card-info .card-title .sz-title {
    font-size: 22px !important; 
  }
  .jr-wrapper .witness-index .witness-cont .students-introduce .card-info .card-title .sz-text {
    font-size: 1.5em !important;
  }
  .jr-wrapper .witness-index .witness-cont .students-introduce .card-info .card-text .sz-subject {
    font-size: 1.25em !important;
  }
}