@media(min-width:2200px) {
    .nav-center span {
        width: 41px;
    }
}

@media(min-width:1900px) {

    .about-section .op-text .approach.inner-text p,
    .about-section .op-text .approach.inner-text {
        font-weight: 400;
    }
}

@media (max-width:1800px) {
    .all-project-folds .pop-client {
        width: 235px;
    }

    .all-project-folds .pop-meta-column {
        gap: 0;
    }
}

@media (max-width:1700px) {
    .wpcf7-not-valid-tip {
        top: 103%;
    }
}

@media (min-width:1550px) {

    .pop-translation.js-lang-toggle-he::after {
        left: 94.2%;
        right: auto;
        top: 36%;
    }
}

@media (max-width:1600px) {

    .all-project-folds .pop-client {
        width: 206px;
    }
}

@media(max-width:1440px) {
    /*.nav-center {*/
    /*padding-left: 35px;*/
    /*}*/

    .p-slider-meta {
        grid-template-columns: 234px auto;
    }

    .project-list-metas .proj-photog,
    .project-list-metas .proj-client {
        width: 160px;
    }

    .all-project-folds .pop-client {
        width: 195px;
    }

    .p-slider-images .psi-image {
        margin-top: 40px;
    }
}

@media (min-width:1341px) and (max-width:1401px) {
    .med-nav-view-toggle.js-home-only button.med-lnk-rotate.med-txt-nav.med-txt-bgrey{
        position: relative;
        top:-1px;
    }
}

@media(max-width:1280px) {
    .project-rows .project-row {
        grid-template-columns: 14.939rem 24.316rem auto;
    }

    .project-list-metas {
        grid-template-columns: 14.939rem 24.316rem auto;
    }

    .project-grids .project-img {
        height: 196px;
    }

    .project-grids .project-grid-box {
        max-width: 151.34px;
        width: 100%;
    }

    .project-grids .grid-column {
        max-width: 100%;
    }

    .project-grids {
        grid-template-columns: repeat(4, 1fr);
    }


    .p-slider-images .psi-image {
        width: 369px;
    }


    .p-slider-meta {
        grid-template-columns: 300px auto;
    }

    .pdci-column1 {
        width: 270px;
    }

    .nav-center {
        padding-left: 0;
    }
}

@media screen and (max-width: 1100px) {
    .pop-translation.js-lang-toggle-he::after{
        left: 95.7%;
    }
}

@media(max-width:1040px) {
    .p-slider-images .psi-image {
        width: 319px;
    }

    .p-slider-meta {
        grid-template-columns: 250px auto;
    }



    .pdc-column1 {
        width: 320px;
    }

    .pdc-column2 {
        gap: 20px;
    }

    .p-slider-images .psi-image {
        height: 500px;
    }

    .project-list-metas .proj-photog,
    .project-list-metas .proj-client {
        width: 125px;
    }
}

@media screen and (max-width: 882px) {
    .pop-translation.js-lang-toggle-he::after{
        left: 95.4%;
    }
}

@media(max-width:768px) {
    .about-section .text_wrapper .flx {
        gap: 31px;
        flex-direction: column;
    }

    .js-project-details-btn.med-lnk-rotate.underline-hint::after{
        bottom: 18px;
    }
    .med-lnk-rotate.underline-hint::after {
        width: 40%;
        transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        right: 0;
        margin: 0 auto;
        bottom: 18px;
    }

    header .clients-area-mobile{
        display: none !important;
    }

    .med-pd-services .med-pd-service {
        width: 100%;
    }

    .med-mod-overlay{
        background: linear-gradient(0deg, #FBFBFB 0%, #FBFBFB 100%), #FFF !important;
    }

    .med-mod-modal.is-open-opened {
        z-index: 9999;
    }

    main.modal-open{
        transform: none;
    }

    .med-pd-info.hebrew {
        margin-top: 0;
    }
    .med-pd-campaign{
        left: 0;
    }

    header.stop-sticky {
        position: fixed;
        z-index: -1;
    }

    header .h_sidebar .services ul{
        margin-top: 25px;
    }

    .med-ss-photographer.for-mobile {
        display: flex !important;
        justify-content: space-between !important;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.50);
        padding-bottom: 22px;
    }

    header{
        position: fixed;
        top: 0;
        transform: none !important;
    }

    .med-pd-campaign.pop-translation.med-txt-m.med-pd-fade-up20{
        position: relative !important;
        right: 0 !important;
        left: 0 !important;
    }
    .med-pd-campaign.pop-translation.med-txt-m.med-pd-fade-up20.js-lang-toggle-he {
        left: 0 !important;
        right: auto !important;
    }
    .pop-translation.js-lang-toggle-he::after {
        left: auto !important;
        right: 94.3% !important;
        top: 0 !important;
    }

    .med-mod-popup .med-txt-xlp .split.done{
        width: 100%;
    }

    .overview-en-content .wrap {
        white-space: break-spaces;
        width: 100%;
        display: contents;
    }

    .med-ss-photographer,
    .med-vs-photographer {
        display: none !important;
    }

    .loader-logo span{
        font-size: clamp(2rem, 10vw, 25rem);
    }

    .med-nav-view-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 10;
        grid-column: 3 / 7 !important;
        width: 100% !important;
        opacity: 1;
    }
    .med-lnk-rotate {
        color: #000 !important;
    }
    h3.med-pd-photographer,
    h1.med-pd-campaign {
        display: none !important;
    }
    .med-pd-name span{
        font-size: 15px !important;
    }
    h2.med-pd-name.med-txt-m {
        margin-bottom: 20px !important;
        border-bottom: 1px solid rgba(151, 151, 151, 0.5);
        padding-bottom: 20px;
    }

    .med-pd-campaign.pop-translation {
        justify-content: center !important;
        border-bottom: 1px solid rgba(151, 151, 151, 0.5);
        padding-bottom: 20px;
        text-decoration: none !important;
        font-family: "aktiv-grotesk-hebrew", sans-serif !important;
    }
    .pop-translation::after {
        position: absolute;
        right: 38%;
        top: 0%;
        transform: translateY(0%);
        display: block;
        transform: rotate(-90deg);
    }
    .pop-translation.js-lang-toggle-en::after {
        right: 39%;
        top: 1px;
        transform: rotate(-90deg);
    }
    .pop-translation.js-lang-toggle-he::after {
        left: auto !important;
        right: 58% !important;
        transform: rotate(90deg) !important;
    }

    .med-pd-overview{
        margin-top: 15px;
    }
    .med-mod-popup .med-txt-xlp{
        padding-top: 15px;
    }
    .med-pd-subheading,
    .med-mod-popup .med-pd-overview h3{
        color: #979797;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px; /* 138.889% */
    }
    .med-pd-services .med-pd-service,
    .med-pd-inner .med-txt-p li,
    .med-pd-inner .med-txt-p p,
    .med-pd-overview .med-txt-xlp .line{
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
    }
    .med-pd-services .med-pd-service{
        width: 100%;
    }
    .overview-he-content{
        font-family: "aktiv-grotesk-hebrew", sans-serif !important;
    }

    .wpcf7-not-valid-tip {
        top: 100%;
    }

    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
        font-size: 20rem;
    }

    .show-project-details-btn {
        height: 24px;
    }

    .project-details.show-hebrew .pdc-outer.hewbrew-content {
        flex-direction: column;
    }

    body::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for Firefox */
    body {
        scrollbar-width: none;
    }

    /* Keep scrolling enabled */
    body {
        -ms-overflow-style: none;
        /* IE/old Edge */
        overflow-y: scroll;
    }

    .nav-center span::before {
        top: 2px;
        color: #000;
    }

    .nav-center span::after {
        opacity: 0;
        color: #000;
    }

    .nav-center span:hover::after {
        opacity: 1;
        color: #000;
    }

    .selected_clients {
        margin-top: 23px;
    }

    .about-section .about_heading p {
        color: #000;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: -0.6px;
    }

    .about-section .about_heading {
        /* width: 714.508px; */
        width: 351px;
    }

    .about-section .op-text h2 {
        margin-bottom: 14px;
        color: #979797;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 10px;
    }

    .about-section .op-text .approach.inner-text {
        color: #000;
        font-size: 12px;
        line-height: 18px;
        width: 100%;
    }

    .about-section .selected_clients h2 {
        margin-bottom: 15px;
        color: #979797;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 10px;
    }

    .about-section .selected_clients p,
    .about-section .selected_clients ol li,
    .about-section .selected_clients ul li {
        list-style: none;
        color: #000;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 15px;
        text-transform: uppercase;
    }

    .about-section .text_wrapper {
        margin-top: 19px;
        max-width: 100%;
        flex-direction: column;
    }

    .about-section .selected_clients ol,
    .about-section .selected_clients ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3px;
    }

    .about-section {
        padding: 80px 11px 39px 11px;
    }

    header .nav-right {
        color: #000;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
    }

    .logo a {
        color: #000;
        text-decoration: none;
        color: #000;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
    }

    .about-section .op-text .approach.inner-text p {
        margin-bottom: 20px;
    }

    .p-slider-images .psi-image {
        width: 415px;
    }

    .contact-us-section .contact-inner h2 {
        margin-bottom: 33px;
        color: #000;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: -0.6px;
        text-align: start;
    }

    .contact-us-section .contact-inner input::placeholder,
    .contact-us-section .contact-inner textarea,
    .contact-us-section .contact-inner input {
        color: #979797;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        height: 33px;
        max-width: 152px;
        padding: 7px 7px 8px 7px;
        width: 100%;
        margin-bottom: 11px;
    }

    .contact-us-section .contact-inner textarea {
        height: 114px;
    }

    .contact-us-section .contact-inner .r_side textarea,
    .contact-us-section .contact-inner .r_side input {
        max-width: 201px;
        width: 100%;
    }

    .contact-us-section {
        margin-top: 95px;
        padding: 0 4px;
    }

    .contact-us-section .contact-inner {
        border: transparent;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 364px;
        margin-left: auto;
    }

    .contact-us-section .contact-inner form {
        width: 100%;
        margin: auto;
    }

    .contact-us-section .contact-inner .contact_links a {
        width: auto;
        color: #000;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
    }

    .contact-us-section .contact-inner .contact_links p {
        padding-top: 42px;
        border-top: 1px solid rgba(0, 0, 0, 0.50);
    }

    .contact-us-section .contact-inner .flx {
        gap: 11px;
        margin-bottom: 48px;
    }

    .pop-photog,
    .pop-campaign {
        display: none;
    }

    .project-pop-meta {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
    }

    .project-pop-meta .pop-translation::after {
        height: 6px;
        width: 6px;
        transform: translateY(-50%) rotate(271deg) translateX(-50%);
        left: 54.2%;
        top: 49.8%;
    }

    .project-pop-meta .pop-translation label {
        color: #979797;
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
    }

    .project-pop-meta .pop-translation {
        color: #979797;
        width: 100%;
        border-top: 1px solid rgba(151, 151, 151, 0.50);
        border-bottom: 1px solid rgba(151, 151, 151, 0.50);
        padding: 16px 0;
        margin: auto;
        text-align: center;
    }

    .project-details-fold h2 {
        color: #979797;
        font-family: 'AktivGrotesk';
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
    }

    .project-details-fold .project-overview .column-content {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
        padding-top: 20px;
    }

    .project-details-fold .pdc-column2 .pdci-column1 p {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
    }

    .project-details-fold.showing-details .column-approach .column-content {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
    }

    .project-pop-meta {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
        margin-bottom: 15px;
        padding-top: 84px;
    }

    .pdc-outer {
        grid-template-columns: repeat(1, 1fr);
    }

    .all-project-folds .pop-client {
        color: #000;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .pdc-column2 {
        gap: 20px;
        flex-direction: column;
    }

    .project-details-fold .project-overview .column-content {
        margin-bottom: 35px;
    }

    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: block;
        margin-top: 55.36px;
    }

    .mobile-view .project-rows .project-row {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 63px;
    }

    .mobile-view span.meta-label {
        color: #979797;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
    }

    .mobile-view span.meta-value {
        color: #000;
        text-align: right;
        font-size: 9.1px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
    }

    .mobile-view .proj-client {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        width: 100%;
    }

    .mobile-view .fixed-meta {
        display: flex;
        align-items: center;
        margin-left: auto;
        gap: 20px;
        justify-content: space-between;
        width: 100%;
    }

    .mobile-view .project-rows .project-row:last-child {
        margin-bottom: 0;
    }

    .mobile-view #project-view-wrapper-mobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 500;
        background: #fff;
        overflow: hidden;
        padding-left: 8px;
        display: none;
    }

    .mobile-view {
        padding: 0 9px;
    }

    span#list-view,
    #grid-view {
        display: none;
    }

    .page-template-template-home .clients-area-mobile {
        display: block;
    }


    header button.clients-btb {
        border: none;
        background: transparent;
        color: #000;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
        position: relative;
    }
    .ios header button.clients-btb::after{
        top: 20%;
        transform: translateY(-50%) rotate(0deg);
    }
    header button.clients-btb::after {
        content: '';
        background: url('../images/clients-arrow.svg');
        background-repeat: no-repeat;
        background-size: cover;
        width: 8px;
        height: 8px;
        position: absolute;
        left: -15px;
        top: 49%;
        transform: translateY(-50%) rotate(0deg);
        display: block;
        transition: all 1s;
    }

    header .clients-area-mobile.active button.clients-btb::after {
        transform: translateY(-50%) rotate(180deg);
        top: 69%;
    }

    .clients-area-mobile {
        position: relative;
    }

    header .clients-area-mobile ul {
        padding: 36px 20px;
        margin: 0;
        /* border-top: 0.5px solid rgba(0, 0, 0, 0.50); */
        background: #FBFBFB;
        position: absolute;
        height: 100vh;
        opacity: 0;
        visibility: hidden;
        padding-left: 12px;
        margin-top: 13px;
        top: 100%; /* dropdown from button */
        left: 50%;
        transform: translate(-50%, -20px);
        pointer-events: none;
        transition:
                transform 1s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.55s ease;
        width: 100vw;
        z-index: 999;
    }

    .clients-area-mobile.active ul {
        transform: translate(-50%, 0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        max-height: 100vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    header .clients-area-mobile ul::after {
        content: '';
        background: rgba(0, 0, 0, 0.50);
        width: 100vw;
        height: 0.5px;
        position: absolute;
        left: -8px;
        top: 0;
        display: block;
    }


    .clients-area-mobile ul li {
        list-style: none;
    }

    .clients-area-mobile ul li a {
        position: relative;
        display: inline-block;
        overflow: hidden;
        color: transparent;
        font-size: 25px;
        font-weight: 600;
        line-height: 45px;
        text-transform: capitalize;
        text-decoration: none;
    }

    .clients-area-mobile ul li a::before,
    .clients-area-mobile ul li a::after {
        content: attr(data-text);
        position: absolute;
        left: 0;
        width: 100%;
        transition: transform 0.45s ease;
    }

    .clients-area-mobile ul li a::before {
        top: 0;
        transform: translateY(0%);
        color: #979797;
    }

    .clients-area-mobile ul li a::after {
        top: 100%;
        color: #979797;
    }

    .clients-area-mobile ul li a:hover::before,
    .clients-area-mobile ul li a.animate::before {
        transform: translateY(-100%);
    }

    .clients-area-mobile ul li a:hover::after,
    .clients-area-mobile ul li a.animate::after {
        transform: translateY(-100%);
    }

    .clients-area-mobile ul li a.a-active::after {
        transform: translateY(-100%);
    }

    /* .clients-area-mobile {
        display: none;
    } */

    header .logo {
        width: fit-content;
    }

    .clients-area-mobile {
        margin: auto;
    }

    .show-project-details-btn {
        display: none;
    }

    .project-sliders-outer {
        display: flex;
        flex-direction: column;
        height: auto;
        width: 100%;
        background: #FBFBFB;
    }

    section#slider-delicatessen {
        display: flex;
        flex-direction: column;
    }

    .p-slider-meta {
        grid-template-columns: auto auto;
        display: flex;
        position: unset;
        height: auto;
        width: 100%;
        background: #FBFBFB;
    }

    .p-slider-images {
        display: flex;
        align-items: center;
        gap: 11px;
        padding-right: 0;
        flex-shrink: 0;
        flex-direction: column;
    }

    .p-slider-images .psi-image {
        width: 100%;
        height: auto;
    }

    .mobile-view #project-view-wrapper-mobile {
        position: unset;
        overflow: visible;
        padding-left: 0;
        width: 100%;
    }

    body.is-project-mode {
        overflow: visible;
        -ms-overflow-style: none;
        scrollbar-width: unset;
        overflow-x: hidden;
    }

    .sm-client,
    .sm-photog {
        color: #979797;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 36.6px;
        margin-top: 9px;
    }

    .mobile-view {
        margin-top: 75px;
    }

    .project-slider-none .next-project-btn {
        height: 18px;
        font-size: 20px;
        color: #979797;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
        padding: 18px 0;
        border-top: 0.5px solid rgba(0, 0, 0, 0.50);
    }

    .mobile-view #project-view-wrapper-mobile {
        height: 100%;
    }

    /* smooth transition base */
    .single-project .project-slider-none {
        opacity: 0;
        filter: blur(10px);
        transition: opacity 1.2s ease, filter 1s ease;
        display: none;
    }

    /* active section */
    .single-project .project-slider-none.active {
        display: block;
        opacity: 1;
        filter: blur(0);
    }

    /* exit animation */
    .single-project .project-slider-none.hide {
        opacity: 0;
        filter: blur(10px);
    }

    header .h_sidebar .menu-link ul li a {
        color: #979797;
        font-size: 25px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 55px !important;
        letter-spacing: -0.25px;
        text-transform: uppercase;
    }

    header .h_sidebar .menu-link ul li a:hover {
        color: #000 !important;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        text-transform: uppercase;
    }

    header .h_sidebar {
        padding: 0px 18px 18px 18px;
        width: 100%;
    }

    .h_sidebar.show-sidebar .close-area {
        padding-right: 0;
    }

    header .h_sidebar .services strong {
        font-weight: 600;
        padding-bottom: 10px;
        display: block;
        text-transform: capitalize;
    }

    header .h_sidebar .services ul li a {
        text-transform: capitalize;
    }

    header .h_sidebar .menu_links {
        gap: 16px;
    }

    header .h_sidebar .menu_links a {
        color: #000;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
    }

    header .h_sidebar .menu_links p {
        gap: 10px;
        color: #979797;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
    }

    header .h_sidebar .services {
        padding-top: 17px;
        color: #979797;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: -0.1px;
        text-transform: uppercase;
    }

    header .mobile-header {
        display: block;
    }

    .mobile-header {
        padding: 14px 0;
        margin-bottom: 24px;
    }

    header .h_sidebar .logo a {
        text-decoration: none;
        color: #000;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
    }

    header .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .close-area span {
        color: #000;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
    }

    header .close-area {
        padding-right: 12px;
    }

    header .h_sidebar .flx::after {
        width: 30px;
        height: 16px;
        top: -49px;
        right: 11px;
        background: transparent;
    }

    .show-project-details-btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #show-project-details {
        color: #686868;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
        position: relative;
        top: 6px;
    }

    .nav-center span:hover::before {
        top: -8px;
    }

    .nav-center span:hover::after {
        top: 10px;
    }

    #close-project-details {
        color: #686868;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
        margin: auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        position: absolute;
        padding-top: 20px;
        padding-right: 10px;
    }

    .project-details.active .project-pop-meta .pop-translation {
        color: #979797;
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 10px;
    }

    .project-details.active .project-pop-meta .pop-translation::after {
        height: 6px;
        width: 6px;
        transform: translateY(-50%) rotate(271deg) translateX(-50%) scale(-1);
        left: 39.2%;
        top: 44.8%;
    }

    .all-project-folds {
        padding-right: 20px;
    }

    .project-details-fold .column-content ul {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        padding-right: 20px;
    }

    .project-details-fold .column-content ul li {
        list-style: disc;
    }

    .page-template-template-home .show-project-details-btn {
        display: none;
    }

    .pdc-column1 {
        width: 100%;
    }

    .pdci-column1 {
        width: 100%;
    }

    .pdci-column2 {
        margin-right: auto;
        width: 100%;
    }

    .about-section .about_heading {
        width: 100%;
    }

    header .logo {
        height: auto;
        display: block;
    }

    header.client-active .logo {
        opacity: 0;
    }

    header.client-active .nav-right {
        opacity: 0;
    }

    .clients-area-mobile ul li a.a-active::after,
    .clients-area-mobile ul li a.a-active::before {
        color: #000;
    }

    .nav-right .hover-text {
        left: 16px;
        bottom: -100%;
    }

    header .clients-area-mobile {
        display: block;
    }

    header .med-nav-view-toggle.js-home-only {
        display: none;
    }

    header .clients-area-mobile {
        display: block;
        margin: auto;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
    }

    header.client-active .med-nav-root {

        mix-blend-mode: unset;
    }

    header .clients-area-mobile{
        display: none !important;
    }
}

@media (min-width:690px) and (max-width:800px) {
    .med-txt-m, .med-txt-s{
        font-size: 20rem;
        line-height: 20rem;
    }
    .med-nav-root {
        mix-blend-mode: unset;
    }
    .med-txt-nav{
        font-size: 20rem;
        line-height: 30rem;
    }
    .med-lnk-rotate svg{
        position: relative;
        top: 5px;
        font-weight: 500;
    }
    button.med-lnk-rotate.js-close-details-btn svg{
        top: 0;
    }
    header .med-nav-logo-text{
        color: #000;
    }
    .med-nav-view-toggle {
        width: 100% !important;
        grid-column: 6 / 8 !important;
    }
    .med-vs-image-wrap {
        max-height: 100%;
    }
    .pop-translation.js-lang-toggle-en::after {
        right: 46.8%;
        width: 6px;
        height: 6px;
        top: 0;
    }
    .pop-translation.js-lang-toggle-he::after {
        right: 52% !important;
        top: -1px !important;
        width: 6px;
        height: 6px;
    }
    .med-pd-details button span {
        font-size: 20rem;
        line-height: 20rem;
    }
    .med-nav-banner {
        padding: 0 0rem;
    }
    .med-gbl-padding {
        padding-left: 20rem;
        padding-right: 20rem;
    }
    .med-pd-details button{
        width: 100% !important;
        grid-column: 6 / 8 !important;
    }
    .med-mod-popup .med-txt-xlp{
        max-width: 100%;
    }
    .med-mod-modal .hebrew .med-pd-inner .med-txt-p li{
        font-size: 18px;
        line-height: 25px;
    }
}

@media(max-width:680px) {

    .project-details.active .project-pop-meta .pop-translation::after {
        left: 36.2%;
    }

    .safari .pop-translation.js-lang-toggle-en::after{
        right: 39%;
    }

    .Nav_scrollProgressBar__lhULO{
        top: 43px;
    }

    .wpcf7-not-valid-tip {
        top: 100%;
    }

    .mobile-view {
        margin-top: 55.36px;
    }

    .project-rows {
        padding-top: 0;
    }

    .mobile-view {
        padding: 0 1px;
    }

    header {
        padding: 14.55px 0px 14.55px 0.07px;
    }

    header .nav-right {
        padding-right: 0px;
    }
    header .clients-area-mobile{
        display: none !important;
    }


}