﻿@media (max-width: 1260px) {

    .acbi-tl {
        height: 350px;
    }

    .acbi-tr {
        height: 300px;
    }
}

@media (max-width: 950px) {

    .acbi-tl {
        height: 250px;
    }

    .acbi-tr {
        height: 250px;
    }
    .pc-banner-view .banner1 {
        display: none;
    }

    .pc-banner-view .banner2 {
        width: 100%;
    }

    .pc-banner-view .banner3 {
        display: none;
    }

    .mw-950-d-none {
        display : none !important;
    }
    .mw-950-d-block {
        display: block !important;
    }
    .mw-950-d-flex {
        display: flex !important;
    }
}

@media (max-width: 768px) {

    .acbi-gamingbg{
        display : none !important;
    }

    .acbi-tl {
        height: 220px;
    }

    .acbi-tr {
        bottom: -40px;
        height: 220px;
    }

    .profile-page .acbi-tr {
        bottom: 60px;
    }

    .modal-header h2 {
        font-size: 1.5rem;
    }

    .app-entry-modal {
        min-height: calc(100% - 1rem);
    }

    .profile-btn{
        padding : 0px;
        border : none;
    }

    .profile-btn .profile-text {
        display: none;
    }

    /* For Webkit browsers */
    ::-webkit-scrollbar {
        display: none;
    }

    /* For Firefox */
    * {
        scrollbar-width: none;
    }

    /* For IE/Edge */
    body {
        -ms-overflow-style: none;
    }
}

@media (max-width: 600px) {
   /* .page-content {
        height: calc(100% - 60px) !important;
    }*/
    .show-ntw .page-content {
        height: calc(100% - 106px) !important;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 30px 20px;
    }

    .options {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .forgot-password {
        align-self: flex-end;
    }
}

@media (max-width: 450px) {
    .nav-cusbtn-img {
        display: none !important;
    }

}

@media (max-width: 400px) {

    .acbi-tl {
        height: 170px;
    }

    .acbi-tr {
        height: 170px;
    }

    .auth-content-container{
        max-width : 380px;
    }
}

@media (max-width: 320px) {

    .acbi-tl {
        height: 170px;
    }
        
    .acbi-tr {
        height: 170px;
    }

    .auth-content-container {
        max-width: 300px;
    }
}

@media (min-width: 767px) {
    .acbi-tr {
        top: 10px;
    }
}
