@charset "utf-8";
/* ====:: FILE INFO ::====
	@filename		: absp-responsive.css
	@package		: Templates.absp : ABS-CBN Holdings ( Joomla 3.x )
	@subpackage	    : Website Stylesheet Stylesheet ( Responsive Layout Directives )
	@version		: 15.Apr.2020  |  Joel Quinto
	©2018 Coffee Cup New Media Studios, Inc. All rights reserved.
	===================== */



/* :: Small Displays :: */
@media (max-width: 575px) {
    .moduletable.slide-menu { visibility: visible; display: block; }
    .moduletable.footer-menu { text-align: center; }
    #page-content { padding: 20px; }
    #main-right-sidebar { padding-left: 0; }
    .moduletable.absp-menu { margin-bottom: 15px; padding-top: 5px; padding-bottom: 0; }
    .download-quick-links {
        flex-direction: column;
        margin: 30px 0;
    }
    .download-quick-link { margin-bottom: 15px; margin-right: 0; }
    .download-quick-link, .download-quick-link a { height: 90px; width: 100%; }
    .board-of-directors img {
        float: none;
        margin-bottom: 10px;
    }
    img.absp-structure { float: none; }
    .distribution-history-table { width: 100%; }
    .distribution-history-table .label .abridged { visibility: visible; display: inline; }
    .distribution-history-table .label .full { visibility: hidden; display: none; }
    .stock-listing .data { width: 100%; }
    .stock-data .data { width: 100%; }
    #mandatories {
        margin-bottom: 20px;
        text-align: center;
    }
}
@media (max-width: 424px) {
}
@media (min-width: 576px) {
    .moduletable.slide-menu { visibility: visible; display: block; }
    #main-right-sidebar { padding-left: 0; }
    .moduletable.absp-menu { margin-bottom: 15px; padding-top: 5px; padding-bottom: 0; }
    .download-quick-links {
        flex-direction: column;
        margin: 30px 0;
    }
    .download-quick-link { margin-bottom: 15px; margin-right: 0; }
    .download-quick-link, .download-quick-link a { height: 90px; width: 478px; }
    .board-of-directors img {
        float: none;
        margin-bottom: 10px;
    }
    img.absp-structure { float: none; }
    .distribution-history-table { width: 100%; }
    .distribution-history-table .label .abridged { visibility: visible; display: inline; }
    .distribution-history-table .label .full { visibility: hidden; display: none; }
    .stock-listing .data { width: 100%; }
        .stock-listing .data.status { order: 1; }
        .stock-listing .data.market-capitalization { order: 7; }
        .stock-listing .data.issue-type { order: 2; }
        .stock-listing .data.outstanding-shares { order: 8; }
        .stock-listing .data.isin { order: 3; }
        .stock-listing .data.listed-shares { order: 9; }
        .stock-listing .data.listing-date { order: 4; }
        .stock-listing .data.issued-shares { order: 10; }
        .stock-listing .data.board-lot { order: 5; }
        .stock-listing .data.float-level { order: 11; }
        .stock-listing .data.par-value { order: 6; }
        .stock-listing .data.foreign-limit { order: 12; }
    .stock-data .data { width: 100%; }
        .stock-data .data.last-price { order: 1; }
        .stock-data .data.opening-price { order: 2; }
        .stock-data .data.closing-price { order: 3; }
        .stock-data .data.price-change { order: 4; }
        .stock-data .data.trade-high { order: 5; }
        .stock-data .data.pe-ratio { order: 12; }
        .stock-data .data.total-value { order: 8; }
        .stock-data .data.trade-low { order: 6; }
        .stock-data .data.pe-ratio-section { order: 13; }
        .stock-data .data.total-volume { order: 9; }
        .stock-data .data.average-price { order: 7; }
        .stock-data .data.book-value { order: 14; }
        .stock-data .data.high-52-weeks { order: 10; }
        .stock-data .data.low-52-weeks { order: 11; }
        .stock-data .data.pbv-ratio { order: 15; }
    .stock-data .label { width: 145px; }
    .moduletable.footer-menu { text-align: center; }
    #mandatories {
        margin-bottom: 20px;
        text-align: center;
    }
}



/* :: Medium Displays :: */
@media (min-width: 768px) {
    .moduletable.slide-menu { visibility: hidden; display: none; }
    .distribution-history-table .label .abridged { visibility: hidden; display: none; }
    .distribution-history-table .label .full { visibility: visible; display: inline; }
    .stock-listing .data { width: 50%; }
        .stock-listing .data.status { order: 1; }
        .stock-listing .data.market-capitalization { order: 2; }
        .stock-listing .data.issue-type { order: 3; }
        .stock-listing .data.outstanding-shares { order: 4; }
        .stock-listing .data.isin { order: 5; }
        .stock-listing .data.listed-shares { order: 6; }
        .stock-listing .data.listing-date { order: 7; }
        .stock-listing .data.issued-shares { order: 8; }
        .stock-listing .data.board-lot { order: 9; }
        .stock-listing .data.float-level { order: 10; }
        .stock-listing .data.par-value { order: 11; }
        .stock-listing .data.foreign-limit { order: 12; }
    .stock-data .data { width: 50%; }
    .stock-data .data:last-of-type { width: 100%; }
        .stock-data .data.last-price { order: 1; }
        .stock-data .data.opening-price { order: 3; }
        .stock-data .data.closing-price { order: 5; }
        .stock-data .data.price-change { order: 7; }
        .stock-data .data.trade-high { order: 2; }
        .stock-data .data.pe-ratio { order: 9; }
        .stock-data .data.total-value { order: 8; }
        .stock-data .data.trade-low { order: 4; }
        .stock-data .data.pe-ratio-section { order: 11; }
        .stock-data .data.total-volume { order: 10; }
        .stock-data .data.average-price { order: 6; }
        .stock-data .data.book-value { order: 13; }
        .stock-data .data.high-52-weeks { order: 12; }
        .stock-data .data.low-52-weeks { order: 14; }
        .stock-data .data.pbv-ratio { order: 15; }
    .moduletable.footer-menu { text-align: right; }
    #mandatories {
        margin-bottom: 0;
        text-align: right;
    }
}
@media (min-width: 992px) {
    #main-right-sidebar {padding-left: 20px; }
    .moduletable.absp-menu { margin-bottom: 0; padding: 10px 0; }
    .download-quick-links {
        flex-direction: row;
        margin: 40px 0;
    }
    .download-quick-link { margin-right: 14px; }
    .download-quick-link, .download-quick-link a { height: 72.5px; width: 290px; }
    .distribution-history-table { width: 80%; }
    .stock-data .data { width: 33.3333333%; }
    .stock-data .data:last-of-type { width: 33.3333333%; }
        .stock-data .data.last-price { order: 1; }
        .stock-data .data.opening-price { order: 2; }
        .stock-data .data.closing-price { order: 3; }
        .stock-data .data.price-change { order: 4; }
        .stock-data .data.trade-high { order: 5; }
        .stock-data .data.pe-ratio { order: 6; }
        .stock-data .data.total-value { order: 7; }
        .stock-data .data.trade-low { order: 8; }
        .stock-data .data.pe-ratio-section { order: 9; }
        .stock-data .data.total-volume { order: 10; }
        .stock-data .data.average-price { order: 11; }
        .stock-data .data.book-value { order: 12; }
        .stock-data .data.high-52-weeks { order: 13; }
        .stock-data .data.low-52-weeks { order: 14; }
        .stock-data .data.pbv-ratio { order: 15; }
    .stock-data .label { width: 130px; }
}




/* :: Large Displays :: */
@media (min-width: 1025px) {
}
@media (min-width: 1200px) {
    #main-right-sidebar {padding-left: 30px; }
    .download-quick-links { margin: 40px 0; }
    .download-quick-link { margin-right: 15px; }
    .download-quick-link, .download-quick-link a { height: 89px; width: 356px; }
    .board-of-directors img {
        float: left;
        margin-bottom: 30px;
    }
    img.absp-structure { float: right; }
}
@media (min-width: 1600px) {
    .download-quick-link {margin-right: 35px; }
    .download-quick-link, .download-quick-link a { height: 119px; width: 476px; }
}