@media screen and (max-width: 991px) {
  html,body{
    font-size: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  html,body{
    font-size: 8px !important;
  }
  /* login page */

  .login_right input.allinput, button.btn_primary.btn.login_btn{
    background: transparent !important;
    font-size: 1.5rem;
  }

  .static_label {
	font-size: 1.6rem;
}
  .static_txt input{
    border-bottom: 1px solid #d2d2d2 !important;
    border-radius: 0px !important;
  }
  .login_left{
    padding-bottom: 0 !important;
  }
  .login_left_powered{
    display: none !important;
  }
  .foot-left, .foot-right, .share_link{
    width:100% !important;
  }
  .share_link{
    margin-top:1rem !important;
  }
  .foot-left{
    border-right:none !important;
  }
  footer{
    padding:0px !important;
  }
  .dashboardgrid{
    flex-direction: column !important;
    align-items: flex-start;
  }
  .dashboardgrid .subgriddash{
    display: flex;
    flex-direction: column !important;
  }
  .dashboardgrid div.action-section{
    text-align: left !important;
    width:80% !important;
  }
  .dashboardgrid div.main-section{
    width:100% !important;
  }
  .dashboardblock .scrolleralert {
      margin-bottom: 2rem !important;
  }
  .dashboardblock .btn{
    padding:0.4rem 1rem !important;
    font-size: 1.6rem;
  }
  .arrowicon{
    width:15px !important;
  }
  .full_bg.footer *{
    padding-left:0 !important;
    padding-right: 0 !important;
  }
  .toggleview{
    margin-top:2.2rem;
  }
  .toggleview i{
    font-size: 2.6rem;
    margin-left:1.8rem;
    cursor: pointer;
  }
    .toggleview i:hover, .toggleview i:focus{
      color:#7cc360 !important;
    }
    .tabbed {
        min-width: 335px !important;
    }
        .tabbed ul {
            padding-left: 34px;
        }
    .interviewersection{
        margin-left:0px !important;
    }
    .tabbed ul li:after {
        width: 33px;
    }
    .paperupload-text {
        display:none;
    }
}
.paragraph-style{
    line-height:20px;
}