/* TABLET YATAY */
@media only screen and (width : 1024px) { }

/* TABLET DIKEY */
@media only screen and (width : 768px) {}

/* TELEFON */
@media only screen and (max-width : 760px) {
    .fancybox-slide { padding: 0; }
    table th, table td { padding: 10px 5px;}
    .login-box { box-shadow: unset; }
    #topbar .hmenu { display: none; }
    #menu-icon { display: inline-block; }
    #menubar, #seperator { display: none; }
    #menubar {
        position: fixed;
        bottom: 0;
        top: 55px;
        width: 100%;
        overflow: auto;
        padding-top: 10px;
    }
    #menubar.show {
        display: block;
    }
    .show-on-phone { display: block; }
    #playground { padding: 20px; }
    .hide-on-phone { display: none; }
    table td.hide-on-phone, table th.hide-on-phone { display: none; }
    #playground .page-header { flex-direction: column; }
    #playground .page-header h1 { margin-bottom: 15px; }
    .criteria-col { width: 100%; margin: 0; }
    .criteria-col.mr-3 { margin-right: unset; }
    .snap-to-left { margin-left: unset; }
    .snap-to-right { margin-right: unset; }
    #file-area {
        flex-direction: column;
    }

    .portlet {
        margin: 10px 0;
    }

    .portlet.thin {
        padding: 20px 10px;
    }

    #page-tab {
        flex-direction: column;
        padding: 0px;
    }

    .tab label {
        border-radius: 0;
    }
    
    .kpagination * {
        flex-wrap: wrap;
    }

    .scd-options {
        flex-direction: column;
    }

    .scd-options select {
        margin-top: 10px;
    }

    .search-box {
        margin-right: 45px;
        width: 175px;
    }

    .horizontal-bar {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .horizontal-bar * {
        margin: 6px  0;
    }
}