@media only screen and (max-width: 480px) {
  .text-lg h5 span {
    font-size: 14px;
  }

  .for-xl-icon {
    display: none;
  }

  .icon-container-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(73px, 4fr)) !important;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    margin: auto;
    justify-content: center;
  }

  .recent-request-card {
    width: 100% !important;
  }

  .news-items-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;

  }

  .notif-text1 {
    font-size: 13px;
  }

  .slick-dots li button {
    width: 5px !important;
    height: 5px !important;
  }

  /*notification page related*/
  /* .notification-dropdown-container{
    position:absolute;right:310%
  } */
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

  /* h5 {
    color: red !important;
  } */
}

@media (min-width: 768px) {
  /***Gp FORM */

  #sidebar-wrapper {
    margin-left: 0;
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
    transition: margin 0.25s ease-out;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }

  .login-logo {
    width: 20%;
  }

  h5 {
    font-size: 20px;
  }

  .icon-container-grid {
    display: grid;
    grid-template-columns: 1fr repeat(4, 1fr) !important;
    /* grid-template-rows: 1fr repeat(1, 1fr); */
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    margin: auto;
    justify-content: center;
  }

  .recent-request-card {
    width: 212px !important;
  }
}