@media screen and (max-width: 767px) {
    .eb-navbar .srch-cont .srch-optns {
        min-width: 100%;
    }
      .cats-sec .row-cols-7 > * {
          flex: 0 0 auto;
          width: 50%;
      }

      .e3-footer .row > div[class^="col"]:first-of-type {
          padding-right: calc(var(--bs-gutter-x)/ 1.6);
          padding-left: calc(var(--bs-gutter-x)/ 1.6);
      }

      .e3-footer .row > div[class^="col"]:last-of-type {
          padding-right: calc(var(--bs-gutter-x)/ 1.6);
          padding-left: calc(var(--bs-gutter-x)/ 1.6);
      }

      html {
          overflow-x: hidden
      }

      .nav-tabs li {
          margin: 5px;
      }

      .eb-navbar .srch-cont {
          min-width: 100%;
      }

      .equal-height {
          display: inline-flex;
          width: 100%;
          flex-direction: column;
          align-items: center;
      }

      .mx-sm-0 {
          margin-left: 0 !important;
          margin-right: 0 !important;
      }

      /* General */
      .section-title {
          font-size: 32px;
          width: 100%;
      }

      .cradential-modal .modal-cont {
          padding: 60px
      }

      .cradential-modal .modal-btn {
          float: none !important;
          width: 100%;
          margin: 15px 0;
      }

      .main-nav.scrolled .navbar-toggler {
          filter: invert(100)
      }

      /* navbar */
      .navbar-collapse {
          background-color: #fff;
          z-index: 5;
          padding: 10px 0 30px;
          transition: .3s ease-in-out;
          outline: none;
          box-shadow: none
      }

      .main-nav .join-btns {
          display: block !important
      }

      .main-nav .join-btns .join-lnk {
          display: block;
          font-size: 18px;
          margin: 15px 0
      }

      .main-nav .nav-ul .nav-lnk {
          margin: 30px 15px;
          display: inline-block;

      }

      .main-nav.scrolled {
          position: fixed;
          left: 0;
          right: 0;
          transition: 2s ease-in-out;
          -webkit-animation: fadein 0.3s;
          /* Safari, Chrome and Opera > 12.1 */
          -moz-animation: fadein 0.3s;
          /* Firefox < 16 */
          -ms-animation: fadein 0.3s;
          /* Internet Explorer */
          -o-animation: fadein 0.3s;
          /* Opera < 12.1 */
          animation: fadein 0.3s;
      }

      /* Footer */
      .footer-sec .footer-sub {
          display: block
      }

      .footer-sec .social-lnks {
          text-align: center
      }

      .footer-sec .footer-sub .sub-title {
          display: block;
          margin-bottom: 10px
      }


      .footer-sec .footer-cont {
          border-top: 0;
          padding-top: 30px;
      }


      .footer-sec .footer-cont .order-xs-last {
          order: 2
      }

      /* Home */

      .hdr-sec .slick-list {
          width: 210%;
          height: 200px;
      }

      .hdr-sec .srvc-cont a {
          font-size: 20px;
      }

      .hdr-sec .srvc-cont a i {
          font-size: 39px;
          margin-bottom: 20px;
      }

      .main-sec {
          height: 100%;
          max-height: 100%;
      }

      .hdr-cont {
          padding: 30px 0;
      }

      .hdr-sec {
          display: inline-block;
          height: auto
      }

      .hdr-srvcs {
          position: relative;
          bottom: auto;
      }

      .hdr-srvcs * {
          flex-direction: column
      }

      .hdr-sec .hdr-cont {
          padding: 0 30px;
          position: relative;
      }

      .hdr-sec .hdr-cont .srch-cont {
          width: 100%
      }

      .hdr-srvcs .srvc:first-of-type {
          margin-top: 90px
      }

      .hdr-srvcs .srvc {
          width: 100%;
          margin: 15px 0;
      }

      .stps-sec .how-cont {
          width: 100%;
          text-align: center;
      }

      .stps-sec .how-cont .how-title,
      .stps-sec .how-cont .how-sub,
      .stps-sec .how-cont .how-txt {
          align-self: center;
      }

      /*Search page*/
      .srch-sec .srch-count .srch-input {
          width: 80%
      }

      .pages-nav .navbar-collapse {
          background-color: #fff;
      }

      .testimonial {
          padding: 80px 0 80px 0;
      }

      .courses-sec .nav-tabs {
          width: 100%;
      }

      .hdr-sec {
          padding: 0;
          flex-direction: column;
      }

      .hdr-sec .cont-d {
          flex-direction: column;
      }

      .tdimension {
          width: 220px;
          height: 300px;
          margin: 0 auto 30px auto;
      }

      .hdr-sec .cont-txt .cont-title {
          font-size: 30px;
      }

      .hdr-sec .srvc-cont {
          display: block;
      }

      .hdr-sec .srvc-cont {
          display: block;
          column-count: 2;
          position: relative;
          padding-bottom: 0;
      }

      .courses-sec .nav-tabs {
          width: 100%
      }

      .about-sec .about-cont {
          width: 100%;
      }

      .about-sec .about-bg {
          display: none
      }

      .about-sec .vsn-sec .cont-img img {
          display: none
      }

      .main-sec .main-cont {
          left: 0;
          right: 0;
          width: 100%;
          top: 0;
          background-color: #ffffff0d;
          position: relative;
          padding: 30px 0;
          align-items: center;
      }

      .hdr-txt {
          font-size: 28px !important;
          text-align: right
      }

      .hdr-sub {
          font-size: 16px
      }

      .courses-sec .nav-tabs .nav-item button {
          font-size: 16px;
      }

      .instructor-sec {
          width: 100%;
      }

      .instructor-sec img {
          width: 72%;
          height: auto;
          margin: auto;
          display: block;
      }

      .instructor-cont h3 {
          margin-top: 15px
      }

      .course-content .content-items-container .content-accordion .content-section .section-header button {
          width: 100%;
          overflow: hidden;
      }

      .course-content .content-items-container .content-accordion .content-section .section-header button .title {
          white-space: nowrap;
          width: 200px;
          overflow: visible;
          text-overflow: ellipsis;
          text-align: left
      }

      .course-content .content-items-container .content-accordion .content-section .section-header button .title.overflow {
          animation: 6s slide-right 2s forwards infinite;
          transform: translateX(-100%);
          text-overflow: unset
      }

      @keyframes slide-right {
          50% {
              transform: translateX(0);
          }

          100% {
              transform: translateX(-100%);
          }
      }

      .instr-sec .sticky-top {
          top: 0;
      }

      .pay-info {
          margin-top: 0
      }

      .order-xs-1 {
          order: 1
      }

      .order-xs-2 {
          order: 2
      }

      .instr-sec .instr-rvws p {
          margin: 0 10px 30px;
          font-size: 1.8rem;
      }

      .vid-sec.played .iframe-cont {
          height: 28%;
          width: 85%;
      }

      .vid-sec.played .iframe-cont iframe {
          height: 100%;
      }

      .add-rating {
          margin-bottom: 30px
      }

      .search-index_content__searchControls {
          justify-content: space-between;
      }

      .tz-banner-social {
          height: 42vh !important
      }

      .eb-navbar .navbar-menu .nav-item {
          margin: 10px;
      }

      .row-cols-3 > *,
      .row-cols-4 > *,
      .row-cols-5 > * {
          flex: 0 0 auto;
          width: 100%;

      }

      .cats-sec .row-cols-5 > * {
          width: 50%;
      }

      .eb-navbar .navbar-nav {
          align-items: center;
          flex-direction: row;
          margin: 30px 0 0;
          flex-wrap: wrap;
          justify-content: space-evenly;

      }

      .eb-navbar .navbar-menu.show {
          margin: 15px 0 0;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          transition: .1s ease-in-out;

      }

      .eb-navbar .navbar-toggler {
          border: none;
          box-shadow: none;
          outline: none
      }

      .eb-navbar .navbar-menu .menu-trigger {
          margin-bottom: 15px;
      }

      .eb-navbar .navbar-nav .dropdown-menu {
          position: absolute;
      }

      .cats-sec.cats-pg .cont-card {
          width: 100%;
      }
      .page-link.browse-btn {
        font-size: 12px;
    }

    .panel .panel-heading .btn_group {
        margin: 15px 0;
    }
    .countdown-timer {
        font-size: 16px;
            padding: 0px 12px;
      }
      .diploma-bg h3:nth-of-type(3) {
        margin: 20px 0 5px;
      }
      .course-content .content-items-container .content-accordion .content-section .content-section-item .meta-info {
        display: block;
        text-align: center;
       }
       .course-content .content-items-container .content-accordion .content-section .content-section-item {
        display: flex;
        justify-content: space-between;
        font-size: 0.925rem;
        font-weight: 600;
        margin-bottom: 0.675rem;
        max-width: 100%;
        flex-direction: row;
        align-content: center;
        align-items: center;
    }
    .course-content .content-items-container .content-accordion .content-section .content-section-item.disabled .title {
        display: flex;
        justify-content: start;
        align-items: center;
        max-width: 60%;
        flex: 1;
    }
    .course-content .content-items-container .content-accordion .content-section .content-section-item .meta-info {
        display: block;
        margin-right: auto;
        float: left;
        text-align: left;
    }
    .course-content .content-items-container .content-accordion .content-section .content-section-item .meta-info {
        display: block;
    }

  }

  @media screen and (min-width:992px) {

      .eb-navbar .navbar-menu {
          display: flex
      }

  }

  @media screen and (max-width: 1024px) {
      .page_menu {
          display: block
      }
  }