/*Mobile (≤ 480px)*/

@media (max-width: 480px) {
  :root {
    --banner-font-size: 2rem;
    --banner-padding: 0.6rem;
  }

    .archive .no-results.not-found .search-form .search-field,
    .search.search-no-results #main .search-form .search-field{ border-radius: 22px;}
    .archive .no-results.not-found .search-submit,
    .search.search-no-results #main .search-submit{ margin-top: 10px !important; border-radius: 55px;}

    .search.search-no-results #content{ margin: 0 16px;}

    /* Footer Counters */
    .counterFooter .e-con-inner{ grid-template-columns: repeat(1, 1fr) !important;}

  #visitAegean {
    padding: 16px 36px 16px 42px;
    border-radius: 14px;
    width: 100%;
  }

  .two-columns{
    margin: 0 0 0.5em 0em;
  }

  .ast-separate-container #content .ast-container {
         padding-left: 0;
         padding-right: 0;
    }

  .rowCategoryInfos {
    width: 100% !important;
    top: 0vh !important;
    height: 33vh !important;
  }

  .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-breadcrumbs-wrapper #ast-breadcrumbs-yoast, .ast-breadcrumbs-wrapper .breadcrumbs, .ast-breadcrumbs-wrapper .rank-math-breadcrumb, .ast-breadcrumbs-inner nav {
      padding-top: 5px;
      padding-bottom: 32px;
      padding-left: 2px;
  }

  .rank-math-breadcrumb .last {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

  .rowCategoryTitle .n2-ss-text {
    font-size: 3rem !important;
  }

  .rowCategoryDesc .n2-font-38754ce2fb20fc2b112155740e221f7f-paragraph {
    width: 100% !important;
    font-size: 1.5rem !important;
  }

  .paragraphHeader p {
    line-height: 29px;
  }

  .glass-card {
    width: 98%;
    padding: 15px;
  }

  .kyklades_posts_bar_section .kyklades_posts_bar_section_sidebox{
    margin: 0 13px;
  }

  #xartis{
    padding-left: 10px;
    padding-right: 10px;
  }

.ast-related-post-content .entry-header .ast-related-post-title a {
        font-size: 1.2rem;
    }

  #secondary {
    margin: 0em 0 2.5em;
  }

  .ast-separate-container #primary {
    padding: 4em 0 0 0;
  }

  .ast-separate-container .ast-blog-layout-4-grid .ast-article-post {
      padding: 0 0em 0;
  }

  .glass-card .label {
    font-size: 14px;
    line-height: 18px;
}

  .glass-card .number {
    font-size: 16px;
  }

  .ast-left-sidebar #secondary {
    padding: 2rem 1rem 3rem 1rem;
  }
  .single-post .ast-single-entry-banner .ast-container {
    left: 0;
  }

  .single-post .ast-single-entry-banner .ast-container .entry-title {
    font-size: 1.5rem;
    line-height: 32px;
  }

  .custom-nav .nav-title {
      line-height: 12px;
      font-size: 0.8rem;
  }

  .scroll-snap-section {
    height: auto;
  }

  .ast-archive-entry-banner .ast-container {
    padding: 22px 21px 0;
    width: 100% !important;
  }

  .ast-archive-entry-banner[data-post-type="post"] .ast-container h1 {
      font-size: 1.5rem;
  }

  .ast-single-entry-banner[data-post-type="post"] {
      text-align: center;
      justify-content: center;
      width: 100%;
      padding-top: 14em;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 3em;
  }

  
    /* Post page and Archive category page and Search Results page */
    .archive.category #content,
    .search.search-results #content{ padding: 0 16px;}
    .single-post .site-main{ margin: 1rem 2rem;}

    .search-results #secondary{ width: 100%;}

}

@media(max-width: 380px) {
  .single-post .ast-single-entry-banner .ast-container .entry-title {
        font-size: 1.2rem;
        line-height: 25px;
    }

  .single-post .site-main {
      margin: 1rem 2rem;
  }
}

@media (max-width: 320px) {
  .glass-card {
    width: 11rem;
    gap: 0px;
  }

  .glass-card .number {
    font-size: 14px;
  }

  .glass-card .label {
    font-size: 12px;
    line-height: 17px;
  }

  .glass-card .icon {
    margin-right: 0rem;
}

  .single-post .ast-single-entry-banner .ast-container .entry-title {
        font-size: 1.1rem;
        line-height: 22px;
        margin: 0;
        padding: 0;
    }
}
