/* MAIN SLIDE----------------------------- */
#slide04 {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0;
    padding: 10vh 0 10vh 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.slide04wrapper {
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
/* TITLEBOX-------------------------- */
.pstitlewrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pstitle {
    font: bolder 4.3vw cochin;
    color: #222e40;
    padding: 1vw 0;
}
.ps-sub1 {
    width: 100%;
    text-align: center;
    font: normal 1.4vw verdana;
    text-transform: uppercase;
    color: #222e40;
    padding: 0.5vw 0;
    border-bottom: solid 0.4vw #D52630;
}
.ps-sub2 {
    width: 80%;
    text-align: left;
    font: normal 1.1vw verdana;
    color: #222e40;
    padding: 1.5vw 0;

}
/* IMAGE BOX------------------------- */
.psimgwrapper {
    width: 100%;
    padding: 1vw 0;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.skew {
    margin: 0.2vw;
    width: 24vw;
    height: 6vw;
    transform:skewX(-40deg);
    overflow: hidden;
}
.unskew01 {
    transform:skewX(40deg);
    width: 30vw;
    height: 6vw;
    background: url(https://wms.com.ph/img/ps-placeholder01.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    left: -2.5vw;
}
.unskew02 {
    transform:skewX(40deg);
    width: 30vw;
    height: 6vw;
    background: url(https://wms.com.ph/img/ps-placeholder02.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    left: -2.5vw;
}
.unskew03 {
    transform:skewX(40deg);
    width: 30vw;
    height: 6vw;
    background: url(https://wms.com.ph/img/ps-placeholder03.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    left: -2.5vw;
}
/* CONTENT---------------------- */
.pscontentwrapper {
    width: 95%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-top: solid 0.5vw #D52630;

}
.pscolumn {
    width: 35vw;
    height: 80%;
    /* text-align: left; */
    font: normal 1.1vw verdana;
    color: #222e40;
    padding: 3vw 1vw;
}

ul > li {
    margin-left: 10px;
}

/* -------------------------------------------------------- */
/* -----------MEDIA QUERY FOR RESPONSIVE SCREEN------------ */
/* -------------------------------------------------------- */
@media only screen and (max-width: 799px) {
        #slide04 {
            padding: 8vh 0 5vh 0;
            max-height: none;
        }
        .slide04wrapper {
            width: 90%;
        }
        .pstitle {
            width: 75%;
            font: bolder 10vw cochin;
            padding: none;
            text-align: center;
        }
        .ps-sub1 {
            width: 95%;
            text-align: center;
            padding: 4vw 0;
            font: normal 3vw verdana;
            border-bottom: solid 1.5vw #D52630;
        }
        .ps-sub2 {
            width: 70%;
            padding: 4vw 0;
            text-align: left;        
            font: normal 3vw verdana;
            word-spacing: 1.5vw;
        }
        .skew, .unskew01, .unskew02, .unskew03, .psimgwrapper {
            display: none;
        }
        /* CONTENT---------------------- */
        .pscontentwrapper {
            flex-direction: column;
            width: 85%;
            border: none;
            padding: 3vw 0 5vw 0;
            border-top: solid 1.5vw #D52630;
        }
        .pscolumn {
            padding: 0;
            width: 75%;
            height: auto;
            font: normal 3vw/4.5vw verdana;
        }

}