.mmb5 {margin-bottom:5px}
.ppr {position:relative}
.ddiwsn {display:inline!important; white-space:nowrap!important}
.ppad10 {padding:10px}
.bbgF5 {background:#F5F5F5}
.jmbt {background:#E9ECEF}

@media (min-width:1px){
  html {
    font-size: 1rem;
  }
  .logi {
      display: -webkit-flex!important;
      -webkit-justify-content: flex-start!important;
      display: flex!important;
      justify-content: left!important;
  }
  .letter {
    width:60px;
    top: -5px;
    position: relative;
  }
  .brand {
background: linear-gradient(to right, white 45%, grey 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  }
  .card {

  }
  .cl_card {
    font-size: 1.0rem;
  }
  .mda_manual_left {
    display: inline;
    visibility: visible;
    font-size: 0.8rem;
  }
  .mda_manual_right {
    display: inline;
    visibility: hidden;
  }

  .mda_abstract {
    font-size: 1.0rem;
  }
  .mda-heading {
    font-size: 2.8rem;
  }
  .my-mydrv {
    font-size: 1.5rem!important;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif!important;
    background: #11111;
    color: #007BFF;
    font-style: normal;
  }
  .drv-mydrv {
    font-size: 2rem!important;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif!important;
    background: #007BFF;
    color: #e9ecef;
    padding: 5px;
    border-radius: 60px 30px;
  }
  .tm-mydrv {
    top:-20%!important;
    font-size:14px;
  }
}


@media (min-width:576px){
  html {
    font-size: 1rem;
  }
  .logi {
      display: -webkit-flex!important;
      -webkit-justify-content: flex-start!important;
      display: flex!important;
      justify-content: left!important;
  }
  .letter {
    width:60px;
    top: -5px;
    position: relative;
  }
  .brand {

  }
  .card {

  }
  .cl_card {
    font-size: 1.0rem;
  }
  .mda_manual_left {
    visibility: hidden;
    display: inline;
  }
  .mda_manual_right {
    visibility: visible;
    display: inline;
  }
  .mda_test {
    padding:10px
  }
  .mda-heading {
    font-size: 3rem;
  }
  .my-mydrv {
    font-size: 2rem!important;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif!important;
    background: #11111;
    color: #007BFF;
    font-style: normal;
  }
  .drv-mydrv {
    font-size: 3rem!important;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif!important;
    background: #007BFF;
    color: #e9ecef;
    padding: 5px;
    border-radius: 60px 30px;
  }
  .tm-mydrv {
    top:-20%!important;
    font-size:14px;
  }

}
@media (min-width:768px){
  html {
    font-size: 1.0rem;
  }
  .logi {
      display: -webkit-flex!important;
      -webkit-justify-content: flex-start!important;
      display: flex!important;
      justify-content: left!important;
  }
  .letter {
    width:70px;
    top: -7px;
    position: relative;
  }
  .brand {

  }
  .card {

  }
  .cl_card {
    font-size: 1.0rem;
  }
  .mda_manual_left {
    visibility: hidden;
    display: inline;
  }
  .mda_manual_right {
    visibility: visible;
    display: inline;
  }
  .mda_test {
    padding:20px
  }
  .mda-heading {
    white-space:nowrap;
    font-size: 3rem;
  }
  .my-mydrv {
    font-size: 2rem!important;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif!important;
    background: #11111;
    color: #007BFF;
    font-style: normal;
  }
  .drv-mydrv {
    font-size: 3rem!important;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif!important;
    background: #007BFF;
    color: #e9ecef;
    padding: 5px;
    border-radius: 60px 30px;
  }
  .tm-mydrv {
    top:-35%!important;
    font-size:14px;
  }
}
@media (min-width:992px){
  html {
    font-size: 1.0rem;
  }
  .logi {

  }
  .letter {
    width:70px;
    top: -7px;
    position: relative;
  }
  .brand {
    visibility: hidden;
    display: inline;
    width:0px;
  }
  .card {

  }
  .cl_card {
    font-size: 1.0rem;
    padding-left:15%;
    padding-right:15%;
  }
  .mda_manual_left {
    visibility: hidden;
    display: inline;
  }
  .mda_manual_right {
    visibility: visible;
    display: inline;
  }
  .mda_test {
    padding:30px
  }
  .mda-heading {
    white-space:nowrap;
    font-size: 4rem;
  }
  .my-mydrv {
    font-size: 3rem!important;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif!important;
    background: #11111;
    color: #007BFF;
    font-style: normal;
  }
  .drv-mydrv {
    font-size: 4rem!important;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif!important;
    background: #007BFF;
    color: #e9ecef;
    padding: 5px;
    border-radius: 60px 30px;
  }
  .tm-mydrv {
    top:-35%!important;
    font-size:14px;
  }
}
@media (min-width:1200px){
  html {
    font-size: 1.2rem;
  }
  .logi {

  }
  .letter {
    width:80px;
    top: -7px;
    position: relative;
  }
  .brand {
    visibility: hidden;
    display: inline;
    width:0px;
  }
  .card {

  }
  .cl_card {
    font-size: 1.0rem;
    padding-left:15%;
    padding-right:15%;
  }
  .mda_manual_right {
    visibility: visible;
    display: inline;
  }
  .mda_manual_left {
    visibility: hidden;
    display: inline;
  }
  .mda_test {
    padding:50px
  }
  .mda-heading {
    white-space:nowrap;
    font-size: 4rem;
  }
  .my-mydrv {
    font-size: 3rem!important;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif!important;
    background: #11111;
    color: #007BFF;
    font-style: normal;
  }
  .drv-mydrv {
    font-size: 4rem!important;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif!important;
    background: #007BFF;
    color: #e9ecef;
    padding: 5px;
    border-radius: 60px 30px;
  }
  .tm-mydrv {
    top:-35%!important;
    font-size:14px;
  }
}