/* 
=== LAPTOP SCREENS
 */

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

/* 
=== LARGE TABLAT SCREENS
 */

@media (max-width: 992px) {
  .topHeader .headerBlog {
    display: none;
  }

  .mainNavbar {
    display: none;
  }

  .postSection .post .postTabs .tabButtons {
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .suggestPost .item {
    margin-bottom: 1rem;
  }

  .footerSection .footerNav {
    grid-template-columns: repeat(3, 1fr);
  }

  .postSection .post .postHeading .postAction {
    flex-direction: column;
    align-items: start;
  }

  .topHeader .logo img {
    max-width: 120px;
  }

  .topHeader .toggleBtn {
    display: inline-block;
  }
}

/* 
=== TABLAT SCREENS
 */

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

/* 
=== MOBILE SCREENS
 */

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