@media screen AND (max-width: 1587px) {
    .eniv-item-row .eniv-item {
        flex: 1 1 calc((100% - (18px * 3)) / 4);
        max-width: calc((100% - (18px * 3)) / 4);
    }
}
@media screen AND (max-width: 1346px) {
    .eniv-item-row .eniv-item {
        flex: 1 1 calc((100% - (18px * 2)) / 3);
        max-width: calc((100% - (18px * 2)) / 3);
    }
    .eniv-sidebar {
        margin-left: -340px;
    }
    .eniv-content {
        margin-left: 0;
    }
    .eniv-sidebar.hide {
        margin-left: 0;
    }
    .eniv-sidebar.hide+ .eniv-content {
        margin-left: 340px;
    }
}
@media screen AND (max-width: 1342px) {
    .eniv-item-row .eniv-item {
        flex: 1 1 calc((100% - (18px * 3)) / 4);
        max-width: calc((100% - (18px * 3)) / 4);
    }
    .eniv-sidebar.hide+ .eniv-content .eniv-item-row .eniv-item {
        flex: 1 1 calc((100% - (18px * 2)) / 3);
        max-width: calc((100% - (18px * 2)) / 3);
    }
}
@media screen AND (max-width: 1100px) {
    .eniv-item-row .eniv-item {
        flex: 1 1 calc((100% - (18px * 2)) / 3);
        max-width: calc((100% - (18px * 2)) / 3);
    }
    .eniv-sidebar.hide+ .eniv-content .eniv-item-row .eniv-item {
        flex: 1 1 calc((100% - (18px * 1)) / 2);
        max-width: calc((100% - (18px * 1)) / 2);
    }
    .eniv-item-detail-start h1 {
        font-size: 22px;
        line-height: 32px;
    }
    .eniv-item-spek li {
        width: 25%;
    }
    .eniv-item-spek li:nth-child(5) {
        margin-bottom: 0;
    }
    .eniv-item-spek li:nth-child(5) {
        border-top: 1px dashed var(--border);
        padding-bottom: 0;
        padding-top: 14px;
    }
}
@media screen AND (max-width: 1030px) {
    .eniv-item-spek li {
        width: 33.33%;
    }
    .eniv-item-spek li:nth-child(4), .eniv-item-spek li:nth-child(5) {
        margin-bottom: 0;
    }
    .eniv-item-spek li:nth-child(4), .eniv-item-spek li:nth-child(5) {
        border-top: 1px dashed var(--border);
        padding-bottom: 0;
        padding-top: 14px;
    }
}
@media screen AND (max-width: 940px) {
    .eniv-item-spek li {
        width: 50%;
    }
    .eniv-item-spek li:nth-child(3), .eniv-item-spek li:nth-child(4), .eniv-item-spek li:nth-child(5) {
        margin-bottom: 0;
    }
    .eniv-item-spek li:nth-child(3), .eniv-item-spek li:nth-child(4), .eniv-item-spek li:nth-child(5) {
        border-top: 1px dashed var(--border);
        padding-top: 14px;
    }
    .eniv-item-spek li:nth-child(4), .eniv-item-spek li:nth-child(5) {
        padding-bottom: 14px;
    }
}
@media screen AND (max-width: 884px) {
    .eniv-item-row .eniv-item {
        flex: 1 1 calc((100% - (18px * 2)) / 3);
        max-width: calc((100% - (18px * 2)) / 3);
    }
    .eniv-sidebar {
        margin-left: -340px;
    }
    .eniv-content {
        margin-left: 0;
    }
    .eniv-item-detail {
        flex-direction: column;
        gap: 0;
    }
    .eniv-item-detail-start {
        width: 100%;
    }
    .eniv-item-detail-end {
        width: 100%;
    }
    .eniv-step ul {
        gap: 60px;
    }
    .eniv-card-login {
        max-width: fit-content;
    }
    .eniv-card-login-start {
        display: none;
    }
    .eniv-card-login-end {
        width: 100%;
        padding: 32px 28px 28px 28px;
    }
}
@media screen AND (max-width: 780px) {
    .eniv-item-row .eniv-item {
        flex: 1 1 calc((100% - (18px * 1)) / 2);
        max-width: calc((100% - (18px * 1)) / 2);
    }
    .eniv-sidebar.hide+ .eniv-content .eniv-item-row .eniv-item {
        flex: 1 1 calc((100% - (18px * 0)) / 1);
        max-width: calc((100% - (18px * 0)) / 1);
    }
    .eniv-sidebar {
        margin-left: -340px;
    }
    .eniv-content {
        margin-left: 0;
    }
    .eniv-step ul {
        flex-direction: column;
        gap: 20px;
    }
    .eniv-step ul li:nth-child(2) {
        transform: none;
        padding: 28px;
    }
    .eniv-step ul li {
        width: 100%;
        max-width: 400px;
    }
    .eniv-body {
        align-content: start;
    }
    .eniv-step-header {
        margin-bottom: 30px;
    }
    .eniv-step-header h1 {
        font-size: 22px;
    }
    .eniv-admin-menu {
        position: fixed;
        z-index: 100;
        left: 20px;
        right: 20px;
        width: auto;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }
    .eniv-admin-menu.show {
        opacity: 1;
        visibility: visible;
    }
    .eniv-admin-menu a {
        flex-direction: row;
        justify-content: start;
        padding-left: 14px;
    }
    .eniv-admin-content {
        margin-left: 0;
    }
    .eniv-brand-mobile {
        display: block;
    }
    .eniv-brand-pc {
        display: none;
    }
    .eniv-brand {
        max-width: fit-content;
    }
    .eniv-navbar-right {
        justify-content: end;
    }
    .eniv-admin-right-admin .eniv-navbar-right .eniv-navbar-button .eniv-admin-toggle {
        display: block;
    }
}
@media screen AND (max-width: 767px) {
    div.dt-container div.dt-layout-row:not(.dt-layout-table) {
        display: flex;
    }
    div.dt-container div.dt-layout-row:nth-child(3) {
        flex-direction: column !important;
    }
    div.dt-container div.dt-layout-row:nth-child(3) .dt-paging {
        margin-bottom: 0 !important;
    }
    div.dt-container div.dt-layout-row:first-child .dt-length {
        margin-top: 0 !important;
    }
    div.dt-container div.dt-layout-row:first-child .dt-search {
        margin-top: 0 !important;
    }
}
@media screen AND (max-width: 694px) {
    .eniv-sidebar.hide+.eniv-content .eniv-item-filter {
        flex-direction: column;
    }
    .eniv-sidebar.hide+.eniv-content .eniv-item-filter-by.by {
        max-width: none;
    }
    .eniv-sidebar.hide+.eniv-content .eniv-item-filter-by-range {
        margin-top: 0;
    }
    .eniv-sidebar.hide+.eniv-content .eniv-item-filter-by span.eniv-item-filter-label {
        width: 140px;
    }
    .eniv-sidebar.hide+ .eniv-content {
        margin-left: 0;
    }
}
@media screen AND (max-width: 560px) {
    .eniv-item-checkout-header ul {
        flex-direction: column;
    }
    .eniv-item-checkout-header h1 {
        font-size: 16px;
    }
    .eniv-sidebar.hide+ .eniv-content .eniv-item-row .eniv-item {
        flex: 1 1 calc((100% - (18px * 1)) / 2);
        max-width: calc((100% - (18px * 1)) / 2);
    }
    .eniv-item-filter {
        flex-direction: column;
    }
    .eniv-item-filter-by.by {
        max-width: none;
    }
    .eniv-item-filter-by-range {
        margin-top: 0;
    }
    .eniv-item-filter-by span.eniv-item-filter-label {
        width: 140px;
    }
    .eniv-step ul li h1, .eniv-step ul li:nth-child(2) h1 {
        font-size: 28px;
    }
    .eniv-page-header h1 {
        font-size: 16px;
    }
    .eniv-page-header p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .eniv-navbar-button span {
        display: none;
    }
    .eniv-navbar {
        padding: 0 14px;
    }
    .eniv-admin-header h1 {
        font-size: 18px;
    }
}
@media screen AND (max-width: 522px) {
    .eniv-item-row .eniv-item .eniv-item-cta {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
    .eniv-item-row .eniv-item .eniv-item-cta span {
        width: 100%;
        text-align: center;
    }
    .eniv-method img {
        height: 18px;
    }
    .eniv-method-end h1 {
        font-size: 12px;
    }
    .eniv-check-area h1 {
        font-size: 24px;
    }
    .eniv-admin-right-admin .eniv-navbar-right .eniv-search {
        display: none;
    }
    .eniv-admin-right-admin .eniv-navbar-right .eniv-navbar-button a {
        display: none;
    }
    .eniv-admin-right-admin .eniv-brand-pc {
        display: block;
    }
    .eniv-admin-right-admin .eniv-brand-mobile {
        display: none;
    }
}
@media screen AND (max-width: 463px) {
    .eniv-item-detail-start h1 {
        font-size: 18px;
        line-height: 28px;
    }
    .eniv-method img {
        height: 12px;
    }
    .eniv-item-row .eniv-item .eniv-title-games {
        font-size: 12px;
    }
    .eniv-item-row .eniv-item h1 {
        font-size: 13px;
    }
}
@media screen AND (max-width: 375px) {
    .eniv-area {
        padding: 12px 12px 0 12px;
    }
    .eniv-navbar {
        left: 12px;
        width: calc(100% - 24px);
    }
}