
.mobile-main{
	width:100%;
	max-width:750px;
	margin:0 auto;
}
.mobile-main .page-content:before, 
.mobile-main .page-content:after {
    display:none;
}

/* -- JACKPOT -- */

.jackpot-mobile{
    padding:10px 0;
}
.jackpot-mobile .container-main{
    width:100%;
    max-width:1745px;
    height: auto;
    flex-wrap: wrap;
    margin:0 auto;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.jackpot-mobile .container-main:before,
.jackpot-mobile .container-main:after{
    content:'';
    width:calc(100% + 360px);
    height:100%;
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto 0;
    background-image:url(jackpot-bg.png);
    background-position:center left;
    background-repeat:no-repeat;
    left:50%;
}
.jackpot-mobile .container-main:before{
    animation:jackpotLeftAnim 1s ease infinite;
}
@keyframes jackpotLeftAnim{
    0%{opacity:0.3;transform:translateX(-50%);}
    50%{opacity:1;transform:translateX(-49%);}
    100%{opacity:0.3;transform:translateX(-50%);}
}
.jackpot-mobile .container-main:after{
    transform:rotateY(180deg) translateX(-50%);
    animation:jackpotRightAnim 1s ease infinite;
}
@keyframes jackpotRightAnim{
    0%{opacity:0.3;transform:translateX(-50%) rotateY(-180deg);}
    50%{opacity:1;transform:translateX(-51%) rotateY(-180deg);}
    100%{opacity:0.3;transform:translateX(-50%) rotateY(-180deg);}
}
.jackpot-main .container-main p{
    width:100%;
    text-align:center;
    margin:0;
    position:relative;
    z-index:1;
}
.jackpot-mobile .container-main .labels{
    color:#fffc00;
    font-size:60px;
    margin:0 80px 0 0;
    text-shadow:0 0 9px rgba(247,246,128,0.50);
    position:relative;
    margin:0 0 -25px;
}
.jackpot-mobile .container-main .amount{
    color:#fff;
    font-size:60px;
    font-family:SCDream9;
    margin:0;
    text-shadow:0 0 9px rgba(255,255,255,0.50);
}

@media(max-width:700px){
    .jackpot-mobile .container-main .labels{
        font-size:8.2vw;
        margin-bottom:-3.50%;
    }
    .jackpot-mobile .container-main .amount{
        font-size:8.2vw;
    }
}

.mobile-main .withdraw-main{
    margin-top:0;
}

/* -- RECOMEND -- */

.recommend-mobile .recommend-games{
    background-color:transparent;
    border:none;
}
.recommend-mobile .recommend-games:before, 
.recommend-mobile .recommend-games:after {
    background-image:none;
}
.recommend-mobile .recommend-games .container-main{
    padding:0 5px;
}
.recommend-mobile .cl-owl-nav {
    display:none;
}
.recommend-mobile .owl-mobile .item {
    padding:15px 7px;
}
.recommend-mobile .rg-btn{
    box-shadow: 0 0 5px rgba(151,198,231,0.50), 0 6px 3px rgba(0,0,0,0.86);
}
.mobile-main .section-head{
    height:50px;
    border-top:solid 1px #48687a;
    background-image:linear-gradient(#2c6287,#314d6a);
    box-shadow:inset 0 0 38px #000;
}
.mobile-main .section-head .title-container{
	max-width:100%;
    height:100%;
}
.mobile-main .section-head .title-container:before, 
.mobile-main .section-head .title-container:after {
    display:none;
}
.mobile-main .section-head .title-container .inner{
    background-image:none;
}
.section-head .title-container .slot-text{
	max-width:76px;
    margin-right:5px;
}
.mobile-main .section-head .title-container .kr-text.sm {
    font-size:26px;
    top:0;
}
.recommend-mobile .rg-btn .main-cont:before, 
.recommend-mobile .rg-btn .main-cont:after {
    display:none;
}
.recommend-mobile .rg-btn:hover .foot{
    bottom:1px;
}

/* BANNER MOBILE */

.banner-mobile{
	margin-bottom:15px;
	border-top:solid 1px #6f6b6b;
	border-bottom:solid 1px #6f6b6b;
}
.banner-mobile .main-img{
	width:100%;
}
.banner-mobile .carousel-indicators{
    margin-bottom:0;
    bottom:2px;
}
.banner-mobile .carousel-indicators li{
    width:9px;
    height:9px;
    margin:0 3px;
    background-color:#f4ebeb;
    border-radius:50%;
}
.banner-mobile .carousel-indicators .active{
    background-color:#ff0000;
}

/* SLOT */

.mobile-main .slot-section{
    padding:0 0 30px;
}
.mobile-main .slot-section .section-head:before {
    display:none;
}
.mobile-main .slot-section .section-head .title-container{
    height:100%;
}
.mobile-main .slot-section .section-head .title-container .inner {
    background-image:none;
}
.slot-nav{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 20px;
}
.slot-nav a{
	border:none;
	background-color:transparent;
	color:#cccccc;
	font-size:24px;
	padding:8px 0 0;
	text-decoration:none;
}
.mobile-main .slot-container{
    margin-top:10px;
    padding:0 5px;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
}
.slot-mobile .slot-btn{
    width:calc(33.33% - 10px);
    padding:0;
    margin:8px 5px;
    float:left;
}
.slot-mobile .slot-btn:before,
.slot-mobile .slot-btn:after{
    display:none;
}
.slot-mobile .slot-btn .main-cont{
    border: solid 2px #383636;
    box-shadow:none;
    border-radius:10px;
    overflow:hidden;
}
@media(max-width:500px){
    .slot-mobile .slot-btn{
        width:calc(33.33% - 6px);
        margin:5px 3px;
    }
    .recommend-mobile .owl-mobile .item {
        padding: 15px 4px;
    }
    .recommend-mobile .rg-btn .foot span{
        font-size:12px;
    }
    .slot-btn .foot img {
        max-width:70px;
    }
}

/* -- BOARD -- */

.board-mobile{
    background-image:url(board-bg.png);
    background-repeat:repeat-x;
    background-color:#101821;
    position:relative;
    margin-top:10px;
    border-top:solid 1px #2a3f49;
    border-bottom:solid 1px #0c0c0c;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
    padding:24px 10px 33px;
}
.board-mobile a{
	width:31.33%;
    display:inline-block;
    border-radius:10px;
    border:solid 2px #36546d;
    overflow:hidden;
    margin:0 1%;
}
.board-mobile a img{
	width:100%;
}
@media(max-width:500px){
	.mobile-main .page-content {
	   /* margin-top:10px;*/
	}
	.banner-mobile {
	    margin-bottom:10px;
	}
	.board-mobile{
	    padding:15px 10px 20px;
	}
	.board-mobile a{
		width:32.33%;
	    margin:0 0.50%;
	}
}