html{width:100%;min-height:100%;}
header{padding:10px;display:flex;justify-content:center;background:#000;position:fixed;width:100%;top:0px;z-index:10;height:55px;align-items:center;max-width: 800px;}
body{max-width:768px;margin:0 auto;background:#000;height:calc(100% - 152px);padding-top:60px;}
footer{max-width:768px;position:fixed;bottom:0;width:100%;background:#000;min-height:90px;display:flex;align-items:center;border-top:3px solid #430000;box-shadow:0px -5px 20px #430000;border-top-left-radius:25px;border-top-right-radius:26px;}
.text-white{color:#fff;}
.text-red{color:#a62521;}
.bg-black{background:#000;}
.btn,.btn:hover,.btn:focus{font-weight:500;padding:10px;border:none;max-width:120px;width:100%;outline:none;box-shadow:none;display:flex;align-items:center;justify-content:center;}
.btn-login,.btn-login:hover,.btn-login:focus{background-color:#eb1c24;color:#fff;}
.btn-reg,.btn-reg:hover,.btn-reg:focus{background-color:#eacd5f;color:#000;}
.pd-body{padding:7px;padding-bottom:8rem;}
.text-upper{text-transform:uppercase;}
.text-capital{text-transform:capitalize;}
.dispNone{display:none;}
.logo{max-width:180px;}
.marquee-section{display:flex;align-items:center;background-color:#eb1c24;margin-top:55px;}
.icon-annouce{background-color:#eb1c24;font-size:18px;padding:5px 10px;}
.reg-log-section{padding:10px 10px 0px 10px;width:100%;display:grid;grid-template-columns:85% 15%;}
.reg-log-section div:first-child{display:flex;justify-content:space-between;padding-right:10px;border-right:3px solid #363636;}
.reg-log-section img{width:100%;max-width:45px;}
.tab-btn-row{padding:30px 10px 10px 10px;font-size:18px;display:flex;justify-content:space-between;}
.btn-tab{transition:0.3s;border-bottom:3px solid #000;padding-bottom:15px;text-decoration:none;}
.btn-tab.active{color:#eb1c24 !important;border-bottom:5px solid #eb1c24;text-decoration:none;}
.tab .tab-content{display:grid;grid-template-columns:25% 25% 25% 25%;}
#promotion .tab-content{grid-template-columns:50% 50%;}
.tab-content a{padding:5px;}
.tab-content img{max-width:100%;}
.footer-row{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:90%;margin:0 auto;}
.footer-row div{text-align:center;}
.bcircle{width:110%;margin-top:-35px;}
.modal-header{background-color:#e4c44d;}
.modal-header .close{font-size:30px;color:#fff;padding:10px;}
.modal-body,.modal-footer{background:#171717;color:#fff;}
.modal-title{line-height:1;}
.modal-body ul li{font-size:16px;line-height:1.3;margin:5px 0px;}
.modal-body table{width:100%;}
.runningtxt{display:flex;align-items:center;}
#promotionModal .modal-body table td{border:1px solid #fff;padding:5px;font-weight:bold;}
@media (max-width:400px){.btn, .btn:hover, .btn:focus{max-width:110px;}
 }
@media (max-width:360px){.btn, .btn:hover, .btn:focus{max-width:100px;}
 .btn-tab{font-size:16px;}
}
@media (max-width:340px){.btn, .btn:hover, .btn:focus{max-width:90px;font-size:12px;}
 .btn-tab{font-size:14px;}
}