@media only screen and (min-width: 320px) {
  /*start css custom fazal  */
  .card-header{
    background-color: #4272D7 !important;
  }
  .c-white{
    color:#FFFFFF !important;
  }

  .nav-m{
    list-style: none;
    display: flex;
    flex-wrap: row wrap;
    border-bottom: 5px solid #B9B9B9;
  }

  .nav-item-m{
    width: 33.33%;
    text-align: center;
    margin-bottom: -5px;
  }
  .nav-link-m{
    color: #B9B9B9;
    font-size: 18px;
    font-weight: 700;
  }

  .nav-m .nav-item-m a:hover, ul.nav-m li a.active-m{
    width: 100%;
    color: #565656;
    border-bottom: 5px solid #1381FF;
  }

  #atk_ujian, #atk_kelas{
    display: none;
  }

  .btn-posisi{
    position: fixed;
    z-index: 1;
    bottom: 16px;
    right: 25px;
  }

  .btn-circle{
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
  }

  .header-font{
    color:white;
    background-color:#2053bf !important;
  }

}



@media (min-width: 576px){
.modal-dialog-c{
  max-width:75% !important;
  margin:1.75rem auto !important;
  }
}

/*end css custom fazal  */