@media (max-width: 320px) {}

@media (max-width: 480px) {
    .hide-mobile {
        display: none !important;
    }

    .text-center-mobile {
        text-align: center !important;
    }

    .full-width-mobile {
        width: 100% !important;
    }

}

@media (max-width: 576px) {}

@media (max-width: 768px) {
    .btn-outline {
        padding: 6px 10px;
        font-size: 13px;
    }


}

@media (min-width: 768px) {
    .border-bottom-md-0 {
        border-bottom: 0 !important;
    }

}

@media (max-width: 992px) {

    .step-count {
        width: 16px;
        height: 16px;
        font-size: 13px;
    }

    /* .text-xs {
        font-size: 0.75rem !important;
    } 

    .text-sm {
        font-size: 0.75rem !important;
    }

    .text-md {
        font-size: 0.875rem !important;
    }

    .text-lg {
        font-size: 1rem !important;
    }

    .text-xl {
        font-size: 1.125rem !important;
    }

    .text-2xl {
        font-size: 1.25rem !important;
    }*/

    /* Header Toolbar */
    #dropdown-menu-notify {
        position: fixed !important;
        top: 60px !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1000 !important;
        width: 100% !important;
        min-height: 0 !important;
        background: rgb(107 114 128/ 0.6) !important;
        border-radius: 0 !important;
    }

    #dropdown-menu-notify.show {
        height: 83vh !important;
    }

    #dropdown-menu-notify .account-menu-notify {
        overflow-y: auto;
    }

    /* Header Toolbar */
    #dropdown-menu-user {
        position: fixed !important;
        top: 60px !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1000 !important;
        width: 100% !important;
        min-height: 0 !important;
        background: rgb(107 114 128/ 0.6) !important;
        border-radius: 0 !important;
    }

    #dropdown-menu-user.show {
        min-height: 100vh !important;
    }

    #dropdown-menu-user .account-menu-user {
        background-color: #ffffff;
        padding: 10px 20px;
    }



    .sidebar {
        position: fixed;
        background-color: #ffffff;
        width: 100% !important;
        max-width: 100% !important;
        height: 90px;
        padding-top: 5px;
        padding-bottom: 5px;
        z-index: 10000 !important;
        bottom: 0;
        left: 0;
        border: 2px solid var(--altoken-secondary-25);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .sidebar #mobile ul li {
        width: 50px !important;
    }


    .sidebar #mobile ul i {
        font-size: 30px;
    }

    .sidebar #mobile ul svg {
        width: 40px;
        height: 40px;
        stroke: var(--altoken-indigo-50) !important;
    }

    .sidebar #mobile ul span {
        height: 30px;
        margin-top: 5px;
        font-size: 11px;
        text-align: center;
        line-height: 1.1;
    }

    .sidebar #mobile ul a.active {
        color: var(--altoken-indigo) !important;
        font-weight: 500;
        border-radius: 5px;
        /* background-color: var(--altoken-indigo-15); */
    }

    .sidebar #mobile ul a.active svg {
        stroke: var(--altoken-indigo) !important;
        stroke-width: 1.5 !important;

    }

    /* MODALS*/
    .modal {
        z-index: 9000 !important;

    }

    .modal-dialog {
        padding-bottom: 80px !important;
        align-items: end !important;
    }

    .modal-body {
        max-height: 350px !important;
        overflow-y: auto;
    }


    /* INPUT CUSTOM*/
    input,
    select {
        /* padding: 30px 10px !important; */
        height: 46px !important;
    }

    .icon-search {
        top: 0px;

    }

    .cotizadora {
        width: 100% !important;
        max-width: 100% !important;
    }

    #buy,
    #sell {
        font-size: 12px !important;
    }

    .exchange-button-container {
        padding-right: 70px;
    }

    #exchange-button {
        scale: 0.75;
    }

    .currency-amount {
        height: 25px !important;
        font-size: 18px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
    }

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

    .currency-exchange-widget small {
        font-size: 12px !important;
    }

    .instruction-div {
        width: 100% !important;
    }

    .list-verification-one::before {
        height: 85% !important;
    }

    .list-verification-two::before {
        height: 80% !important;
    }

    .verification-circle::before {
        width: 15px;
        height: 15px;
        left: 17px;
    }

    .table-base {
        border: none !important;
    }

    /*
    .dropdown.select .btn {
        font-size: 0.8rem !important;
    }

    .dropdown.select .dropdown-item {
        font-size: 0.8rem !important;
    }*/

    .options {
        overflow: auto !important;
        max-height: 100px !important;
    }

    .selected-option .selected-text {
        font-size: 12px !important;
    }

    .option img {
        width: 18px;
        height: 18px;
    }

    .bg-transparent .bg-md-white {
        background-color: transparent !important;
    }


}

@media (max-width: 1024px) {
    .modal-body {
        max-height: 350px !important;
        overflow-y: auto;
    }

    .cotizadora {
        width: 100% !important;
        max-width: 100% !important;
    }

    .carousel-group {
        padding-left: 30px;
    }

    .carousel-group .user-card {
        width: 100% !important;
    }

    .base-crypto {
        flex-direction: column-reverse;
    }

    .base-crypto #section-exchange {
        width: 100% !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .base-crypto .select {
        margin-left: -100px !important;
    }

    .base-crypto .buy-methods img {
        width: 60px !important;
    }

    .carousel-users {
        overflow: visible !important;
    }

    .about {
        flex-direction: column-reverse;
    }

    .base-deform {
        width: 150% !important;
        transform: translateY(-85%) translateX(-16.55%);
    }

    .footer .base-footer {
        width: 100%;
    }

    .footer .rectangule {
        margin-top: 20px;
        height: 130px;
        flex-direction: column;
        justify-content: center;
    }

    #navbar-float-mobile {
        position: absolute;
        top: 130px;
        left: 0;
        right: 0;
        height: 0;
        background-color: #ffffff;
        z-index: 1;
        overflow: hidden;
    }

    #navbar-float-mobile.show {
        height: 100vh;
    }

    .logo {
        max-width: 100px;
    }

    #mainNavbar {
        height: 4rem !important;
    }

    #mainNavbarListUser {
        max-height: 0;
        transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
        opacity: 0;
    }

    #mainNavbarListUser.show {
        max-height: 500px;
        opacity: 1;
        padding: 20px 10px !important;
    }


}


@media (max-width: 1900px) {
    .modal-body {
        max-height:350px !important;
        overflow-y: auto;
    }
}

/* PARA CLASES ESPECÍFICAS*/