.bt-his{
    padding: 5px 5px 5px 5px;
    background: #d90d0d;
    color: #fff;
}

.foot {
    background: #0d8ed2;
}

.fnt {
    height: 30px;
    border-radius: 8px;
    font-weight: 600;
    text-align: -webkit-center;
}

/* .bt-rank {
width: 90%;
font-size: 16px;
} */

.bt-submit {
    width: 60%;
    height: auto;
    overflow: hidden;
    display: block;
    color: #000;
    background: #FF0;
    border-radius: 50px;
    margin: auto;
    box-shadow: 5px 5px 15px 1px rgba(50, 50, 50, .4);
}

.label-receive{
    font-size: 0.85rem;
}

.bt-rank {
    font-size: 18px;
}

.foot { background: #401888; padding: 30px; }

.simg {
    width: 55px;
    height: 55px;
    border-radius: 5px;
    border: 1px solid #8e7d55c4;
}

@media screen and (min-width: 501px) and (max-width: 700px) {
    .bt-rank {
        width: 50%;
        font-size: 16px;
    }
}

@media screen and (min-width: 380px) and (max-width: 500px) {
    .table3 {
		width: 100% !important;
    }
    .bt-rank {
        width: 70%;
        font-size: 16px;
    }
}

@media screen and (min-width: 280px) and (max-width: 380px) {
    .table3 {
		width: 100% !important;
    }
    .bt-rank {
        width: 90%;
        font-size: 16px;
    }

    .bt-submit {
        font-size: 11px;
        width: 80%;
    }
}