* {
    box-sizing: border-box;
}

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

img,
svg,
video,
canvas,
iframe {
    max-width: 100%;
}

input,
select,
textarea,
button {
    max-width: 100%;
    min-width: 0;
    font-family: inherit;
}

textarea {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    body {
        max-width: 100vw;
    }

    .wrapper,
    .container,
    .page,
    .card,
    .profil-container,
    .layout-wrapper,
    .main-layout,
    .content-area,
    .content-flow,
    .sidebar,
    .filter-sidebar,
    .admin-main,
    .admin-sidebar,
    form {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .wrapper,
    .container,
    .page,
    .main-layout,
    .layout-wrapper,
    .admin-main {
        width: 100% !important;
    }

    h1,
    h2,
    h3,
    p,
    label,
    span,
    a,
    button,
    small,
    strong,
    div {
        overflow-wrap: anywhere;
    }

    input,
    select,
    textarea {
        min-height: 44px;
        font-size: 16px !important;
    }

    button,
    .btn,
    [class*="btn"],
    a[class*="btn"] {
        min-height: 42px;
        white-space: normal !important;
    }

    [style*="width: 650px"],
    [style*="width:650px"],
    [style*="width: 500px"],
    [style*="width:500px"],
    [style*="width: 420px"],
    [style*="width:420px"],
    [style*="width: 380px"],
    [style*="width:380px"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    [style*="min-width: 360px"],
    [style*="min-width:360px"],
    [style*="min-width: 300px"],
    [style*="min-width:300px"],
    [style*="min-width: 260px"],
    [style*="min-width:260px"] {
        min-width: 0 !important;
    }

    [style*="grid-template-columns: repeat(4"],
    [style*="grid-template-columns:repeat(4"],
    [style*="grid-template-columns: 1fr 1fr 1fr 1fr"],
    [style*="grid-template-columns:1fr 1fr 1fr 1fr"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    [style*="grid-template-columns: repeat(3"],
    [style*="grid-template-columns:repeat(3"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    [style*="grid-template-columns: 1fr 1fr"],
    [style*="grid-template-columns:1fr 1fr"],
    [style*="grid-template-columns: minmax(0, 1fr) minmax"],
    [style*="grid-template-columns:minmax(0, 1fr) minmax"] {
        grid-template-columns: 1fr !important;
    }

    [style*="display: flex"],
    [style*="display:flex"] {
        min-width: 0 !important;
    }

    .modal,
    .modal-arka-plan,
    .lightbox {
        padding: 10px !important;
    }

    .modal-content,
    .modal-icerik,
    .modal-card,
    .popup,
    .dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: 88dvh !important;
        overflow-y: auto !important;
    }
}

@media (max-width: 380px) {
    [style*="grid-template-columns: repeat(2"],
    [style*="grid-template-columns:repeat(2"] {
        grid-template-columns: 1fr !important;
    }
}