/*Tablet (769px – 1024px)*/

@media (min-width: 769px) and (max-width: 1023px) {
  .headerTitle h1 {
    font-size: 30px;
  }

  .custom-nav .nav-links {
    flex-direction: row !important;
  }
}


@media (min-width: 993px) {
    .single-post .widget-area.secondary {
        padding: 2vh 1vw;
    }

    .single-post .content-area.primary{
      padding: 13px 60px !important;
    }
}

@media (min-width: 922px) {
    .single-post.ast-sticky-sidebar .sidebar-main {
        top: 20vh;
    }

    .archive #secondary {
      width: 30%;
    }

    .archive.ast-sticky-sidebar .sidebar-main {
        top: 13vh;
    }
    
    .ast-sticky-sidebar .sidebar-main {
        top: 131px;
    }
}

@media (max-width: 1024px) {
  .scroll-snap-type {
    scroll-snap-type: none !important;
    overflow-y: auto !important;
  }

  .scroll-snap-section {
    scroll-snap-align: none !important;
    height: auto !important;
  }
	.headerTitle h1{
		line-height: 3rem;
	}
  .ast-article-post .post-thumb-img-content img {
    aspect-ratio: 16 / 9;
    }
  .ast-archive-entry-banner .ast-container {
    width: 100% !important;
  }
  .single-post .ast-single-entry-banner .ast-container {
    left: 9%;
  }

  .single-post .site-main {
      margin: 0;
  }

  .single-post .ast-single-entry-banner .ast-container {
      border-radius: 0;
      position: relative;
      left: 0;
      margin: 0;
      z-index: 2;
      max-width: 100%;
      padding: 0;
      text-align: center;
      position: absolute;
      bottom: 0;
  }

  .ast-left-sidebar #secondary {
      padding: 2rem 1rem 3rem 1rem;
  }
}


@media (min-width: 768px) and (max-width: 992px){
  .post{
    padding: 0 36px;
  }

  /* Search Results page and Category */
  .search.search-results #content .ast-blog-layout-4-grid .ast-article-post,
  .archive.category .ast-blog-layout-4-grid .ast-article-post { width: 50%;}
  .search.search-results #content .ast-container #secondary{ width: 100%;}
}

@media only screen and (max-width: 781px) {
    .mec-search-form .mec-dropdown-wrap .mec-dropdown-search { width: 100%;}

    .mec-calendar .mec-calendar-header h2 {
        margin-right: 37px;
        font-weight: 400;
        font-size: 13px;
    }

    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month { right: 39px;}
    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month { left: 13px;}

    .glass-card{ min-height: 119px;}
    
  .search.search-results #content .ast-container #secondary{ width: 100%;}
}