//*****************************************************************************
//*****************************************************************************
// SwellCore Quasar Page Styles
//*****************************************************************************
//*****************************************************************************

.scq-page {
    background: white;
    padding: 10px 20px 10px;

    .scq-page {
        padding: 0px 0px 10px;
    }

    .scq-page-title {
        border-bottom: 2px #efefef solid;
        margin-bottom: 20px;

        .q-icon {
            margin-right: 5px;
            padding-bottom: 4px;
        }

        .scq-page-title-actual {
            float: left;
            margin: 0;
            //font-size: 1.6em;
            font-size: 24px;
        }
        
        @media (max-width: 599.99px) {
            border-bottom: 1px #efefef solid;
            .scq-page-title-actual {
                font-size: 18px;
            }
        }
    }

    .scq-page-sub-title {
        .scq-page-sub-title-actual {
            float: left;
        }
    }

    .scq-page-title-clear,
    .scq-page-sub-title-clear {
        clear: both;
    }
}

//*****************************************************************************
//*****************************************************************************
// Responsive CSS Styles
//*****************************************************************************
//*****************************************************************************

//=============================================================================
// Large desktop
//=============================================================================
@media (min-width: 1200px) {

}

//=============================================================================
// Small Desktop
//=============================================================================
@media (min-width: 980px) {

}

//=============================================================================
// Portrait tablet to landscape and Desktop
//=============================================================================
@media (min-width: 768px) and (max-width: 979px) {

}

//=============================================================================
// Tablet
//=============================================================================
@media (max-width: 1024px) {

}

//=============================================================================
// Landscape phone to portrait tablet
//=============================================================================
@media (max-width: 767px) {

}

//=============================================================================
// Landscape phones
//=============================================================================
@media (max-width: 480px) {

}

//=============================================================================
// Portrait phones and down
//=============================================================================
@media (max-width: 320px) {

}