@media (max-width: 1600px) {
    .listing {
        height: 600px;
        overflow-y: auto;
    }

    .userlogin {
        display: none;
    }
}

@media(min-width:576px) {
    .mouse-enter {
        z-index: 10;
    }

}

@media (min-width: 320px) and (max-width: 575px) {

    .left_side {
        left: -100%;
    }

    .left_side.active {
        left: 0;
        z-index: 10;
        width: 100%;
    }

    .right_side {
        width: calc(100%);
        right: unset;
    }


    .usename {
        font-size: 22px;
    }



    /* input css  */
    .referral_code input {
        font-size: 16px;
        padding: 6px 9px;
    }

    .referral_code button {
        font-size: 16px;
        border-radius: 6px;
        padding: 6px 16px;
    }

    /* font-size cart amount css */
    .fs_40,
    .fs_34 {
        font-size: 24px;
    }




    /* second row  */
    .row.income_cards .col {
        min-width: 50% !important;
        margin-bottom: 20px;
    }



    /* static talbe class */
    .static_table td {
        font-size: 14px;
    }


    /* profile page css start here */
    .tabs .active,
    .commonb_btn {
        font-size: 13px;
        padding: 8px 11px;
    }

    .tabs ul li {
        padding: 10px 0;
    }
    .tabs ul li button{
        text-align: start;
    }
    .tabs .nav-link {
        padding: 11px 8px;
        margin-right: 2px;
        font-size: 14px;
    }
    .input_bx .form-select option, .input_bx input::placeholder {
        font-size: 14px;
    }
}

@media(min-width:576px) and (max-width:991px) {

    .right_side {
        width: calc(100% - 68px);
    }

    .left_side .logo a img {
        width: 50px;
    }


    /* notification bell css */
    svg.bell-con {
        width: 36px;
        height: 36px;
        padding: 9px;
    }

    /* search box css */
    .input_box {
        padding: 7px;
    }

    .search_icon {
        width: 30px;
    }

    /* input css  */
    .referral_code input {
        font-size: 16px;
        padding: 6px 9px;
    }

    .referral_code button {
        font-size: 16px;
        border-radius: 6px;
        padding: 6px 16px;
    }


    .user_img {
        padding: 3px;
    }



    .usename {
        font-size: 18px;
    }


    /* font-size cart amount css */
    .fs_40,
    .fs_34 {
        font-size: 24px;
    }



    /* second row  */
    .row.income_cards .col {
        min-width: 30% !important;
        margin-bottom: 20px;
    }

}


@media(min-width:992px) and (max-width:1199px) {

    /* logo css */
    .left_side .logo a img {
        width: 50px;
    }



    .right_side {
        width: calc(100% - 68px);
    }

    /* input css  */
    .referral_code input {
        font-size: 16px;
        padding: 0px 9px;
    }

    .referral_code button {
        font-size: 16px;
        padding: 8px 16px;
    }

    .usename {
        font-size: 24px !important;
    }


    /* second row  */
    .row.income_cards .col {
        min-width: 20% !important;
        margin-bottom: 20px;
    }

    /* font-size cart amount css */
    .fs_40,
    .fs_34 {
        font-size: 24px;
    }

    .txt h5 {
        font-size: 20px;
    }

    .thrid_row .icon::before {
        width: 130px;
        height: 130px;
    }
}


@media(min-width:1200px) and (max-width:1399px) {

    .left_side .listing ul li button,
    .left_side .listing ul li a {
        font-size: 16px;
        padding: 10px;
    }


    .left_side {
        width: 200px;
    }

    .right_side {
        width: calc(100% - 200px);
    }

    .fs_40,
    .fs_34 {
        font-size: 20px;
    }

    .txt h5 {
        font-size: 16px;
    }

    .icon {
        border-radius: 4px;
    }

    /* second row  */
    .row.income_cards .col {
        min-width: 20% !important;
        margin-bottom: 20px;
    }

    .usename {
        font-size: 18px !important;
    }

    /* input css  */
    .referral_code input {
        font-size: 12px;
        padding: 0px 9px;
    }

    .referral_code button {
        font-size: 16px;
        padding: 8px 16px;
    }

    .inner_text {
        padding: 18px 10px;
    }
}

@media(min-width:1400px) and (max-width:1499px) {

    .left_side .listing ul li button,
    .left_side .listing ul li a {
        font-size: 16px;
        padding: 10px;
    }


    .left_side {
        width: 200px;
    }

    .right_side {
        width: calc(100% - 200px);
    }

    .fs_40,
    .fs_34 {
        font-size: 24px;
    }

    .txt h5 {
        font-size: 18px;
    }

    .icon {
        border-radius: 4px;
    }

    /* second row  */
    .row.income_cards .col {
        min-width: 20% !important;
        margin-bottom: 20px;
    }

    .usename {
        font-size: 22px !important;
    }

    /* input css  */
    .referral_code input {
        font-size: 16px;
        padding: 0px 9px;
    }

    .referral_code button {
        font-size: 16px;
        padding: 10px 20px;
    }

    .inner_text {
        padding: 18px 10px;
    }
}