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

    /* Adjustments for landscape tablets and iPad Pro sizes */
    .container{
        padding: 0px 0px;
    }

    .logo-1020 svg {
        width: 220px;
    }

    /* ---------- HEADER ---------- */
    .mainheader {
        padding: 10px 50px;
    }

    .mainfooterbg .container {
        padding: 0 15px;
    }

    .padding-95 {
        padding: 0px !important;
    }

    .getintouch {
        width: 100%;
        height: auto;
    }

    /* ---------- HERO ---------- */
    .hero-morph-svg {
        width: 680px;
        height: 680px;
    }

    .hero-text {
        font-size: 90px;
    }

    .the-text {
        font-size: 90px;
    }

    .collective-text {
        font-size: 90px;
    }

    .hero-line {
        width: clamp(40px, 12vw, 160px);
    }

    /* ---------- SERVICES / VISION ---------- */
    .visiontitle2 {
        font-size: 90px;
        white-space: normal;
    }

    .card-text {
        font-size: 90px;
        min-width: 550px;
    }

    .horizontal-panel {
        padding: 0 6vw;
    }

    .vision-card-image img{
        min-width: 500px;
        min-height: 500px;
    }

    /* ---------- CURIOUS / OUR STORY ---------- */
    .curiousbg {
        min-height: 640px;
    }

    .curious-title2,
    .green-word {
        font-size: 64px;
    }

    .main-curious-desc {
        width: 100%;
        max-width: 770px;
    }

    .main-curious-desc p,
    .main-curious-desc span {
        font-size: 18px;
    }

    /* ---------- BRANDS ---------- */
    .brandstitle2,
    .brandsothertext {
        font-size: 48px;
    }

    .brands-set {
        gap: 44px;
        padding: 0 32px;
    }

    /* ---------- DESIGNED WELL ---------- */
    .designedwellbg {
        height: 100vh;
        min-height: 600px;
    }

    .glitch {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .designedbgcolor {
        width: 120%;
        max-width: none;
        height: auto;
        left: -10%;
        margin-top: 0;
        object-fit: cover;
    }

    .designedwelltextarea {
        width: 100%;
        overflow: visible;
    }

    .designedtext {
        font-size: clamp(56px, 7.5vw, 76px);
        line-height: 1.08;
        letter-spacing: -0.045em;
        padding-left: 0;
    }

    .designedothertext {
        font-size: inherit;
    }

    .invertedicon {
        top: -50px;
        width: 34px;
        height: 28px;
    }

    /* ---------- VERTICAL SLIDER ---------- */
    .verticalslidertrack {
        grid-template-columns: repeat(3, minmax(0, 300px));
    }

    /* ---------- FOOTER ---------- */
    .footertitle,
    .footertitle .extraordinarybg {
        font-size: 48px;
    }

    .align-items-start {
        margin-left: 0px !important
    }

    .footerleftbox {
        max-width: 100%;
    }

    .emailtext {
        font-size: 26px;
    }

    .footerrightsbox {
        margin-top: 64px;
    }
    #work.glimpsebg > .container{
            padding: 0px 15px;
    }
    #work > .container > .row:nth-child(2) > .left-text-col > article,
    #work > .container > .row:nth-child(4) > .left-text-col > article {
        align-items: flex-end !important;
        min-width:430px;
        right: 0px;
    }

    #work > .container > .row:nth-child(3) > [class*="col-"]:first-child > article,
    #work > .container > .row:nth-child(5) > [class*="col-"]:first-child > article {
        align-items: flex-start !important;
        min-width:430px;
        left: 0px;
    }
}