@media (max-width: 768px) {
   :root {
      --heading-font-size-large: 48px;
   }

   html {padding-top: 120px}

  .is-visible-small {display: block !important}

  .is-hidden-small {display: none !important}

  .we__sidebar{display:none}


   .main-menu-container-fixed .main-menu {
      overflow: auto;
      width: 100%;
   }

   .weather-wrapper .arrow-link {display: none}
   .top-header-container header #app__account .account-container {
      align-items: center;
      display: flex;
      gap: 15px;
   }

   .top-header-container header #app__account .account-container .avatar-btn {height: 20px;width: auto}
   .top-header-container header #app__account .account-container a svg,
   .top-header-container header #app__account .account-container a img:not(.user__avatar){filter: invert(1);height:20px;width: auto}

   .logo-link {
      margin-left: 0;
   }

   .container {
      padding: 0 14px;
   }

   .mt-80 {margin-top: 60px}
   .mb-80 {margin-bottom:60px}

   .main-menu-container .main-menu {
      overflow: auto;
   }
   .main-menu-container header,
   .main-menu-container .main-menu ul{gap:16px}

   .top-ad {
      display: none;
      width: 100% !important;
   }

   .big-img-text-container {
      left: 0;
      bottom:0;
      padding-bottom: 20px;
      padding-inline: 20px;
   }

   .big-img-text-container .big-img-text {
      max-width: 100%;
   }

   .ads-container {
      flex-direction: column;
   }

   .ads-container aside.ad {
      display: none;
   }

   .job-title {
      font-size: 22px;
   }

   .job-description {
      font-size: 15px;
   }

   .popular-articles .article-item {
      gap: 10px;
      padding: 20px;
   }

   .popular-articles .article-title {
      font-size: 15px;
   }

   .popular-articles .article-number {
      font-size: 48px;
      width: 70px;
   }

   .category-title-container {
      align-items: flex-start;
      flex-direction: column;
      gap: 10px;
   }

   .category-page .category-title {
      line-height: 105%;
      top: 0;
      margin-bottom: 0;
   }

   .category-subcategories {
      -webkit-overflow-scrolling: touch;
      overflow-x: auto;
      scrollbar-width: none;
      width: 100%;
   }

   .category-subcategories a {
      white-space: nowrap;
   }

   .category-meta {
      align-items: flex-start;
      flex-direction: column;
   }

   .category-page .category-meta {
      gap: 20px;
   }

   .big-img-container .big-img-image-container {
      aspect-ratio: 4 / 4.5;
   }

   .big-img-text-container .big-img-text {
      font-size: 22px;
      line-height: 120%;
   }

   .home-section-dark .section-title {
      margin-bottom: 30px;
      max-width: 312px;
   }

   .home-section-dark .steps-grid {
      margin-bottom: 30px;
   }

   .home-section-dark .bg-images {
      bottom: auto;
      justify-content: flex-end;
      right: 20px;
      top: 30px;
   }

   .home-section-dark .bg-images img {
      width: 30%;
   }

   .home-section-dark .bg-images img:first-child {
      margin-right: -40px;
   }

   .home-section-dark {
      padding: 40px 0;
   }
/* 
   .single .home-section-dark {
      margin-bottom: 20px;
   } */

   .home-section-dark .step-card {
      padding: 20px;
      padding-left: 60px;
      position: relative;
   }

   .home-section-dark .step-card .step-number {
      position: absolute;
      left: 18px;
   }

   .home-section-dark .cta-section {
      max-width: 280px;
   }

   /* .category-page .home-section-dark {
      margin-bottom: 20px;
   } */

   .bottom-section-container {
      flex-direction: column;
      padding: 0 20px;gap:10px
   }

   .bottom-section-container .subscribe-form {
      flex-direction: column;
   }

   .bottom-section-svg {
      padding-top:0;
      line-height: 0;
   }

   .main-footer .container,
   .main-footer .left-container section {
      display: block;
   }

   .main-footer .right-container nav {
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      box-sizing: border-box;
      gap: 0;
   }

   .main-footer .right-container nav div {
      border-right: none;
      padding-right: 0;
      width: 50%;
      padding-left: 20px;
      border-left: solid 1px var(--main-500, #B2B2B2);
      box-sizing: border-box;
   }

   .main-footer .right-container nav div:nth-child(2) {
      width: 35%;
      margin-bottom: 30px;
   }

   .main-footer .right-container nav div:first-child {
      width: 65%;
      margin-bottom: 30px;
   }

   .main-footer .left-container {
      border-right: none;
      padding-right: 0;
   }

   .main-footer .left-container section div:first-child {
      border-right: none;
      margin-bottom: 20px;
      padding-right: 0;
   }

   .main-footer .left-container section div:last-child {
      border-bottom: 1px solid var(--main-500);
      margin-bottom: 20px;
      padding-bottom: 40px;
   }

   .main-footer small {
      padding-left: 25px;
   }

   .main-footer .right-container {
      padding-left: 0;
   }

   .bottom-container .container {
      grid-template-columns: 1fr;
   }

   .bottom-container .container .created-by {
      border-left: none;
      padding-left: 0;
   }

   .bottom-container .info {
      border-bottom: solid var(--main-500);
      margin-bottom: 20px;
      padding-bottom: 20px;
      padding-left: 0;
   }

   .bottom-container .container .created-by .copy {
      margin-left: 0;
   }

   .podcasts-page .top-ad,
   .podcasts-page .ads-container aside {
      display: none;
   }

   .podcasts-page .page-title {
      padding-bottom: 10px;
      margin-bottom:20px;
   }

   .podcasts-page .page-description {
      margin-bottom: 30px
   }

   .podcast-container {
      width: 100%;
   }
   .podcast-container .podcast-embedded {
      margin-top: 0;
   }

   .podcast-title {
      font-size: 22px;
   }

   .podcast-content {
      gap: 15px;
      padding-left: 15px
   }

   .podcast-content svg {
      height: 34px;
      width: 34px;
   }

   .eikones-page .timeline-sidebar {
      height: auto;
      overflow: visible;
   }

   .single-article-page .content-wrapper {
      flex-direction: column;
      margin-top: 30px;
   }

   .single-article-page .cards-list-wrapper {
      width: 100%;
   }

   .single-article-page .content-wrapper .article-content-container {
      width: 100%;
   }

   .single-article-page .ads-wrapper {
      display: none;
   }

   .article-content .article-category {
      font-size: 15px;
      margin-bottom: -10px;
   }

   .article-content header .avatar-tag {
      padding-bottom: 0;
   }

   .article-meta {
      flex-wrap: wrap;
   }

   .article-body {
      max-width: 100%;
   }

   .article-body .post-summary,
   .article-body * {
      font-size: 18px;
   }

   .proclamation-card {
      margin-bottom: 20px;
   }

   .proclamation-card__footer {
      margin: 0 20px;
      padding-left: 0;
      padding-right: 0;
   }

   .home .ads-container .ad {
      display: none;
   }

   .top-header-teaser {
      font-size: 14px;
      padding: 10px 0;
      text-align: left;
      min-height:60px;
   }

   .news-slider {
      display: none;
   }

   .slider-image-container,
   .slider-image {
      aspect-ratio: 4 / 4.5;
   }

   .home .ads-container {
      display: block;
   }

/*    .slider .custom-pagination {
      display: none;
   } */

   .slider-text-container {
      bottom: 32px;
      left: 0;
      right: 0;
      padding-inline: 20px;
      padding-bottom: 30px;
      width: auto;
   }

   .slider-text-container .slider-text {max-width: 100%}

   /* .slider-text-container .slider-time {
      bottom: 120px;
      left: 20px;
      position: absolute;
      right: 0;
      top: auto;
      width: 100%;
      z-index: 100;
   } */
   .slider-text-container:after {
      left: 20px;display:none;
   }
  
    .slider .swiper-pagination-bullet p{color:transparent}

    .slider .custom-pagination {
    /* display: none; */
    gap: 10px;
    left: 20px;
    right:20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    }

    .slider .swiper-pagination-bullet {
    width: 20px;
    opacity: 1;
    border-bottom-width: 2px;
    max-width:none;
    }    

    .slider .pagination-timer{bottom:-2px;height:2px}
  .slider .swiper-pagination-bullet-active {
    width: calc(100% - 40px);
}

   .large-card {
      gap: 0
   }

   .large-card .excerpt {padding-right: 0}

   .large-card article {
      padding: 20px;
      min-height:160px;
   }

   .cards-list {
      display: grid;
      gap: 20px;
      grid-template-columns: repeat(2, 1fr);
   }

   .home .cards-list{max-width:300px;}

   .cards-list a:last-child {
      display: none;
   }

   .horizontal-card {
      flex-direction: column;
      gap: 0;
      min-width: 0;
   }

   .horizontal-card .image-wrapper {
      height: auto;
      width: 100%;
   }

   .horizontal-card img {
      aspect-ratio: 16 / 9;
      height: auto;
      width: 100%;
   }

   .horizontal-card .article {
      gap: 5px;
   }

   .side-list__main img,
   .side-list__main {
      max-width:100%;
      aspect-ratio: 4 / 4.5;
   }

   .paremvasi-section {
      padding: 20px 0 30px;
   }

   .paremvasi-articles {
      gap: 20px;
   }

   .paremvasi-quote {
      font-size: 30px;
   }

   .paremvasi-separator {
      display: none;
   }

   .paremvasi-small-article {
      border-bottom: none;
      flex: 1;
      gap: 20px;
      height: auto;
      margin-bottom: 0;
      min-width: 0;
   }

   .paremvasi-small-articles {
      gap: 10px;
   }

   .paremvasi-bg-decoration svg,
   .paremvasi-bg-decoration-2 svg {
      height: auto;
      width: 150px;
   }

   .paremvasi-bg-decoration {
      left: 0;
      right: auto;
      top: 20px;
   }

   .paremvasi-bg-decoration-2 {
      bottom: auto;
      left: auto;
      right: 20px;
      top: 20px;
   }

   .paremvasi-heading {
      align-items: flex-start;
      margin-bottom: 0;
   }

   .images-section .images-header {
      align-items: flex-start;
      flex-direction: column;
   }

   .images-section .featured-image {
      aspect-ratio: 4 / 4.5;
      height: auto;
      width: 100%;
   }

   .images-section .image-text {
      font-size: 22px;
   }

   .images-section .image-year {
      font-size: 15px;
   }

   .images-section .image-overlay {
      padding: 20px;
   }

   .home .arrow-link.dark h2,
   .home .arrow-link.dark h3,
   .home .arrow-link.dark span {
      font-size: 28px !important;
      margin-bottom: 0 !important;
   }

   .home .arrow-link svg,
   .home .arrow-link img {
      position: unset !important;
      width: 16px !important;
   }

   .home .arrow-link {
      align-items: center !important;
      margin-bottom: 20px;
   }

   .food-list-section,
   .job-listings-section {
      padding: 40px 0;
   }

   .images-section .arrow-link.dark h2,  
   .empisteftika-section .arrow-link.dark h2,
   .viral-section .arrow-link.dark h2,
   .food-list-section .arrow-link.dark h2,
   .job-listings-section .arrow-link.dark h2,
   .food-list-section .arrow-link.dark h3,
   .job-listings-section .arrow-link.dark h3,
   .food-list-section .arrow-link.dark span,
   .job-listings-section .arrow-link.dark span {
      font-size: 48px !important;
   }

   .images-section .arrow-link.dark svg,
   .empisteftika-section .arrow-link.dark svg,
   .viral-section .arrow-link.dark svg,  
   .food-list-section .arrow-link svg,
   .food-list-section .arrow-link img,
   .job-listings-section .arrow-link svg,
   .job-listings-section .arrow-link img {
      width: 26px !important;
   }

   .cards-list-wrapper {
      display: none;
   }

   .we-subscribe__header {
      align-items: flex-start;
      flex-direction: column;
      margin-top: 0;
   }

   .we-subscribe__title {
      font-size: 48px;
   }

   main:not(.diorismos-tora-page) .we-subscribe__header {
      padding: 0 0 10px;
      width: auto;
   }
   main.diorismos-tora-page .we-subscribe__header {
    margin-inline: 0;
    margin-top: 48px;
}

   main:not(.diorismos-tora-page) .we-subscribe__kicker-text,
   main:not(.diorismos-tora-page) .we-subscribe__kicker-accent {
      font-size: 28px;
      line-height: 120%;
   }

   .we-subscribe__signin {
      display: flex;
      gap: 10px;
      justify-content: space-between;
      width: 100%;
   }

   .flex-item-center {
      padding-bottom: 60px;
      padding-top: 60px;
   }

   .account-success {
      align-items: center;
      flex-direction: column;
      text-align: center;
   }

   .account-success__cta {
      display: block;
      text-align: center;
   }

   .we-subscribe__card-title {
      font-size: 28px;
      line-height: 120%;
   }

   .we-subscribe__step {
      font-size: 22px;
      top: 1.5px;
   align-self: flex-start;
   padding-top: 5px;
   }

   .we-subscribe__plans {
      flex-direction: column;
   }

   .we-plan__amount {
      top: 0;
   }

   .we-subscribe footer {
      justify-content: flex-start;
   }

   .we-subscribe footer section {
      align-self: flex-start;
   }

   .sm-plans {
      flex-direction: column;
   }

   .subscription-manage {
      display: block;
      margin: 0 20px;
   }

   .sm-plan {
      max-width: 100%;
      width: 100%;
   }

   .subscription-manage .sm-price-number {
      font-size: 68px;
      position: relative;
      top: 10px;
   }

   .subscription-manage .sm-card {
      padding: 20px;
   }

   .job-submission-form__preview-container {
      padding: 40px 20px;
   }

   main:not(.diorismos-tora-page) .we-subscribe__kicker {
      flex-direction: row;
      align-items: center;
   }

   .single-page .top-ad {
      display: none;
   }

   .top-header-container {
      overflow: scroll;
   }

   .top-header-container .social-container {
      display: none;
   }

   .top-header-container,
   .top-header-container.simple {
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 1000;
   }

   .top-header-container .weather-wrapper .weather {
      display: none;
   }

   .main-menu-container-fixed {
      display: none !important;
   }

   .main-menu-container {
      left: 0;
      position: fixed;
      right: 0;
      top: 60px;
      z-index: 1000;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20);
   }

   .main-menu-container .container {padding-right: 0}
   .main-menu-container .main-menu li:last-child {padding-right: 14px}
   .main-menu-container .main-menu {position: relative}
   /* .main-menu-container .main-menu:after {
      content: "";
      width: 40px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
   } */

   .we-personal-fields__title,
   .eidikotites__title,
   .we-account-security__title {
      font-size: 28px;
   }

   .eidikotites {
      width: 100%;
   }

   .account-details footer {
      align-self: flex-start;
   }

   .we-personal-fields__avatar-mask {
      height: 80px;
      width: 80px;
   }

   .we-personal-fields__avatar-btn {
      bottom: 25px;
      height: 40px;
      right: 25px;
      width: 40px;
   }

   .contact-info {
      flex-direction: column;
   }

   .contact-info aside,
   .contact-info section {
      width: 100%;
   }

   .contact-page .page-header {
      margin-top: 20px;
   }

   .contact-grid,
   .contact-form {
      padding: 20px;
   }

   .contact-grid p,
   .contact-grid div {
      font-size: 15px;
   }

   .contact-form fieldset p {
      gap: 10px;
      grid-template-columns: 1fr;
   }

   .contact-page .message {
      margin-top: 10px;
   }

   .generic-page-container .info-container {
      grid-template-columns: 1fr;
   }

   .generic-page-container .info-container .left table td {
      display: block;
      font-size: 15px;
      padding-bottom: 5px;
   }

   .generic-page-container .info-container .left table tr {
      display: block;
      padding-bottom: 10px;
   }

   .generic-page-container .info-container .right p,
   .generic-page-container .info-container .right span {
      font-size: 15px;
   }

   .generic-page-container header nav ul li a {
      font-size: 22px;
   }

   .generic-page-container header nav ul {
      flex-wrap: wrap;
      gap: 10px;
   }

   .generic-page-container header {
      display:block;
      align-items: flex-start;
      border-bottom: solid 1px var(--main-400);
      flex-direction: column;
      padding-bottom: 20px;
   }

   .generic-page-container .content {
      padding: 40px 20px;
   }

   .error-page {
      display: flex;
      flex-direction: column;
      gap: 20px;
      justify-content: center;
      padding: 20px;
   }

   .error-page .error-img {
      align-self: center;
      max-width: 80%;
      position: unset;
   }

   .error-page .error-text {
      text-align: center;
   }

   .tags-container {
      display:block;
      flex:none;
      flex-direction: column;
   }

   .category-tags-container .tags-list {
      padding-bottom: 0;
      justify-content: flex-start;
   }

   .tag {
      padding: 5px 12px 7px;
   }

   .tags-title {
      font-size: 14px;
   }

   .article-image {
      margin-left: -20px;
      margin-right: -20px;
      width: 120%;
   }

   .hamburger-menu-container .menu-items ul {
      padding: 0 0 30px;
      gap: 14px;display: grid;grid-template-columns: 1fr 1fr;
   }

   .hamburger-menu-container .menu-items ul li:first-child {grid-column: 1 / -1}

   .hamburger-menu-container .menu-items ul li a,
   .hamburger-menu-container .menu-items ul li span {
      font-size: 18px;
   }

/*    .home .tags-container {
      display: none !important;
   } */

   html.htm__home {
      padding-top: 180px;
   }
   .home .top-header-container .arrow-link {
      margin-bottom: 0;
   }
   .home .top-header-container {
      height: auto;
   }
   .home .main-menu-container {
      top: 120px;
   }

   html.htm__home.sticky-header{padding-top:120px}

   .sticky-header .home .top-header-teaser {
      display: none;
   }
   .sticky-header .home .main-menu-container {
      top: 60px;
   }

   .focus__cards {
      gap: 10px;
      grid-template-columns: repeat(2, 1fr);
   }

   .focus__heading {
      font-size: 48px;
   }

   .focus__subheading {
      font-size: 28px;
      margin-left: 40px;
      text-align: left;
   }

   .focus-medium__title {
      font-size: 15px;
   }

   .focus__heading-wrapper {
      align-items: start;
      flex-direction: column;
   }

   .focus__header {
      align-items: start;
      flex-direction: column;
   }

   .category-title-container {
      margin-top: 30px;
   }

   .category-page .category-meta {
      padding-top: 20px;
   }

   .paremvasi-page .page-title {
      border-bottom: 1px solid var(--main-400, #999);
      padding-bottom: 10px;
      margin-bottom: 20px;
      line-height: 1;
      margin-top: 30px;
   }

   .paremvasi-page .avatars-list .avatar-tag-name {
      font-size: 12px
   }
}


@media (max-width:669px) {
.author-page .author-details {
    gap: 10px;margin-bottom: 40px; margin-top: 35px;
}.author-page .author-details aside h1 {
    line-height: 1.1;
    font-size: var(--font-size-h-2);
    margin: 0;
    border: none;
    padding-bottom: 0;
}.author-page .author-details img {
    width: 50px;
    height: 50px;
}
.author-page .author-details aside header
 {
    padding-bottom: 10px;
    margin-bottom: 20px;
}.author-page .author-details aside p {
    margin-left: -60px;
    font-size: 15px;
}
}

@media screen and (max-width: 480px) {
/* .mt-80{margin-top:40px}
.mb-80{margin-bottom:40px} */
.cards-container {flex-direction: column}
.cards-list{gap:10px}
.generic-page-container header nav ul::-webkit-scrollbar{display:none}
.generic-page-container header nav ul{display:block;white-space:nowrap;width:100%;overflow-x:scroll}
.generic-page-container header nav ul li{display:inline-block;margin-right:10px}
.popular-articles .articles-grid{gap:10px}
.category-card__image{flex:none;width:42%;max-height:120px}
.category-card{height:auto;min-height:120px}
.category-card__title h3{font-size:15px}
.category-card__content{padding:10px 20px}
.big-img-text-container .big-img-time,.category-card__timestamp p,.category-card__timestamp time{font-size:10px}
.single-eikones .eikones-label{font-size:28px}
.bottom-container .info div:last-child{margin-left:15%}
.bottom-container .container .created-by{align-items:flex-end}
.bottom-container .container .created-by .inner{flex-direction:column;align-items:flex-start;gap:10px}
.category-tags-container {display: block;margin-top: 20px}
.roi-eidiseon-page .tags-container,
.category-page .category-meta{display:block}
.category-tags-container .tags-list::-webkit-scrollbar {display: none}
.category-tags-container .tags-list {display: block;white-space: nowrap;overflow-x: scroll;margin-right: -14px;flex: none}
.category-tags-container .tags-list .tag {display: inline-block;margin-right: 10px}

.home-section-dark .steps-grid {display: block;white-space: nowrap;overflow-x: scroll;margin-right: -14px}
.home-section-dark .steps-grid .step-card {
    width: 75%;
    display: inline-flex;
    white-space: normal;
    vertical-align: top;
    margin-right: 10px;
    height: 270px;
}
.home-section-dark .steps-grid::-webkit-scrollbar {display: none}
.single .mb-80.home-section-dark {margin-bottom: 0}

.paremvasi-author {border-top: solid 1px var(--main-500)}
.home .cards-list{max-width:100%}
.popular-articles .articles-grid {grid-template-columns: 1fr}

}