@media (min-width: 767px) and (max-width: 1024px) {
      html {
          overflow-x: hidden
      }

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

      .bg-light {
          background-color: #212529 !important;
      }

      .navbar-sec.bg-light,
      .navbar-collapse {
          background-color: #212529 !important;
          z-index: 3;
          padding: 10px 35px 30px;
          width: 100%
      }

      .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: inline-block;
      }

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

      .footer-sec .footer-sub .sub-title {
          display: block
      }


      .ordersm-2 {
          order: 2 !important;
      }

      /* Arabic style */
      html:lang(ar) .cont-control {
          float: none;
      }

      html:lang(ar) .cont-txt {
          width: 100%;
      }

      html:lang(ar) .pgtab-cont .qstn-txt {
          width: 100%;
          padding-right: 0;
          padding-top: 20px
      }

      .promo-sec .squaredThree {
          clear: both;
      }

      .artcls-lst .star-artcl .cont-img {
          height: 100%;
      }

      .artcl-sec .testim-cont {
          width: 100%;
      }

      .project-sup .contact-form {
          width: 75%;
      }


      .vid-chat {
          display: block
      }

      .vid-screen {
          width: 100%;
      }

      .chat-screen {
          width: 100%;
      }

      .vid-cont {
          display: block;
      }

      .vid-cont .vid-prev:first-of-type {
          position: absolute;
          width: 50%;
          height: auto;
          z-index: 2;
          right: 15px;
          top: 15px
      }

      .vid-cont .vid-prev:last-of-type {
          height: 70vh;
          display: flex
      }

      .vid-cont .vid-prev {
          width: 100%
      }

      .vid-controls > div {
          display: block;
          text-align: center
      }

      .vid-controls button {
          margin: 5px
      }

      .testimonial {
          padding: 75px 275px 60px 0;
      }

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

      .hdr-sec {
          padding: 30px 0 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: 5;
          position: relative;
          width: 100%;
      }

      .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
      }
  }