/* ==========================================================================
   Trip 1 - 1366px
   ========================================================================== */


@media (min-width: 769px) {
.trip1 .process-i-02 {
}
.trip1 .row-33.justify-right {
    grid-column: 5 / span 4;
}
.trip1 .row-33.justify-left {
    grid-column: 1 / span 4;
}

.trip1 .process-i-04 {
}

.trip1 .pinhole-i-01 {
    grid-row: 1;
}

.trip1 .pinhole-i-02 {
    grid-row: 2;
}

.trip1 .pinhole-i-03 {
    grid-row: 3;
}

.trip1 .pinhole-i-04 {
    grid-row: 4;
}

.trip1 .process-i-03 {
    grid-column: 1;
}

.trip1 .process-i-08 {
    grid-column: 3;
}

.trip1 .process-i-09 {
    grid-column: 5;
}

.picture-in-picture {
    grid-row: 6;
    grid-column: 1 / span 8;
    position: relative;
}

.trip1 .pinhole-i-05 {
}

.trip1 .process-i-10 {
    z-index: 1;
    align-self: end;
    max-width: 30% !important;
    position: absolute;
    right: 90px;
    bottom: 0px;
}

.trip1 .pinhole-i-06 {
}

.trip1 .pinhole-i-07 {
    grid-row: 7;
}

.trip1 .pinhole-i-08 {
    grid-row: 8;
}

.trip1 .pinhole-i-09 {
    grid-row: 9;
}

.trip1 .pinhole-i-10 {
    grid-row: 10;
}

.trip1 .pinhole-i-11 {
    grid-row: 11;
}

.trip1 .pinhole-i-12 {
    grid-row: 12;
}

.trip1 .process-i-05 {
    grid-column: 1 / span 8;
}

.trip1 .pinhole-i-13 {
    grid-row: 14;
}

.trip1 .pinhole-i-14 {
}

.trip1 .pinhole-i-15 {
    grid-row: 15;
}

.trip1 .pinhole-i-16 {
    grid-row: 16;
    grid-column: 2 / span 3 !important;
}

.trip1 .pinhole-i-17 {
    grid-row: 16;
    grid-column: 5 / span 3 !important;
}

.trip1 .pinhole-i-18 {
    grid-row: 17;
}

.trip1 .pinhole-i-19 {
    grid-row: 18;
}

.trip1 .process-i-06 {
    grid-column: 2 / span 4;
}

.trip1 .pinhole-i-20 {
    grid-row: 20;
}

.trip1 .process-i-01 {
    grid-column: 1 / span 8;
}

.trip1 .pinhole-i-21 {
    grid-row: 22;
}

.trip1 .pinhole-i-22 {
    grid-row: 23;
}

.trip1 .pinhole-i-23 {
    grid-row: 24;
}

.trip1 .pinhole-i-24 {
    grid-row: 25;
}

.trip1 .pinhole-i-25 {
    grid-row: 26;
    grid-column: 2 / span 3 !important;
}

.trip1 .pinhole-i-26 {
    grid-row: 26;
    grid-column: 5 / span 3 !important;
}

.trip1 .pinhole-i-27 {
    grid-row: 27;
}

.trip1 .pinhole-i-28 {
    grid-row: 28;
}

.trip1 .pinhole-i-29 {
    grid-row: 29;
}

.trip1 .process-i-07 {
    grid-column: 1 / span 8;
}

.trip1 .pinhole-i-30 {
    grid-row: 31;
}

.trip1 .pinhole-i-31 {
    grid-row: 32;
}

.trip1 .pinhole-i-32 {
    grid-row: 33;
}

.trip1 .pinhole-i-33 {
    grid-row: 34;
}

.trip1 .pinhole-i-34 {
    grid-row: 34;
}
}

/* ==========================================================================
   Trip 1 - 768px - Mobile
   ========================================================================== */

@media (max-width: 768px) {
    .trip1 .process-i-02 {
    }


    .trip1 .process-i-04 {
    }

    .trip1 .pinhole-i-01 {
        grid-row: 1;
    }

    .trip1 .pinhole-i-02 {
        grid-row: 2;
    }

    .trip1 .pinhole-i-03 {
        grid-row: 3;
    }

    .trip1 .pinhole-i-04 {
        grid-row: 4;
    }

    .trip1 .process-i-03 {
        grid-row: 5;
        grid-column: 1 / span 8;
        height: 260px;
    }

    .trip1 .process-i-08 {
        grid-row: 6;
        grid-column: 1 / span 8;
        height: 260px;
        margin-top: 20px;
    }

    .trip1 .process-i-09 {
        grid-row: 7;
        grid-column: 1 / span 8;
        height: 260px;
        margin-top: 20px;
    }
    
    .picture-in-picture {
        grid-row: 8;
        grid-column: 1 / span 8;
        position: relative;
    }

    .trip1 .pinhole-i-05 {
    }

    .trip1 .process-i-10 {
        z-index: 1;
        align-self: end;
        right: 40px !important;
    }

    .trip1 .pinhole-i-06 {
    }

    .trip1 .pinhole-i-07 {
        grid-row: 9;
    }

    .trip1 .pinhole-i-08 {
        grid-row: 10;
    }

    .trip1 .pinhole-i-09 {
        grid-row: 11;
    }

    .trip1 .pinhole-i-10 {
        grid-row: 12;
    }

    .trip1 .pinhole-i-11 {
        grid-row: 13;
    }

    .trip1 .pinhole-i-12 {
        grid-row: 14;
    }

    .trip1 .process-i-05 {
        grid-row: 15;
        grid-column: 1 / span 8;
    }

    .trip1 .pinhole-i-13 {
        grid-row: 16;
    }

    .trip1 .pinhole-i-16 {
        grid-row: 17;
    }

    .trip1 .pinhole-i-14 {
    }

    .trip1 .pinhole-i-15 {
        grid-row: 18;
    }

    .trip1 .pinhole-i-16 {
        grid-row: 19;
        grid-column: 1 / span 8 !important;
    }

    .trip1 .pinhole-i-17 {
        grid-row: 20;
        grid-column: 1 / span 8 !important;
    }

    .trip1 .pinhole-i-18 {
        grid-row: 21;
    }

    .trip1 .pinhole-i-19 {
        grid-row: 22;
    }

    .trip1 .process-i-06 {
        grid-row: 23;
        grid-column: 1 / span 8;
    }

    .trip1 .pinhole-i-20 {
        grid-row: 24;
    }

    .trip1 .process-i-01 {
        grid-row: 25;
        grid-column: 1 / span 8;
    }

    .trip1 .pinhole-i-21 {
        grid-row: 26;
    }

    .trip1 .pinhole-i-22 {
        grid-row: 27;
    }

    .trip1 .pinhole-i-23 {
        grid-row: 28;
    }

    .trip1 .pinhole-i-24 {
        grid-row: 29;
    }

    .trip1 .pinhole-i-25 {
        grid-row: 30;
        grid-column: 1 / span 8 !important;
    }

    .trip1 .pinhole-i-26 {
        grid-row: 31;
        grid-column: 1 / span 8 !important;
    }

    .trip1 .pinhole-i-27 {
        grid-row: 32;
    }

    .trip1 .pinhole-i-28 {
        grid-row: 33;
    }

    .trip1 .pinhole-i-29 {
        grid-row: 34;
    }

    .trip1 .process-i-07 {
        grid-column: 1 / span 8;
    }

    .trip1 .pinhole-i-30 {
        grid-row: 36;
    }

    .trip1 .pinhole-i-31 {
        grid-row: 37;
    }

    .trip1 .pinhole-i-32 {
        grid-row: 38;
    }

    .trip1 .pinhole-i-33 {
        grid-row: 39;
    }

    .trip1 .pinhole-i-34 {
        grid-row: 40;
    }
    
    img.image-pinhole.vertical {
        height: 450px;
    }

    img.image-mini-overlay {
        margin-bottom: 20px;
        margin-right: 10px;
    } 
}

@media (max-width: 450px) {    
    
    img.image-pinhole.vertical {
        height: 326px;
    }
}