.mm {
    font-size: 20px !important;
    text-align: left !important;
    color: #765282;
}
.ms-logo {
    margin: auto 0 !important;
    padding: auto 0 !important;
}
/* .ms {
    position: relative;
    width: 100%;
    padding: auto 30px 0 0  !important;
    margin: auto 30px 20px 0 ;
} */
.ms-header {
    width: 100% !important;
    color: #745382;
    margin: 0;
    padding: 0;
}
.ms-header h1 {
    color: #C8A6D8;
    padding-bottom:0;
    margin-bottom: 5px;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(200, 166, 216, .5);
}
.ms-header span{
    color: #745382;
}
.ms-text {
    font-size: 18px;
    margin-top: 0;
    padding-top: 0;

}
.ms-main-ctn{            
    position:relative;
    width:75%;
    border-radius:20px;
    background-color: #FFFFFF;
    margin: 0 auto;
}
.ms-btn-ctn {
    position: relative;
    width: 80%;
    margin: -5% auto 0 auto !important;
}	
.ms-table {
    width: 100%;
    margin: -30px 0 5px 0 !important;
    padding: 10px 0;
}

.table thead th {
    color: #A769BE;
    border-bottom-color: #C8A6D8 !important;
}

.table tbody td{
    padding: 12px 0;
    border-color: #C3D92F !important;
}
.table tr {
    background: #FFF;
    
}
.table tbody td span{
    color: rgb(150, 170, 19);
}
.table tbody tr:last-child {
    border-top: 2px solid rgb(167, 105, 190);
    
}
.table{
    margin-bottom: 5px !important;
}
.table tbody tr:nth-child(even) {    
    background: #FBFDF2;
}
.ms-pl .table tbody tr:last-child {
    border-top: 1px solid #C3D92F !important;
}
.ticker{
    display: none;
}
.btn-earn {
    color: #FFF;
    font-weight: normal !important;
    padding: 5px 20px;
    background: #A769BE;
    font-size: 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.btn-earn:hover {
    background: #725383;
    color: #FFF;
}
.btn-earn a, .btn-earn a:hover{
    color:#Fff;
}
.ms-total {
    font-size: 25px;
    font-weight: 600;
    color: #C8A6D8;
}
.ms-total span {
    font-size: 25px;
    text-transform: uppercase;
    text-align: left !important;
   
}
.ms-total span.points {
    color: #725383;
}
.ms-total span.ms-great{
    text-transform: capitalize;
    font-style: italic;
    color: #725383;
}
.ms-ranking {
    width: 100%;
    text-align: center;
    margin: 20px auto ;
    padding: 15px;
    background: rgb(240, 245, 205);
    color: rgb(150, 170, 19);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;   

}
.ms-ranking h3{
    font-size: 28px;
    color: rgb(150, 170, 19);
    padding: 0 10px 10px 10px;
    border-bottom: 2px solid rgb(200, 213, 125);
    margin-bottom: 5px;
}
.ms-ranking span{
    font-size: 35px;
    font-weight: bold;
}
.ms-leaderboard-logo {
    width: 100% !important;
}
.ms-leader-table {
    text-align: left;
    width: 85% !important;
    margin: 0 auto 5px auto !important;
    color: #A769BE !important;
}
.ms-btn {
    width: 100%;
    padding: 10px 20px;
    margin: 10px auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    background: rgb(167,105, 190);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.ms-btn:hover {
    background: #725383;
}
.ms-btn a, .ms-btn a:hover{
    color: #FFF;
    text-decoration: none;
}
.earnBtn {
    display: none;
}
.ms-div-main {
    width: 100%;
    margin: auto;
}
.ms-logo-ctn {
    width: 445px;
    margin: 0 auto !important;
}
.ms-spacer{
    margin: 20px auto !important;
}
.ms-points {
    text-align: center !important;
    font-weight: bold !important;
    color: #FFF !important;
    padding: 5px 15px !important;
    margin: 10px auto  !important;
    text-decoration: none !important;
    background: rgb(199,166,217) !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}
@media (max-width: 1024px) and (min-width: 685px) {
    .mm {
        width: 90% !important;
        margin: 0 auto !important;
    }
    .ms-main-ctn{ 
        width:100% !important;
        margin: 0 !important;
    }
    #questions{
        width:100%;
        margin: 0 !important;
    }	
    .ms-logo-ctn {
        width:100%;
        margin: 0 !important;
    }
    .ms-logo-ctn img {
        width: 445px !important;
    }	
    .ms-div-main {
        width: 100% !important;
        margin: 0 !important;
    }
    .ms-leader-table {
        width: 100% !important;        
    }
    .ms-table {
        width: 100% !important;
        margin: 0 !important;
    }

    .ms-btn-ctn {
        margin: -10% auto 0 auto !important;
    }	
}
@media (max-width: 684px){
    .ms-spacer{
        width: 120% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    /* .ms {
        position: relative;
        width: 95% !important;
        padding:0  !important;
        margin: 0 !important;
    } */
    .mm {
        width: 90% !important;
        margin:18% auto !important;
    }
    .ms-main-ctn{ 
        width:100% !important;
        margin: 0 !important;
    }
    #questions{
        width:100%;
        margin: 0 !important;
    }	
    .ms-logo-ctn {
        width:100%;
        margin: 0 !important;
    }
    .ms-logo-ctn img {
        width: 100% !important;
    }	
    .ms-div-main {
        width: 100% !important;
        margin: 0 !important;
    }
    .ms-btn-ctn {
        margin: -15% auto 0 auto !important;
    }	
    .ms-leader-table {
        width: 100% !important;        
    }
    .ms-table {
        width: 115% !important;
        margin: 0 2.5% !important;
    }
    .ms-ranking {
        width: 120% !important;
        margin: 20px 0 !important;    
    }
    .col-md-8{
        width: 100% !important;
        margin: 0 !important;
    }
    .ms-right-div{
        width: 120% !important;
        margin: 20px 0 !important;   
    }
    .col-md-12 img {
        margin: 20px 0 !important;
    }
    .footer {
        width: 120% !important;
        margin: 20px 0 !important;  
    }
}