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

    .menu-vertical,
    .menu-vertical .menu-block,
    .menu-vertical .menu-inner>.menu-item,
    .menu-vertical .menu-inner>.menu-header {
        width: 15.25rem
    }

    .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page,
    .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
        padding-left: 15.25rem;
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        left: 15.25rem;
    }

    /* .menu-vertical .menu-inner>.menu-item .menu-link {
        margin: 0 5px;
    } */

    /* .menu-vertical .menu-inner>.menu-item .menu-link {
        margin: 0 5px;
    } */


    .icon_box {
        width: 43px;
        height: 45px;
    }

    .elite_card {
        grid-template-columns: auto auto auto auto;
    }

    .affiliate_card {
        height: 310px !important;
    }
}

@media screen and (max-width: 1580px) {
    .card_grid {
        grid-template-columns: auto auto;
    }
}

@media screen and (max-width: 1440px) {
    .wallet_add {
        margin-top: 30px;
    }

    .coin_title {
        font-size: 32px;
    }

}
@media (min-width:1201px) and (max-width:1590px){

     .border_separator .app-brand-logo {
        width: 35% !important;
    }
}

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

    .referral_price .row> :nth-last-child(-n+4) {
        margin-top: 20px;
    }

    .elite_card> :nth-last-child(0n + 2) {
        margin-top: 25px;
    }

    .text_pera {
        font-size: 15px;
    }

    .font_20 {
        font-size: 18px;
    }

    .play-pause-btn {
        height: 70px;
        width: 70px;
    }
}

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

    .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page,
    .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
        padding-left: 0px;
        padding-right: 0px;
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        left: 0rem;
    }
}

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

     .border_separator .app-brand-logo {
        width: 60% !important;
    }
}

@media screen and (max-width:1024px) {
    .from_card::before {
        right: -280px;
        padding: 130px;
        width: 20px;
    }

    .from_card::after {
        left: -280px;
        padding: 130px;
        width: 20px;
    }
}

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

    .main-card {
        height: auto !important;
    }

    .referral_price .row> :nth-last-child(-n+4) {
        margin-top: 0px;
    }

    .referral_price .row> :nth-last-child(-n+3) {
        margin-top: 20px;
    }

    .border_separator {
        border-right: 0px;
    }

    .balance_view {
        /* margin-top: 30px; */
        border-top: 2px solid #D9D9D940;
        padding-top: 30px;
    }

    .referral_title {
        margin-bottom: 70px;
    }

    .card_grid {
        grid-template-columns: auto auto auto;
    }

    .buy_btn {
        padding: 12px 45px;
    }

    .search_box {
        width: 70%;
    }

    .affiliate_card {
        height: 100% !important;
    }

    .affiliate_card .card-body> :not(:first-child)> :nth-last-child(-n+2) {
        margin-top: 15px;
    }

    .from_card::after,
    .from_card::before {
        display: none;
    }

}

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

    .from_card::after,
    .from_card::before {
        display: none;
    }
}

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

    .referral_price .row> :nth-last-child(-n+4) {
        margin-top: 15px;
    }

    .card {
        background-clip: padding-box;
        box-shadow: 0 .25rem 1.25rem rgba(15, 20, 34, .4);
    }

    .affiliate_card {
        height: auto !important;
    }

    .affiliate_card .card-body> :not(:first-child)> :nth-last-child(-n+1) {
        margin-top: 15px;
    }

    .input_wallet input {
        padding: 11px 40px 11px 11px;
    }

    .elite_card> :nth-last-child(0n + 3) {
        margin-top: 25px;
    }

    .referral_title {
        margin-bottom: 55px;
    }

    .card_grid {
        grid-template-columns: auto auto;
    }

    .search_box {
        width: 80%;
    }

    .video_details.card {
        box-shadow: 0px 5px 83px 0px rgba(0, 0, 0, 0.15);
    }

    .img_pupop {
        height: auto;
    }
}

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

    .referral_price .row> :nth-last-child(-n+5) {
        margin-top: 15px;
    }

    .affiliate_card .card-body> :not(:first-child)> :nth-last-child(-n+3) {
        margin-top: 15px;
    }

    .affiliate_card {
        background-image: url(../img/dashbord/dash_reward_mobile.png);
    }
    .affiliate_card:before {
        background-color: #0000007d;
    }

    .elite_card> :nth-last-child(0n + 4) {
        margin-top: 25px;
    }

    .card_space {
        padding: 30px 20px;
    }

    .semi_title {
        font-size: 16px;
        padding: 0px 0px;
    }

    .card_grid {
        grid-template-columns: auto;
        row-gap: 18px;
    }

    .text_pera {
        font-size: 14px;
    }

    .buy_btn {
        padding: 10px 40px;
        font-size: 16px;
    }

    input.input_link {
        padding: 12px 40px !important;
        text-overflow: ellipsis;
    }

    .copy_link {
        right: 12px;
    }

    .link_img {
        left: 12px;
    }

    .price_btn {
        font-size: 16px;
        padding: 10px 8px;
    }

    .login_heading {
        font-size: 18px;
    }

    .google_translate .goog-te-combo {
        padding: 5px 8px;
    }

    .page_title {
        font-size: 28px;
    }

    .pera_title {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .pera_content {
        font-size: 14px;
    }

    .coin_list li {
        font-size: 14px;
    }

    .emc_Privacy h2 {
        font-size: 22px;
    }

    .section_benner {
        padding: 50px 0;
    }

    .privacy_list li {
        padding-bottom: 10px;
    }

    .emc_Privacy ul {
        padding-left: 16px;
    }

    .privacy_list b {
        font-size: 16px;
    }

    .search_box {
        width: 100%;
    }

    .authentication-wrapper.authentication-basic .card-body {
        padding: 1.5rem !important;
    }

    .play-pause-btn {
        height: 60px;
        width: 60px;
    }

    .play-pause-btn img {
        width: 25px;
        height: 25px;
    }

    .img_pupop button {
        top: -14px;
        right: -5px;
    }

    .tour_package .modal-dialog {
        padding: 0;
    }

    .tour_package .modal-body {
        padding: 16px;
    }

    .tour_img {
        height: 500px;
    }

    .modal.tour_package .modal-dialog:not(.modal-fullscreen) {
        padding-left: 8px !important;
    }

    .modal.tour_package .modal-dialog {
        width: 100%;
        margin: 0 auto;
        padding: 0 8px !important;
        padding-left: 8px !important;
    }

    .form-control {
        padding: 0.322rem 0.475rem;
    }

    .authentication-wrapper.authentication-basic .authentication-inner {
        box-shadow: 0px 0px 5px #CA8E24;
    }

    .dashboard_logo {
        height: 60px !important;
        width: auto !important;
        margin-bottom: 20px;
    }

    .dashboard_logo img {
        text-align: left;
    }

    .right_padd {
        padding-right: 60px;
    }

    .dark-style table.dataTable th,
    .dark-style table.dataTable td {
        text-wrap: nowrap;
        max-width: 300px;
    }

    .app-brand-logo img,
    .app-brand-logo svg {
        width: 40%;
    }
}

@media screen and (max-width: 375px) {
    .page_title {
        font-size: 26px;
    }

    .coin_title {
        font-size: 30px;
    }

}

@media screen and (max-width: 360px) {
    .layout-navbar.navbar-detached {
        padding: 0 14px !important;
    }
}