/* Laptop Screen */

@media screen and (max-width: 1450px) {



    .eye-toggle {
        font-size: 12px;
        transform: translate(-6px, 12px);
    }

    .dashboard-svg svg {
        height: 60px;
        fill: var(--grey);
    }

    .dashboard-text h1 {
        font-size: 20px;
    }

    .admin-main-top a {
        font-size: 20px;
    }

    .admin-main-body h1 {
        font-size: 20px;
    }

    .admin-table {
        font-size: 12px;
    }

    .couponContext {
        padding: 5px 12px;
    }

    .couponCardRight {
        padding: 15px 10px;
    }

    .couponTitle h2 {
        font-size: 16px;
    }

    .couponCodeInner h4 {
        font-size: 13px;
    }

    .couponStatusInner p {
        font-size: 13px;
    }

        .couponStatusInner p span {
            width: 8px;
            height: 8px;
        }

    .couponDesc p {
        font-size: 13px;
    }

    .couponBottomLeft h6 {
        font-size: 12px;
    }

    .couponBottomLeft p {
        font-size: 12px;
    }

    .couponBottomRight span {
        font-size: 16px;
    }

    .redemption .mask {
        width: 29px;
        height: 29px;
        border: 2px solid var(--white);
    }

    .filter-area input {
        margin-bottom: 20px;
    }

    .filter-area select {
        margin-bottom: 20px;
    }

    .filter-area textarea {
        margin-bottom: 20px;
    }

    .couponGenerateBottom svg {
        height: 20px;
        width: 20px;
    }

    .couponGenerateBottom span {
        font-size: 13px;
    }
    .halfWidthModal-dialog {
        width: 40% !important;
        max-width: 40% !important;
    }

    .companyCardMain {
        height: 185px;
    }

    .companyNumbers {
        grid-template-columns: 1fr;
        padding: 10px 0;
        row-gap: 3px;
    }

    .companyAddressMain {
        font-size: 11px;
    }

    .companyNumberInner span {
        font-size: 10px;
    }

    .companyCardInner h5 {
        font-size: 14px;
    }
    .adminMainAlt {
        overflow-y: auto !important;
}
    .fixedGridContent {
        height: auto;
        max-height: 100%;
    }
    .tableResponsiveMain {
        overflow: auto;
        height: auto;
        max-height: 100%;
    }

    .dashStatesTitle h6 {
        font-size: 14px;
    }

    .customerStateContent h5 {
        font-size: 23px;
    }

    .customerStateContent h6 {
        font-size: 13px;
    }

    .customerStateIcon span i {
        font-size: 18px;
    }

    .customerStateCard {
        height: 80px;
        padding: 10px 20px;
    }

    .dashCardBodyTop span {
        font-size: 10px;
    }

    .dashCardBodyMiddle {
        height: 130px;
    }

        .dashCardBodyMiddle h5 {
            font-size: 25px;
        }

        .dashCardBodyMiddle h6 {
            font-size: 12px;
        }

    #sidebar {
        min-width: 240px;
        max-width: 240px;
    }

    .admin-sidebar-menu-btn {
        padding: 0 20px;
        font-size: 13px;
    }

    .menu-svg svg {
        height: 20px;
    }

    .paymentLinkFieldsMain {
        grid-template-columns: repeat(3, 1fr);
        height: auto;
        max-height: 100px;
        overflow: auto;
    }

    .inputLinedAlt input[type = "text"] {
        font-size: 12px;
    }

    .deleteFieldBtn {
        top: 1%;
    }

        .deleteFieldBtn i {
            font-size: 13px;
        }

    .addTaxationSubfield::before {
        width: 37%;
    }

    .addTaxationSubfield::after {
        width: 37%;
    }

    .addEmailSubfield::before {
        width: 35%;
    }

    .addEmailSubfield::after {
        width: 35%;
    }

    .addMore-btn {
        font-size: 11px;
    }

        .addMore-btn i {
            font-size: 12px;
        }

    .paymentLinkBody {
        height: auto;
        max-height: 350px;
        overflow: auto;
    }
}

@media screen and (max-width: 992px) {
    .couponCardMain {
        margin: 15px 0;
    }

    .admin-sidebar.active .menu-text {
        display: none;
    }

    #sidebar.active {
        min-width: auto;
        max-width: initial;
    }

        #sidebar.active .bottom-menu {
            display: block;
        }

    .upgradeplan-inner {
        height: auto;
    }

    .manage-profile-body {
        height: calc(100vh - 131px);
    }

    .dashStatesTitle h6 {
        font-size: 13px;
    }

    .customerStateContent h5 {
        font-size: 21px;
    }

    .customerStateContent h6 {
        font-size: 11px;
    }

    .customerStateIcon span i {
        font-size: 16px;
    }

    .customerStateCard {
        height: 70px;
        padding: 10px 15px;
        border-radius: 8px;
    }

    .dashCardBodyTop {
        right: 10px;
        top: 10px;
    }

    .dashCardBody {
        border-radius: 10px;
    }

    .dashCardInner {
        grid-template-columns: repeat(3, 1fr);
    }

    #sidebar {
        min-width: 0;
        max-width: 0;
    }
}

/* apple tablet */

@media screen and (max-width: 800px) {

    .admin-sidebar-menu-btn {
        gap: 0 8px;
    }

    .admin-sidebar-menu-btn {
        padding: 20px;
    }

    #sidebar.active .bottom-menu {
        display: flex;
    }

    .admin-table-div {
        width: 100%;
        overflow: scroll;
    }

    .admin-main-top h1 {
        font-size: 20px;
    }
}


/* small tablet */
@media screen and (max-width: 600px) {

    .admin-header-logo img {
        height: 60px;
    }

    .main-btn {
        width: 120px;
        padding: 8px;
        font-size: 10px;
    }

    .admin-table-div {
        overflow: scroll;
    }

    .admin-sidebar.active .menu-text {
        display: none;
    }

    #sidebar.active {
        min-width: auto;
        max-width: initial;
    }

        #sidebar.active .bottom-menu {
            display: block;
        }

    #content {
        padding-bottom: 40px;
        height: calc(100vh - 90px);
    }
}


@media screen and (max-width: 576px) {
    .listTopMain {
        display: grid;
        row-gap: 10px;
    }

    .filterMain {
        gap: 6px;
    }

    .filterBtnsMain {
        gap: 5px;
    }

    .generateMain {
        text-align: right;
    }

    .filterIconMain {
        display: none;
    }

    .filterTxtMain {
        width: 34%;
    }

    .filterDropdownMain {
        width: 36%;
    }

    .filterMain {
        width: 100%;
    }

    .filterTxtMain input[type="text"] {
        padding: 8px 10px;
    }

    .filterDropdownMain select {
        padding: 8px;
    }

    .couponGenerateBottom {
        display: grid;
        /* display: grid; */
        row-gap: 15px;
    }

    .couponTypeMain {
        width: 100%;
        text-align: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    .generateBtnMain {
        text-align: center;
        width: 150%;
    }

    .adminDashBody {
        padding: 10px 15px 20px 15px;
    }

    .customerStateInner {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 12px;
    }

    .dashCardInner {
        grid-template-columns: repeat(1, 1fr);
    }

    .dashCardBodyMiddle {
        height: 100px;
    }

    .customerStateContent h5 {
        font-size: 19px;
    }

    .dashStatesTitle h6 {
        font-size: 11px;
    }

    #sidebar {
        min-width: 0;
        max-width: 0;
    }
}