@media (max-width: 991px) {
	.bg-main {
	    background: #000000;
	}
    .navbar-collapse {
        position: absolute;
        top: 0;
        right: 100%;
        width: 70%;
        transition: all 0.4s ease;
        display: block;
		padding: 0;    
		background-color: #222222;
    }
    .bg-navbar {
	    background-color: transparent;
	    margin: 0;
	    padding: 0;
	}
	.navbar .navbar-toggler {
	    color: #444444;
	    border:0;
	    z-index: 9;
	    /*padding-top: 5px;*/
	    padding: 0;
	}
	nav.navbar:before {
		top: unset;
		bottom: 0;
		left: 0;
	}
	.navbar .logo-container .content {
	    /*width: 215px;*/
	    left: 0;
	}
	.navbar .navbar-toggler .navbar-toggler-icon {
	    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='30' height='30' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(144,144,144, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
    .navbar-collapse.collapsing {
        left: 0;
        transition: all 0.3s linear;
    }
    .navbar-collapse.show {
        right: 30%;
		background-color: #222222;
    }

	.navbar .logo-container .solid-bg {
	    width: 134px!important;
	}
	.navbar .logo-container {
		z-index: 1;
	}
	.navbar .logo-container {
	    position: absolute;
	 	left: 0;
	    bottom: 0;
	 	right: 0;
	    top: 0;
	}
	.navbar .wrap-head-mb {
	    background-color: rgb(0 0 0);/*
	    background-color: rgb(102 102 102 / 0.16);*/
	    display: flex;
	    flex-direction: column;
	    padding: 5px 0;
	    height: 70px;
	}
	.navbar-toggler-icon {
		position: absolute;
	    left: 15px;
	    top: 15px;
	}
	.navbar .logo-container .content {
		position: relative;
		top: 45%;
	}
	#navbarMain {
		z-index: 11;
	}
	#navbarMain .links .nav-item {
        width: 100%;
	}
	#navbarMain .links {
		width: 100%;
	}
	.header-banner .owl-slide-banner {
		padding: 0;
		margin: 0;
	}
	.header-banner .owl-slide-banner li {
		padding: 0;
		margin: 0;
	}
	.header-banner .left-content-banner .wrapper-text {
		padding: 0;
		margin: 0;
		margin-top: 5px;
	}
	.left-content-banner {
		position: relative;
		padding-top: 0;
	}
	/* style */
	.navbar-nav {
		margin-left: 0px;
	}
	.navbar .nav-item {
		background-color: #3d3d3d;
		padding-left: 10%;
		border-bottom: 1px solid #222222;
	}
	.navbar .nav-item .nav-link {
		text-align: left!important;
		padding: 15px 0;
	}
	.navbar .nav-item .nav-link img {
		display: none;
	}
    
	.main-page {
	    margin-top: 0;
	    z-index: 1;
	}	
	.header-banner {
		height: unset;
	    position: relative;
	    display: flex;
	    flex-direction: column;
	    background: url(../../images/bg-main.jpg) no-repeat #000000;
	    background-size: 100%;
	}
	.wrapper-banner-mb {
		height: 100%;
		display: flex;
		justify-content: flex-end;
	}
	.wrapper-banner-mb .banner-mb-content {
		position: relative;
		width: 75%;
	}
	.title-game-dog-race {
		justify-content: flex-end;
		padding-right: 15px;
	}

	/* text */
	.left-content-banner .slogan {
		font-family: Montserrat;
		font-size: 28px;
		font-weight: bold;
	}
	.left-content-banner p.line1,
	.left-content-banner p.line2 {
		font-family: Montserrat;
		font-size: 14px; 
	}
	.left-content-banner .jackpot-container img.jackpot-img {
		width: 50%;
	}
	.left-content-banner .jackpot-container .number-jackpot {
		width: 65%;
		border-radius: 10px;
	}
	.jackpot-container .jackpot-content {
	    background-position: 100%;
	}
	.jackpot-container .number-jackpot p {
		padding: 0px 0;
	}
	.jackpot-container .number-jackpot p img.dollar-sign {
		width: 55px;
	}

	.jodometer_dot {
		padding-right: 20px;
		background-size: 100%!important;
	}
	.jodometer_integer_0,
	.jodometer_integer_1,
	.jodometer_integer_2,
	.jodometer_integer_3,
	.jodometer_integer_4,
	.jodometer_integer_5,
	.jodometer_integer_6,
	.jodometer_integer_7,
	.jodometer_integer_8,
	.jodometer_integer_9,
	.jodometer_integer_10 {
		width: 30px;
	}

	.left-content-banner .jackpot-container .number-jackpot .dollar-sign {
		width: 30px;
	}
	#number_display {
		min-width: 300px;
	}

	/*layout */
	.wrapper-main {
		border-radius: 0;
	}
	.wrapper-list-item .col-fix-item-left {
		width: 100%;
		flex: 0 0 100%;
    	max-width: 100%;
	}	
	.wrapper-list-item .col-fix-item-right {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.transaction .wrap {
		margin: 0!important;
		padding: 0!important;
	}
	.wrapper-list-item .col-fix-item-right > .row_fix {
		margin-right: 0;
	}
		
	.bg-content div.casino-girl,
	.bg-content div.slot-g {
	    width: 283px;
	    height: auto;
	}

}

@media (max-width: 995px) {
	.mChref{
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	.mChref a{
		width: 49.2%;
		margin-right: 0.5%;
	}
	.popup-games.slotPageMobile {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		text-align: center;
		width: 100%;
	}
	.wrapper-list-item.slotPageMobile .list-slot-game.list-item li {
		padding: 0 5px 5px 0!important;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.main-popup .tab-content .manage-status .btn-withdraw-rq{
		background-size: cover;
	}
	.popup-games{width: 100%;}
	.wrapper-list-item.casinoMobileListItem .list-item li{
		display: inline-block;
		width: 48%;
		max-width: 48%;
		padding: 0 !important;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 8px;
	}
	.popup-charge-money.mBileCharge {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		margin-top: 0;
	}
	.popup-games.game_notice_new {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		margin-top: 0;
	}
	.popup-charge-money.popup-event_notes .wrapper-nav .nav .nav-item{
		padding: 0px 30px;
	}
	#myprofile .wrap-form .input-group-st.no-cs label {
		position: absolute;
		left: -120px;
		width: 48%;
		font-size: 10px;
	}
	#myprofile .bot-btn {
		margin-left: 0;
		padding: 0;
	}
	#myprofile .popup-charge-money .wrap-form .bot-btn {
		margin-top: 20px;
		padding: 0;
	}	
	#myprofile .wrap-form textarea{
		font-size: 10px;
		line-height: 20px;
	}
	#myprofile .wrap-form .input-group-st.no-cs label.mProMobile{
		line-height: 20px;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.bg-content div.casino-girl,
	.bg-content div.slot-g {
	    width: 283px;
	    height: auto;
	}
	.jackpot-container .number-jackpot {
		width: calc(100% - 4px);
	    height: 75px;
	    display: flex;
	    justify-content: flex-end!important;
	    margin: 0;
	    padding: 0;
	    align-items: center;
	    background: url(../../images/jackpot-background.jpg) no-repeat;
	    background-size: 100% 100%;
	    margin: 2px;
	}
	.jackpot-container .jackpot-content {
	    background: url(../../images/maga-jackpot-line.png) no-repeat;
	    background-position: 100%;
	    padding: 8px 0px!important;
	    background-size: 100% 82%;
	}
	.jackpot-container .number-jackpot p {
		padding: 0px 0;
	}
	.jackpot-container .number-jackpot p img.dollar-sign {
		width: 41px;
	    margin-top: 1px;
	    margin-right: 5px;
	}

	.jackpot-container .jodometer_dot {
		padding-right: 25px;
		background-size: 100%!important;
	}
	.jackpot-container .number-jackpot p img {
		padding: 0;
		margin-right: 3px;
	}
	.jodometer_integer_0,
	.jodometer_integer_1,
	.jodometer_integer_2,
	.jodometer_integer_3,
	.jodometer_integer_4,
	.jodometer_integer_5,
	.jodometer_integer_6,
	.jodometer_integer_7,
	.jodometer_integer_8,
	.jodometer_integer_9,
	.jodometer_integer_10 {
		width: 21px;
	}

	.left-content-banner .jackpot-container .number-jackpot .dollar-sign {
		width: 30px;
	}
	.jackpot-container {
		padding: 0 10px;
	}
	#number_display {
		min-width: 255px;
		margin: 0;
		margin-right: 5px;
	}
	.header-menu-mobile {
	    height: 35px;
	}
	.menu-mobile-bg {
		background-color: rgb(12 12 12 / 0.9);
		padding: 1.5rem 0.5rem 4rem 0.5rem; 
		display: flex;
	    flex-direction: column;
	    justify-content: unset;
	    width: 100%;
	}
	.header-menu-mobile button span {
	    color: #fff;
	    font-size: 20px;
	    background-color: #2B2F31;
	    width: 18px;
	    height: 18px;
	    position: absolute;
	    top: 9px;
	    left: -4;
	    border-radius: 3px;
	    line-height: 12px;
	}
	.btn-close-menu-mobile {
		position: relative;
		opacity: 1;
	}
	.navbar-collapse {
        position: absolute;
        top: 70px;
        right: 100%;
        width: 80%;
        transition: all 0.4s ease;
        display: block;
		padding: 0;    
		background-color: #222222;
    }
    .bg-navbar {
	    background-color: transparent;
	    margin: 0;
	    padding: 0;
	}
	.navbar .navbar-toggler {
	    color: #444444;
	    border:0;
	    z-index: 15;
	    /*padding-top: 5px;*/
	    padding: 0;
	}
	nav.navbar:before {
		top: unset;
		bottom: 0;
		left: 0;
	}
	.navbar .logo-container .content {
	    /*width: 215px;*/
	    left: 0;
	}
	.navbar .navbar-toggler .navbar-toggler-icon {
	    background-image: url(../img/icon-menu.png);
	    width: 30px;
	    background-size: 100%;
	}
    .navbar-collapse.collapsing {
        left: 100%;
        transition: all 0.3s linear;
    }
    .navbar-collapse.show {
        right: 20%;
		background-color: #222222;
    }
    .guest-mobile {
    	display: block;
    	z-index: 13;
    }
    .isNotLogin {
    	right: 0;
    	top: 13px;
    	padding-right: 5px;
    }
	.navbar .logo-container .solid-bg {
	    width: 134px!important;
	}
	.navbar .logo-container {
		z-index: 12;
	}
	.navbar .logo-container {
	    position: absolute;
	 	left: 0;
	    bottom: 0;
	 	right: 0;
	    top: 0;
	}
	.navbar .wrap-head-mb {
	    background-color: rgb(0 0 0);/*
	    background-color: rgb(102 102 102 / 0.16);*/
	    display: flex;
	    flex-direction: column;
	    padding: 5px 0;
	    height: 55px;
	}
	.navbar-toggler-icon {
		position: absolute;
	    left: 15px;
	    top: 8px;
	}
	.navbar .logo-container .content {
		position: relative;
		top: 14%;
	}
	#navbarMain {
		z-index: 11;
		background-color: rgb(1,1,1,0.9);
		padding: 0.5rem;
		padding-top: 0;
	}
	#navbarMain .links .nav-item {
        width: 100%;
	}
	#navbarMain .links {
		width: 100%;
	}
	.header-banner .owl-slide-banner {
		padding: 0;
		margin: 0;
	}
	.header-banner .owl-slide-banner li {
		padding: 0;
		margin: 0;
	}
	.header-banner .left-content-banner .wrapper-text {
		padding: 0;
		margin: 0;
		margin-top: 0;
	}
	.left-content-banner {
		position: relative;
		padding-top: 0;
	}

}

@media (max-width: 600px) {
	
	.main-popup .tab-content .table.tableNoticeMobile .thead-dark th{
		text-align: left;
	}
	.main-popup .tab-content .table.tableNoticeMobile tbody tr th,
	.main-popup .tab-content .table.tableNoticeMobile tbody tr td
	{
		text-align: left !important;
	}
	.wrapper-list-item.slotPageMobile .list-slot-game.list-item li{
		padding: 0 2px 5px 2px !important;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.popup-charge-money{display: block;}
	.popup-charge-money.mBileCharge{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		margin-top: 0;
	}
    .navbar-collapse {
        position: absolute;
        top: 70px;
        right: 100%;
        width: 80%;
        transition: all 0.4s ease;
        display: block;
		padding: 0;    
		background-color: #222222;
    }
    .bg-navbar {
	    background-color: transparent;
	    margin: 0;
	    padding: 0;
	}
	.navbar .navbar-toggler {
	    color: #444444;
	    border:0;
	    z-index: 15;
	    /*padding-top: 5px;*/
	    padding: 0;
	}
	nav.navbar:before {
		top: unset;
		bottom: 0;
		left: 0;
	}
	.navbar .logo-container .content {
	    /*width: 215px;*/
	    left: 0;
	}
	.navbar .navbar-toggler .navbar-toggler-icon {
	    width: 35px;
	    background-size: 100%;
	}
    .navbar-collapse.collapsing {
        left: 100%;
        transition: all 0.3s linear;
    }
    .navbar-collapse.show {
        right: 20%;
		background-color: #222222;
    }
    .guest-mobile {
    	display: block;
    	z-index: 13;
    }
    .isNotLogin {
    	right: 0;
    	top: 13px;
    	padding-right: 5px;
    }
	.navbar .logo-container .solid-bg {
	    width: 110px!important;
	}
	.navbar .logo-container {
		z-index: 12;
	}
	.navbar .logo-container {
	    position: absolute;
	 	left: 0;
	    bottom: 0;
	 	right: 0;
	    top: 0;
	}
	.navbar .wrap-head-mb {
	    background-color: rgb(0 0 0);/*
	    background-color: rgb(102 102 102 / 0.16);*/
	    display: flex;
	    flex-direction: column;
	    padding: 5px 0;
	    height: 55px;
	}
	.navbar-toggler-icon {
		position: absolute;
	    left: 15px;
	    top: 8px;
	}
	.navbar .logo-container .content {
		position: relative;
		top: 14%;
	}
	#navbarMain {
		z-index: 11;
		background-color: rgb(1,1,1,0.9);
		padding: 0.5rem;
		padding-top: 0;
	}
	#navbarMain .links .nav-item {
        width: 100%;
	}
	#navbarMain .links {
		width: 100%;
	}
	.header-banner .owl-slide-banner {
		padding: 0;
		margin: 0;
	}
	.header-banner .owl-slide-banner li {
		padding: 0;
		margin: 0;
	}
	.header-banner .left-content-banner .wrapper-text {
		padding: 0;
		margin: 0;
		margin-top: 0;
	}
	.left-content-banner {
		position: relative;
		padding-top: 0;
	}
	/* style */
	.navbar-nav {
		margin-left: 0px;
	}
	.navbar .nav-item {
		background-color: #292929;
		padding-left: 10%;
		border-bottom: 2px solid #0A0A0A;
	}
	.navbar .nav-item .nav-link {
		text-align: left!important;
		padding: 8px 0;
	}
	.navbar .nav-item .nav-link img {
		display: none;
	}
    .navbar .nav-item:hover {
		background-color: #4F3B09;
		color: #fff;
    }
    .navbar .navbar-nav .nav-item.active {
		background-color: #4F3B09;
    }
    .navbar .navbar-nav .nav-item.active .nav-link p {
    	color: #fff;
    }
	.main-page {
	    margin-top: 0;
	    z-index: 1;
	}	
	.header-banner {
		height: unset;
	    position: relative;
	    display: flex;
	    flex-direction: column;
	    background: url(../../images/bg-main.jpg) no-repeat #000000;
	    background-size: 100%;
	}
	.wrapper-banner-mb {
		height: 100%;
		justify-content: flex-end;
		display: flex;
	}
	.wrapper-banner-mb .banner-mb-content {
		position: relative;
		width: 75%;
	}
	.title-game-dog-race {
		justify-content: flex-end;
		padding-right: 15px;
	}

	/* text */
	.left-content-banner .slogan {
		font-family: AKorean;
		font-size: 24px;
		font-weight: 400;
	}
	.left-content-banner p.line1,
	.left-content-banner p.line2 {
		font-family: 'Noto Sans KR',sans-serif;
		font-size: 10px; 
	}
	.left-content-banner .jackpot-container img.jackpot-img {
		width: 50%;
	}
	.jackpot-container .number-jackpot {
		width: calc(100% - 4px);
	    height: 40px;
	    display: flex;
	    justify-content: flex-end;
	    margin: 0;
	    padding: 0;
	    align-items: center;
	    background: url(../../images/jackpot-background.jpg) no-repeat;
	    background-size: 100% 100%;
	    margin: 2px;
	}
	.jackpot-container .jackpot-content {
	    background: url(../../images/maga-jackpot-line.png) no-repeat;
	    background-position: 100%;
	    padding: 8px 0px!important;
	    background-size: 100% 75%;
	}
	.jackpot-container .number-jackpot p {
		padding: 0px 0;
	}
	.jackpot-container .number-jackpot p img.dollar-sign {
		width: 24px;
	    margin-top: -6px;
	    margin-right: 5px;
	}

	.jackpot-container .jodometer_dot {
		padding-right: 14px;
		background-size: 100%!important;
	}
	.jackpot-container .number-jackpot p img {
		padding: 0;
		margin-right: 3px;
	}
	.jodometer_integer_0,
	.jodometer_integer_1,
	.jodometer_integer_2,
	.jodometer_integer_3,
	.jodometer_integer_4,
	.jodometer_integer_5,
	.jodometer_integer_6,
	.jodometer_integer_7,
	.jodometer_integer_8,
	.jodometer_integer_9,
	.jodometer_integer_10 {
		width: 12px;
	}

	.left-content-banner .jackpot-container .number-jackpot .dollar-sign {
		width: 30px;
	}
	.jackpot-container {
		padding: 0 10px;
	}
	#number_display {
		min-width: 143px;
		margin: 0;
		margin-right: 5px;
	}

	/*layout */
	.btn-default {
		border: 1px solid #858585;
		border-radius: 15px;
		padding: 3px 10px;
	}
	.btn-default.active:active:hover, .btn-default:active:hover {
		border: 1px solid #ff7800!important;
	}
	.btn-default.active {
		border: 1px solid #ff7800;
	}
	.btn-default:hover, .btn-default.active:hover, .btn-default:focus  {
		border-radius: 15px;
	    color: #fff!important;
	    background-color: #ff7800!important;
		border: 1px solid #ff7800;
	}
	#btnLogin, #btnLoginMb, #btnRegister, #btnRegisterMb, #btnLogout, #btnMyProfile {
	    font-size: 10px;
	}
	.wrapper-main {
		border-radius: 0;
		padding-bottom: 0;
		background-color: #000000;
	}
	.wrapper-list-item .col-fix-item-left {
		width: 100%;
		flex: 0 0 100%;
    	max-width: 100%;
	}	
	.wrapper-list-item .col-fix-item-right {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.transaction .wrap {
		padding: 5px!important;
	}
	.transaction .transaction-table-container {
		border-radius: 0;
	    padding: 0;
	    min-height: 125px;
	}
	.transaction-table-container .table-heading {
		background-color: #1b1b1b;
		margin-bottom: 5px;
		padding: 0px 8px;
	}
	div.transaction-list.notice-list .items:nth-of-type(1n+5) {
		display: none;
	}
	div.transaction-list.notice-list .items:nth-child(1n+4) {
		border-bottom: 0;
	}
	div.transaction-list .table-heading span {
	    color: #ffde00;
	    font-size: 12px;
	}
	ul.transaction-list .items {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    padding: 2px 8px;
	    border-bottom: 1px solid #4a4a4a;
	    font-size: 10px;
	    color: #ffffff;
	}
	ul.transaction-list .items .transaction-item a {
		color: #ffffff;
		font-size: 10px;
	}
	.wrapper-list-item .col-fix-item-right > .row_fix {
		margin-right: 0;
	}
	.qbox {
    	height: 80px;
	}		
	.bg-container {
	    height: 125px;
	}
	.wrapper-list-item .bg-container .bg-image {
	}
	.wrapper-list-item.casinoMobileListItem{
		padding: 5px;
	}

	.wrapper-list-item .list-item li {
		padding: 0 10px!important;
		padding-bottom: 5px!important;
	}
	.wrapper-list-item.casinoMobileListItem .list-item li {
		display: inline-block;
		width: 48%;
		max-width: 48%;
		padding: 0 !important;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 8px;
	}

	.wrapper-list-item .list-item li:last-child {
		padding-bottom: 0!important;
	}
	.wrapper-list-item .bg-content {
		border-radius: 5px;
	}
	.wrapper-list-item .bg-content p.slot-logo,
	.wrapper-list-item .bg-content p.casino-logo {
		text-align: right;
	}
	.wrapper-list-item .bg-content .casino-logo img,
	.wrapper-list-item .bg-content .slot-logo img {
		width: 47%!important;
	}
	.wrapper-list-item .bg-content .game-play img {
		width: 63%;
	}
	.bg-content div.game-play {
		right: -5px;
	}
	.bg-content div.casino-girl,
	.bg-content div.slot-g {
	    width: 195px;
	    height: auto;
	    bottom: 0;
	    padding: 3px;
	}
	.partner-container {
		margin-top: 15px;
		margin-bottom: 0px;
	}
	.footer {
		padding-top: 0px;
	}
	.footer .footer-logo {
	    width: 98px;
	}
	.sub-footer {
		text-align: center;
	}
	.wrap-text-ft {
		display: flex;
		flex-direction: column;
	}
	.sub-footer p.text-copyright {
	    font-size: 8px;
	    display: inline;
	    text-align: center;
	}
	.sub-footer p.text-copyright span {
		display: inline-block;
	}
	.sub-footer .d-mb-none-cs {
		display: none!important;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	    width: 100%;
	    padding-right: 10px;
	    padding-left: 10px;
	    margin-right: auto;
	    margin-left: auto;
	}
	.header-menu-mobile {
	    height: 35px;
	}
	.menu-mobile-bg {
		background-color: rgb(12 12 12 / 0.9);
		padding: 1.5rem 0.5rem 4rem 0.5rem; 
		display: flex;
	    flex-direction: column;
	    justify-content: unset;
	    width: 100%;
	}
	.header-menu-mobile button span {
	    color: #fff;
	    font-size: 20px;
	    background-color: #2B2F31;
	    width: 18px;
	    height: 18px;
	    position: absolute;
	    top: 9px;
	    left: -4;
	    border-radius: 3px;
	    line-height: 12px;
	}
	.btn-close-menu-mobile {
		position: relative;
		opacity: 1;
	}



.announcement-wrapper {
	background-color: #1d1d1d;
	padding: 0 10px;
	height: 42px;
	line-height: 1;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
  }
  
  .announcement__btn {
	background-color: #bb3636;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	border: none;
	border-radius: 3px;	
	padding: 0 12px;
	height: 20px;
	white-space: nowrap;
  }
  
  .announcement {
	padding: 0 10px;
  }
  
  .announcement-container {
	white-space: nowrap;
  }
  
  .announcement, .announcement__btn, .announcement-container {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
  }
  
  .announcement__subject, .announcement__date {
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	line-height: 1;
	font-weight: 700;
  }
  
  .announcement__date {
	color: #999999;
  }
  
  .announcement__subject {
	color: #ffffff;
	margin-right: 10px;
  }
  
  /* Marquee */
  .marquee-parent {
	position: relative;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	margin: 0 auto;
	font-size: 0;
  }
  
  .marquee-child {
	display: table;
	width: 100%;
	height: 100%;
	animation: marquee 20s linear infinite; /* change value of seconds to your desired speed */
  }
  
  .marquee-child span {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	font-size: 14px;
	left: 14px;
	top: 0;
  }
  
  .marquee-child:hover {
	animation-play-state: paused;
	cursor: pointer;
  }
  
  .marquee__date {
	color: #666666;
	font-size: 10px;
  }
  
  @keyframes marquee {
	0% {
	  transform: translate(25%, 0);
	}
	100% {
	  transform: translate(-100%, 0);
	}
  }

  .main-balance {
	background-color: #1d1d1d;
	width: 100%;
  }
  
  .main-balance__logged-out {
	display: flex;
	flex-wrap: nowrap;
	padding: 10px;
	height: 60px;
  }
  
  .main-balance__logged-out button {
	height: 40px;
	width: calc(50% - 5px);
	margin-right: 5px;
  }
  
  .main-balance__logged-out button:nth-child(2) {
	margin-right: 0;
	margin-left: 5px;
  }
  

  .btn-violet-gradient, .btn-violet.outline:hover, .btn-violet.outline:focus {
    background: rgb(82,39,173);
    background: -moz-linear-gradient(top, rgba(82,39,173,1) 0%, rgba(41,29,93,1) 100%);
    background: -webkit-linear-gradient(top, rgba(82,39,173,1) 0%,rgba(41,29,93,1) 100%);
    background: linear-gradient(to bottom, rgb(0, 0, 0) 0%,rgb(35, 35, 35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5227ad', endColorstr='#291d5d',GradientType=0 );
    color: #f9d244;
    border: solid 1px #3a3a3a;
    font-weight: 700;
}
.btn-yellow-gradient, .btn-violet-gradient:hover, .btn-violet-gradient:focus, .btn-violet.active, .btn-violet:hover, .btn-violet:focus {
    background: rgb(239,212,141);
    background: -moz-linear-gradient(top, rgba(239,212,141,1) 10%, rgba(221,173,45,1) 50%, rgba(221,173,45,1) 50%, rgba(221,173,45,1) 100%);
    background: -webkit-linear-gradient(top, rgba(239,212,141,1) 10%,rgba(221,173,45,1) 50%,rgba(221,173,45,1) 50%,rgba(221,173,45,1) 100%);
    background: linear-gradient(to bottom, rgba(239,212,141,1) 10%,rgba(221,173,45,1) 50%,rgba(221,173,45,1) 50%,rgba(221,173,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd48d', endColorstr='#ddad2d',GradientType=0 );
    color: #121212;
    border: solid 1px #fbd369;
    font-weight: 700;
}

	



	/*popup */
	.popup-games {
		max-width: 100%;		
	}
	.popup-games.slotPageMobile{
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		text-align: center;
		width: 100%;
	}
	.popup-overlay {
		padding-top: 85px;
	}

	.main-popup .wrapper-list-item .list-item li {
	    padding: 0 5px 5px 0!important;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.header-popup .wrapper-list-item .list-item li:nth-child(2n+1) {
		padding-right: 0!important;
	}
	.popup-games .nav .nav-item {
		display: none;
	}
	.popup-games .nav .nav-item.active {
		display: block;
	}
	.wrapper-nav .close-popup {
		display: block;
		position: absolute;
	    right: 8px;
	    top: 8px;
	}
	.popup-games .nav .nav-item.item-casino {
		margin-right: 0;
	}
	.popup-games .wrapper-nav {
		margin-top: 0;
		padding: 0;
	}
	.popup-games .wrapper-nav .nav {
		justify-content: flex-end;
	}
	.popup-games .wrapper-nav {
	   	background: url(../../images/bg-transparent-nav.png) no-repeat;
	    background-size: 235% 100%;
	    z-index: 9;
	}
	.bg-content div.game-play a {
	    display: flex;
	    opacity: 0;
	    justify-content: center;
	    align-items: center;
	    height: 100%;
	}
	.onHover .bg-content div.game-play a {
	    display: flex;
	    opacity: 1;
	}
	.bg-content .game-play p {
		display: none;
	}
	.onHover .bg-content .game-play p {
	    display: flex;
	    justify-content: center;
	    position: absolute;
	    width: 100%;
	    top: 75%;
	    left: 0;
	    color: #fff;
	    font-size: 16px;
	}
	.popup-games .onHover .bg-content p.logo {
		filter: brightness(0.2);
	}
	.list-item .bg-container:hover .bg-image {
		filter: brightness(0.2);
	}
	.popup-games .bg-content:hover .the-girl {
	    filter: brightness(0.2);
	}
	.popup-games .bg-content p span.text-logo {
		font-size: 10px;
	}
	.popup-casino-slot .sub-popup-slot .onHover .bg-content div.game-play {
		width: 100%;
	}
	.popup-casino-slot .onHover .bg-content div.game-play p {
		top: 74%;
	}
	.popup-games .nav .nav-item.item-slot {
		background-position: 100% 7px;
	}
	.popup-casino-slot .list-slot-game .bg-content div.game-display img {
		width: 85%!important;
    	border-bottom-left-radius: 3px;
	}
	.popup-casino-slot .sub-popup-slot .game-name {
		font-size: 10px;
	}
	.bg-container-slot-game {
		height: 110px!important;
	}
	.popup-casino-slot .sub-popup-slot .bg-content div.game-play {
		top: 40%;
	}
	.popup-games .comming-soon {
	    background-image: url('../../images/text-comming-soon.png');
	    padding: 30px 0;
	    width: 100%;
	    top: calc(50% - 18px);
	    left: 4px;
	    background-size: 100%;
	    background-repeat: no-repeat;
	}

	.referralcode-form-popup,
	.login-form-popup {
		background-image: unset;
	}
	.referralcode-form-popup .form-layout,
	.login-form-popup .form-layout {
		align-self: center;
	}
	.referralcode-form-popup .input-group-st .form-control,
	.login-form-popup .input-group-st .form-control {
	    max-width: initial;
	    font-size: 12px;
	    margin-right: 5px;
	    border-radius: 0;
	}
	
	.btn-referralcode {
		background: url(../../images/btn-referralcode.png) no-repeat;
	    background-size: 105% 116%;
	    background-position: -2px -3px;
	    padding: 8px 30px;
	    color: #c7c7c7;
	    margin-right: 10px;
		font-size: 14px;
	}
	.btn-referralcode:hover {
		background: url('../../images/btn-referralcode-on.png') no-repeat;
	    background-size: 105% 116%;
	    background-position: -2px -3px;
	    padding: 8px 30px;
		color: #c7c7c7;
		font-size: 14px;
	}
	.btn-cancel-referralcode {
		background-color: #ff0000;
		border: 1px solid #111;
		padding: 8px 27px;
		color: #c7c7c7;
		border-radius: 5px;
		font-size: 14px;
	}
	.btn-cancel-referralcode:hover {
		opacity: 0.8;
		padding: 8px 27px;
		color: #c7c7c7;
		font-size: 14px;
	}
	/* register popup mb*/
	.reg-form-popup {
		width: 400px;
		height: 730px;
		box-sizing: border-box;
		padding: 0px;
	}
	.reg-form-popup .wrap-form {
		background-image: unset;
	}
	.reg-form-popup .form-layout form {
    	max-width: 100%;
	    position: relative;
	    width: 74%;
	    right: -25%;
	    top: 0;
	    margin-right: 0;
	}
	.reg-form-popup .wrap-form .input-group-st label .icon {
		display: none;
	}
	.reg-form-popup .wrap-form .input-group-st .form-control {
		flex: 0 0 245px;
		height: 45px;
		background-size: 100% 100%;
		font-size: 10px;
	}
	.reg-form-popup .wrap-form .input-group-st .bootstrap-select {
		width: 245px!important;
	}
	.reg-form-popup .wrap-form .input-group-st .bootstrap-select button.btn {
		width: 236px;
	}
	.reg-form-popup .wrap-form .input-group-st .bootstrap-select.show button.btn {
		width: 236px;
		height: 30px;
	}
	.reg-form-popup .wrap-form .input-group-st .bootstrap-select .dropdown-menu.inner.show {
		width: 236px;
	}
	.country-gcp-collase {
		/*margin: 0;*/
	}
	.reg-form-popup .wrap-form .input-group-st .input-group-prepend .ctry-img {
		/*width: 18px;
		height: 18px;*/
	}
	.reg-form-popup .wrap-form .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
		padding: 4px;
	    font-size: 10px;
	    line-height: 20px;
	}
	.reg-form-popup .wrap-form .input-group-st .bootstrap-select .dropdown-menu.inner.show .dropdown-item {
		font-size: 10px;
	}
	.reg-form-popup .wrap-form .bootstrap-select .dropdown-toggle::after {
		top: calc(35% - 3px);
	}
	.reg-form-popup .wrap-form .input-group-st .group-w-icon .icon-right {
	    position: absolute;
	    right: 22%;
	    top: 14px;
	}
	.reg-form-popup .wrap-form .input-group-st button.btn-yl {
	    background-color: #fad00a;
	    padding: 0;
	    height: 30px;
	    align-self: center;
	    font-size: 10px;
	    color: #000000;
	    min-width: 44px;
	    max-width: 44px;
	}
	.btn-login-user {
	    background: url(../../images/bg-btn-login-user.png) no-repeat;
	    font-size: 16px;
	    color: #c7c7c7;
	    padding: 9px 15px;
	    display: flex;
	    justify-content: center;
	    margin-left: -2px;
	    position: relative;
	    background-size: 100% 100%;
	    width: 100%;
	    font-weight: bold;
	}
	.reg-form-popup .bot-btn {
	    flex: 0 0 245px;
	    max-width: 245px;
	    margin-top: 7px;
	}
	.reg-form-popup .wrap-form .input-group-st label {
		padding-right: 8px;
		font-size: 10px;
		color: #ababab;
		font-weight: 900;
	}
	.reg-form-popup .wrap-form .input-group-st .right-box-content {
		padding-left: 5px!important;
	}
	.reg-form-popup .form-layout:after {
		content: '';	
		border-bottom: 2px solid #FFB900;
		position: absolute;
		bottom: -15px;
		width: 100%;
	}
	.reg-form-popup .form-layout:before {
		content: '';	
		border-top: 2px solid #FFB900;
		position: absolute;
		top: -25px;
		width: 100%;
	}
	.reg-form-popup .form-layout {
	    display: flex;
	    flex-direction: column;
	    margin: 0 auto;
	    align-self: center;
	    margin-bottom: 15px;
	    position: relative;
	    right: 0;
	    top: -10px;
	    width: 555px;
	    margin-right: 0;
		padding-bottom: 25px!important;
	}
	.reg-form-popup .close-popup {
	    right: 12px;
	    top: 3%;
	}
	.btn-login-user:hover {
		background-size: 100% 100%;
	}
	.reg-form-popup .wrap-form .input-group-st .form-control::placeholder {
		color: #ababab;
		font-size: 10px;
		text-align: center;
	}
	.reg-form-popup .wrap-form .input-group-st .form-control.datetimepicker-input::placeholder {
		color: #FF0D00;
		font-size: 10px;
		text-align: center;
	}
	.reg-form-popup .wrap-form .input-group-st p {
	    /*font-size: 12px;
	    color: #a9a9a9;
	    padding-left: 12px;
	    align-self: center;
	    display: block!important;
	    position: absolute;
	    left: 30px;*/
	}
	/* e register popup mb*/

	/* popup casino slot mb */
	.list-casino-game .bg-content div.game-play {
    	left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	}
	.list-slot-game .bg-content div.game-play {
    	left: 0;
	    right: 0!important;
	    bottom: 20px!important;
	    top: 0px;
	}
	.popup-casino-slot .sub-popup-slot .onHover .bg-content div.game-play p {
	    top: 100%;
	    font-size: 12px;
	}
	.wrapper-list-item .list-casino-game .bg-content .game-play img {
	    margin-top: -20px;
	}
	.wrapper-list-item .list-slot-game .bg-content .game-play img {
	   width: 68%;
	}
	.popup-casino-slot .list-slot-game .bg-container{
		height: 114px;
	}
	.popup-casino-slot .sub-popup-slot .bg-container {
		height: 75px!important;
	}
	.popup-casino-slot .list-slot-game .onHover .bg-content div.game-play p {
	    top: 83%;
	    font-size: 12px;
	    font-weight: bold;
	}
	.popup-games .bg-content div.game-display {
	    bottom: 2px;
	    left: 2px;
	    position: absolute;
	    width: calc(100% - 3px);
	    display: flex;
	}
	.popup-games .list-slot-game .bg-content p.chip img {
		padding: 2px;
		border-bottom-right-radius: 3px;
	}
	.item-casino.active ~ .bg-nav-motive-slot {
		display: none;
	}
	.item-casino.active ~ .bg-nav-motive-casino {
		right: 15%;
    	background-size: 100% 100%;
	}
	.item-slot.active ~ .bg-nav-motive-casino {
		display: none;
	}
	.item-slot.active + .bg-nav-motive-slot {
		left: 0;
		background-size: 75% 100%;
	}
	.main-popup .wrapper-list-item .sub-popup-slot.list-item li,
	.main-popup .wrapper-list-item .list-slot-game.list-item li {
	    padding: 0 5px 5px 0!important;
	    flex: 0 0 33.33%;
	    max-width: 33.33%;
	}
	.popup-games .nav .nav-item.item-casino {
	    padding-right: 20px;
	}
	.popup-games .nav .nav-item .nav-link img {
	    width: 90%;
	}
	.popup-games .nav .nav-item.item-slot {
		padding-right: 0;
	}
	.popup-games .nav .nav-item.item-slot .nav-link {
	    margin-right: -11px;
	}
	.menu_bottom_mb{
		display: block;
	    height: 65px;
	    overflow: hidden;
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    background-color: rgb(12 12 12);
	    padding: 0.375rem;
	    box-sizing: border-box;
	    box-shadow: inset 2px 2px 3px #727272;
	}
	.btn_wrap {
		float: left;
	    width: 15%;
	    background: #000000;
	    display: flex;
	    height: 100%;
	    box-shadow: inset 1px 4px 3px #515151, inset 2px 12px 7px #2e2e2e, inset 0px 30px 8px #101010, inset 0px 65px 24px #000000, inset 2px 60px 0px #000000;
	    height: 66px;
	    margin-top: -7px;
	    margin-left: -6px;
	    text-align: center;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}
	.menu_bottom_content {
	    width: 85%;
	    margin-left: 12%;
	    background-color: #1e1e1e;
	    height: 100%;
	    border-radius: 4px;
	    padding: 0 0.75rem;
	    box-sizing: border-box;
	    overflow: hidden;
	    display: flex;
	    box-shadow: inset 5px 8px 12px #060606;
	    border-top-left-radius: 0;
    	border-bottom-left-radius: 0;
	}
	.menu_bottom_mb .btn_wrap a {
		width: 50px;
	    height: 50px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background: url(../img/home-menu-bot-mb.png) center no-repeat;
	    position: relative;
	    border: 0;
	}
	.label-user_wrap {
		display: flex;
		flex-direction: row;
	}
	.label-user_wrap .label_icon_1 {
	    background: url(../img/label1.png) no-repeat;
	    height: 40px;
	    width: 43px;
	    display: inline;
	    margin-top: 8px;
	}
	.label-user_wrap .label_icon_2 {
	    background: url(../img/label2.png) no-repeat;
	    height: 40px;
	    width: 43px;
	    display: inline;
	    margin-top: 8px;
	}
	.label-user_wrap .label_icon_3 {
	    background: url(../img/label3.png) no-repeat;
	    height: 40px;
	    width: 43px;
	    display: inline;
	    margin-top: 8px;
	}
	.label-user_wrap .label_icon_4 {
	    background: url(../img/label4.png) no-repeat;
	    height: 40px;
	    width: 43px;
	    display: inline;
	    margin-top: 8px;
	}
	.label-user_wrap .label_icon_5 {
	    background: url(../img/label5.png) no-repeat;
	    height: 40px;
	    width: 43px;
	    display: inline;
	    margin-top: 8px;
	}
	.label-user_wrap .user_info {
		margin-left: 8px;
		margin-right: 15px;
	}
	.label-user_wrap .id_user {
		border-bottom: 1px solid #666666;
		color: #666666;
		font-weight: bold;
	}
	.label-user_wrap .user_name {
		color: #FAD502;
		font-weight: bold;
	}
	.menu_bottom_content .asset_user {
		float: left;
	    width: 84%;
	    box-sizing: border-box;
	}
	.menu_bottom_content .asset_user ul {
		list-style: none;
		padding: 0;
		margin-left: 15px;
		font-weight: bold;
		color: #fff;
	}
	.menu_bottom_content .asset_user ul li {
	    overflow: hidden;
	}
	.menu_bottom_content .asset_user ul li span.tit-coin {
	    background-size: 20px 14px;
	    background-repeat: no-repeat;
	    background-position: left center;
	    background-image: url(../img/icon-coins.png);
	    padding-left: 25px;
	}
	.menu_bottom_content .asset_user ul li span.tit-coin i {
	    padding-right: 10px;
	    font-size: 15px;
	}
	.menu_bottom_content .asset_user ul li span.tit-point {
	    background-size: 18px 18px;
	    background-repeat: no-repeat;
	    background-position: left center;
	    background-image: url(../img/icon-point.png);
	    padding-left: 25px;
	}
	.menu_bottom_content .asset_user ul li span.pri {
    	float: right;
	    text-align: right;
	    padding: 0;
	    box-sizing: border-box;
	    color: #545454;
	}
	.menu_bottom_content .asset_user span {
	    display: inline-block;
	    font-size: 0.875rem;
	    font-weight: 900;
	    letter-spacing: 1px;
	    line-height: 1.3rem;
	}
	.menu_bottom_content .asset_user span.pri b {
	    color: #FECB02;
	}
	.banner-popup-header-content .ind-text {
		display: none;
	}
	.popup-charge-money .wrap-form .input-group-st .form-control {
		flex: 0 0 260px;	
		padding-right: 25px;
	}
	#exchange .wrap-form .btn-popup-charge, #charge .wrap-form .btn-popup-charge,
	#charge .wrap-form .btn-popup-charge, #charge .wrap-form .btn-popup-charge {
	    width: 260px;
	    padding: 10px 10px;
	}
	.popup-charge-money .wrap-form .btn-popup-charge {
    	background: url(../../images/bg-button-close-popup-charge.png) no-repeat;
	    width: 260px;
	    padding: 10px 10px;    
    	background-size: 100% 100%!important;
	}
	.popup-charge-money .wrap-form {
	    padding-top: 25px;
		padding-bottom: 100px;
	    float: right;
	    flex: 0 0 260px;
	    max-width: 260px;
	    margin-right: 0;
	}
	.popup-charge-money .wrap-form .title-guide {
		left: -68px;
		font-size: 10px;
	    color: #ffe400;
	    padding-right: 15px;
	    align-self: center;
	    margin: 0;
	    position: absolute;
	    justify-content: flex-start;
	    display: flex;
	    width: 50%;
	    max-width: 50%!important;
	}
	.popup-charge-money .wrap-form .input-group-st label {
	    font-size: 10px;
	    color: #ffe400;
	    padding-right: 15px;
	    align-self: center;
	    margin: 0;
	    left: -30%;
	    position: absolute;
	    text-align: right;
	    justify-content: flex-end;
	    display: flex;
	    width: 95px;
	}
	.popup-charge-money .wrap-form .input-group-st i.fl-box {
	    transform: translate(10px, 10px) rotate(-90deg);
	    position: absolute;
	    z-index: 1;
	}
	.popup-charge-money .wrap-form .guide-content {
	    color: #ffffff;
	    font-size: 12px;
	    padding-left: 5px;
	    margin-left: -85px;
	    padding-top: 20px!important;
		position: absolute;
    	left: 35px;
	}
	.popup-charge-money .wrap-form .btn-red {
		margin-left: 0;
	}
	.popup-charge-money .wrap-form .btn {
		margin-bottom: 8px;
	   	width: calc(252px / 3);
	    margin-right: 4px;
	}
	.popup-charge-money .wrap-form .bot-btn {
		margin-top: 20px;
		padding: 0;
	}
	.popup-charge-money .wrap-form .option-group {
		padding-bottom: 4px;
		padding-left: 0;
		display: flex;
    	flex-flow: wrap;
    	flex: 0 0 102%;
    	max-width: 102%;
	}
	.guide-content p {
		color: #919191;
	}
	.banner-popup-header-content .ind-popup {
	    padding: 25px 15px 10px 15px;
	    background-position: 0px 0px;
	    position: relative;
	    height: 69px;
	    padding-right: 0;
	}
	.popup-games {
		border:0;
		overflow: hidden;
	}

	.popup-games.game_notice_new{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		margin-top: 0;
	}

	.popup-charge-money .close-popup {
		top: 32%;
		z-index: 9;
	}
	.d-banner-popup-motive {
	    background: url(../../images/net-motive.gif) no-repeat;
	    background-size: cover;
	    position: absolute;
	    left: 23.7%;
	    top: 0;
	    bottom: 0px;
	    right: 0;
	    overflow: hidden;
	    z-index: -1;
	}
	.popup-games.popup-charge-money .wrapper-nav {
	    background: url(../../images/bg-transparent-nav.png) no-repeat;
	    background-size: 0 100%;
	    z-index: 9;
	}
	.fill-over-bg {
		width: 75px;
	}
	.popup-charge-money .main-popup {
		background-size: contain;
	}

	.popup-games.popup-charge-money .wrapper-nav .nav {
		display: none;
		justify-content: flex-end;
	}
	#coupondetail .table-cs td button.btn {
		min-width: 49px;
		font-size: 10px;
		white-space: nowrap;
	}
	.main-popup .tab-content .table-cs tbody tr th, .main-popup .tab-content .table-cs tbody tr td {
		font-size: 10px;
		padding: 4px;
	}
	.main-popup .tab-content .table .thead-dark th {
		padding: 4px;
		font-size: 10px;
		white-space: nowrap;
	}
	.popup-casino-slot .close-popup .close {
	    background-color: rgb(209 209 209 / 30%);
	    border-radius: 50%;
	    height: 25px;
	    width: 25px;
	    opacity: 1;
	    text-shadow: unset;
	}
	.popup-casino-slot .close-popup .close span {
	    font-size: 18px;
	    vertical-align: super;
	    padding-left: 0;
	    color: #bbb;
	    opacity: 1;
	    text-shadow: unset;
	    display: flex;
	    margin-top: -5px;
	    justify-content: center;
	}
	.main-popup .tab-content .manage-status .icon {
		position: absolute;
		bottom: -5px;
		left: -30px;
	}
	.main-popup .tab-content .manage-status span {
		font-size: 10px;
	}
	.main-popup .tab-content .manage-status p {
		font-size: 10px;
	}
	.main-popup .tab-content .manage-status .input-group-st .form-control {
		flex: 0 0 180px;
		margin-left: 5px;
	}
	.main-popup .tab-content .manage-status .ms-content {
		flex: 0 0 83%;
	    margin-left: 35px;
	    margin-bottom: 13px;
	    margin-top: 5px;
	}
	.main-popup .tab-content .manage-status .col-mb {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #646464;    
		padding: 0;
		margin-bottom: 8px;
    	padding-bottom: 4px;
	}
	.main-popup .tab-content .tb-more-info {
		font-size: 10px;
		text-align: center;
	}
	.main-popup .tab-content .manage-status {
		margin-top: 15px;
	}
	.main-popup .tab-content .input-group-st span.unit {
		margin-top: 6px;
		margin-left: -22px;
	}
	.main-popup .tab-content .manage-status .input-group-st span.unit {
		margin-top: 3px;
	}
	#myprofile .wrap-form .input-group-st.no-cs .form-control {
		flex: 0 0 260px;
	}
	#myprofile .wrap-form .input-group-st.no-cs label {
		position: absolute;
		left: -120px;
		width: 48%;
		font-size: 10px;
	}
	.popup-charge-money .wrap-form .input-group-st {
		padding: 0;
	}
	#hsdepwd .manage-status .input-group-st {
		padding-right: 0;
		margin-bottom: 20px;
	}
	#myprofile {
		margin: 0;
	}
	#myprofile .box-data-vs-form-wrap {
		padding: 0;
	}
	#myprofile .bot-btn {
		margin-left: 0;
		padding: 0;
	}
	#myprofile .ms-box {
		margin-top: 92px;
		padding: 0;
	}
	#myprofile .wrap-form .box-data-vs-form ul.list-pull .item .left {
		font-size: 10px;
		left: -98%;
	}
	#myprofile .wrap-form .box-data-vs-form ul.list-pull .item .text-in {
		font-size: 12px;
	}
	#myprofile .wrap-form {
		padding-top: 0;	
		padding-bottom: 0;
		margin-top: 30px;
		margin-bottom: 100px;
	}
	.sub-popup-banner button {
		width: 25px;
		height: 25px;
	}
	.slot-open .fa-times-circle {
		font-size: 27px!important;
	}
	.sub-popup-banner .sub-slot-button {
		height: 30px;
	}
	.sub-popup-banner .search-container {
	    position: absolute;
	    right: 10px;
	    display: flex;
	    justify-content: flex-end;
	    padding-top: 3px;
	}
	.sub-popup-banner .search-container .form-control {
		display: inline-block;
		width: 75%;
		color: #555;
		height: 22px;
		padding: 0;
		margin: 0;
	}
	.sub-popup-banner .search-container label {
		color: #ffffff;
		margin: 0;
		font-size: 10px;
		display: inline;
		padding: 0;
		line-height: 25px;
		margin-right: 5px;
	}
	.popup-charge-money .main-popup
	/* e popup casino slot mb */
	/* custom auto fill */
	input:-webkit-autofill,
	input:-webkit-autofill:hover, 
	input:-webkit-autofill:focus, 
	input:-webkit-autofill:active{
	    -webkit-box-shadow: 0 0 0 30px #090909 inset !important;
	}
	/*Change text in autofill textbox*/
	input:-webkit-autofill{
	    -webkit-text-fill-color: #ffde00 !important;
	}
	/* custom auto fill */
	.coupon-content h2 {
		margin-bottom: 4px;
		color: #ffc600;
		font-size: 12px;
		position: relative;
		font-weight: 700;
	}
	.coupon-container .wrap-content-coupon {
		background: url(../img/frame-half.png) no-repeat;
		background-size: 100% 100%;
		display: flex;
		justify-content: flex-end;
		font-size: 0;
		position: relative;
		aspect-ratio: 23 / 5;
		width: 100%;
		height: auto;	
    	justify-content: center;
		padding: 5px 5px 0 5px;
	}
	.coupon-container .wrap-content-customer {
		background: url(../img/frame-half.png) no-repeat;
		background-size: 100% 100%;
		display: flex;
		justify-content: flex-end;
		width: 100%;
		height: auto;	
    	justify-content: center;
		font-size: 0;
		position: relative;
		aspect-ratio: 23 / 5;
		padding: 0;
	}
	.coupon-container .coupon-content select, .coupon-container .coupon-content input {
		height: 22px;
	}
	.coupon-content {
		margin-bottom: 0;
	}
	.coupon-container .coupon-content form {
		margin-bottom: 0;
	}
	.coupon-container .coupon-content button {
		background-color: #ff7800;
		border: 0;
		font-size: 10px;
		padding: 4px 5px;
		position: relative;
		border-radius: 15px;
		width: calc(100% + 0px);
	}
	#inputIpforCoupon {
		width: 95%;
	}
	.coupon-container .wrap-content .bg-image {
		width: calc(100% - 4px)!important;
		height: calc(100% - 4px);
		position: absolute;
		top: 2px;
		left: 2px;
	}
	.coupon-content {
		display: flex;
		flex-direction: column;
		width: 56%;
		float: left;
		justify-content: flex-start;
		align-items: flex-start;
		margin-left: 30px;
	}
	.customer-content {
		width: 100%;
		justify-content: center;
	}
	.customer-content .col-6 {
		margin-top: 0px;
	}
	.customer-content .col-6:first-child {
		border-right: 1px dashed #5e5656;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.customer-content .wrap-commune .yl {
		margin-top: 0;
	}
	.customer-content .wrap-commune {
		margin-bottom: 5px;
	}
	.customer-content .wrap-chatting {
		align-items: center;
		display: flex;
		flex-direction: column;
		margin-top: 5px;
	}
	.wrap-chatting .livechat_button img {
		width: 55px;
		transform: translate(25%, 0px);
	}
	.customer-content .wrap-chatting a img {
		width: 24px;
		margin-bottom: 5px;
	}
	.customer-content .wrap-chatting p {
		margin-top: 4px;
	}
	.customer-content .wrap-commune .icon-comn {
		background-size: 100%;
		background-position: 0 -6px;
		width: 35px;
		height: 20px;
	}
	.customer-content .wrap-commune .icon-comn:hover {
		background-image: url('../../images/icon-commune-on.png');
		background-size: 100%;
		background-position: 0 -6px;
	}
	.customer-content p {
		color: #fff;
		font-size: 10px;
		margin-left: 5px;
	}
	.popup-auth.reg-form-popup {
		position: relative;
		left: 0;
		transform: unset;
	}
	.reg-form-popup .wrap-logo-form img.logo {
		top: 12px;
    	width: 39%;
	}
	.wrap-logo-form img.board-fl-logo {
		position: absolute;
		top: 0%;
		width: 26%;
	}
	.referralcode-form-popup .wrap-logo-form .inner-logo img.logo,
	.login-form-popup .wrap-logo-form .inner-logo img.logo {
		transform: translate(-50%, 15px);
	}
	.reg-form-popup .main-popup .wrap-form {
		padding-top: 70px;
	}
	.referralcode-form-popup .main-popup,
	.login-form-popup .main-popup,
	.referralcode-form-popup .main-popup .wrap-form,
	.login-form-popup .main-popup .wrap-form {
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		background-size: 100% 100%;
		padding-top: 50px;
	}
	.referralcode-form-popup,
	.login-form-popup {
		height: 295px;
	}
	.referralcode-form-popup .wrap-logo-form img.logo,
	.login-form-popup .wrap-logo-form img.logo {
		position: absolute;
		top: 4%;
		width: 20%;
	}
	.list-wallet-user {
		display: flex;
		padding: 12px 15px;
	}
	.list-wallet-user .item-wallet-user {
		text-align: center;
	}
	.list-wallet-user .item-wallet-user p {
		margin-top: 5px;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
	}
	.list-wallet-user .item-wallet-user img {
		width: 56px!important;
	}
	.list-wallet-user .item-wallet-user .badge {
		position: absolute;
		border-radius: 100%;
		background: #f43939;
		right: 50%;
		height: 22px;
		width: 22px;
		line-height: 20px;
		padding: 0;
		font-size: 10px;
		color: #fff;
		transform: translate(34px, -7px);
	}
	.announcement-wrapper {
		background-color: #1d1d1d;
		padding: 0 10px;
		height: 42px;
		line-height: 1;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	.announcement__btn {
		background-color: #bb3636;
		color: #ffffff;
		font-size: 12px;
		line-height: 1;
		font-weight: 700;
		border: none;
		border-radius: 3px;
		/* width: 66px; */
		padding: 0 12px;
		height: 20px;
		white-space: nowrap;
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
		padding-bottom: 5px;
	}
	.marquee-parent {
		position: relative;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		margin: 0 auto;
		font-size: 0;
	}
	.marquee-child {
		display: table;
		width: 100%;
		height: 100%;
		/* animation: marquee 34s linear infinite; */
	}
	.announcement {
		padding: 0 10px;
	}
	.announcement__subject, .announcement__date {
		font-size: 12px;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		line-height: 1;
		font-weight: 700;
	}
	.announcement__subject {
		color: #ffffff;
		margin-right: 10px;
	}
	.announcement__date {
		color: #999999;
	}
	.marquee-child span {
		font-weight: 400;
		position: relative;
		display: inline-block;
		margin-right: 10px;
		vertical-align: middle;
		font-size: 14px;
		left: 14px;
		top: 0;
		color: #080027;
	}
	.announcement, .announcement__btn, .announcement-container {
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
	}
	@keyframes marquee {
		0% { transform: translate(0, 0); }
		100% { transform: translate(-100%, 0); }
	}
	.mSocial p a img{max-width: 50px;}
	.mChref a{width: 48.5%;padding: 6px 10px 6px 10px; font-size: 15px;}
	.popup-games .list-slot-game .bg-content div.game-display img{
		width: 100%!important;
    	border-bottom-left-radius: 3px;
	}
	.popup-games .bg-content div.game-display{
		bottom: 2px;
		left: 2px;
		position: absolute;
		width: calc(100% - 3px);
		display: flex;
	}
	.popup-games .list-slot-game div.game-display .text-logo{
		font-size: 7px;
	}
}

@media and (min-width: 577px) and (max-width: 992px) {
	.bg-content div.casino-girl,
	.bg-content div.slot-g {
	    width: 283px;
	    height: auto;
	}
}