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

    /* --------------------------------------------------------------------------- GLOBAL UI */

    /* --------------------------- HEADER */
    header {width: 736px;}

    /* --------------------------------------------------------------------------- HOME PAGE */

    /* --------------------------- HOME PAGE INTRO BANNER */
    .home-intro-wrapper {height: 282px; padding: 132px 0 0 0;}
    .bar1-wrapper {height: 70px;}
    .bar1-wrapper h1.h68 {font-size: 44px; height: 70px; margin: -9px 0 0 63px;}
    .bar1 {width: 410px; height: 70px; margin: -61px 0 0 39px;}
    .bar2-wrapper {height: 70px; padding: 0 22px 0 0;}
    .bar2-wrapper h1.h68 {font-size: 44px; height: 70px; margin: -13px 0 0 0;}
    .bar2 {width: 606px; height: 70px; margin: -61px 0 0 72px;}

    /* --------------------------- OPTIONS */
    .options {margin: 48px auto 0 auto;}

    /* --------------------------- USP BANNER */
    .usp-banner {width: 736px;}
    .usp-banner ul {padding: 16px 24px; gap: 16px;}
    .usp-banner ul li {font-size: 14px;}

    /* --------------------------- CLIENTS BANNER */
    .clients-banner {width: 752px; padding: 0 8px;}
    .client-card {width: 172px; height: 80px;}

    /* --------------------------- DOWN BUTTON */
    @keyframes down-button-bounce {0%, 100% {top: 394px;} 75% {top: 370px;}}
    .down {top: 394px;}

    /* --------------------------- STATS BANNER */
    .stats-banner {width: 752px;}
    .stat-card {width: 235px;}

    /* --------------------------- CASE STUDY TEASER CARDS */
    .case-studies {width: 736px;}
    .case-study-teaser-card {width: 688px; padding: 0 24px 33px 24px;}
    .case-study-teaser-card img {width: 336px; height: 217px; margin: 24px 0 0 0;}
    .case-study-teaser-content {padding: 0 0 0 24px;}
    .case-study-teaser-content h2 {margin: 26px 0 22px; font-size: 24px; line-height: 32px;}
    .case-study-teaser-content p {margin: 0 0 25px;}
    .case-study-teaser-content p.p20 {font-size: 16px; line-height: 24px;}
    .case-study-teaser-content a {margin-right: auto;}

    /* --------------------------- RIGHT SIDE CARD */
    .right-side {padding: 0 24px 0 0;}
    .right-side a {margin: 0 0 0 auto;}

    /* --------------------------- TAGS */
    ul.tags {margin: 0 0 18px 0;}
    .right-side ul.tags {margin-left: auto;}

    /* --------------------------- ARTICLE TEASERS */
    .article-teaser-card {width: 360px;}
    .article-teaser-card img {width: 360px; height: 170px;}
    .article-teaser-card .content {width: 312px;}

    /* --------------------------------------------------------------------------- CASE STUDY TEMPLATE */

    /* --------------------------- CASE STUDY INTRO TTILE */
    .case-study-title {width: 736px;}

    /* --------------------------- CASE STUDY HERO IMAGE WRAPPER */
    .case-study-hero-image-wrapper {width: 736px; height: 476px;}
    .case-study-hero-image-wrapper-guru {margin-top: 30px;}

    /* --------------------------- CASE STUDY HERO IMAGE */
    .case-study-hero-image-wrapper img {width: 736px; height: 476px;}
    .case-study-hero-image-wrapper img.hero-image-guru {width: 736px; height: 585px; margin-top: -16px;}
    .case-study-hero-image-wrapper img.hero-image-sarasin {width: 734px; height: 474px;}

    /* --------------------------- CASE STUDY HERO IMAGE CAPTION */
    p.case-study-hero-image-caption {bottom: 0; right: 16px;}

    /* --------------------------- CASE STUDY OVERVIEW TITLE */
    p.overview-title {width: 688px;}

    /* --------------------------- CASE STUDY OVERVIEW CARDS */
    .overview-cards-wrapper {width: 736px; flex-wrap: wrap;}
    .overview-card {width: 312px;}
    .overview-card-full-width-phablet {width: 688px;}
    .overview-card p.p20 {margin: 0 0 10px 0;}

    /* --------------------------- CASE STUDY OVERVIEW MEGA CARD */
    .mega-overview-card {width: 688px; gap: 64px;}
    
    .mega-overview-card .left {width: 312px;}
    .mega-overview-card .right {width: 312px;}

    /* --------------------------- CASE STUDY ABOUT CLIENT */
    .client-wrapper {width: 610px; gap: 52px; flex-direction: column;}
    .client-wrapper .client-text {width: 610px;}
    .client-wrapper .client-logo, .client-content-wrapper .client-logo img {width: 234px; height: 234px;}

    .client-wrapper .guru-logo {margin: 10px 0 9px 8px;}
    .client-wrapper .leakbot-logo {margin: 10px 0 9px 8px;}

    /* --------------------------- CASE STUDY BRIEF */
    .brief-wrapper {width: 610px; flex-direction: column; gap: 0;}
    .brief-wrapper .brief-text {width: 100%}
    .desktop-plan {display: none;}
    .brief-wrapper .brief-image {display: none;}
    .mobile-image-and-plan {display: block; width: 610px;}
    .mobile-image-and-plan img {width: 610px; height: 478px; margin: 24px 0 40px 0;}
    .mobile-image-and-plan-sarasin {width: 578px; height: auto; padding: 15px; border: 1px solid #E0EEF7; margin: 24px 0 40px 0;}
    .mobile-image-and-plan-sarasin img {width: 100%; height: auto; margin: 0 !important; border: 0 !important;}

    /* --------------------------- CASE STUDY SECTION MEDIA RIGHT */
    .media-right-wrapper {width: 610px; gap: 36px; flex-direction: column;}
    .media-right-wrapper .text {width: 100%;}
    .media-right-wrapper .media {width: 100%;}
    .media-right-wrapper .media img {width: 100%;}

    /* --------------------------- CASE STUDY SECTION MEDIA LEFT */
    .media-left-wrapper {width: 610px; gap: 36px; flex-direction: column;}
    .media-left-wrapper .media {width: 100%; order: 1;}
    .media-left-wrapper .media img {width: 100%;}
    .media-left-wrapper .text {width: 100%; order: 0;}

    /* --------------------------- CASE STUDY SECTION FULL WIDTH */
    .full-width-wrapper {width: 610px;}

    /* --------------------------- CASE STUDY SECTION TWO THIRDS */
    .two-thirds-wrapper {width: 610px;}
    .two-thirds-wrapper .text {width: 610px;}
    .two-thirds-wrapper .media {width: 610px; }
    .two-thirds-wrapper .media .images {width: 610px; flex-direction: column;}
    .two-thirds-wrapper .media .images img {width: 610px;}

    /* --------------------------- CASE STUDY SECTION SINGLE COLUMN */
    .single-column-wrapper {width: 610px; margin: 0 auto;}
    .single-column-wrapper .text {width: 610px;}
    .single-column-wrapper .media {width: 610px;}
    .single-column-wrapper .media img {width: 610px;}

    /* --------------------------- CASE STUDY RETRO */
    .retro-wrapper {width: 610px; padding:0; margin: 0 auto;}
    .retro-wrapper .solved {width: 610px;}
    .retro-wrapper hr {width: 610px;}
    /*.retro-wrapper .testimonial {width: 610px;}
    .retro-wrapper .testimonial .avatar-and-text {width: 610px;}*/
    .retro-wrapper .takeaways {width: 610px;}
    .retro-wrapper .takeaways .icon-and-text {width: 610px;}
    .retro-wrapper img.final {display: none;}

    /* --------------------------- CASE STUDY DOWN BAR */
    .down-bar-leakbot, .down-bar-sarasin, .down-bar-guru {width: 736px;}

    /* --------------------------- GURU ZOOM THUMBNAILS */
    .image-thumbnails {gap: 16px; margin-top: 52px; margin-bottom: 13px;}
    .image-thumbnails img {width: 297px; height: 186px; border-radius: 4px !important;}
    .image-thumbnails img:hover {transform: none;}

    /* --------------------------- GURU BEST PRACTICE LOGO GRID */
    .best-practice-logos img {width: 200px !important;}
    img.bp-img-01 {border-radius: 4px 0 0 0 !important;}
    img.bp-img-02 {border-radius: 0 !important;}
    img.bp-img-03 {border-radius: 0 4px 0 0 !important;}
    img.bp-img-04 {border-radius: 0 0 0 4px !important;}
    img.bp-img-05 {border-radius: 0 !important;}
    img.bp-img-06 {border-radius: 0 0 4px 0 !important;}

    /* --------------------------- IMAGE GRID */
    .image-grid {gap: 48px; flex-direction: column;}
    .image-grid img {width: 610px;}
    .image-grid .item-1 {order: 0}
    .image-grid .item-2 {order: 2}
    .image-grid .item-3 {order: 1}
    .image-grid .item-4 {order: 3}

    /* --------------------------- UI DESIGN GURU */
    .ui-design-guru {width: 610px;}
    .ui-design-guru .group {width: 610px;}
    .ui-design-guru .group img {width: 610px; height: 382px;}
    .ui-design-guru .group .row img {width: 140.5px; height: 88px;}
    .ui-design-guru .group .row img:hover {transform: none;}

    /* --------------------------- UI DESIGN SARASIN */
    .ui-design-sarasin {width: 736px;}
    .ui-design-sarasin .designs {gap: 66px; margin: 76px auto 0 auto;}
    .ui-design-sarasin .text {width: 736px;}
    .ui-design-sarasin .designs {width: 736px;}
    .ui-design-sarasin .designs img {width: 736px; height: 372px;}

    /* --------------------------- SARASIN INVESTORS ROW */
    .investors img {width: 64px; height: 64px;}

    /* --------------------------- SARASIN JOURNEY ROW */
    .journey img {width: 64px; height: 64px;}
    .journey img.arrow {width: 40px; height: 40px;}

    /* --------------------------- UI DESIGN LEAKBOT */
    .ui-design-leakbot {width: 610px;}
    .ui-design-leakbot .text {width: 610px;}
    .ui-design-leakbot .designs {width: 610px; gap: 48px;}
    .ui-design-leakbot .designs .group {gap: 16px;}
    .ui-design-leakbot .designs img {width: 610px; height: 382px;}

    /* --------------------------- BIG CARD LIGHTNING BULLET ITEMS LEAKBOT */
    .big-card-bullet-wrapper {flex-direction: column;}
    .big-card-bullet-wrapper .mega-lightning-main {width: auto;}

    /* --------------------------- CASE STUDY TITLE BARS */
    .project-title-content {width: 610px;}

    /* --------------------------- GURU TEST TABLE */
    .guru-test-table-desktop {display: none;}
    .mobile-table-wrapper {display: flex;}

    /* --------------------------- MOBILE PUSH */
    .mobile-push {margin-top: 16px;}

    /* --------------------------------------------------------------------------- QUICK CASE STUDY TEMPLATE */

    /* Title */
    .quick-case-study-title {width: 610px;}

    /* Body wrapper */
    .quick-case-study-body {width: 610px;}

    /* Overview cards */
    .quick-case-study-body .overview-cards-wrapper {width: 610px;}
    .quick-case-study-body .overview-cards-wrapper .overview-card {width: 142.5px;}
    .quick-case-study-body .overview-cards-wrapper .overview-card.wider {width: 247px;}

    /* Swiper width */
    .swiper {width: 610px;}

    /* Swiper image */
    .swiper-slide img {width: 610px; height: 382px;}

    /* Pagination */
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {top: 351px; left: 16px;}

    /* Navigation */
    .swiper-button-prev {left: 495px; top: 339px;}
    .swiper-button-next {right: 17px; top: 339px;}

    /* QCS navigation */
    .more-qcs {width: 610px;}

    /* Next case study */
    .next-cs {width: 610px;}

    /* Footer min */
    .footer-min-wrapper footer {width: 610px;}

}