#j_idt918_2 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1005;
    display: none;
    top: 0;
    left: 0;
}

#j_idt918_2 .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#j_idt918_2 .flex .ui-widget {
    display: block;
}

@media (max-width:999px) {


    html,
    body {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
    }

    ul {
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0;
    }

    #footer,
    .orange-line,
    #otopark,
    #national,
    #violation,
    #signup,
    #bakiye-trigger,
    .mySlides,
    .prev,
    .next {
        display: none !important;
    }

    #bakiye {
        position: relative;
        width: 100%;
        height: 100%;
        background: none !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    #bakiye-content {
        height: auto !important;
        right: 0 !important;
        top: 120px !important;
        margin: 0 auto;
        width: 100%;
        left: 0 !important;
        background-repeat: no-repeat !important;
    }

    #background1 {
        height: auto !important;
    }

    #odeme {
        max-width: 400px !important;
        margin: 0 auto !important;
        border: 1px solid !important;
    }

    .center {
        width: 100%;
    }

    .resmi-text {
        margin: 30px 0 0 0 !important;
        text-align: center;
    }

    .slideshow-container {
        height: 780px;
    }

    .ul1,
    .ul2,
    .ul3 {
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        height: auto !important;
    }

    .ul1 ul,
    .ul2 ul,
    .ul3 ul {
        left: 0 !important;
        margin: 0 !important;
        display: flex;
        justify-content: center;
        height: auto !important;
        flex-wrap: wrap;
    }

    .ul1 ul li,
    .ul2 ul li,
    .ul3 ul li {
        height: auto !important;
        margin: 10px !important;
        position: relative !important;
        width: 300px !important;
    }

    #j_idt888 {
        width: 100% !important;
        max-width: 500px !important;
    }

}