@media (max-width: 768px)  {
    #floating-navbar {
        position: inherit !important;
    }

    .header-atas {
        padding-bottom: 10px !important;
    }

    .pading-header-atas h3 {
        font-size: 13px !important;
    }

    .pading-header-atas .tagline {
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
    }

    .pading-header-atas .tagline a {
        align-items: center;
        justify-content: center;
        margin: 0 0 5px !important;
        padding: 4px 8px;
        font-size: 10px;
    }

    .pading-header-atas .tagline a i {
        font-size: 16px !important;
    }

    #slider-block {
        padding-top: 0px !important;
    }

    .unggulan-section {
        height: auto !important;
    }

    .btn-contact {
        font-size: 28px !important;
        padding: 9px 13px !important;
        position: absolute;
        right: 81px;
        bottom: 18px;
        width: 48px;
        height: 48px;
        border-radius: 29px !important;
        margin: 0 !important;
        -webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
        -moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
        box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    }

    .btn-contact span {
        display: none;
    }

    .btn-contact i {
        display: block !important;
    }

    .layanan-section {
        height: auto !important;
        margin-top: 20px !important;
    }

    .panduan {
        height: auto !important;
    }

    /* Khusus Tabel Jadwal */

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr { border: 1px solid #ccc; }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        min-height: 40px;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
    Label the data
    */

    td:nth-of-type(2):before { content: "Senin"; }
    td:nth-of-type(3):before { content: "Selasa"; }
    td:nth-of-type(4):before { content: "Rabu"; }
    td:nth-of-type(5):before { content: "Kamis"; }
    td:nth-of-type(6):before { content: "Jumat"; }
    td:nth-of-type(7):before { content: "Sabtu"; }

    .btn-green-custom-xs {
        font-size: 12px !important;
    }

    #learn-section img {
        height: auto !important;
        width: 100% !important;
    }

    .shortcode-text img {
        height: auto !important;
        width: 100% !important;
    }
}