@media screen and (max-width: 992px) {
  .ministry .header-nav .interactive {
    background-color: #81bd41;
    height: 100%;
    width: 115px;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: bold;
  }
  .client-layout .nav-item {
    margin-right: 10px !important;
  }
  .client-layout .navbar-brand {
    margin-right: 10px;
  }
  .navbar-toggler-icon {
    background-image: url(../assets/img/menu.svg);
    cursor: pointer;
  }
  .navbar-toggler:focus,
  .navbar-toggler:hover {
    border: 0;
    outline: 0;
  }
  /* .header-image-bg {
    margin-top: -85px;
  } */
  .navbar-expand-md .navbar-collapse {
    margin-top: 0px;
  }
  .container {
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .container {
    padding: 0 20px;
  }
  .ministry li.active a {
    color: #fff !important;
  }
  .ministry .header-nav .qrarLink,
  .ministry .header-nav .afkarLink {
    width: auto !important;
    margin-right: 7px !important;
    border: 0;
  }
  a.qrarLink img,
  .ministry .header-nav .afkarLink img {
    display: none;
  }
  .ministry .header-nav .speech-bubble {
    position: relative;
    background: transparent;
    border-radius: 25px;
    width: auto;
    height: 38px;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    color: #81bd41;
    display: flex;
  }
  .ministry .header-nav .speech-bubble img {
    display: none;
  }
  .ministry .header-nav .speech-bubble::after {
    display: none;
  }
  .bottomFooter {
    flex-direction: column;
  }
  .navbar-expand-md .navbar-collapse {
    background-color: #81bd41;
  }

  .client-layout .nav-item a.nav-link {
    margin-top: 8px;
    margin-bottom: 5px;
    text-align: right;
  }
  .client-layout .nav-item.active a.nav-link {
    color: #fff !important;
  }
  .header .d-flex {
    flex-direction: column;
    align-items: center;
  }
  /* .header h2 {
    margin-top: 100px;
  } */
  .header h3 {
    text-align: center !important;
  }
  .header .align-items-start {
    align-items: center !important;
  }
  .section-flex .icons-group > * {
    width: 70%;
    min-width: 200px;
  }
  .heroPattern {
    display: none;
  }
  .activities .d-flex {
    flex-wrap: wrap;
  }
  .btn-group,
  .btn-group-vertical {
    display: block;
    justify-content: center;
    margin: auto;
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .newUILanding .activities .btn-group .btn {
    margin: auto;
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .newUILanding .activities h2 {
    text-align: center;
    width: 100%;
  }
  .charts .card {
    display: block !important;
    margin-bottom: 48px;
  }
  .charts .card h4 {
    width: 100% !important;
  }
  .chartContainer {
    width: 100% !important;
  }
  .client-layout .navbar-brand {
    margin-right: 10px;
  }
  .ministry .header-nav .align-items-center {
    align-items: flex-start !important;
  }


  .header.header-image-bg {
    height: auto !important;
  }
}