/*Responsive CSS for Politis Out of Home by Efi Kakouni*/

/*Max Width 1440*/

@media only screen and (max-width: 1440px) {
    .paragraph-box {
        font-size: 28px;
        letter-spacing: -1px;
    }
    
    .form-campaign .wpforms-page-indicator-page-title {
        font-size: 20px;
        letter-spacing: 0;
    }
    
    .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number {
        height: 30px!important;
        width: 30px!important;
        line-height: 30px!important;
    }
    
    .newsletter-subscribe {
        font-size: 36px!important;
    }
    
    .newsletter-wp input {
        font-size: 36px!important;
        height: 60px !important;
    }
    
    .form-input-element {
        font-size: 36px !important;
    }
    
    .newsletter-form {
        height: fit-content;
        padding-bottom: 5px;
    }
    
    .numbered-item-box-title {
        font-size: 28px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    
    .media-main-title {
        font-size: 100px;
        letter-spacing: -2px;
    }
    
    .media-key-numbers {
        display: flex;
        flex-direction: row;
        gap: 90px;
    }
    
    .newsletter-title,
    .email-news {
        font-size: 36px;
    }
    
    .submit-news {
        height: 50px;
        width: 50px;
    }
    
    .post-meta {
        font-size: 18px;
    }
    
    .submit-section-news svg {
        width: 30px;
        height: 30px;
    }
    
    .post-title {
        font-size: 48px;
    }
    
    .title-section {
        font-size: 140px;
    }
    
    .carousel-work-title {
        font-size: 54px;
    }
    
    .title-bold {
        font-size: 130px;
        letter-spacing: -2px;
        gap: 10px;
    }
    
    .number-counter {
        font-size: 80px;
    }
    
    .title-categoty-media a {
        font-size: 54px;
    }
    
    .category-media-hover-text {
        font-size: 18px;
    }
    
    .category-media-hover-sub {
        font-size: 24px;
    }
    
    .bold-rotate {
        font-size: 120px;
    }
    
    .paragraph-timeline {
        font-size: 28px;
    }
    
    .title-moving {
        font-size: 76px;
        letter-spacing: -1px;
    }
    
    .title-team-box {
        font-size: 16px;
        letter-spacing: -0.5px;
    }
    
    .numbered-item-carousel {
        font-size: 20px;
    }
    
    .title-404 {
        font-size: 54px;
    }
    
    .back-post-text {
        font-size: 16px;
    }
    
    .back-post-arrow svg {
        height: 14px;
        width: 14px;
    }
    
    .media-category-title {
        font-size: 120px;
        letter-spacing: -2px;
    }
    
    .media-categories-menu li a {
        font-size: 20px;
    }
    
    .media-category-header,
    .tech-main-header,
    .media-single-header {
        padding-bottom: 30px;
        padding-top: 90px;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 20px;
    }
    
    .media-item h3 {
        font-size: 24px;
    }
    
    .work-item:nth-of-type(8n+1) .work-post-video, .work-item:nth-of-type(8n+1) .work-figure-block img {
        aspect-ratio: auto;
    }
    
    .mobile-filter-content {
        display: none !important;
    }

    .mobile-filter-content.active {
        display: block !important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}


/*Max Width 1000*/

@media only screen and (max-width: 1000px) {
    

    
    
}


/*Max Width 768*/

@media only screen and (max-width: 768px) {
    
    /*General*/
    
    .button-simple {
        font-size: 14px;
    }
    
    .social {
        height: 30px;
    }
    
    .title-moving {
        font-size: 36px;
        text-align: center;
    }
    
    .title-bold {
        font-size: 48px;
        letter-spacing: -1px;
    }
    
    .title-bold video {
        height: 50px;
        margin-top: 5px;
        border-radius: 10px;
    }
    
    .subtitle-text {
        font-size: 16px;
        margin: 0;
        margin-bottom: 0;
        text-align: left;
    }
    
    .media-list-archive-main {
        margin-top: 30px;
    }
    
    
    /*Menu*/
    
    .site-branding svg {
        width: 120px;
    }
    
    .site-header {
        padding-top: 20px;
    }
    
    .main-header {
        min-height: 40vh;
        padding-top: 120px;
        padding-bottom: 60px;
    }
    
    .csr-list-accordion {
        padding-top: 30px;
    }
        
    
    /*Homepage*/
    
    .counter-line {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    .number-counter {
        font-size: 36px;
    }
    
    .numbers-special {
        gap: 5px;
    }
    
    .title-counter {
        font-size: 16px;
        letter-spacing: -0.2px;
    }
    
    .numbers {
        margin-top: 30px;
        margin-bottom: 0;
        gap: 30px;
    }
    
    .numbers-section {
        padding-top: 60px;
    }
    
    .intro-works {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .list-media-box-titles svg {
        width: 22px;
        height: 22px;
    }
    
    .list-media-box-details {
        font-size: 16px;
        padding-bottom: 0;
    }
    
    .media-archive-extras {
        padding-top: 60px;
    }
        
    .second-column-post {
        flex-direction: column;
    }
    
    .news-list {
        display: flex;
        flex-direction: column;
    }
    
    .post-block-2 .post-figure-block,
    .post-block-3 .post-figure-block {
        aspect-ratio: 16 / 9;
        width: 100%;
    }
    
    .button-blog-news {
        margin-top: 15px;
    }
    
    .button-blog-news a {
        letter-spacing: -1px;
        margin-top: 15px;
        font-size: 24px;
    }
    
    .button-blog-news a svg {
        height: 24px;
        width: 24px;
    }
        
    .text-line {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    .info-section {
        grid-template-columns: 1fr;
        gap: 15px;
        padding-top: 0;
        padding-bottom: 30px;
    }
    
    .intro-single-media .info-section {
        padding-top: 0;
    }
    
    .numbered-item-line {
        gap: 30px;
        padding-right: 0;
    }
    
    .numbered-item-box-title {
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 20px;
        letter-spacing: -0.3px;
        line-height: 1.2;
    }
    
    .list-media-box-details ul {
        margin: 0 0 1.5em 3em;
    }
    
    .numbered-item-line {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    
    .campaign-vizualizer {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    .carousel-handle {
        margin-top: 15px;
        gap: 15px;
    }
    
    .work-video video {
        border-radius: 15px;
    }
    
    .work-media-single {
        padding-top: 0;
        padding-bottom: 60px;
    }
    
    .media-campaign-vizualizer {
        padding-top: 0;
    }
    
    .contact-info {
        height: 40px;
    }
    
    .campaign-categories {
        list-style: none;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 18px;
        padding: 20px 15px;
        border: solid 2px;
        border-top: none;
    }
    
    .filters-campaign-inside h4 {
        padding: 10px;
        font-size: 20px;
    }
    
    .title-section {
        font-size: 48px;
        padding-top: 60px;
        padding-bottom: 45px;
    }
    
    .category-toggle {
        font-size: 20px;
    }
    
    .section-title-work h1 {
        font-size: 36px;
        letter-spacing: -0.5px;
    }
    
    .work-post-arrow svg {
        width: 20px;
        height: 20px;
    }
    
    .section-title-work {
        position: unset;
    }
    
    #bulk-upload-btn {
        font-size: 16px;
    }
    
    #recipient-email::placeholder {
        font-size: 16px;
    }
    
    .filters-campaign-vizualizer {
        width: 100%;
    }
    
    .spacs-cv {
        font-size: 16px; 
    }
    
    .carousel-work-title {
        font-size: 28px;
    }
    
    .bulk-actions {
        gap: 15px;
        margin-top: 15px;
        padding: 20px 15px;
    }
    
    .media-campaign-vizualizer .box {
        width: 90vw;
    }
    
    .paragraph-box {
        font-size: 18px;
        letter-spacing: -0.5px;
        font-weight: 300;
    }
    
    div.company-analytics-box.company-analytics-2 > div.companies-analytics-img > img {
        padding: 15px;
    }
    
    .panel-lis {
        padding-bottom: 0;
    }
    
    .tech-video-1 {
        width: 190px;
    }
    
    .subtitle-main {
        width: 100%;
        margin-bottom: 0;
        font-size: 20px;
    }
    
    .contact-list svg {
        height: 28px;
        width: 28px;
    }
    
    .contact-icon {
        padding: 5px;
        background: var(--main-color);
        height: auto;
    }
    
    .title-categoty-media a {
        font-size: 24px;
    }
    
    .sticky-subtitle .button-simple {
        padding-top: 10px;
    }
    
    .text-line {
        font-size: 100px;
        padding-bottom: 15px;
        -webkit-text-stroke: 0.5px var(--white);
    }
    
    .arrow-media svg {
        height: 24px;
        width: 24px;
    }

    .copyrights {
        flex-direction: column-reverse;
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: solid 0;
        gap: 15px;
    }
    
    .back-to-top {
        width: 22px;
    }
    
    .back-top {
        right: 7px;
    }
    
    /*Blog*/
    
    .post-block-1 .post-title-news,
    .post-title-news,
    .blog-post:nth-of-type(6n+1) .post-title-news {
        font-size: 22px;
    }
    
    .blog-post,
    .blog-post:nth-of-type(6n+2),
    .blog-post:nth-of-type(6n+3) {
        flex-direction: column;
    }
    
    .blog-post:nth-of-type(6n+2) .post-figure-block,
    .post-figure-block,
    .blog-post:nth-of-type(6n+1) .post-figure-block,
    .blog-post:nth-of-type(6n+3) .post-figure-block,
    .blog-post:nth-of-type(6n+4) .post-figure-block,
    .blog-post:nth-of-type(6n+5) .post-figure-block, 
    .blog-post:nth-of-type(6n+6) .post-figure-block{
        aspect-ratio: 16 / 9!important;
        width: 100%;
    }
    
    .category-name-block {
        padding: 3px 8px;
        border-radius: 12px;
        font-size: 14px;
    }
    
    .blog-pagination svg {
        width: 20px;
        height: 20px;
    }
    
    .current-page {
        font-size: 28px;
    }
    
    .page-info {
        font-size: 20px;
        letter-spacing: -0.5px;
    }
    
    .post-info-block,
    .blog-post:nth-of-type(6n+1) .post-info-block,
    .post-block-1 .post-info-block {
        padding: 30px 20px;
    }
    
    .blog-pagination {
        margin-top: 30px;
    }
    
    .blog-page {
        margin-bottom: 60px;
    }
    
    .post-title {
        font-size: 24px;
    }
    
    .category-dropdown option {
        font-size: 18px;
    }
    
    .category-dropdown {
        padding: 10px 10px 5px 5px;
        font-size: 18px;
        width: 60%;
    }
    
    .post-content {
        font-size: 16px;
    }
    
    .page-campaign-visualizer {
        padding-bottom: 60px;
    }
    
    .main-blog {
        display: flex;
        flex-direction: column;
    }
    
    .grid-post {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .post-meta {
        font-size: 16px;
        flex-direction: row;
        gap: 15px;
    }
    
    .icon-post {
        gap: 3px;
        align-items: center;
    }
    
    .post-content  {
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
        padding: 20px;
        border-radius: 45px 45px 0 0;
        padding-top: 30px;
    }
    
    .header-post {
        padding: 30px 20px 120px;
        border-radius: 45px 45px 0 0;
    }
    
    .icon-post svg {
        width: 23px;
    }
    
    .posted-on svg {
        height: 16px;
    }
    
    .footer-social {
        padding-top: 0;
        gap: 15px;
        align-items: center;
        padding-bottom: 15px;
        justify-content: flex-start;
    }
    
    .icon-social svg {
        width: 22px;
        height: 22px;
    }
    
    .article-post {
        padding-top: 75px;
    }
        
    .back-post-text {
        font-size: 12px;
    }
    
    .back-post-arrow svg {
        height: 12px;
        width: 12px;
    }
    
    .popup-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 0;
        justify-content: flex-start;
        padding-top: 90px;
        align-items: flex-start;
        padding-bottom: 90px;

    }
    
    .list-left {
        font-size: 24px;
        letter-spacing: -0.5px;
        gap: 5px;
    }
    
    .intro-media .info-section {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .subtitle-newsletter {
        display: none;
    }
    
    .newsletter.info-section {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    .scroll-down svg {
        width: 20px;
        height: 25px;
    }
    
    .burger-menu {
        width: 35px;
        height: 35px;
    }
    
    .logo-section {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .menu-item-right a {
        font-weight: 400;
    }
    
    .menu-social .social {
        height: 35px;
    }
    
    .popup.open {
        padding-right: 0;
    }
    
    .text-c-btn {
        font-size: 24px;
        letter-spacing: -0.5px;
    }
    
    .btn-arrow svg {
        height: 24px;
        width: 24px;
    }
    
    .popup-content {
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .menu-social {
        margin-top: 30px;
    }
    
    .social-menu-title {
        font-size: 24px;
        letter-spacing: -0.5px;
    }
    
    .list-social-menu {
        flex-direction: row;
        gap: 15px;
    }
    
    .media-section .info-section {
        padding-bottom: 60px;
    }
    
    .marquee-list {
        gap: 30px;
    }
    
    .contact-details-form {
        padding: 45px 30px;
    }
    
    .contact-form .wpforms-field-label {
        font-size: 18px !important;
    }
    
    .contact-info-inner h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    .office-details {
        font-size: 16px;
    }
    
    
    /*Analytics*/
    
    .lis-section {
        display: flex;
        flex-direction: column-reverse;
        gap: 45px;
    }
    
    .title-accordion-lis {
        font-size: 22px;
    }
    
    .panel-lis-inside > p,
    .panel-lis-inside {
        font-size: 18px;
    }
    
    .analytics-lis {
        padding-bottom: 30px;
    }
    
    .subtitle-rotate {
        position: relative;
    }
    
    .accordion-box-lis .symbols-accordion svg {
        width: 22px;
        height: 22px;
    }
    
    .panel-lis ul {
        margin: 0;
    }
    
    .accordion-info-box {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .bold-rotate {
        font-size: 36px;
    }
    
    .lis-title h3 {
        font-size: 42px;
    }
    
    .blue-lis-title {
        font-size: 48px;
        letter-spacing: -1px;
    }
    
    .lis-section-title {
        padding-bottom: 30px;
    }
    
    .img-intro-lis {
        padding-right: 0;
    }
        
    .companies-analytics-section {
        gap: 15px;
        padding-bottom: 75px;
    }
    
    .header-style-rotate {
        min-height: 50vh;
        padding-top: 80px;
        padding-bottom: 60px;
    }
    
    .contact-details-sticky {
        gap: 30px;
    }
    
    .arrow-icon-header svg {
        width: 30px;
        height: 30px;
        margin: 0;
    }
    
    .carto-img {
        border-radius: 30px;
        width: 85vw;
    }
    
    .subtitle-title {
        text-align: center;
    }
    
    .carto-carousel {
        animation: scroll 15s linear infinite;
    }
    
    .carto-title {
        font-size: 42px;
    }
    
    /*Media*/
    
    .categories-archive-media {
        display: flex;
        flex-direction: column;
        grid-row-gap: 30px;
    }
    
    .category-media-hover-title h4 {
        font-size: 24px;
        font-weight: 400;
        grid-row-gap: 30px;
    }
    
    .list-media-box-titles h4 {
        font-size: 22px;
        letter-spacing: -0.5px;
        padding-top: 15px;
        line-height: 1.2;
    }
    
    .list-media-box-titles h5 {
        font-size: 18px;
        letter-spacing: -0.3px;
        padding-bottom: 15px;
    }
    
    .category-media-box-img {
        height: 100%;
        width: 100%;
        aspect-ratio: 10 / 9;
    }
    
    .category-media-hover {
        padding: 30px 20px 30px 0;
    }
    
    .category-media-hover-sub {
        font-size: 22px;
    }
    
    .category-media-hover-text {
        font-size: 16px;
    }
    
    .media-grid {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin-top: 30px;
        margin-bottom: 60px;
    }
    
    .media-item img {
        height: 100%;
        aspect-ratio: 10 / 9;
    }
    
    .head-brand {
        align-items: flex-start;
    }
    
    /*About Us*/
    
    .timeline-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
        
    .year-timeline-tab {
        font-size: 20px;
    }
    
    .timeline-tab.active-tab .year-timeline-tab {
        font-size: 28px;
    }
        
    .paragraph-timeline {
        font-size: 18px;
        letter-spacing: -0.3px;
    }
    
    .contact-social-details {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    
    .carousel-list-handles {
        bottom: 10px;
        left: 5px;
    }
    
    .timeline-tab {
        padding: 0;
    }
    
    .approach-multiple-grid {
        display: flex;
        flex-direction: column;
    }
    
    .box-contact-info {
        display: flex;
        flex-direction: column;
        gap: 15px;
        text-align: center;
        height: 100%;
    }
    
    .timeline-carousel-wrapper {
        width: 90px;
        height: 300px;
        gap: 15px;
    }
    
    .timeline-rotate {
        padding-right: 0;
    }
    
    .paragraph-timeline-box {
        font-size: 18px;
    }
    
    .timeline-core {
        grid-column-gap: 10px;
        margin-top: 45px;
    }
    
    .timeline-carousel-wrapper svg {
        width: 30px;
        height: 30px;
    }
    
    .title-timeline-box {
        font-size: 24px;
        font-weight: 400;
    }
    
    .year-timeline-box {
        font-size: 18px;
    }
    
    .about-timeline {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .contact-box .text-line {
        font-size: 120px;
    }
    
    .info-contact-box h4 {
        font-size: 24px;
    }
    
    .post-type-archive-media #masthead,
    .archive.tax-media_category #masthead {
        background: transparent;
        mix-blend-mode: difference;
    }
    
    .tax-media_category .site-branding svg path {
        fill: var(--white);
    }
    
    .cta-contact-box a {
        font-size: 16px;
    }
   
   .text-line-contact {
       -webkit-text-stroke: 0.5px #ffffff6e;
   }
   
   .newsletter-subtitle {
        width: 100%;
    }
   
   .email-news {
        font-size: 24px;
        letter-spacing: -0.5px;
    }
    
    .newsletter-title {
        font-size: 24px;
        letter-spacing: -0.5px;
        text-transform: none;
    }
   
    .submit-section-news svg {
        width: 24px;
        height: 24px;
    }
    
    .submit-news {
        height: 40px;
        width: 40px;
    }
    
    .about-team {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .title-page-move {
        padding-bottom: 45px;
    }
    
    .media-blog-archive {
        margin-top: 60px;
    }
    
    .tech-work-marquee-photos {
        padding-bottom: 60px;
    }
    
    .photo-marquee-box-tech img {
        height: 130px;
        width: 220px;
    }
    
    .marquee-track {
        gap: 20px;
    }
    
    .photo-marquee-box-tech {
        gap: 20px;
    }
    
    .approach-box-title {
        font-size: 28px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
   
   .about-approach {
        padding-top: 60px;
        padding-bottom: 60px;
    }
   
   .approach-fancy {
        display: flex;
        flex-direction: column;
    }
   
    .archive-media {
        padding-top: 30px;
        padding-bottom: 60px;
        gap: 30px;
    }
    
    .video-media-1 {
        width: 200px;
    }
    
    .video-media-2 {
        width: 80px;
    }
   
   .category-media-box {
        gap: 5px;
    }
       
    .media-category-title {
        font-size: 64px;
        letter-spacing: -1px;
    }
   
    .media-map-section {
       display: flex;
       flex-direction: column;
    }
   
    #hero-video {
        height: auto;
        padding-top: 90px;
        padding-bottom: 60px;
    }
   
   .numbers-special span {
       font-size: 28px;
   }
   
   .section-changer::after {
        height: 150px;
    }
    
    .media-key-numbers {
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
    
    .numbered-item-box-paragraph {
        font-size: 16px;
        font-weight: 300;
    }
    
    .media-single-header {
        padding-bottom: 60px;
    }
    
    .intro-media {
        padding-left: 0;
    }
    
    .category-media-items {
        font-size: 16px;
    }
    
    .text-media {
        padding-right: 0;
    }
    
    .media-key-item h5 {
        font-size: 22px;
    }
    
    .news-section .title-section-news {
        padding-top: 15px;
    }
    
    .home .news-section .title-section-news {
        padding-top: 60px;
    }
    
    .media-key-item h6 {
        font-size: 16px;
    }
    
    .media-main-title,
    .tech-main-title {
        font-size: 58px;
        letter-spacing: -1px;
    }
    
    .media-key-item {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .media-hotos-handle svg {
        width: 20px;
        height: 20px;
    }
    
    .media-hotos-handle {
        bottom: 15px;
        left: 15px;
    }
    
   
   .row0c87f3111e465c60925aa284e54c9774 .inner-row-div .slot8bbd5eb1542b5420bd688160ecd719d9 .form72b01182462d5148a4737cb26818ae35 form .form-input-wrapper-element div input {
        font-size: 36px !important;
        font-weight: 300 !important;
        color: var(--white) !important;
        text-transform: lowercase !important;
        letter-spacing: -1px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        font-family: inherit !important;
    }
       
    .newsletter-subscribe {
        font-size: 22px;
        bottom: 7px;
        letter-spacing: -0.5px;
    }
   
   .main-work {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
   
   .filter-work-box {
       width: 100vw;
        padding: 30px;
        padding-top: 45px;
   }
   
   .filter-icon-work {
        top: 40%;
        padding: 7px;
    }
   
   .filter-icon-work svg {
       width: 22px;
       height: 22px;
   }
   
   .img-gallery-work-item {
        border-radius: 16px;
    }
    
    .work-featured-image img {
        border-radius: 15px;
    }
    
    .gallery-work {
        margin-top: 15px;
    }
   
   .work-post-title {
        font-size: 24px;
   }
   
   .work-post-video {
        border-radius: 15px;
    }

      
    .work-post-category {
        font-size: 16px;
    }
   
   .work-pagination {
       min-height: min-content;
       margin-top: 30px;
   }
    
    .popup-title-work {
        font-size: 36px;
        letter-spacing: -0.5px;
    }
    
    .hashtag-featured {
        font-size: 32px;
        font-weight: 500;
    }
    
    .carousel-featured-title {
        font-size: 22px;
        line-height: 1.2;
        letter-spacing: 0;
    }
    
    .title-csr-section {
        gap: 15px;
    }
    
    .sticky-contact {
        bottom: 12%;
    }
    
    .expert-csr {
        font-size: 16px;
    }
    
    .title-accordion-csr {
        font-size: 22px;
    }
    
    .accordion-info-box.accordion-box-csr {
        padding: 0;
    }
    
    .csr-item-accordion {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    
    .csr-accordion {
        padding-top: 60px;
    }
    
    .panel-csr-inside {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .panel-csr {
        font-size: 16px;
    }
    
    .main-info-featured-post {
        display: flex;
        flex-direction: column-reverse;
        padding: 15px;
        gap: 15px;
    }
    
    .work-popup-close svg {
        width: 30px;
        height: 30px;
    }
    
    .media-work-section, .content-text-work {
        width: 100%;
    }
    
    .home .work-section {
        height: 100vh;
    }
    
    .works-category-list {
        gap: 10px;
        font-size: 16px;
        letter-spacing: 0;
        flex-wrap: wrap;
    }
        
    .work-popup-inner {
        gap: 30px;
    }
    
    .back-work {
        top: 90px;
        right: 5vw;
    }
        
    .link-work {
        top: 80px;
        left: 5vw;
    }
    
    .section-content-work {
        gap: 15px;
    }
    
    .work-post {
        padding-bottom: 30px;
    }
    
    .campaign-page .simple-intro {
        padding-top: 0;
        padding-bottom: 30px;
    }
    
    .jobs-position {
        display: flex;
        gap: 30px;
        flex-direction: column;
    }
    
    .title-position {
        font-size: 24px;
        padding-bottom: 7px;
    }
    
    .details-position {
        font-size: 16px;
    }
    
    .job-box {
        padding-bottom: 10px;
    }
    
    .open-poitions {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .numbered-item-grid {
        display: flex;
        grid-column-gap: 30px;
        flex-direction: column;
    }
    
    .numbered-item {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .simple-intro {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    
    .technologies-item-archive {
        padding: 30px;
    }
    
    .tech-loop-titles h3 {
        font-size: 24px;
        font-weight: 400;
    }
    
    .tech-loop-titles {
        gap: 10px;
    }
        
    .post-description-loop-tech {
        margin-top: 0;
    }
    
    .gallery-tech-loop {
        width: 100%;
    }
    
    .intro-numbers {
        padding-right: 5vw;
    }
    
    .loop-arch-tech-images {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .img-gallery-tech-item {
        border-radius: 10px;
    }
    
    .tech-loop-details {
        gap: 15px;
        grid-template-columns: 1fr;
    }
    
    .arrow-arch-tech svg {
        width: 20px;
        height: 20px;
    }
    
    .technologies-grid {
        display: flex;
        flex-direction: column;
        padding-top: 15px;
        padding-bottom: 90px;
    }
    
    .arrow-arch-tech {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    
    .technologies-item-inside {
        gap: 30px;
    }

    .img-item-carousel {
        aspect-ratio: 16 / 9;
        border-radius: 15px;
        width: 100vw;
    }
    
    .inside-carousel-list {
        padding-top: 0;
    }
    
    .about-numbers {
        padding-top: 30px;
        padding-bottom: 0;
    }
    
    .about-video {
        width: 110px;
    }
    
    .marquee-item img {
        max-height: 100px;
    }
    
    .campaign-page {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    
    .category-media-items {
        display: none;
    }
    
    .media-categories-menu {
        display: none;
    }
    
    .intro-media .section-changer::after {
        height: 0;
    }
    
    .quote-close svg {
        width: 35px;
        height: 35px;
    }
    
    .quote-in {
        padding-top: 90px;
        padding-bottom: 60px;
    }
    
    .form-campaign .wpforms-field-label {
        font-size: 20px !important;
        color: var(--white) !important;
    }
    
    .form-campaign .wpforms-field-container {
        padding-left: 0;
        border-left: none;
    }
    
    .form-campaign .wpforms-page-indicator.circles {
        gap: 15px;
        position: unset;
    }
    
    .form-campaign > .wpforms-form {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    
    .form-campaign {
        padding: 30px 30px !important;
    }
    
    .quote-title h3 {
        font-size: 36px;
    }
    
    .quote-title {
        margin-bottom: 30px;
    }
        
    div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
        margin: 0!important;
    }
    
    .form-campaign .wpforms-page-indicator-page-title {
        font-size: 24px;
        letter-spacing: -0.2px;
    }
    
    .form-campaign .wpforms-page-button, .form-campaign .wpforms-submit {
        font-size: 20px !important;
        font-weight: 300 !important;
    }
    
    .form-campaign .form-smaller .wpforms-field-label {
        font-size: 18px !important;
        margin-top: 20px !important;
        margin-bottom: 0 !important;
    }
        
    .form-campaign .wpforms-submit-container {
        margin-top: -76px !important;
    }
    
    .wpforms-field.wpforms-field-pagebreak {
        padding-bottom: 0!important;
    }
    
    .budget-form .wpforms-field-number-slider-hint b {
        font-size: 20px !important;
    }
    
    .budget-form .wpforms-field-number-slider-hint {
        font-size: 16px !important;
    }
    
    .newsletter .moosend-main-form-wrapper .lp-flex-1.form-input-element {
        color: white !important;
        letter-spacing: 0.5px !important;
        font-size: 18px !important;
        font-weight: 300 !important;
        font-family: inherit !important;
    }
    
    .moosend svg {
        bottom: 5px;
        right: 0;
        width: 25px;
        height: 25px;
    }
    
    .newsletter .moosend-main-form-wrapper .moosend-subscription-form.moosend-subscription-form-60edd1ee-e76e-47c3-81e5-78bd7a8ae642 {
        display: flex !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    .arrow-title {
        bottom: 15px;
    }
        
    .intro-analytics-box {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    
    .company-analytics-paragraph {
        display: none;
    }
    
    .companies-analytics-img {
        height: 60px;
    }
    
    .company-analytics-box {
        gap: 15px;
    }
    
    .form-job-position h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    
    .dot-carto svg {
        width: 20px;
        height: 20px;
    }
    
    .dot-first::after {
        height: 60px;
        right: -43px;
        margin: auto;
        top: 25px;
        rotate: -45deg;
    }
    
    .dot-third::after {
        left: -12px;
        height: 60px;
        top: 25px;
        rotate: 45deg;
    }
    
    .dot-second::after {
        height: 50px;
    }
    
    .dot-carto {
        margin-top: 15px;
    }
    
    .analytics-carto {
        padding-bottom: 30px;
        min-height: auto;
    }
    
    .post-date-block,
    .count-time-block {
        font-size: 14px;
        gap: 5px;
    }
    
    .excerpt-news-block {
        font-size: 14px;
    }
    
    .tech-video-2 {
        width: 40px;
    }
    
    .intro-tech-single {
        padding-bottom: 0;
    }
    
    .title-accordion-tech {
        font-size: 22px;
    }
    
    .benefits-single-tech {
        padding-bottom: 0;
        padding-top: 60px;
    }
    
    .how-works-tech {
        margin-top: 0;
    }
    
    .panel-tech-inside {
        padding-bottom: 15px;
        font-size: 18px;
    }
    
    .work-tech-single {
        margin-top: 60px;
    }
    
    .work-tech-single {
        padding-bottom: 60px;
    }
    
    .numbered-tech-box-paragraph {
        font-size: 18px;
    }
    
    .tech-main-header {
        padding-bottom: 30px;
        padding-top: 100px;
    }
    
    .key-benefits-tech {
        margin-bottom: 30px;
    }
    
    .team-box-inside {
        width: 90%;
    }
    
    .work-categories-carousel {
        font-size: 16px;
        letter-spacing: 0;
        margin-bottom: 10px;
    }
    
    .symbols-accordion svg {
        width: 22px;
        height: 22px;
    }
    
    .main-campaign-vizualizer {
        width: 100%;
    }
    
    .animate-rotate {
        gap: 15px;
    }
        
    .filter-name-work {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    .work-term-filter {
        font-size: 20px;
    }

    .btn-work-filter {
        font-size: 22px;
    }
    
    .csr-video-2 {
        width: 70px;
    }
    
    .csr-video-1 {
        width: 80px;
    }
    
    .csr-carousel {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    
    .title-media-map-archive.title-page-move {
        padding-top: 60px;
        padding-bottom: 0;
    }
    
    .wpgmza-marker-listing-category-filter > span {
        display: flex;
        justify-content: center;
        gap: 15px;
    }
    
    .wpgmza-marker-listing-category-filter span { 
        font-size: 24px !important;
        font-weight: 300;
        letter-spacing: 0;
    }
    
    .wpgmza-marker-listing-category-filter svg { 
        font-size: 24px !important;
        font-weight: 300;
        letter-spacing: 0;
    }
    
    .filter-icon {
        display: flex;
        align-items: center;
    }
    
    .wpgmza_cat_checkbox_holder label {
        font-size: 20px !important;
    }
    
    .wpgmza_cat_checkbox_item_holder_14 > label, .wpgmza_cat_checkbox_item_holder_15 > label {
        font-size: 24px !important;
    }
        
    .wpgmza_cat_checkbox_item_holder label::before {
        width: 18px !important;
        height: 18px !important;
    }
    
    .wpgmza_cat_checkbox_item_holder label::after {
        left: 7px !important;
        top: 10px !important;
        width: 6px !important;
        height: 12px !important;
    }
    
    .wpgmza-marker-listing-category-filter {
        position: unset;
        padding-top: 15px;
        padding-right: 5vw;
        padding-bottom: 15px;
    }
    
    .media-item-inside-title {
        padding-top: 5px;
    }
    
    .media-item h3 {
        font-size: 22px;
    }
    
    .media-item-inside-title svg {
        width: 20px;
        height: 20px;
    }
    
    #primary > div.single-media-main.grid-padding > div.intro-single-media > div > div.paragraph-intro-simple.paragraph-box > div > div > div:nth-child(3) {
        display: flex;
    }
    
    .btn-carousel svg {
        width: 20px;
        height: 20px;
    }
    
    .scroll-down {
        bottom: 0;
        right: 5vw;
        width: 15px;
    }
        
    .main-form-shell label {
        font-size: 18px !important;
        padding-bottom: 5px !important;
    }    
    
    .single-job_position .modern-title {
        font-size: 14px!important;
    }
    
    .single-job_position .post-content {
        flex-direction: column;
    }
    
    .cyprus-page .simple-intro {
        padding-bottom: 0;
    }
    
    .title-cyprus-map {
        padding-top: 60px;
        padding-bottom: 0;
    }
    
    .category-item-media {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .text-social {
        display: none;
    }
    
    .icon-social {
        opacity: 1;
        position: unset;
        transform: translateY(0px);
    }
    
    .site-info {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    
    .footer-social {
        order: 2;
    }
    
    .newsletter {
        order: 1;
    }
    
    .copyrights {
        order: 3;
    }
    
    .simple-title {
        margin-bottom: 15px;
        font-size: 36px;
    }
    
    .simple-title-section {
        margin-top: 100px;
    }
        
    
    .page-template-about-us .subtitle-numbers {
        display: none;
    }
    
    .contact-page {
        display: flex;
        flex-direction: column-reverse;
        gap: 45px;
    }
    
    .video-cyprus-1 {
        width: 170px;
    }
    
    .video-cyprus-2 {
        width: 75px;
    }
    
    .form-campaign .wpforms-page-indicator.circles {
        border-bottom: solid 1px #7f7f7f !important;
        padding-bottom: 30px !important;
        margin-bottom: -30px;
    }
    
    .newsletter-wp input {
        font-size: 22px !important;
        letter-spacing: -0.5px !important;
        height: 60px !important;
    }
    
    .newsletter-subscribe {
        font-size: 22px !important;
        letter-spacing: -0.5px !important;
    }
    
    #wpforms-2378-field_2-container > div > div:nth-child(1) {
        bottom: 10px;
    }
    
    .submit-news {
        width: 40px !important;
        height: 40px !important;
    }
    
    #wpforms-2378-field_2-container > div > div:nth-child(2) {
        bottom: 5px;
        right: 15px;
    }
    
    .moosend .wpforms-field-checkbox {
        margin-top: 10px !important;
    }
    
    .moosend {
        margin-top: 0!important;
    }
    
    .terms-form label {
        font-size: 14px!important;
    }
    
    #wpforms-2378-field_2-container {
        margin-bottom: 0;
    }
    
    strong {
        font-weight: 500;
    }
    
    
    .cky-btn-revisit-wrapper.cky-revisit-bottom-left {
        display: none!important;
    }
    
    .gdpr-list {
        font-size: 10px;
    }
    
    .lang-el .numbers-special span {
        font-size: 24px;
    }
    
    .position-grid {
        grid-template-columns: 1fr;
    }
    
    .position-title-grid {
        display: none;
    }
    
    #numbered-item-block_23ee61e7e0a4139deb00a9272c318c58 > div > div.numbered-item-info-section > div > div:nth-child(3) {
        grid-template-columns: 1fr;
    }

    .contact-details-main.info-section.grid-padding {
        gap: 30px;
        padding-top: 0;
        padding-bottom: 30px;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .romania-subtitle {
        font-size: 28px;
        font-weight: 400;
        letter-spacing: -0.2px;
        line-height: 1.3;
    }
    
    .romania-popup-content {
        padding-top: 60px;
        padding-bottom: 60px;
        overflow-y: scroll;
    }
    
    .romania-paragraph {
        font-size: 16px;
        display: flex    ;
        margin-top: 30px;
        flex-direction: column;
        gap: 15px;
    }
        
    .romania-gallery {
        margin-top: 60px;
        display: flex;
        gap: 15px;
        flex-direction: column;
    }
        
    .romania-gallery-item img {
        height: auto;
        border-radius: 15px;
    }
    
    .romania-close-btn svg {
        height: 40px;
        width: 40px;
    } 
    
    .img-romania {
        border-radius: 10px;
        height: 50px;
        width: 100px;
    }
    
    .page-template-romania-template .carousel-list {
        padding-bottom: 60px;
    }
    
    .page-template-romania-template .simple-intro {
        padding-bottom: 15px;
    }
    
}


/*Max Width 400*/

@media only screen and (max-width: 380) {
    .title-bold {
        font-size: 36px;
        letter-spacing: -1px;
    }
    
    .video-cyprus-1 {
        width: 110px;
    }
    
    .video-cyprus-2 {
        width: 55px;
    }
    
}