/* for polls */
div.percentage-gauge-container {
    display: inline !important;
  }

  ul.poll-answers,
  ul.poll-answers-results {
    padding-left: 0px !important;
    outline: unset !important;
  }

  div.poll-results-wrapper {
    outline: unset !important;
  }

  /* for staff gradded assessment */
  div.wrap-instructor-info {
    margin-top: 20% !important;
  }

  div#sga-content p b,
  div#sga-content p a {
    display: block !important;
  }

  div#sga-content p a {
    margin: 10px 0px 10px 0px !important;
  }

  section.staff-modal div.inner-wrapper {
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch;
  }

  /*for ORA */
  .ui-staff__button {
    margin-bottom: 2% !important;
  }

  .openassessment .openassessment__steps__step .step__status {
    display: block !important;
  }

  /* for line spacing */
  div#sga-content,
  div.freetextresponse,
  div.submit_and_compare {
    line-height: 125% !important;
  }

  /* for progress */
  @media only screen and (max-width: 786px),
  (-webkit-min-device-pixel-ratio: 3) {

    header#global-navigation,
    nav.wrapper-preview-menu,
    nav.progress {
      display: none !important;
    }

    section#course-info-progress div.wrap-instructor-info {
      margin-top: 0% !important;
    }

    dl.scores dt:first-child {
      width: 100% !important;
    }
  }

  section#course-info-progress div.wrap-instructor-info {
    margin-top: 0% !important;
  }
</style>
<style>
  /* header */
  /* .header-global {display:none;}*/
  .mob_header {
    background-color: #fff;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
    position: relative;
    width: 100%;
    display: none;
    z-index: 3;
  }

  .mob_header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background-color: #fff;
  }

  .mob_header li a {
    display: block;
    padding: 20px 20px;
    border-right: 0px;
    text-decoration: none;
  }

  .mob_header li a:hover,
  .mob_header .menu-btn:hover {
    background-color: #f4f4f4;
  }

  .mob_header .logo {
    display: block;
    float: left;
    font-size: 2em;
    /* padding: 10px 20px; */
    text-decoration: none;
    margin-right: 44px;
  }

  /* menu */

  .mob_header .menu {
    /* clear: both; */
    max-height: 0;
    transition: max-height .2s ease-out;
    display: inline-block;
    padding: 0px;
    width: 90%;
    float: left;
  }

  /* menu icon */

  .mob_header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 10px 10px;
    position: relative;
    user-select: none;
    display: none;
  }

  .mob_header .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
  }

  .mob_header .menu-icon .navicon:before,
  .mob_header .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
  }

  .mob_header .menu-icon .navicon:before {
    top: 5px;
  }

  .mob_header .menu-icon .navicon:after {
    top: -5px;
  }

  /* menu btn */

  .mob_header .menu-btn {
    display: none;
  }

  .mob_header .menu-btn:checked~.menu {
    max-height: 240px;
    display: block;
  }

  .mob_header .menu-btn:checked~.menu-icon .navicon {
    background: transparent;
  }

  .mob_header .menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg);
  }

  .mob_header .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg);
  }

  .mob_header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
  .mob_header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
    top: 0;
  }

  /* 48em = 768px */


  .find-courses {
    background: #fff;
  }

  #subscribe-widget {
    margin-left: 25%;
    padding-bottom: 5px;
  }

  .subscribe-widget {
    display: inline;
  }

  #subscribe-email {
    width: 20%;
  }

  .about_container p,
  .about_container ul li {
    line-height: 1.5em;
    margin: 25px;
  }

  .about_container h2,
  .about_container h3 {
    font-size: 1.5em;
    text-align: center;
    font-weight: 600;
    color: #050505;
    font-family: "Open Sans", Verdana, Geneva, sans-serif, sans-serif;
    margin: 10px 0px;
  }

  .about_container h3 {
    font-size: 1.2em;
  }

  @media (max-width: 767px) {

    /* for mob_header */
    .header-global {
      display: none;
    }

    .mob_header {
      display: block;
    }

    .mob_header {
      height: auto;
    }

    .mob_header .logo {
      margin-top: -9px;
    }

    .mob_header .logo a img {
      height: 50px;
    }

    .mob_header li {
      float: left;
      width: 100%;
    }

    .mob_header li a {
      padding: 20px 30px;
    }

    .mob_header .menu {
      clear: none;
      float: right;
      max-height: none;
      height: auto;
    }

    .mob_header .menu-icon {
      display: block;
    }

    .mob_header .menu {
      display: none;
    }

    .mob_header .menu-btn:checked~.menu {
      max-height: 240px;
      display: block;
      width: 100%;
      float: left;
    }

    .container {
      max-width: 100%;
      min-width: 100%;
    }

    .mob_header .left {
      width: 60%;
    }

    .mob_header .nav-global .tab-nav-item .tab-nav-link {
      color: #205e37;
    }

    .mob_header .nav-global .tab-nav-item .active {
      border-bottom: 0px !important;
    }

    .mob_header .user {
      width: 75%;
    }

    .mob_header .user .primary {
      width: auto;
    }

    .mob_header .right li a {
      margin-top: 20px;
    }

    .home>header .title {
      width: 100%;
      left: 0%
    }

    .wrapper-footer {
      display: block !important;
    }

    #subscribe-widget {
      margin-left: 2%;
      margin-right: 2%;
    }

    #subscribe-email {
      width: auto;
    }
  }

  /* ----------------------------------------------- */
  /* /dashbord page */
  @media (max-width: 767px) {

    .dashboard .my-courses,
    .dashboard .my-courses .course .details .wrapper-course-details,
    .dashboard .my-courses .course .details .wrapper-course-image,
    .dashboard-search-bar,
    .dashboard-search-results {
      width: 100%;
    }

    .dashboard .my-courses .course .details .wrapper-course-image .cover {
      max-height: fit-content;
    }

    .courses {
      width: 100% !important;
    }
  }

  /* ----------------------------------------------- */
  /* /course about  page */
  @media (max-width: 767px) {

    .course-info .details,
    .course-info .course-sidebar {
      width: 90%;
      margin: 15px;
    }
  }

  /* for tag line */
  .courses-container .courses .courses-listing .courses-listing-item{max-height: 400px;}
  .find-courses .courses-container .courses .courses-listing .courses-listing-item{max-height: 400px;}
    .courses-container .courses .course .course-info {position: relative;}
    .courses-container .courses .course{height: 400px;}
    .courses-container .courses .course .course-info .price_icon {position: absolute; top: 0; width: 50px; height: 80px; right: 0px; text-align: center; line-height: 42px; color: #851c86;}
    .courses-container .courses .course .course-info p {line-height: 20.72px;padding: 2px 15px;font-size: 14px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;margin: 0px;max-height: 40px; color: deeppink;}
    .courses-container .courses .course .course-info .price_icon:after {position: absolute; content: ''; top: 0px; width: 68px; height: 70px; background: url("/static/indigo/images/purple_price_icon.2e81dbc5e4ad.png") no-repeat; right: 0; background-size: 60% 100%; overflow: hidden; text-align: center; transform: rotate(90deg);}





@media (min-width:768px) and (max-width:900px) {
  #subscribe-widget{
    margin-left: 10%;
  }
  
}​