/***
 *** RESPONSIVE CSS Document
 ***
 ***/

@media (max-width: 480px) {

    /*** BEGIN TEMPLATE MAIN COMPONENT -- HEADER CSS SETTING ***/
    #logo-area {
        width: 33%;
    }

    /*** BEGIN TEMPLATE MAIN COMPONENT -- FOOTER CSS SETTING ***/
    #footer ul.ul-corp-logo-area {
        width: 30%;
    }

    /*** BEGIN PRODUCT PORTFOLIO CSS SETTING ***/
    .page-title {
        font-size: 1.5rem;
    }
    .content-sub-title {
        font-size: 1rem;
    }
    .div-pds-standard {
        display: none;
    }
    .div-pds-mobile {
        display: block;
    }

    /*** BEGIN CLIENT LOGIN CSS SETTING ***/
    .container-client-login table {
        width: 85%;
    }
    
}

@media (max-width: 414px) {

}

@media (max-width: 375px) {
    
    /*** BEGIN TEMPLATE MAIN COMPONENT -- FOOTER CSS SETTING ***/
    #footer ul.ul-corp-logo-area {
        display: none;
    }
    #footer ul.ul-corp-info-area {
        width: 92%;
    }
        
}

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

@media (max-width: 320px) {
    
    /*** BEGIN PRODUCT PORTFOLIO CSS SETTING ***/
    .page-title {
        font-size: 1.25rem;
    }

}