@media screen and (max-width:500px) {
    .baseLoading {
        width: 100%;
        height: 90%;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        z-index: 9999999;
    }

    .loadingBox {
        padding: 0 .3125rem .3125rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: white;
        border-radius: .125rem;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);

        :first-child {
            width: 100px;
            height: 100px;
        }

        :last-child {
            font-size: 16px;
            color: #142640;
            font-weight: 600;
        }
    }
}

@media screen and (min-width:501px) and (max-width:1023px) {
    .baseLoading {
        width: 100%;
        height: 90%;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 9999999;
    }

    .loadingBox {
        padding: 0 .625rem .625rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: white;
        border-radius: .25rem;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);

        :first-child {
            width: 150px;
            height: 150px;
        }

        :last-child {
            font-size: 20px;
            color: #142640;
            font-weight: 600;
        }
    }
}

@media screen and (min-width:1024px) {
    .baseLoading {
        width: 100%;
        height: 90%;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 9999999;
    }

    .loadingBox {
        padding: 0 .3125rem .3125rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: white;
        border-radius: .125rem;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);

        :first-child {
            width: 100px;
            height: 100px;
        }

        :last-child {
            font-size: 16px;
            color: #142640;
            font-weight: 600;
        }
    }
}