@media screen and (max-width: 1023px) {
      section.about-section {
          padding: 30px 0px 30px 0px !important;
      }
      li.dropdown.shop-mobile {
        display: none !important;
    }
      li.item img.img-responsive {
          height: 100px !important;
      }

      li.item video.brush-video {
          height: 100px;
      }

      .about-us-section {
          padding: 30px 25px 30px 25px;
          background-color: #ffffff;
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
      }

      a.button.btn.btn-default.about-btn {
          margin-bottom: 30px;
      }

      .about-title.course {
          margin-top: 20px;
      }

      .tiva-video-content.padd {
          padding: 40px 10px;
      }

      .home-4 #btn-menu {
          line-height: 5.375pc;
      }

      div#search_block_top {
          display: none;
      }

      .topheader-navholder-lf {
          float: inline-start;
      }

      .block-cart .dropdown-content {
          /* min-width: 290px; */
          right: 0px;
      }

      span#btn-menu {
          font-size: 24px;
          padding: 31px 10px 0px 10px;
          color: #fff;
      }

      #breadcrumb {
          padding: 0px 0px 50px 0px;
      }

      .section {
          padding: 20px 0px;
      }

      .course-detail--section {
          position: relative;
          padding: 40px 0 40px;
      }

      .row.course-detail-row {
          display: block;
          margin-bottom: 0px;
      }

      .image-column.col-lg-6.col-md-12.col-sm-12 {
          margin-top: 120px;
          margin-bottom: 100px;
      }

      ul.manufacture_block.pt-60.student-ul {
          margin-top: 40px;
      }

      span.icon-down {
          display: none;
      }

      img.banner-home {
          height: auto;
      }

      [class~=home-4] [class~=header-main] [class~=topheader-navholder-rg],
      [class~=home-4] [class~=header-main] [class~=topheader-navholder-lf] {
          float: right !important;
      }
      .home-4 .categoryitem .box-homehtml .block-html{
        padding: 0px 20px !important;
      }
      section.section-common.courses-page {
        padding: 40px 0px 80px 0px;
      }
      .container.course-img {
        margin-top: 40px;
    }
    section.brush-detail-page{
        padding: 0px 0px 0px 0px;
    }


  }





  @media screen and (max-width: 374px) {
      span#btn-menu {
          margin-left: -215px;
      }

      .zoomContainer {
          height: 0px !important;
      }

      li.item img.img-responsive {
          height: 100px !important;
      }

      .content-slideshow {
        height: 350px !important;
      }
      .home-4 .categoryitem .box-homehtml .block-html{
        padding: 20px 20px !important;
      }
      .off-mainnav{
        width: 325px !important;
      }
  }

  @media (min-width: 375px)and (max-width: 424px) {
      span#btn-menu {
          margin-left: -270px;
      }

      .zoomContainer {
          height: 0px !important;
      }

      li.item img.img-responsive {
          height: 100px !important;
      }
      .content-slideshow {
        height: 430px !important;
      }
      .home-4 .categoryitem .box-homehtml .block-html{
        padding: 20px 20px !important;
      }
      .off-mainnav{
        width: 376px !important;
      }
  }
  @media screen and (min-width: 360px){
    .off-mainnav {
        width: 370px !important;
    }
  }

  @media (min-width: 390px) and (max-width: 414px){
    .off-mainnav {
        width: 400px !important;
    }
  }

  @media (min-width: 414px) and (max-width: 424px){
    .off-mainnav {
        width: 414px !important;
    }
  }
 

  @media (min-width: 425px)and (max-width: 767px) {
      span#btn-menu {
          margin-left: -310px;
      }

      .zoomContainer {
          height: 0px !important;
      }

      li.item img.img-responsive {
          height: 100px !important;
      }
      .home-4 .categoryitem .box-homehtml .block-html{
        padding: 20px 20px !important;
      }
      .off-mainnav{
        width: 430px !important;
      }
  }
  
  
  @media only screen and (max-width: 600px) {
    table.table-bordered.order-my-acount {
      width: 100%;
    }
  }