@media (min-width: 1440px) {
   html {
      font-size: 16px;
   }
   .system-sec .s-card .s-card-inner {
      width: 90%;
   }
   .intro-card.intro1 {
      left: 95px;
   }
   .intro-card.intro2 {
      right: 120px;
   }
   .intro-card.intro3 {
      right: 95px;
   }
   .aboutus-sec:after {
      height: 445px;
   }
   .swal2-header .alert-title {
      font-size: 18px !important;
   }
   .sidebar-menu {
      padding-top: 90px;
   }
   .main-content {
      padding-top: 90px;
   }
   .reminder-notifs .show-all {
      bottom: -1px;
   }
}

@media (min-width: 1920px) {
   .intro-card.intro1 {
      left: 145px;
   }
   .intro-card.intro2 {
      right: 168px;
   }
   .intro-card.intro3 {
      right: 135px;
   }
}

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

@media (min-width: 1200px) {
   .container {
      max-width: 1200px;
      padding: 0;
   }
   .representatives-sec .map {
      width: 525px;
   }
}

@media (max-width: 1200px) {
   .socialNetwork-login .social-network ul li {
      margin: 0 5px;
   }
   .aboutus-sec:after {
      height: 375px;
   }
   .intro-card.intro1 {
      left: 0;
   }
   .intro-card.intro2 {
      right: 0;
   }
   .intro-card.intro3 {
      right: -20px;
   }
   .filter {
      padding-left: 30px;
      padding-right: 10px;
   }
   .filter .icon:before {
      margin-left: 12px;
   }
   .filter .group .dropdown-toggle::after {
      left: -15px;
   }
   .s-card .s-card-inner {
      border-radius: 25px;
   }
   .s-card .card-image {
      border-radius: 30px;
   }
   .anim-cart-detail {
      width: calc(100% - 25px);
   }
   .anim-cart-detail .title-hld a .title {
      font-size: 14px;
   }
   .anim-cart-detail .title-hld {
      margin-bottom: 3px;
   }
   .anim-cart-detail .anim-des .des {
      margin-bottom: 3px;
   }
   .sidebar-menu {
      padding-top: 20px;
      top: 65px;
   }
   .copyright {
      justify-content: center;
   }
   .copyright p {
      margin-bottom: 1rem;
      text-align: center;
   }
}

@media (min-width: 992px) {
   .collapse-btn {
      display: none;
   }
}

@media (max-width: 992px) {
   html {
      font-size: 13px;
   }
   .main-header .navbar-toggler {
      display: inline-block;
   }
   .main-header .navbar-collapse {
      position: fixed;
      top: 0;
      bottom: 0;
      /* left: 100%; */
      right: -100%;
      padding-left: 15px;
      padding-right: 50px;
      padding-bottom: 1.25rem;
      /* width: 100%; */
      transition: all 0.2s ease;
      z-index: 700;
      background: white;
      width: 30%;
      height: 100vh;
      overflow-y: auto;
      align-items: center;
      justify-content: center;
      display: flex;
      flex-direction: column;
   }
   .main-header .navbar-collapse.show {
      right: 0;
   }
   .main-header .navbar-nav {
      align-items: center;
   }
   .card-det .det .d-num {
      padding: 5px 12px;
   }
   .s-card .card-image {
      width: 85px;
      border-radius: 25px;
   }
   .s-card .card-sub-name {
      margin-bottom: 1rem;
   }
   .aboutus-sec:after {
      height: 435px;
   }
   .intro-card.intro1, .intro-card.intro2, .intro-card.intro3 {
      display: none;
   }
   .main-header .main-logo-holder {
      margin-left: 0;
   }
   .teacher-pro-sec .t-profile {
      flex-direction: column;
   }
   .t-name-info {
      margin-bottom: 20px;
      padding-bottom: 10px;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      border-bottom: 1px solid #D7D7D7;
      border-left: none;
      padding-left: 0;
      flex-wrap: wrap;
   }
   .t-profile .t-img~.t-name-info {
      width: calc(100% - 100px);
      margin-right: auto;
      margin-bottom: 0;
   }
   .t-profile .t-img {
      margin-bottom: 10px;
   }
   .teachers-sec .card-bg:after {
      height: 53%;
   }
   .course-sql-sec .t-profile, .course-sql-sec .t-profile {
      flex-wrap: wrap;
      padding: 0.75rem 20px;
   }
   .filters-teacher-sec .t-profile, .filters-menu-sec .t-profile {
      flex-wrap: wrap;
      padding: 0.75rem 20px;
   }
   .filters-teacher-sec .filter:nth-last-child(2), .filters-menu-sec .filter:nth-last-child(2) {
      border-left: unset;
   }
   .filters-teacher-sec .filter {
      width: 33%;
   }
   .filters-menu-sec .filter {
      width: 25%;
   }
   .filter input {
      background-color: #F0F4F8;
   }
   .filter:last-child {
      margin-top: 20px;
      padding-right: 0;
      width: 100%;
   }
   .wrapper .t-profile {
      flex-direction: column;
   }
   .f-cbs~.dropdown-menu {
      top: 10px !important;
   }
   .filter .group .dropdown.custom ul.show {
      margin-top: 30px;
   }
   .cart-det {
      flex-direction: column;
      align-items: flex-start;
   }
   .cart-header .cart-title .black-18-m {
      font-size: 15px;
   }
   .cart-header .img-hld {
      margin-left: 30px;
   }
   .price-trash {
      margin-right: 0;
      width: 100%;
   }
   .price-trash .trash {
      margin-right: auto;
   }
   .cart-header .price-trash .black-16 {
      font-size: 12px;
   }
   .cart-header .cart-title {
      margin-bottom: 8px;
   }
   .sidebar-menu {
      width: 85px;
      padding-top: 20px;
      top: 65px;
   }
   .sidebar-menu .panel-menu li a span {
      opacity: 0;
      visibility: hidden;
      height: 0;
      width: 0;
   }
   .sidebar-menu .panel-menu li a .icon {
      margin: 0;
   }
   .sidebar-menu .user-score {
      opacity: 0;
      visibility: hidden;
      padding: 0;
      height: 0;
      margin: 0;
   }
   .sidebar-menu.open-menu {
      width: 267px;
   }
   .sidebar-menu.open-menu .user-score {
      opacity: 1;
      visibility: visible;
      height: auto;
      margin-bottom: 1rem;
      padding: 1.125rem 0;
   }
   .sidebar-menu.open-menu .panel-menu li a span {
      width: 100%;
      height: auto;
      opacity: 1;
      visibility: visible;
   }
   .sidebar-menu.open-menu .panel-menu li a .icon {
      margin: auto auto auto 1.125rem;
   }
   .sidebar-menu .panel-menu li.active a {
      background-color: transparent;
   }
   .top-std-card-header {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 5px;
   }
   .top-std-card .std-card-det {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .top-std-card .std-card-name {
      margin-right: 0;
      margin-bottom: 5px;
   }
   .top-std-card .std-card-det .detail:first-child {
      margin-bottom: 10px;
   }
   .sidebar-menu-class {
      width: 100%;
      right: 0;
      height: calc(100vh - 345px);
      bottom: 0;
      top: unset;
      border-top: 1px solid #3CB652;
   }
   .main-content-class {
      width: 100%;
      /* height: calc(100vh - 235px); */
   }
   .massage-box {
      width: 100%;
   }
   .msg-inner-box {
      width: 100%;
   }
   .v-class-hld {
      height: calc(100vh - 330px);
      margin-bottom: 20px;
   }
   .sidebar-menu-class.close-menu-class~.expend {
      bottom: 30px;
      left: 20px;
      right: unset;
      position: fixed;
      height: 10%;
      top: unset;
      border-radius: 10px;
   }
   .sidebar-menu-class.close-menu-class~.expend .i-expend {
      transform: rotate( -90deg)
   }
   .sidebar-menu-class .expend .i-expend {
      transform: rotate( 90deg)
   }
   .sidebar-menu-class.close-menu-class {
      right: 0;
      top: 100%;
   }
   .sidebar-menu-class.close-menu-class~.main-content-class {
      height: 100%;
   }
   .sidebar-menu-class.close-menu-class .massage-box {
      bottom: unset;
   }
   .pm-card-inner {
      width: 95%;
   }
   .chat-box {
      padding-bottom: 450px;
      margin-top: 0;
   }
   .answers-on-class {
      position: unset;
      max-width: 100%;
      height: calc(100% - 250px);
      padding-bottom: 250px;
      margin-bottom: 20px;
      overflow: unset;
   }
   .sidebar-menu-class.close-menu-class~.main-content-class .answers-on-class {
      height: 100%;
      padding-bottom: 1.25rem;
      margin-bottom: 20px;
   }
   .header-chat {
      margin: 5px 20px;
   }
   .sidebar-menu .panel-menu li {
      margin-bottom: 10px;
   }
   .sidebar-menu .panel-menu li.take-exam {
      margin-left: 9px;
      margin-right: 7px;
   }
   .sidebar-menu .panel-menu li.take-exam .icon {
      margin: auto;
   }
   .sidebar-menu .panel-menu li.take-exam a, .sidebar-menu .panel-menu li.take-exam a:hover {
      padding: 5px;
   }
   .main-content {
      width: calc(100% - 95px);
   }
   .main-footer-bg {
      padding-top: 1rem;
      justify-content: flex-start;
   }
   .trusted-logo {
      width: 100%;
      justify-content: center;
   }
}

@media (max-width: 768px) {
   .socialNetwork-login .login a .text {
      display: none;
   }
   .teachers-sec .s-card .s-card-inner {
      width: 100%;
   }
   /*.teachers-sec .s-card{
        margin-bottom: 30px;
    }*/
   /*.teachers-sec .s-card{
        margin-bottom: 30px;
    }*/
   .owl-carousel-items .owl-item.active.medium .carousel-card .card-image {
      width: 100px;
      border: 3px solid #FFFFFF;
   }
   .owl-carousel-items .owl-item.active.center .carousel-card .card-image {
      width: 105px;
      border: 3px solid #FFFFFF;
   }
   .owl-carousel-items .owl-item.active.small .carousel-card .card-image {
      width: 100px;
   }
   .owl-carousel-items .owl-item.active.center .carousel-card .card-image::after {
      width: calc(100% + 16px);
      height: calc(100% + 16px);
   }
   .table-card .t-card-title::after {
      width: calc(100% + 20px);
      height: calc(100% + 30px);
   }
   .aboutus-sec:after {
      bottom: unset;
      top: 100px;
   }
   .aboutus-sec .in-list {
      flex-direction: row;
      flex-wrap: wrap;
   }
   .aboutus-sec .in-list .info {
      margin-left: 15px;
   }
   .s-card .card-bg .card-name .black-18-m {
      font-size: 14px;
   }
   .alert {
      min-width: unset;
   }
   .filters-menu-sec .filter .icon:before {
      margin-left: 6px;
   }
   .filters-menu-sec .filter {
      padding-left: 0;
      padding-right: 5px;
   }
   .filters-menu-sec .filter .group .dropdown .dropdown-toggle::after {
      left: -15px;
   }
   .detail-bax {
      margin-bottom: 30px;
   }
   .anim-cart-img {
      display: none;
   }
   .anim-cart-detail {
      width: 100%;
   }
   .sidebar-menu .panel-menu li a .icon {
      width: 20px;
      height: 20px;
   }
   .sidebar-menu {
      width: 70px;
      padding-right: 0.75rem;
      top: 65px;
      padding-top: 20px;
   }
   .gradient-box .image-holder {
      display: none;
   }
   .gradient-box .title {
      flex-grow: 1;
   }
   .gradient-box .date-picker {
      justify-content: flex-end;
   }
   .notif-item .notif-header .title span {
      display: none;
   }
   .class-item.notif-item .notif-header .title span {
      display: flex;
   }
   .classes .class-item.notif-item .notif-header {
      flex-direction: column;
   }
   .class-item.notif-item .notif-header .title span {
      font-size: 1rem;
      width: 30px;
   }
   .pb-table .table-header {
      display: none;
   }
   .pb-table .table-body .tb-row {
      display: flex;
      flex-wrap: wrap;
   }
   .pb-table .table-body .tb-row:first-child {
      border-radius: 26px 26px 0 0;
   }
   .pb-table .table-body .tb-row .responsive-session {
      display: flex;
      justify-content: center;
      width: 100%;
      padding: 1rem 0;
      background-color: #F1F9EC;
   }
   .pb-table .table-body .tb-row:first-child .responsive-session {
      border-radius: 26px 26px 0 0;
   }
   .pb-table.has-heading .table-body .tb-row:first-child .responsive-session {
      border-radius: 0;
   }
   .pb-table .table-body .tb-row .responsive-session span {
      color: #60B72C;
   }
   .pb-table .table-body .tb-row .tb-row-body {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      padding: 0 1.429rem;
      justify-content: space-between;
   }
   .pb-table .table-body .tb-row .tb-row-body .tb-row-item.session {
      display: none;
   }
   .pb-table .table-body .tb-row .tb-row-body .tb-row-item {
      width: 47%;
      display: flex;
      justify-content: space-between;
      margin: 0.714rem 0;
   }
   .pb-table .table-body .tb-row .tb-row-item .responsive-title {
      display: flex;
      font-size: 0.875rem;
   }
   .pb-table .table-body .tb-row .tb-row-item .download {
      margin: unset;
   }
   .wallet-charge::after {
      display: none;
   }
   .answers .form-radio {
      width: 100%;
   }
   .blog-sec .blog-card .card-img {
      margin-bottom: -20px;
   }
   .filters-menu-sec .filter {
      width: 100%;
      justify-content: center;
      margin-bottom: 15px;
   }
   .nav-tabs .nav-item .nav-link {
      min-width: 110px;
   }
   .ntf-box-main.notification-box .nt-item .nt-item-header a .nt-title {
      display: none;
   }
   .ntf-box-main .nt-item .nt-item-header a .nt-main-title {
      margin-right: 0;
   }
   .filters-menu-sec .filter {
      border: none;
   }
   .list-city ul li {
      flex-direction: column;
   }
   .carousel-n-card .card-des {
      margin-bottom: 10px;
   }
   .carousel-n-card .card-name {
      margin-bottom: 10px;
   }
   .blog-card .card-detail {
      width: calc(100% - 10px);
   }
   .menu-footer {
      flex-wrap: wrap;
   }
   .menu-footer .main-logo-holder {
      margin-left: 0;
      margin-bottom: 1rem;
   }
}

@media (max-width: 576px) {
   html {
      font-size: 12px;
   }
   .main-header .navbar-collapse .main-logo-holder {
      display: flex;
   }
   .main-header .logo-resBtn .main-logo-holder {
      display: none;
   }
   .main-header .navbar-collapse {
      width: 60%;
   }
   .banner {
      flex-direction: column;
      line-height: 25px;
      right: auto;
      left: 0;
      height: 62px;
      bottom: -133px;
   }
   /*.s-card{
        margin-bottom: 45px;
    }*/
   .system-sec .s-card .s-card-inner {
      width: 80%;
      height: 80%;
   }
   .teachers-sec .s-card .s-card-inner {
      width: 100%;
   }
   .owl-carousel-items .owl-item.active.center .carousel-card .card-image {
      width: 130px;
      border: 3px solid #FFFFFF;
   }
   [class^="col-"]:nth-child(odd) {
      padding-right: 7px;
   }
   [class^="col-"]:nth-child(even) {
      padding-left: 7px;
   }
   .why-apex-sec .why-apex-img {
      display: none;
   }
   .table-card .t-card-title::after {
      content: '';
      width: calc(100% + 70px);
      height: calc(100% + 45px);
   }
   .carousel-n-card-inner {
      flex-direction: column;
   }
   .carousel-n-card .card-image {
      padding: 16px;
      position: unset;
   }
   .carousel-n-card .card-detail {
      margin: 0;
      width: 100%;
   }
   .menu-footer {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 1rem;
   }
   .footer-links {
      margin-top: 10px;
   }
   .footer-links ul {
      flex-wrap: wrap;
   }
   .footer-links ul li {
      margin-left: 20px;
   }
   .trusted-logo {
      margin-right: unset;
      padding-top: 0;
   }
   .blog-card .card-detail .black-16-m {
      font-size: 12px;
   }
   .t-profile .t-img~.t-name-info {
      flex-wrap: wrap;
      margin-right: 0;
      width: calc(100% - 80px);
   }
   .alert-warning-actions .swal2-confirm, .alert-warning-actions .swal2-deny {
      padding: 0 40px;
   }
   .wrapper .t-info-det {
      flex-wrap: wrap;
   }
   .wrapper .t-info-det .det {
      width: 33%;
      margin-bottom: 12px;
      margin-top: 5px;
      white-space: nowrap;
   }
   .course-sql-sec .t-info-det {
      flex-wrap: wrap;
      margin-top: 5px;
   }
   .course-sql-sec .t-info-det .det {
      width: 28%;
      margin-bottom: 15px;
      white-space: nowrap;
   }
   /*.filters-menu-sec .filter .icon{
        display: none;
    }*/
   .s-card .g-card-image::after {
      width: calc(100% + 8px);
      height: calc(100% + 8px);
   }
   .g-card-image {
      border-radius: 20px;
      margin-bottom: 13px;
   }
   .nav-tabs .nav-item .nav-link {
      padding: 0 0.5rem;
   }
   .sidebar-menu {
      padding-right: 0.625rem;
      width: 55px;
      top: 65px;
   }
   .collapse-btn button {
      width: 50px;
   }
   .collapse-btn button span {
      margin: 3px 0;
   }
   .sidebar-menu .panel-menu li a .icon {
      width: 17px;
      height: 17px;
   }
   .main-content {
      width: calc(100% - 60px);
   }
   .main-content .wrapper .dashboard-filters {
      flex-wrap: wrap;
   }
   .dashboard-filters .dropdowns {
      width: 100%;
   }
   .dashboard-filters .search.filter {
      width: 100%;
      padding-left: 10px;
      margin-bottom: 10px;
   }
   .sidebar-menu.open-menu {
      width: 320px;
   }
   .notification-box {
      width: 295px;
   }
   .dashboard-header .header-menu {
      flex-wrap: wrap;
      justify-content: flex-end;
   }
   .dashboard-header .header-menu .notifications {
      float: left;
      margin-left: 0;
      margin-bottom: 0.75rem;
   }
   .dashboard-header .header-menu .user-info {
      float: left;
   }
   .dashboard-header .header-wrapper {
      align-items: flex-start;
   }
   .notif-item .notif-header a {
      flex-direction: column;
   }
   .notif-item .notif-header .notif-main {
      margin-bottom: 15px;
   }
   .notif-item .notif-header .notif-title span {
      font-size: 1rem;
   }
   .gradient-box {
      flex-direction: column;
      align-items: center;
   }
   .gradient-box .title {
      margin-bottom: 15px;
   }
   .schedule-holder .schedule {
      flex-wrap: wrap;
      justify-content: center;
   }
   .schedule-holder .schedule .day {
      width: 33%;
   }
   .schedule-holder .schedule .day span {
      border-color: #f7f7f7;
   }
   .schedule-holder .schedule .day.has-class::after {
      bottom: 0;
   }
   .notif-item .notif-header a {
      flex-direction: row;
   }
   .notif-item .notif-header a .notif-main {
      margin-bottom: 0;
   }
   .pb-table .table-body .tb-row .tb-row-body .tb-row-item {
      width: 100%;
   }
   .wallet-card-body .wallet-card-btn {
      flex-direction: column;
   }
   .wallet-card-body .wallet-card-btn .pb-btn.btn-outline {
      margin-top: 1.071rem;
   }
   .footer-qsn .pb-btn a, .footer-qsn .pb-btn-outline a {
      padding: 0 1rem;
   }
   .blog-header {
      flex-direction: column;
   }
   .sgl-blog-det {
      margin-top: 10px;
   }
   .top-std-card-inner {
      width: 70%;
   }
   .filters-teacher-sec .filter {
      width: 100%;
      justify-content: center;
      margin-bottom: 15px;
   }
   .nav-tabs .nav-item .nav-link {
      min-width: 90px;
   }
   .stars-hld {
      margin-right: unset;
      margin-top: 17px;
   }
   .ntf-box-main.notification-box {
      width: 100%;
   }
   .ntf-box-main .nt-item .nt-item-header a {
      flex-direction: column;
      align-items: flex-end;
   }
   .blog-card .card-img .blur-img {
      height: 200px;
   }
   .list-city ul li {
      flex-direction: row;
   }
   .t-profile {
      padding: 0.75rem 1rem;
   }
}

@media (max-width: 420px) {
   .teacher-pro-sec .t-info-det {
      flex-wrap: nowrap;
   }
   .teacher-pro-sec .t-info-det .det {
      width: 45%;
      margin-bottom: 10px;
   }
   .wrapper .t-info-det .det {
      width: 35%;
   }
   /*.filters-teacher-sec .filter .icon{
        display:none;
    }*/
   .filters-menu-sec .t-profile {
      padding: 0.75rem 10px;
   }
   .filters-menu-sec .filter .group .dropdown.custom .dropdown-toggle {
      font-size: 10px;
   }
   .filters-menu-sec .filter .filter-option-inner-inner {
      font-size: 10px;
   }
   .top-std-card-inner {
      width: 100%;
   }
   .t-info-det .det .d-text span {
      font-size: 13px;
   }
}

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