@media (max-width: 1565px) {
    #bakery-posts-container {
        padding: 0 25px;
    }
}
@media (max-width: 1500px) {
    #menu-left-menu,
    #menu-right-menu,
    header {
        gap: 20px;
    }
    #brands .info-wrapper {
        width: 100%;
    }
    .contact-hero .hero-small-img {
        display: none;
    }
}
@media (max-width: 1410px) {
    .interest-form-container {
        margin: 130px 25px;
    }
}
@media (max-width: 1338px) {
    .history-page .timeline-container .inner .text {
        padding-left: 57px;
        padding-right: 57px;
    }
}
@media (max-width: 1301px) {
    .contact-hero .contact-information {
        margin-top: unset;
        margin: 28px 50px 0 50px;
    }
}
@media (max-width: 1250px) {
    .contact-hero #breadcrumbs {
        padding: 25px;
    }
    .facilities-page .map-section .wrapper {
        margin: 0 25px;
    }
    .facilities-page .partnerships .services,
    .custom-tabs {
        margin: 0 25px 130px 25px;
    }
}
@media (max-width: 1200px) {
    header {
        gap: 30px;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .menu-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 40px;
        gap: 5px;
        margin-right: 30px;
    }
    .menu-icon span {
        height: 2px;
        border-radius: 4px;
        background-color: var(--light-gold);
        display: flex;
        width: 25px;
        transition: 300ms ease-in-out;
    }
    .close-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 40px;
        gap: 5px;
    }
    .close-icon span {
        height: 2px;
        border-radius: 5px;
        background-color: var(--black);
        display: flex;
        width: 25px;
        transition: 300ms ease-in-out;
    }
    .close-icon span:nth-child(1) {
        transform: rotate(-45deg);
        position: relative;
        top: 5px;
    }
    .close-icon span:nth-child(2) {
        display: none;
    }
    .close-icon span:nth-child(3) {
        transform: rotate(45deg);
        position: relative;
        top: -2px;
    }
    span.menu-label {
        font-size: 14px;
        line-height: 17px;
        font-weight: bold;
        letter-spacing: 1.12px;
        text-transform: uppercase;
        color: var(--light-gold);
    }

    .burger-menu-container.is_open {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        background-color: var(--beige);
        z-index: 9999;
    }
    .burger-head {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 23px;
    }
    #menu-burger-menu .sub-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s ease;
    }
    #menu-burger-menu .sub-menu.open {
        max-height: 700px;
    }
    .menu-toggle {
        display: inline-block;
        padding: 0 10px;
        cursor: pointer;
        font-weight: bold;
        font-size: 18px;
        user-select: none;
    }
    #menu-burger-menu li.menu-item-has-children {
        position: relative;
    }
    #menu-burger-menu li.menu-item-has-children > a {
        padding-right: 25px;
    }
    #menu-burger-menu li.menu-item-has-children .menu-toggle {
        position: absolute;
        right: 5px;
        top: 0;
        font-size: 35px;
        font-weight: 100;
        line-height: 27px;
        color: var(--primary);
    }
    #menu-burger-menu ul.sub-menu > li.menu-item-has-children .menu-toggle {
        color: var(--light-gold);
    }
    ul#menu-burger-menu {
        padding: 0 23px;
        margin: 0;
        list-style: none;
    }
    ul#menu-burger-menu > li {
        padding-bottom: 18px;
        border-bottom: 2px solid #e0e2e6;
        margin-bottom: 18px;
    }
    ul#menu-burger-menu > li a {
        font-size: 23px;
        line-height: 28px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1.84px;
        color: var(--primary);
    }
    ul#menu-burger-menu > li > ul.sub-menu {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    ul#menu-burger-menu > li > ul.sub-menu > li {
        margin-top: 16px;
    }
    ul#menu-burger-menu > li > ul.sub-menu > li > a {
        font-size: 17px;
        line-height: 26px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: var(--light-gold);
    }
    ul#menu-burger-menu > li > ul.sub-menu > li > ul.sub-menu {
        padding: 0 0 0 19px;
        margin: 0;
        list-style: none;
    }
    ul#menu-burger-menu > li > ul.sub-menu > li > ul.sub-menu > li {
        margin-top: 16px;
    }
    ul#menu-burger-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
        font-size: 15px;
        line-height: 23px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: var(--light-gold);
    }
    ul#menu-burger-menu
        > li
        > ul.sub-menu
        > li
        > ul.sub-menu
        > li
        > ul.sub-menu {
        padding: 0 0 0 16px;
        margin: 0;
        list-style: none;
    }
    ul#menu-burger-menu
        > li
        > ul.sub-menu
        > li
        > ul.sub-menu
        > li
        > ul.sub-menu
        > li {
        margin-top: 16px;
    }
    ul#menu-burger-menu
        > li
        > ul.sub-menu
        > li
        > ul.sub-menu
        > li
        > ul.sub-menu
        > li
        > a {
        font-size: 14px;
        line-height: 26px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: var(--light-gold);
    }
    header .right {
        justify-content: flex-end;
    }
    header .left > *,
    header .right > *:not(:last-child) {
        display: none;
    }
    #brands {
        padding: 100px;
    }
    .history-page .timeline-container .item:after {
        width: 41px;
        height: 41px;
    }
    .timeline-bar {
        position: absolute;
        top: 20px;
        left: 50%;
        right: 0;
        height: 2px;
        background: var(--light-gold);
        z-index: 1;
        width: 80%;
        transform: translate(-50%, 0);
    }
    .timelineSwiper .swiper-button-next:after,
    .timelineSwiper .swiper-button-prev:after {
        font-size: 25px;
        color: var(--primary);
    }
    #brands .info-wrapper {
        display: grid;
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1100px) {
    .section-extra-img,
    .section-extra-img-top,
    .section-extra-img-bottom {
        max-width: 200px;
    }
}
@media (max-width: 1024px) {
    .main-top,
    .main-bottom {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
    .catering-categories {
        flex-direction: column;
    }
    #brands {
        padding: 40px 0px;
    }
    #brands .info-wrapper {
        gap: 50px;
    }
    .copyrights {
        flex-direction: column;
        gap: 18px;
    }
    .copyrights p:nth-child(1) {
        order: 2;
    }
    .copyrights p:nth-child(2) {
        order: 1;
    }
    .copyrights p:nth-child(3) {
        order: 3;
    }
    .history-page .history_extra_side_img,
    .hero.image-overlay .hero-small-img,
    .facilities-page .content-wrapper > img,
    .hero-blue > img,
    .certificates-container > img,
    .beige-side {
        display: none;
    }
    .team-page .team-members,
    #bakery-posts-container,
    .service-points-page .service-points .wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .hero-blue p#breadcrumbs {
        max-width: 1500px;
        margin: 0 auto 40px auto;
        padding-top: 40px;
    }
    .archive-event-types-articles .thumbnail,
    .archive-event-venues-articles .thumbnail {
        width: auto;
        height: 430px;
    }
    .interest-form-container {
        gap: 30px;
    }
    .custom-tabs .tab-content.active {
        gap: 25px;
    }
    .facilities-page .partnerships .services {
        padding: 80px;
    }
}
@media (max-width: 950px) {
    .certificates-container .inner {
        padding: 0 25px;
    }
    .custom-tabs .tab-content.active {
        display: grid;
        grid-template-columns: 1fr;
        gap: 85px;
        justify-items: center;
    }
    .custom-tabs .tab-content.active .right {
        align-items: center;
        gap: 25px;
    }
}
@media (max-width: 800px) {
    #brands .info-wrapper {
        grid-template-columns: 1fr;
    }
    .history-page .timeline-container .item:before,
    .history-page .timeline-container .item:after {
        right: unset;
        left: 30px;
        top: 0;
    }
    .history-page .timeline-container .item.even,
    .history-page .timeline-container .item.odd {
        gap: 25px;
        padding-left: 80px;
        padding-bottom: 40px;
    }
    .history-page .timeline-container .inner .text {
        padding-top: 50px;
        margin-top: 0;
    }
    .team-page .inner {
        gap: 0;
    }
    .thesis_ergasias .jobs {
        margin-top: 60px;
    }
    .cv-mail-banner {
        margin-top: 60px;
    }
    .job-accordion {
        font-size: 24px;
        line-height: 48px;
    }
    #jobModal .modal-content {
        width: 90%;
        height: 90%;
        overflow-y: scroll;
    }
    .contact-hero .contact-information {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px 19px;
    }
    .contact-hero .contact-information a {
        font-size: 16px;
        line-height: 24px;
    }
    .contact-hero .contact-information svg {
        width: 24px;
        min-width: 24px;
    }
    .contact-page .map-form {
        display: flex;
        flex-direction: column-reverse;
    }
    .interest-form-container {
        flex-direction: column-reverse;
    }
    .interest-form-container {
        padding: 50px 25px;
    }
    #jobModal .modal-content {
        border-radius: 5px;
    }
    .cpt-archive-wrapper {
        display: grid;
        grid-template-columns: 1fr;
    }
    .facilities-page .partnerships .services {
        padding: 50px 25px;
    }
}
@media (max-width: 676px) {
    header .site-logo img {
        width: 100px;
        height: 100px;
    }
    header.scrolled .site-logo img {
        margin-bottom: 0;
        width: 70px;
        height: 70px;
    }
    #paradosi {
        padding: 60px 25px 50px 25px;
    }
    .section-extra-img,
    .section-extra-img-top,
    .section-extra-img-bottom {
        display: none;
    }
    #psomi-glyko,
    #freska-geumata,
    #istoria {
        padding: 60px 25px;
    }
    .footer-extra-img {
        display: none;
    }
    .main-top,
    .main-bottom {
        grid-template-columns: 1fr;
        gap: 0px;
    }
    .main-bottom .social {
        order: 1;
    }
    .main-bottom .newsletter {
        order: 2;
    }
    .main-bottom .footer-logo {
        order: 3;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .copyrights {
        padding: 25px;
    }
    .copyrights-links {
        gap: 30px;
    }
    #catering-events {
        padding-top: 60px;
    }
    .catering-categories {
        padding-bottom: 60px;
    }
    .history-page .timeline-container .item.even,
    .history-page .timeline-container .item.odd {
        flex-direction: column-reverse;
        align-items: flex-start;
        width: 100%;
    }
    .history-page .timeline-container .item .image,
    .history-page .timeline-container .item .info {
        width: 100%;
        height: auto;
    }
    .team-page .team-members {
        display: grid;
        grid-template-columns: 1fr;
    }
    .egkatastaseisSwiper .swiper-button-next,
    .egkatastaseisSwiper .swiper-button-prev,
    .egkatastaseisSwiper .swiper-button-next:after,
    .egkatastaseisSwiper .swiper-button-prev:after,
    .servidepointSwiper .swiper-button-next,
    .servidepointSwiper .swiper-button-prev {
        width: 42px;
        height: 42px;
    }
    .egkatastaseisSwiper,
    .servidepointSwiper {
        padding-bottom: 75px !important;
    }
    .egkatastaseisSwiper .swiper-button-next:after,
    .egkatastaseisSwiper .swiper-button-prev:after,
    .servidepointSwiper .swiper-button-next,
    .servidepointSwiper .swiper-button-prev {
        box-shadow: 0px 3px 10px #00000029;
    }
    .egkatastaseisSwiper .swiper-button-next,
    .egkatastaseisSwiper .swiper-button-prev,
    .servidepointSwiper .swiper-button-next,
    .servidepointSwiper .swiper-button-prev {
        top: unset;
        bottom: 10px;
    }
    .egkatastaseisSwiper .swiper-button-prev,
    .servidepointSwiper .swiper-button-prev {
        left: 30%;
    }
    .egkatastaseisSwiper .swiper-button-next,
    .servidepointSwiper .swiper-button-next {
        right: 30%;
    }
    #bakery-posts-container,
    .service-points-page .service-points .wrapper {
        display: grid;
        grid-template-columns: 1fr;
    }
    .facilities-page .content-wrapper .inner {
        padding: 0 25px;
    }
    .service-points-page .service-points {
        background: linear-gradient(
            180deg,
            rgba(38, 57, 84, 1) 8%,
            rgba(245, 243, 239, 1) 8%
        );
    }
    .service-points-inner-page .gallery-swiper .wrapper {
        padding-bottom: 90px;
    }
    .certificates-container .certificates {
        display: grid;
        grid-template-columns: 1fr;
    }
    .footer-list {
        display: none;
    }
    .footer-title {
        cursor: pointer;
        position: relative;
        padding-right: 25px;
    }
    .footer-title::after {
        content: "›";
        position: absolute;
        right: 0;
        top: 0;
        transform: rotate(0deg);
        transition: 0.3s ease;
        font-size: 50px;
        font-weight: 100;
    }
    .footer-title.active::after {
        transform: rotate(90deg);
    }
    footer h4 {
        margin: 0 0 20px 0;
        padding-bottom: 20px;
        border-bottom: 1px solid;
    }
    .main-top {
        margin: 0 auto 30px auto;
    }
    .archive-event-types-articles,
    .archive-event-venues-articles {
        display: grid;
        grid-template-columns: 1fr;
    }
    .pdfSwiper .swiper-slide img {
        max-width: 34px;
    }
    .pdf-files-container .pdf-file .pdf-title {
        font-size: 15px;
        line-height: 18px;
    }
    .pdf-files-container .pdf-section .pdf-file {
        width: 130px;
        min-width: 130px;
        min-height: 186px;
    }
    .pdf-files-container .pdf-file .label,
    .pdf-files-container .pdf-file a {
        font-size: 10px;
        line-height: 21px;
    }
    .pdf-files-container {
        padding: 35px 0 0 0;
    }
    .single .pdf-files-container .pdf_left_icon,
    .single .pdf-files-container .pdf_right_icon {
        display: none;
    }
    .single-event-type .swiper,
    .single-event-venue .swiper,
    .single-geumata .swiper {
        padding: 65px 0 75px 0;
    }
    .job .panel,
    .job-accordion {
        padding: 25px;
    }
    #jobModal .modal-content {
        padding: 50px 25px;
    }
    .timeline {
        width: 90%;
    }
    .timeline .swiper-button-prev {
        left: -7px;
        top: 50%;
        transform: translate(0, -50%);
    }
    .timeline .swiper-button-next {
        right: -7px;
        top: 50%;
        transform: translate(0, -50%);
    }
    #yphresies .map,
    #yphresies .services {
        padding: 25px;
    }
    #egkatastaseisSwiper,
    .history-page .timeline-container .inner,
    .cv-mail-banner,
    .certificates-container .certificates,
    .custom-tabs,
    .bakery-cat-container {
        margin-bottom: 90px;
    }
    .pdf-files-container .pdf-section {
        margin: 0 auto;
        padding: 30px 0 75px 0;
    }
    .facilities-page .content-wrapper .img-grid,
    .single .img-grid {
        column-gap: 10px;
    }
    .facilities-page .content-wrapper .img-grid > *,
    .single .img-grid > * {
        margin-bottom: 10px;
    }
    .custom-tabs .tab-content {
        padding: 25px;
    }
    .custom-tabs .tab-btn {
        font-size: 16px;
        line-height: 24px;
    }
    .facilities-page .map-section .wrapper {
        padding: 50px 25px;
    }
}
@media (max-width: 500px) {
    .history-page .timeline-container .item:before,
    .history-page .timeline-container .item:after {
        left: 10px;
    }
    .history-page .timeline-container .item.even,
    .history-page .timeline-container .item.odd {
        padding-left: 50px;
    }
    .single-brand .brand-logo {
        width: 100px;
        height: 95px;
        padding: 8px;
    }
    .single-brand .page-title-container {
        flex-direction: column;
        gap: 0;
    }
    .single-brand .link-pdf {
        padding-bottom: 0;
    }
    .contact-hero .contact-information {
        display: grid;
        grid-template-columns: 1fr;
    }
    #brands .info-wrapper .thumbnail-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
    .brand-box {
        width: 160px;
        height: 160px;
    }
}
