﻿@media only screen and (max-width: 1000px) {
    .account-page {
        min-width: initial;
    }

    .account-two-col {
        grid-template-columns: 1fr;
    }

        .account-two-col > div:last-child {
            display: none;
        }

    .app-only {
        display: initial !important;
    }

    .desktop-only {
        display: none !important;
    }

    .main-container {
        display: block;
    }

    .main-menu {
        position: fixed;
        left: 15%;
        top: 0;
        right: -85%;
        bottom: 0;
        z-index: 9999;
        width: 85%;
    }

    @keyframes main-menu-animation {
        0% {
            right: -85%;
        }

        100% {
            right: 0;
        }
    }

    @keyframes main-menu-close-animation {
        0% {
            right: 0;
        }

        100% {
            right: -85%;
        }
    }

    .main-menu.show {
        animation: main-menu-animation .4s ease-in-out forwards;
    }

        .main-menu.show.close {
            animation: main-menu-close-animation .4s ease-in-out forwards;
        }

    #mobileMenuOverlay {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #ffffffc2;
        backdrop-filter: blur(3px);
        z-index: 1500;
        display: none;
    }

        #mobileMenuOverlay.show {
            display: block;
        }

    .main-body .header {
        padding: 20px 10px;
    }

        .main-body .header .search-container {
            display: none;
        }

            .main-body .header .search-container.show {
                display: block;
                position: fixed;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                z-index: 1500;
                background: white;
                padding: 10px;
                text-align: center;
            }

        .main-body .header .search-bar {
            width: 95%;
        }

        .main-body .header .weather-widget {
            display: none;
        }

    .container {
        margin: 10px;
        padding: 3px;
        border-radius: 8px;
        min-width: initial;
        height: initial;
        box-shadow: none;
    }

        .container > .grid-2-col, .grid-2-col.resp {
            display: block;
        }

            .container > .grid-2-col > div {
                max-height: initial;
            }

    .slider-parent {
        zoom: .8;
    }

    .slider-item .message {
        font-size: 3vw;
        width: 235px;
    }

    .dashboard {
        grid-template-columns: 1fr 1fr;
        border: none;
        margin-top: 0;
    }

    .d-d-title {
        left: 10px;
        text-align: center;
        font-weight: bold;
    }

    .control-panel {
        grid-template-columns: 1fr;
        padding: 15px;
    }

        .control-panel a, .control-panel button {
            width: 40%;
            padding: 10px;
            margin: 0 auto;
        }

            .main-menu-close-btn {
                justify-self: left;
                margin: 15px;
                margin-bottom: 0;
            }

    .main-menu .user {
        padding-top: 5px;
    }

    .form-regular {
        grid-template-columns: 1fr;
    }

        .form-regular .column-span-2 {
            grid-column-start: 1;
            grid-column-end: 2;
        }

        .form-regular > label {
            justify-self: start;
            margin-bottom: -10px;
        }

    .table-actions {
        zoom: .5;
    }

    .table-header {
        grid-template-columns: 1fr;
    }

    .table-users .table-headline, .table-users .table-details {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .report-list-item > a:first-child {
        grid-column-start: 1;
        grid-column-end: 4;
    }

    .button-under-title {
        display: block;
        margin-top: -25px;
    }

    .page-list {
        max-width: initial;
    }

    .modal__container {
        padding: 15px;
        max-width: 340px;
        min-width: 300px;
    }

    .form-regular .actions {
        grid-column-start: 1;
    }

    .form-regular input, .form-regular textarea {
        min-width: initial;
    }

        .form-regular input[type=checkbox] {
            min-width: initial;
            width: initial;
        }

    .main-body .header .search-bar {
        box-shadow: none;
        border-radius: 8px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        height: 28px;
        white-space: normal;
    }

    .tab .tab-footer {
        grid-column-gap: 5px;
        align-items: stretch;
    }

    .accounting-details > form {
        display: block;
    }

        .accounting-details > form > label {
            margin-bottom: 10px;
        }

    .tabs-btns {
        grid-auto-flow: unset;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;
        height: initial;
    }

    .costs .tabs-container {
        max-height: initial;
    }

    .other-costs {
        width: 100%;
    }

    .fields-holder .main-btns-holder {
        grid-auto-flow: unset;
        grid-template-columns: 1fr 1fr;
        grid-gap: 5px;
    }

    .library-holder {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .education-holder {
        grid-template-columns: 1fr;
    }

    .support-page {
        grid-template-columns: 1fr;
        grid-gap: 25px;
    }

    .referral-code-holder > input {
        min-width: 80%;
    }

    .gifts-holder .gifts {
        grid-template-columns: 1fr;
    }

    .coupans-holder .coupans {
        grid-template-columns: 1fr;
    }

    .payment-result {
        padding: 15px 30px;
    }

    .invoice-container {
        padding: 0;
    }

        .invoice-container .invoice-header .invoice-header-details {
            margin: 0;
        }

        .invoice-container .invoice-body {
            margin: 0;
            padding: 5px;
        }

        .invoice-container .invoice-footer {
            margin: 0;
            padding: 5px 10px;
            font-size: 1.1em;
            font-weight: 500;
        }

        .invoice-container .invoice-body .record-header > div:nth-child(3) {
            display: none;
        }

        .invoice-container .invoice-body .record > div:nth-child(2) {
            display: none;
        }

        .invoice-container .invoice-body .record-header > div:nth-child(2).invoice-container .invoice-footer .invoice-payment > div {
            padding-right: 5px;
        }

        .invoice-container .invoice-footer .invoice-payment {
            padding: 3px;
            margin: 0;
            grid-template-columns: 1fr;
        }

        .invoice-container .invoice-footer .invoice-payment > div {
            grid-column-start: 1;
        }

    .plans {
        display: flex;
        column-gap: 15px;
        overflow: auto;
        padding: 5px;
    }

        .plans .plan {
            min-width: 65%;
            box-shadow: 0px 1px 6px 0px #d0d0d0;
        }

    .plan-details {
        padding: 25px 20px;
        grid-template-columns: 1fr;
    }

        .plan-details > ul {
            border-top: 2px solid #999;
            border-right: none;
            list-style: none;
            padding: 0;
            padding-top: 15px;
        }

    .important-message {
        padding: 15px;
        margin: 15px;
    }

    .tabs-container .file-items {
        grid-template-columns: 1fr;
    }

    .g-d-holder {
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .g-d-content {
        grid-template-columns: 1fr;
        padding: 0;
        margin: 0;
        height: 100vh;
        overflow: auto;
        border-radius: 0;
    }

    .g-d-apps-container {
        border-radius: 0;
        box-shadow: none;
        padding: 5px;
        max-width: 100vw;
        grid-row-start: 1;
        height: calc(100vh - 18px);
        border-radius: 0;
    }

    .g-d-content-container {
        border-top: 2px solid #fff;
        margin-top: 5px;
        padding-top: 5px;
        flex-direction: column-reverse;
    }

    .g-d-projects {
        border-radius: 0;
        box-shadow: none;
        background: none;
        max-width: unset;
        grid-row-start: 2;
        min-height: 150px;
    }

    .g-d-major-container {
        grid-row-start: 3;
    }

    .modal__header {
        gap: 10px;
        margin: 5px;
        margin-bottom: 10px;
    }

    .dashboard-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .d-g-holder {
        grid-template-columns: 1fr;
    }

    .dashboard-grid > div:nth-child(3) {
        grid-row-start: 3;
    }

    .dashboard-grid > div:nth-child(2) {
        grid-row-start: 1;
    }

    .l-c-h-body {
        overflow: auto;
    }

    .book-details-header {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .choose-person {
        grid-template-columns: 105px 48px 1fr;
        border-bottom: 1px solid #ededed;
    }

        .choose-person .choose-person-tools {
           grid-column-start: 1;
           grid-column-end: 4;
        }
}
