/* ==========================================================================
   Trip 2 - 1366px
   ========================================================================== */
@media(min-width: 769px) {
    
    .trip2 .row-25.justify-right {
        grid-column: 1 / span 4;
    }
    .trip2 .row-25.justify-left {
        grid-column: 5 / span 4;
    }

    .trip2 .pinhole-ii-16 {
        grid-row: 1;
    }

    .trip2 .pinhole-ii-05 {
        grid-row: 2;
        grid-column: 1 / span 4;
    }

    .trip2 .pinhole-ii-19 {
        grid-row: 3;
    }

    .trip2 .pinhole-ii-15 {
        grid-row: 4;
    }

    .trip2 .pinhole-ii-02 {
        grid-row: 5;
    }

    .trip2 .pinhole-ii-11 {
        grid-row: 6;
    }

    .trip2 .pinhole-ii-14 {
        grid-row: 7;
    }

    .trip2 .pinhole-ii-08 {
        grid-row: 8;
    }

    .trip2 .pinhole-ii-09 {
        grid-row: 9;
    }

    .trip2 .pinhole-ii-01 {
        grid-row: 10;
        grid-column: 3 / span 2;
        margin-right: 10px;
    }

    .trip2 .process-ii-12 {
        grid-column: 5 / span 2;
        margin-left: 10px;
        align-self: flex-end;
        margin-bottom: 50px;
    }

    .trip2 .pinhole-ii-17 {
        grid-row: 11;
    }

    .trip2 .pinhole-ii-06 {
        grid-row: 12;
        grid-column: 1 / span 5;
    }

    .trip2 .process-ii-05 {
        grid-row: 1;
        grid-column: 6 / span 3;    
        margin-left: 20px;
        align-self: center;
    }

    .trip2 .pinhole-ii-20 {
        grid-row: 13;
    }

    .trip2 .pinhole-ii-12 {
        grid-row: 14;
    }

    .trip2 .process-ii-10 {
        grid-column: 2 / span 2;
    }

    .trip2 .process-ii-09 {
        grid-column: 4 / span 2;  
        margin-top: 50px;

    }

    .trip2 .pinhole-ii-10 {
        grid-row: 16;    
    }

    .trip2 .process-ii-08 {
        grid-column: 2 / span 2;  

    }

    .trip2 .process-ii-07 {
        grid-column: 4 / span 2;      
    }

    .trip2 .pinhole-ii-18 {
        grid-row: 18;  
    }

    .trip2 .pinhole-ii-21 {
        grid-row: 19;  
    }

    .trip2 .process-ii-13 {
        grid-column: 6 / span 3;
        justify-self: flex-start;
        align-self: center;
    }

    .trip2 .pinhole-ii-07 {
        grid-row: 21;
        grid-column: 1 / span 4;
    }

    .trip2 .pinhole-ii-03 {
        grid-row: 21;
        grid-column: 5 / span 4;

    }

    .trip2 .process-ii-01 {
        grid-column: 3 / span 2;
    }

    .trip2 .process-ii-11 {
        grid-column: 5 / span 2;
    }

    .trip2 .pinhole-ii-13 {
        grid-row: 23;    
    }

    .trip2 .process-ii-02 {
        grid-column: 1;

    }

    .trip2 .process-ii-03 {
        grid-column: 3;

    }

    .trip2 .process-ii-04 {
        grid-column: 5;
    }

}

/* ==========================================================================
   Trip 2 - 768px - Tablet
   ========================================================================== */

@media (max-width: 768px) {
  
    .trip2 .pinhole-ii-16 {
        grid-row: 1;
    }

    .trip2 .pinhole-ii-05 {
        grid-row: 2;
    }


    .trip2 .pinhole-ii-15 {
        grid-row: 3;
    }

    .trip2 .pinhole-ii-02 {
        grid-row: 4;
    }

    .trip2 .pinhole-ii-11 {
        grid-row: 5;
    }

    .trip2 .pinhole-ii-14 {
        grid-row: 6;
    }

    .trip2 .pinhole-ii-08 {
        grid-row: 7;
    }

    .trip2 .pinhole-ii-09 {
        grid-row: 8;
    }

    .trip2 .pinhole-ii-01 {
        grid-row: 9;
    }

    .trip2 .process-ii-12 {
        grid-row: 10;
    }

    .trip2 .pinhole-ii-17 {
        grid-row: 11;
    }

    .trip2 .pinhole-ii-06 {
        grid-row: 12;
    }

    .trip2 .process-ii-05 {
        grid-row: 13;
        justify-self: center;
        margin-top: 20px;
    }

    .trip2 .pinhole-ii-12 {
        grid-row: 14;
    }

    .trip2 .process-ii-10 {
        //grid-row: 15;
    }

    .trip2 .process-ii-09 {
        //grid-row: 16;
    }

    .trip2 .pinhole-ii-10 {
        grid-row: 17;
    }

    .trip2 .process-ii-08 {
        grid-row: 18;
    }

    .trip2 .process-ii-07 {
    }

    .trip2 .pinhole-ii-18 {
        grid-row: 20;
    }

    .trip2 .process-ii-13 {
        grid-row: 21;
    }

    .trip2 .pinhole-ii-07 {
        grid-row: 22;
    }

    .trip2 .pinhole-ii-03 {
        grid-row: 23;
    }

    .trip2 .process-ii-01 {
        grid-row: 24;
    }

    .trip2 .process-ii-11 {
        grid-row: 25;
        margin-top: 20px;
    }

    .trip2 .pinhole-ii-13 {
        grid-row: 26;
    }

    .trip2 .process-ii-02 {
        grid-row: 27;
    }

    .trip2 .process-ii-03 {
        grid-row: 28;
        margin-top: 20px;
    }

    .trip2 .process-ii-04 {
        grid-row: 29;
        margin-top: 20px;
    }
    
    .trip2 .image-process {
        grid-column: 1 /span 8;
    }
    
    img.image-process.process-ii-12.justify-left.row-11 {
        justify-self: center;
    }
}

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

@media (max-width: 450px) {
    
    
    
}