@media only screen and (min-width: 768px) and (max-width: 991px)  {
	.bottom-header.flx-row.flx-space-between {
    justify-content: end;
    align-items: baseline;
    gap: 10px;
}
}
@media (max-width: 1024px) {
  .all-grid-cat-posts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 1fr 1fr 1fr auto;
    gap: 20px;
  }

  .single-cat-post {
    grid-column: auto;
  }

  /* First post spans full width */
  .single-cat-post:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }

  .single-cat-post:nth-child(2) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }

  .single-cat-post:nth-child(3) {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
  }

  .single-cat-post:nth-child(4) {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
  }

  .single-cat-post:nth-child(5) {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
    ;
  }

  .single-cat-post {
    min-height: 300px;
    background-position: top;
  }
}

@media (min-width: 992px) {
  .hamburger-menu-icon {
    display: none;
  }

  .all-menues {
    display: none !important;
    position: static;
  }
}

@media (max-width: 991px) {
  .site-top-logo img {
    width: 375px;
  }
	.multi-cat-sec{
		padding:30px 0;
	}
	.bottom-header-parent-ul li.menu-item-has-children {
		width: 100%;
	}
	.bottom-header-parent-ul li.menu-item-has-children > a::after {
    content: " ▼"; /* or use ⌄, ▼, ▾, etc. */
    font-size: 0.7em;
    margin-left: 5px;
}

ul#menu-site-desktop-nav {
    display: none;
}
  .all-menues {
/*     display: none; */
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1000;
  }

  .all-menues.show-menu {
    display: block !important;
  }

  .hamburger-menu-icon {
    display: block;
  }

  .bottom-header {
    position: relative;
  }

  .hamburger-menu-icon button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #000;
  }

  .search-icon {
    display: block;
  }

  ul.bottom-header-parent-ul {
    flex-direction: column;
    align-items: baseline;
	  height: auto;
	          justify-content: flex-start;
        padding-top: 60px;
	  overflow-y: scroll;
  }

  .left-tending-box.flx-row {
    flex-direction: column;
  }

  .cattags-width {
    width: 100%;
  }

  .left-tending-box {
    max-width: 65%;
  }

  aside.right-aside-cat-box {
    width: 30%;
  }

  .all-multi-cat-content {
    grid-template-columns: repeat(2, 1fr);
  }
	.single-multi-tag.flx-row a {
    width: 48%;
}
}

@media (max-width: 767px) {
	.detail-all-content h2{
		padding-bottom: 20px;
	}
	.post-navigation {
		justify-content: center;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.nav-previous {
		text-align: center;
	}

	.nav-next {
		text-align: center;
	}
	.top-fve-sech-content{
		padding:30px 0 20px 0;
	}
	.bottom-header.flx-row.flx-space-between{
		padding-right:10px;
	}
	.top-girl-img {
		box-shadow: unset;
	}
  .all-grid-cat-posts {
    display: grid;
    grid-template-columns: 1fr;
    /* Single column */
    gap: 20px;
    /* Optional: adds space between posts */
  }

  .single-cat-post {
    min-height: 300px;
    grid-column: auto;
  }

  /* Remove these for single-column layout */
  .single-cat-post:nth-child(1),
  .single-cat-post:nth-child(2),
  .single-cat-post:nth-child(3),
  .single-cat-post:nth-child(4),
  .single-cat-post:nth-child(5) {
    grid-column: unset;
    grid-row: unset;
  }

  .trending-miss-cat-wrapper.flx-row {
    flex-direction: column;
  }

  .left-tending-box,
  aside.right-aside-cat-box {
    width: 100%;
    max-width: 300px;
	  margin: auto;
  }

  .all-sub-img-wrap img {
    width: 30%;
    height: 150px;
  }

  .all-sub-img-wrap {
    gap: 15px;
  }

  .all-cover-stories .custom-owl-prev,
  .all-cover-stories .custom-owl-next {
    background: black;
    color: white;
    padding: 10px 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    cursor: pointer;
    font-size: 20px;
    border-radius: 50%;
  }

  .all-cover-stories .custom-owl-prev {
    left: 10px;
  }

  .all-cover-stories .custom-owl-next {
    right: 10px;
  }

  .all-multi-cat-content {
    grid-template-columns: repeat(1, 1fr);
  }

  .footer-logo-link-box.flx-row {
    flex-direction: column;
    gap: 30px;
  }

  .footer-bottom-right-links,
  .footer-logo-wrap {
    width: 100%;
  }

  .terms-policy-footer-box.flx-row.flx-space-between {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .footer-bottom-p {
    text-align: center;
  }
.left-faq-sec {
    width: 100%;
}
  .footer-logo-link-box {
    padding: 20px 0 0 0;
  }
  .cattag-img img{
    height: 130px;
  }
  .hero-slider-single-item {
    height: 400px;
  }
  .footer-top ul {
    flex-wrap: wrap;}
    .site-top-logo img{
      width: 110px;
    }
    .top-girl-img img{
      display: none;
    }
    .subscribe-wrapper {
    width: 100%;
}
.renew-gift-btn {
    display: none;
}
.mobile-show{
    display: block;
}
.desktop-show{
    display: none;
}
.bottom-header.flx-row.flx-space-between.flx-center-align {
    padding-top: 8px;
    align-items: center;
    padding-left: 10px;
        padding-right: 10px;
}
.container{
  padding: 0 10px;
}
.serch-btn {
  padding: 0;
}
.header-subs-btn {
  position: unset;
}
.right-top-header.flx-row.flx-center-align {
    background-color: #000;
    justify-content: end;
    padding-right: 10px;
}
.top-header{
  padding-top: 0;
}
header .container {
    padding: 0;
}
.login-register-btn a{
  color: #fff;
}
.login-register-btn {
    display: flex;
    gap: 10px;
}
.hero-section {
    padding: 30px 0 0 0;}

    .top-subs-pop-content.flx-row.flx-center-align {
    display: flex;
    flex-direction: column;
    width: 100%;}
    .subs-pop-up {
      top: 65px;
    }
    .subs-pop-up{
      width: 100%;
    }

    .subscribe-wrapper:hover .subs-pop-up {
  display: block;
}
.trending-miss-cat-sec {
    padding: 0;
}
.wrap-cat-all-sub-cat {
    width: 100%;
}
.single-cat-all-sub-cat.flx-row {
    flex-direction: column;
}
.sub-cat-feature-img, .sub-cat-tittle {
    width: 100%;
    max-width: 100%;
}
.other-related-items {
   grid-template-columns: repeat(1, 1fr);
}
.detail-all-content {
    width: 100%;
    padding-top: 60px;
}
	.single-post-wrapper {
    width: 100%;
}

}

@media (min-width: 768px) {


  .all-cover-stories {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .all-cover-stories .owl-stage-outer,
  .all-cover-stories .owl-stage {
    display: contents !important;
  }

  .all-cover-stories .owl-nav {
    display: none !important;
  }
}