@media screen and (max-height: 768px) {

  .section_layout,
  .auth_layout {
    padding-block: 50px;
  }
}

@media screen and (max-width: 768px) {

  .fs20 {
    font-size: 18px;
  }

  .fs18 {
    font-size: 17px;
  }

  .mt40 {
    margin-top: 35px;
  }

  .mt50 {
    margin-top: 45px;
  }

  .section_layout,
  .auth_layout {
    padding-inline: 24px;
  }

  .nav_bar {
    padding: 16px;
  }

  .mt65 {
    margin-top: 68px;
  }

  .admin_body {
    top: 68px;
    padding: 20px;
  }

}

@media screen and (max-width: 500px) {

  .modal_content {
    margin-inline: 8px;
    min-height: 500px;
  }
}