/* XSP Responsive CSS */

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

img {
    max-width: 100% !important;
    height: auto !important;
}

table {
    max-width: 100%;
}

@media screen and (max-width: 768px) {

    body {
        margin: 0;
        padding: 5px;
    }

    /* Κεντρικός πίνακας XSP */
    .XSP_OUTLINE,
    .XSP_OUTLINE tbody,
    .XSP_OUTLINE tr,
    .XSP_OUTLINE td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Αριστερό μενού */
    .XSP_LEFT_PANEL,
    .XSP_LEFT_PANEL_SPC {
        display: none !important;
    }

    /* Κεντρικό περιεχόμενο */
    .XSP_CENTER_PANEL,
    .XSP_MAIN_PANEL {
        width: 100% !important;
    }

    /* Εικόνες */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Πίνακες μέσα στο κείμενο */
    table {
        width: 100% !important;
        height: auto !important;
    }

    td {
        word-wrap: break-word;
    }

    /* Τίτλοι */
    h1 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }

    h2 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

    /* Φόρμες */
    input,
    textarea,
    select {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Μεγάλα κείμενα */
    p,
    li,
    td,
    span,
    font {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}