<style>
    /* 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; }
    /* styles added for responsive ui on 6th march */
    /* header */
    .mob_header {
      background-color: #fff;
      box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
      position: relative;
      width: 100%;
      display:block;
      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 */
      .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;}
    }