/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}

/* "lg" Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* "md" Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .profile-left h5 {
        padding: 8px;
        font-size: 19px;
    }

    .profile-left,
    .profile-right {
        padding: 10px;
        overflow-x: scroll;
    }

    .page-wrapper.toggled #show-sidebar {
        left: 0px;
    }

    .page-wrapper.toggled .sidebar-wrapper {
        left: -300px;
    }

    .page-wrapper.toggled .page-content {
        padding-left: 0px;
    }

    .sidebar-wrapper {
        width: 260px;
        height: 100%;
        max-height: 100%;
        position: fixed;
        top: -300;
        left: -300px;
        z-index: 999;
    }


    .cart-section {
        overflow-x: scroll;
    }

    .cart-section .table {
        width: 1000px;
    }
}


/* "sm" Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .shop-now-page-product-item {
        height: 580px;
    }

    .shop-now-page-product-item button {
        padding: 7px;
        margin-bottom: 10px;
        width: 96%;
        position: absolute;
        bottom: 1%;
        left: 2%;
    }

    .product-page-product-item {
        height: auto;
    }

    .product-page-product-item .btn-box {
        height: auto;
        margin-bottom: 10px;
    }

    .referral-table-wrapper {
        overflow-x: scroll;
    }

    .referfal-table-container {
        width: 1000px;
    }
}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .welcome-back-text h3 {
        font-size: 20px;
    }

    /* .page-wrapper .page-content > div {
        padding: 20px;
    } */
    .home-page-table-section table thead tr th {
        font-size: 15px;
    }

    .shop-now-page-product-item {
        height: 440px;
    }
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 800px;
    }
}