/* 
=== LAPTOP SCREENS
 */

@media only screen and (max-width: 1200px) {
}

/* 
=== LARGE TABLAT SCREENS
 */

@media (max-width: 992px) {
  .title {
    font-size: 2.5rem;
  }
  .reportSection .reportItem .item {
    height: 73px;
  }
  .mapSection {
    min-height: 87vh;
  }
  .type-listpages header p {
    font-size: 2.5rem;
  }
  .text {
    font-size: 1rem;
  }

  .heroSection .heroRow {
    gap: 2rem;
  }
  .heroSection {
    margin-top: 100px!important;
  }

  .mapSection .mapRow {
    flex-direction: column-reverse;
    gap: 2rem;
  }

  .heroSection .heroContent {
    text-align: center;
  }
  .financialSection .cardContainer {
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    padding-bottom: 1rem;
  }

  .financialSection .cardContainer .finCard {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .financialSection .cardContainer::-webkit-scrollbar {
    display: none;
  }

  .financialSection .sectionHeading {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .reportSection .reportItem {
    min-height: auto;
  }

  .govSection .govContainer {
    grid-template-columns: repeat(2, 1fr);
  }
  .govSection .govContainer.gov2 .actionBtn {
    grid-column: span 2;
  }

  .govSection .govContainer .arrowImage {
    display: none;
  }

  .govSection .nav {
    gap: 0.5rem;
  }

  .govSection .nav .nav-link {
    font-size: 0.85rem;
  }

  .govSection .govContainer .multiProfile {
    flex-direction: column;
    gap: 1rem;
  }

  .govSection .govContainer .multiProfile .profile {
    width: 100%;
  }

  .govSection .govContainer.gov1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    height: 100%;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 3rem;
  }

  .govSection .govContainer.gov1 .profile {
    width: 80vw;
  }

  .govSection .govContainer.gov1::-webkit-scrollbar {
    display: none;
  }
}

/* 
=== TABLAT SCREENS
 */

@media (max-width: 768px) {
}

/* 
=== MOBILE SCREENS
 */

@media (max-width: 576px) {
  .govSection .govContainer {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }

  .govSection .govContainer.gov3 {
    display: grid;
    overflow-x: auto;
  }

  .govSection .govContainer.gov3::-webkit-scrollbar {
    display: none;
  }

  .govSection .govContainer.gov3 .profile {
    width: 80vw;
  }

  .mapSection .mapImage .mapCard .content {
    display: none;
  }

  .mapSection .mapImage .mapCard.card3 {
    right: 10%;
  }

  .mapSection .mapImage .mapCard.card4 {
    right: 2%;
  }

  .mapSection .mapImage .mapCard.card1 {
    left: 15%;
  }
}