body, header, .content {
	min-width: 320px;
}
.mobi {
	display: none;
}
.desk {
	display: block;
}
.mobi480 {
	display: none;
}
.mobi320 {
	display: none;
}
.qr-info img.mobi480 {
	display: none;
}
.mid > img.mobi480 {
	display: none;
}
@media only screen and (max-width: 1280px) {
	.content-right {
		right: 50px;
	}
}
@media only screen and (max-width: 1023px) {
	.desk {
		display: none;
	}
	.mobi {
		display: block;
	}
	body{
    	background: url('../img/bg-main-768.jpg') center top no-repeat #550000;
    	font-size: 12px;
    	/*overflow: hidden;*/
	}
	body.kr {
		font-size: 12px;
	}
	.inner-header, .nav-prods, .nav-prods-glow, .content, .footer > .inner {
		max-width: 768px;
	}
	main.content {
		height: 690px;
	}
	.nav-prods {
		top: 56px;
	}
	.trigger-menu {
		background-size: contain !important;
		width: 73px;
		height: 408px;
		top: -25px;
	}
	.nav-prods a {
		background-size: contain !important;
		width: 73px;
		height: 408px;
	}
	.nav-prods a span {
		top: 254px;
	}
	.nav-prods-glow {
		top: -150px;
	}
	.nav-prods-glow span {
		background-size: contain !important;
		width: 168px;
		height: 172px;
		margin: 0 -23px;
	}
	.trigger-menu img {
		width: 73px;
		height: 408px;
		top: -6px;
	}
	.trigger-menu span {
		top: 255px;
	}
	.trigger-menu p {
		font-size: 11px;
	}
	.banner h1 img {
		width: 215px;
		height: auto;
	}
	.banner h3 {
		font-size: 14px;
	}
	.content-left {
		max-width: 340px;
	}
	.content-right {
		max-width: 420px;
	}
	.prizes {
		height: 385px;
	}
	.prizes > img {
		top: 69px;
		width: 416px;
		height: auto;
	}
	.btn-newbie {
		background: url('../img/btn-newbies-treat-hover.png') no-repeat;
		width: 139px;
		background-size: contain !important;
		left: 95px;
		top: 240px;
	}
	.sc.gold .btn-newbie {
		background: url('../img/btn-newbies-treat.png') no-repeat;
		cursor: default;
	}
	.btn-newbie span {
		visibility: visible;
		font-size: 14px;
		top: 38px;
	}
	.sc .btn-newbie span, .ch .btn-newbie span {
		top: 44px;
	}
	.sc.gold .btn-newbie span {
		visibility: hidden;
	}
	.th .btn-newbie span {
		font-size: 12px;
		top: 39px;
	}
	.kr .btn-newbie span {
		font-size: 13px;
		top: 38px;
	}
	.vn .btn-newbie span {
		font-size: 13px;
		top: 39px;
	}
	.id .btn-newbie span {
		font-size: 12px;
		top: 40px;
	}
	.btn-newbie:hover {
	    width: 139px;
		background-size: contain !important;
	}
	.qr-info {
		width: 57%;
	}
	.qr-info > p {
		width: 80%;
		font-size: 11px;
	}
	.kr .qr-info > p {
		font-size: 9px;
	}
	.qr-phone {
		background-size: contain !important;
		width: 94px;
		height: 191px;
	}
	.qr-code {
		width: 85px;
		left: 5px;
		top: 19px;
		padding: 5px;
	}
	.qr-code > img {
		width: 100%;
	}
	.lbox {
		margin-top: -7%;
		width: 580px;
		height: 742px;
		background-size: contain !important;
		padding-bottom: 135px;	
		font-size: 12px;
	}
	.lbox h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.lbox h3 {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.lbox .scroll-pane {
		height: 260px;
	}
	.lbox table {
		font-size: 12px !important;
	}
	.lbox .close {
		top: 239px;
	}
	.nav-prods .close {
		top: 20px;
	}
	.tab-main {
		right: -35px;
	}
	.daily {
		width: 390px !important;
		height: 600px;
		padding-right: 0;
	}
	.box {
		height: 600px;
		padding-right: 20px;
	}
	.top {
		height: 215px;
	}
	.page1 .top {
		height: 195px;
	}
	.top-left {
		width: 162px;
		height: 182px;
	}
	.daily-thumb {
		width: 162px;
		height: 182px;
	}
	.mobile {
		width: 90px;
		height: auto;
		left: 35px;
		bottom: -10px;
	}
	.mid {
		box-shadow: 0 0 10px #970000;
	}
	.mid > img {
		width: 65%;
	}
	.mid h3 {
		font-size: 14px;
	}
	.page1 .mid {
		height: 360px;
	}
	.page1 .mid .scroll-pane {
		height: 275px;
	}
	.page3 .mid {
		height: 380px;
	}
	.page3 .mid .scroll-pane {
		height: 305px;
	}
	.page4 .mid, .page5 .mid {
		height: 465px;
	}
	.daily li, .mid li {
		font-size: 12px;
	}
	.kr .daily li, .kr .mid li {
		font-size: 9px;
		padding-left: 5px;
	}
	.kr .daily li br, .kr .mid li br {
		display: none;
	}
	.page1 .bx-wrapper .bx-prev {
		left: -8px;
	}
	.page1 .bx-wrapper .bx-next {
		right: -10px;
	}
	.daily table, .lbox-newbie table, .mid table {
		font-size: 11px;
	}
	.kr .daily table, .kr .lbox-newbie table, .kr .mid table {
		font-size: 10px;
	}
	.page h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.page p {
		margin-bottom: 5px;
	}
	.bxslider-badges > div {
		width: 270px !important;
	}
	.bxslider-prizes > div {
		width: 324px !important;
	}
	.bxslider-prizes > div > img {
		width: 200px !important;
	}
	.btn-ylw {
		width: 136px;
		height: 29px;
	}
	.btn-ylw span {
		font-size: 16px;
		top: 5px;
	}
	.sc .btn-ylw span, .ch .btn-ylw span {
		top: 4px;
	}
	.th .btn-ylw span {
		font-size: 12px;
	}
	.kr .btn-ylw span {
		font-size: 11px;
	}
	.vn .btn-ylw span {
		font-size: 10px;
		top: 6px;
	}
	.id .btn-ylw span {
		font-size: 15px;
		top: 6px;
	}
	.btn-play {
		width: 173px;
		height: 38px;
	}
	.btn-play span {
		font-size: 22px;
	}
	.sc .btn-play span, .ch .btn-play span {
		top: 4px;
	}
	.kr .btn-play span {
		font-size: 15px;
		top: 8px;
	}
	.vn .btn-play span {
		font-size: 18px;
	}
	.id .btn-play span {
		font-size: 22px;
		top: 7px;
	}
	.goal-meter-bg {
		width: 100%;
	}
	.news-thumb {
		margin-bottom: 10px;
	}
	.news-thumb img {
		width: 95%;
	}
	/* header */
	.inner-header {
		padding: 10px 10px 10px 5px;
	}
	.dafabet-logo a.mobi {
		display: block;
		width: auto;
		height: 41px;
	}
	.inner-right-nav {
		width: 399px;
	}
	.id .inner-right-nav {
		width: 432px;
	}
	.download-btn {
		font-size: 11px;
	}
	.lang-trigger {
		padding: 4px 5px;
	}
	.lang-wrap  {
		width: 150px;
		left: 140px;
	}
	.id .lang-wrap {
		width: 150px;
	}
	.txt-lang {
		font-size: 12px;
	}
	.join-now {
		padding: 4px 5px;
	}
	.id .join-now-btn {
		font-size: 10px;
		padding: 7px 5px 5px;
	}
	/* ~header */
	/* footer */
	footer.footer {
		height: auto;
	}
	.footer > .inner {
		margin-bottom: 15px;
	}
	.partners {
		float: none;
	    margin: 0 auto;
	    text-align: center;
	    width: 100%;
	}
	.partners .desk320 {
		display: inline-block;
	}
	.contacts {
		float: none;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	/* ~footer */
}
@media only screen and (max-width: 850px) {
	.nav-prods {
		padding: 0;
		text-align: center;
		margin: 0 auto;
	}

}
@media only screen and (max-width: 767px) {
	body{
    	background: url('../img/bg-main-600.jpg') center top no-repeat #550000;
    	font-size: 11px;
	}
	body.sc, body.ch {
		font-size: 10px;
	}
	body.th {
		font-size: 12px;
	}
	body.kr {
		font-size: 9px;
	}
	.inner-header, .nav-prods, .nav-prods-glow, .content, .footer > .inner {
		max-width: 600px;
	}
	main.content {
		height: 550px;
	}
	.content-left {
		max-width: 270px;
	}
	.content-right {
		max-width: 325px;
		right: 20px;
	}
	.nav-prods {
		top: 75px;
		/*height: 280px;*/
	}
	.nav-prods a {
		margin: 0 10px;
		width: 54px;
		height: 298px;
	}
	.nav-prods a span {
		font-size: 11px;
		top: 185px;
	}
	.nav-prods-glow {
		top: -113px;
	}
	.nav-prods-glow span {
		margin: 0 -28px;
		width: 130px;
		height: 136px;
	}
	.trigger-menu {
		top: -7px;
		width: 54px;
		height: 298px;
	}
	.trigger-menu img {
		width: 54px;
		height: 298px;
		top: 0;
	}
	.trigger-menu span {
		top: 190px;
	}
	.trigger-menu p {
		top: 30%;
		font-size: 10px;
	}
	.banner h1 img {
		width: 182px;
		height: auto;
	}
	.banner h3 {
		font-size: 12px;
	}
	.banner .period {
		font-size: 11px;
	}
	.prizes > img {
		width: 389px;
		top: -40px;

	}
	.btn-newbie {
		width: 111px;
		height: 106px;
		top: 139px;
	}
	.btn-newbie:hover {
		width: 111px;
		height: 106px;
	}
	.btn-newbie span {
		font-size: 11px;
		left: 0;
		top: 30px;
	}
	.sc .btn-newbie span, .ch .btn-newbie span {
		top: 35px;
	}
	.th .btn-newbie span {
		font-size: 11px;
		top: 30px;
	}
	.kr .btn-newbie span {
		font-size: 10px;
		top: 30px;
	}
	.vn .btn-newbie span {
		font-size: 10px;
		top: 30px;
	}
	.id .btn-newbie span {
		font-size: 9px;
		top: 32px;
	}
	.sc .qr-info > p, .ch .qr-info > p {
		font-size: 10px;
	}
	.kr .qr-info > p {
		font-size: 9px;
	}
	.tab {
		background-size: contain !important;
		width: 30px;
		height: 41px;
	}
	.daily {
		padding-right: 0;
		width: 295px !important;
		height: 485px;
	}
	.box {
		height: 485px;
		padding-right: 20px;
	}
	.daily ol, .mid ol {
		padding-left: 20px;
	}
	.top {
		height: 195px;
	}
	.page3 .top {
		height: 110px;
	}
	.top-left, .top-right {
		margin: 0 2px;
		height: 145px;
	}
	.top-left {
		width: 129px;
	}
	.top-right {
		width: 135px;
	}
	.prizes {
		height: 260px;
	}
	.daily-thumb {
		width: 129px;
		height: 145px;
	}
	.mobile {
		width: 75px;
		bottom: -7px;
    	left: 26px;
	}
	.date {
		font-size: 11px;
	}
	.btn-play {
		width: 135px;
		height: 30px;
		margin: 0;
	}
	.btn-play:after {
		content: url('../img/btn-ylw-snow-135.png');
		width: 135px;
		height: 31px;
		position: absolute;
	    top: -9px;
	    left: -1px;
	}
	.sc .btn-ylw span, .ch .btn-ylw span {
		top: 3px;
	}
	.th .btn-ylw span {
		font-size: 10px;
		top: 2px;
	}
	.vn .btn-ylw span {
		font-size: 9px;
		top: 4px;
	}
	.id .btn-ylw span {
		font-size: 12px;
		top: 5px;
	}
	.th .btn-play span {
		font-size: 14px;
		top: 4px;
	}
	.vn .btn-play span {
		font-size: 16px;
	}
	.id .btn-play span {
		font-size: 20px;
		top: 4px;
	}
	.page1 .top {
		height: 145px;
	}
	.bx-wrapper .bx-controls-direction a {
		top: 10%;
	}
	.tab-main {
		right: -10px;
	}
	.mid {
		padding: 0 5px;
		box-shadow: 0 0 5px #970000;
	}
	.page .mid {
		height: 235px;
	}
	.page1 .mid {
		height: 295px;
	}
	.page h2 {
		font-size: 16px;
	}
	.page p {
		margin-bottom: 5px;
	}
	.kr .date {
		font-size: 11px;
	}
	.page3 .mid {
		height: 305px;
	}
	.mid .scroll-pane {
		height: 170px;
	}
	.page1 .mid .scroll-pane {
		height: 225px;
	}
	.page3 .mid .scroll-pane {
		height: 240px;
	}
	.page4 .mid, .page5 .mid {
		height: 350px;
	}
	.daily li, .mid li {
		font-size: 11px;
	}
	.kr .daily li, .kr .mid li {
		padding-left: 0;
	}
	.sc .daily li, .sc .mid li, .ch .daily li, .ch .mid li {
		font-size: 10px;
	}
	.daily .mid h2 {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.daily table, .lbox-newbie table, .mid table {
		font-size: 9px;
	}
	table th, table td {
		padding: 2px;
	}
	.mid h3 {
		font-size: 13px;
		margin-bottom: 5px;
	}
	.links {
		padding-right: 15px;
	}
	.btn-ylw {
		width: 115px;
		height: 23px;
	}
	.btn-ylw span {
		font-size: 13px;
	}
	.kr .btn-ylw span {
		font-size: 9px;
		top: 4px;
	}
	.btn-play {
		width: 135px;
		height: 30px;
	}
	.btn-play span {
		font-size: 18px;
	}
	.kr .btn-play span {
		font-size: 13px;
		top: 6px;
	}
	.qr-phone {
		width: 75px;
		height: 152px;
	}
	.qr:hover .qr-phone {
	    top: -25px;
	}
	.qr-code {
		left: 2px;
	    top: 14px;
	    width: 71px;
	}
	.qr-info {
		width: 67%;
	}
	.kr .qr-info > p {
		font-size: 8px;
	}
	.badge-inq {
		background-size: contain !important;
		width: 30px;
		height: 38px;
	}
	.bxslider-badges > div img {
		width: 50px !important;
	}
	.bxslider-prizes > div > img {
		width: 130px !important;
	}
	.bxslider-badges > div {
		width: 217px !important;
	}
	.bxslider-prizes > div {
		width: 260px !important;
	}
	.page2 .bx-wrapper {
		left: -10px;
	}
	.page2 .bx-wrapper .bx-prev {
		left: -10px;
	}
	.page2 .tabc-content2 .bx-wrapper .bx-prev {
		left: 0px;
	}
	.page2 .bx-wrapper .bx-controls-direction a {
		top: 24%;
	}
	.top {
		height: 180px;
	}
	.sc .date, .ch .date {
		font-size: 12px;
	}
	.mid li table {
		width: 100%;
	}
	.badges-query-form input.username, .badges-query-form button {
		height: 23px;
	}
	.badges-query-form input.username {
		max-width: 120px;
	}
	.badges-query-form button {
		max-width: 75px;
	}
	.tab-collect {
		top: 4px;
	}
	.tabc {
		height: 35px;
	}
	.tabc:after {
		height: 35px;
	}
	.tabc span {
		top: 6px;
	}
	.goal-meter-bg {
		width: 90%;
	}
	.mid article h3 {
		font-size: 14px;
	}
	.news-thumb {
		margin-bottom: 10px;
	}
	.news-thumb img {
		width: 90%;
	}
	.page4 .mid .bx-wrapper .bx-controls-direction a {
		top: 83%;
	}
	article .btn-play {
		width: 135px;
	}
	.mid article h3 {
		font-size: 16px;
	}
	.page1 .bx-wrapper .bx-next {
		right: -10px;
	}
	.daily li, .mid li {
		padding-left: 5px;
	}
	/* header */
	.inner-header {
		padding: 8px 10px; 
	}
	.right-nav {
		width: 290px;
	}
	.id .right-nav {
		width: 320px;
	}
	.inner-right-nav {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
		margin-top: 6px;
		width: 320px;
	}
	.id .inner-right-nav {
		width: 352px;
	}
	.lang-wrap {
		width: 70px !important;
		top: 0;
	}
	.txt-lang {
		display: none;
	}
	/* ~header */

}
@media only screen and (max-width: 599px) {
	.qr-info img.mobi480 {
		display: block;
	}
	.qr-info img.desk.mobi {
		display: none;
	}
	body {
		background: url('../img/bg-main-480.jpg') center top no-repeat #550000;
		background-position-y: 20px; 
		font-size: 13px;
	}
	body.sc, body.ch {
		font-size: 12px;
	}
	body.kr {
		font-size: 12px;
	}
	.inner-header, .nav-prods, .nav-prods-glow, .content, .footer > .inner {
		max-width: 480px;
	}
	.nav-prods {
		height: 0;
		top: 120px;
	}
	.nav-prods a {
		width: 94px;
		height: 124px;
		background-position: center !important;
		margin: 0 8% 30px;
	}
	.nav-prods a.current {
		-webkit-filter: grayscale(75%);
		filter: grayscale(75%);
		opacity: .5;
		cursor: default;
	}
	.nav-prods a.casino {
    	display: inline-block;
    	background: url("../img/bg-nav-casino-cut.png") no-repeat;
	}
	.nav-prods a.ow-sports {
	    background: url("../img/bg-nav-ow-sports-cut.png") no-repeat;
	}
	.nav-prods a.dafa-sports {
	    background: url("../img/bg-nav-dafa-sports-cut.png") no-repeat;
	}
	.nav-prods a.live-dealer {
	    background: url("../img/bg-nav-live-dealer-cut.png") no-repeat;
	}
	.nav-prods a.keno {
	    background: url("../img/bg-nav-keno-cut.png") no-repeat;
	}
	.nav-prods a.poker {
	    background: url("../img/bg-nav-poker-cut.png") no-repeat;
	}
	.nav-prods a span {
		top: 125px;
	}
	.nav-prods .close {
		top: 0;
		right: 50px;
	}
	.nav-prods-glow {
		height: 0;
		top: -530px;
	}
	.nav-prods-glow span.ow-casino-glow {
		display: inline-block;
	}
	.nav-prods-glow span {
		width: 237px;
		height: 250px;
		margin: 0 -35px -85px;
		opacity: 1;
	}
	main.content {
		height: auto;
	}
	.content-left, .content-right {
		max-width: 100%;
	}
	.content-left {
		height: 680px;
	}
	.content-right {
		margin-top: 120px;
		right: 0;
	}
	.banner h1 img {
		width: 246px;
		height: auto;
	}
	.banner h3 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.prizes {
		height: 375px;
		width: 480px;
		margin: 0 auto;
	}
	.prizes > img {
		position: relative;
		width: 480px;
		left: 0px;
		top: -10px;
		margin: 0 auto;
	}
	.trigger-menu {
		left: 35px;
		width: 73px;
		height: 408px;
		top: -80px;
	}
	.trigger-menu span {
		top: 250px;
	}
	.trigger-menu img {
		width: 73px;
		height: 408px;
		top: -6px;
	}
	.btn-newbie {
		width: 170px;
		height: 162px;
		left: 150px;
		top: 180px;
	}
	.btn-newbie:hover {
		width: 170px;
		height: 162px;
	}
	.btn-newbie span {
		font-size: 16px;
		top: 46px;
	}
	.sc .btn-newbie span, .ch .btn-newbie span {
		top: 54px;
	}
	.th .btn-newbie span {
		font-size: 14px;
		top: 47px;
	}
	.kr .btn-newbie span {
	    font-size: 14px;
	    top: 48px;
	}
	.vn .btn-newbie span {
		font-size: 15px;
		top: 46px;
	}
	.id .btn-newbie span {
		font-size: 14px;
		top: 48px;
	}
	.links {
		position: absolute;
		top: -190px;
		width: 100%;
		padding: 0;
	}
	.btn-ylw {
		width: 170px;
		height: 37px;
	}
	.btn-play {
		width: 135px;
	}
	.btn-ylw span {
		font-size: 16px;
		top: 10px;
	}
	.sc .btn-ylw span, .ch .btn-ylw span {
		top: 8px;
	}
	.th .btn-ylw span {
		font-size: 12px;
		top: 10px;
	}
	.kr .btn-ylw span {
	    font-size: 11px;
	    top: 10px;
	}
	.vn .btn-ylw span {
		font-size: 13px;
		top: 9px;
	}
	.id .btn-ylw span {
		font-size: 16px;
		top: 9px;
	}
	.btn-play span {
		top: 9px;
	} 
	.th .btn-play span {
		font-size: 15px;
	}
	.kr .btn-play span {
		font-size: 13px;
		top: 10px;
	}
	.vn .btn-play span {
		font-size: 16px;
	}
	.id .btn-play span {
		font-size: 20px;
		top: 8px;
	}
	.qr {
		top: 35px;
	}
	.qr-phone {
		position: absolute;
		top: 90px;
		left: 49%;
		margin-left: -32px;
	}
	.qr-info {
		width: 100%;
	}
	.qr-info > img {
		position: absolute;
		left: 49%;
		margin-left: -27px;
		top: 54px;
	}
	.qr-info > p {
		font-size: 12px;
	}
	.sc .qr-info > p, .ch .qr-info > p {
		font-size: 12px;
		margin-top: 12px;
	}
	.th .qr-info > p {
		font-size: 12px;
	}
	.id .qr-info > p {
		font-size: 11px;
		line-height: 1.1;
	}
	.qr-code {
		height: 100px;
	}
	.qr:hover .qr-phone {
		top: 66px;
	}
	.tab-main {
		background: #540000;
		height: 93px;
		padding-top: 16px;  
		position: relative;
		width: 100%;
		text-align: center;
		top: 0;
		right: 0;
		box-shadow: 0 -10px 20px -10px #000;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.tab-main .tab {
		width: 42px;
		height: 57px;
		display: inline-block;
		margin: 0 15px;
	}
	.lbox {
		border: 1px solid #b50000;
		background-image: none; 
	    background: rgba(86,0,0,.85);
	    margin: 100px auto 0;
	    box-shadow: 0 0 10px #970000;
	    text-align: center;
	    padding:  0 20px 20px;
	    line-height: 1.2;
	    position: relative;
	    width: 92%;
	    color: #fff;
	    height: 380px;
	}
	.lbox h2 {
		color: #ffe000;
	}
	.lbox li {
		padding-left: 10px;
	}
	.lbox > img {
		margin-top: -25px;
    	display: inline-block;
	}
	.lbox .scroll-pane {
		height: 300px;
	}
	.lbox .jspDrag {
   
    	background: #ffe000;
	}
	.lbox th, .lbox td {
		border: 1px solid #ffe000;

	}
	.lbox table th {
		background: #ffe000;
		color: #100202;
	}
	.lbox table td {
		color: #fff;
	}
	.lbox a {
		color: #ffe000;
	}
	.lbox .close {
		background: url('../img/close-480.png') no-repeat;
		width: 16px;
		height: 16px;
		top: 0;
		right: 0;
	}
	/*.lbox .jspHorizontalBar {
		display: none;
	}*/
	.daily {
		width: 440px !important;
		height: 540px;
	}
	.box {
		padding: 20px;
		margin: 0 auto 50px;
		height: 540px;
		width: 480px;
	}
	.date {
		font-size: 12px;
	}
	.mid {
		background: none;
		box-shadow: none;
		border: none;
	}
	.page .mid {
		height: auto;
		margin-top: 10px;
	}
	.page1 .mid {
		margin-top: 30px;
		height: auto;
	}

	.mid > img.desk, .mid > img.mobi  {
		display: none;
	}
	.mid > img.mobi480 {
		display: inline-block;
		margin-bottom: 10px;
	}
	.daily .mid h2 {
		font-size: 16px;
		margin-bottom: 12px;
	}
	.daily li, .mid li {
		font-size: 12px;
	}
	.sc .daily li, .sc .mid li, .ch .daily li, .ch .mid li {
		font-size: 12px;
	}
	.kr .daily li, .kr .mid li {
		font-size: 11px;
	}
	.mid h3 {
		font-size: 13px;
	}
	.mid > img {
		display: none;
	}
	/*.daily-thumb {
		width: 197px;
		height: 224px;
	}
	.top-left, .top-right {
		height: 224px;
	}
	.top-left {
		width: 197px;
	}*/
	.page1 .bx-wrapper .bx-prev {
		left: 0;
	}
	.page1 .bx-wrapper .bx-next {
		right: 0;
	}
	.collapse {
		display: inline-block;

	}
	.mid .scroll-pane {
		height: 225px;
	}
	.page1 .mid .scroll-pane {
		height: 300px;
	}
	.top {
		height: 200px;
	}
	.page3 .top {
		height: 125px;
	}
	.page3 .mid .scroll-pane {
		height: 350px;
	}
	table th, table td {
		padding: 4px;
	}
	.tab-collect {
		position: relative;
		width: 100%;
		max-width: 100%;
		left: 0;
		overflow: visible;
		margin-bottom: 20px;
	}
	.tabc {
		background-color: #700700;
		padding: 0;
		text-align: center;
		border-radius: 5px;
		display: inline-block;
		width: 35%;
		margin: 0 10px;
		left: 0;
	}
	.tabc:after {
		display: none;
	}
	.tab-title {
		width: 250%;
		left: -75%;
		background: #ffe000;
		color: #620402;
		border-radius: 4px;
		padding-left: 2px;
		padding-right: 2px;
		white-space: pre-wrap;
		padding: 5px;
		height: auto;
	}
	.tab-title:before {
		display: none;
	} 
	.bxslider-badges > div {
		width: 375px !important;
	}
	.bxslider-badges > div img {
		width: 75px !important;
	}
	.bxslider-prizes > div {
		width: 405px !important;
	}
	.bxslider-prizes > div > img {
	    width: 200px !important;
	}
	.daily table, .lbox-newbie table, .mid table {
		font-size: 10px;
	}
	.sc .daily table, .sc .lbox-newbie table, .sc .mid table,
	.ch .daily table, .ch .lbox-newbie table, .ch .mid table {
		font-size: 12px;
	}
	.th .daily table, .th .lbox-newbie table, .th .mid table {
		font-size: 12px;
	}
	.kr .daily table, .kr .lbox-newbie table, .kr .mid table {
		font-size: 11px;
	}
	.badges-query-form input.username, .badges-query-form button {
		height: 30px;
	}
	footer.footer {
		margin: 0; 
	}
	/* header */
	.inner-header {
		padding: 8px 20px;
	}
	.dafabet-logo {
		display: inline-block;
		float: none;
	}
	.right-nav {
		float: none;
		display: inline-block;
		width: 235px;
		position: absolute;
		top: 0;
		right: 0;
		padding-top: 24px;
	}
	.id .right-nav {
		width: 235px;
	}
	.sc.gold .right-nav {
		padding-top: 18px;
	}
	.inner-right-nav {
		width: 100%;
		margin: 0;
	}
	.id .inner-right-nav {
		width: 100%;
	}

	.inner-right-nav > a, .inner-right-nav > span {
		position: absolute;
		top: 10px;
	}
	.sc.gold .inner-right-nav > a {
		top: 0;
	}
	.inner-right-nav > a.join-now-btn {
		right: 0;
	}
	.inner-right-nav > span {
		width: 100px;
		display: inline-block;
	}
	.lang-wrap {
		position: absolute;
		left: 0;
		width: 235px !important;
		top: -20px;
	}
	.id .lang-wrap {
		left: 0;
	}
	.txt-lang {
		display: block;
	}
	.download-btn {
		float: none;
		display: inline-block;
		position: absolute;
		top: 0px;
	}
	.join-now {
		float: none;
		display: inline-block;
		height: 25px;
		padding: 7px 0;
		position: absolute;
		/*top: -9px;*/
		left: 135px;
	}
	.id .join-now {
		/*top: -9px;*/
		width: 101px;
		font-size: 9px;
		padding: 7px 0;
	}
	.sc .join-now, .ch .join-now {
		line-height: 1;
		/*top: -13px;*/
	}
	.kr .join-now {
		line-height: .5;
		/*top: -12px;*/
	}
	.th .join-now {
		/*top: -13px;*/
	}
	.vn .join-now {
		/*top: -12px;*/
	}
	/* ~header */
}

@media only screen and (max-width: 479px) {
	body {
		background: url('../img/bg-main-320.jpg') center top no-repeat #550000;
		/*background-position-y: 20px; */
		font-size: 12px;
	}
	body.sc, body.ch {
		font-size: 10px;
	}
	body.kr {
		font-size: 10px;
	}
	.inner-header, .nav-prods, .nav-prods-glow, main.content, .footer > .inner {
		max-width: 320px;
	}
	.trigger-menu {
		width: 50px;
		height: 278px;
		left: 15px;
		top: 0;
	}
	.trigger-menu span {
		top: 175px;
		font-size: 10px; 
	}
	.trigger-menu img {
		width: 50px;
		height: 278px;
		top: -3px;
	}
	.nav-prods {
		top: 80px;
	}
	.nav-prods a {
		width: 85px;
		height: 115px;
		margin: 0 8% 20px;
		background-size: contain !important;
	}
	.nav-prods a span {
		top: 115px;
		font-size: 8px;
	}
	.nav-prods-glow {
		height: 0;
		top: -434px;
		/*display: none;*/
	}
	.nav-prods-glow span.ow-casino-glow {
		display: inline-block;
	}
	.nav-prods-glow span {
		width: 155px;
	    height: 155px;
	    margin: 0 -13px -15px;
	}
	.nav .close {
		right: 10;
	}
	.nav-prods .close {
		top: -15px;
		right: 15px;
	}
	.banner h1 img {
		width: 203px;
		height: auto;
	}
	.prizes {
		width: 320px;
		height: 240px;
	}
	.prizes > img {
		width: 320px;
		top: -23px;
		/*left: 10px;*/
	}
	.btn-newbie {
		width: 123px;
		height: 118px;
		left: 102px;
    	top: 95px;
	}
	.btn-newbie:hover {
		width: 123px;
		height: 118px;
	}
	.btn-newbie span {
	    font-size: 12px;
	    top: 34px;
	}
	.sc .btn-newbie span, .ch .btn-newbie span {
		top: 38px;
	}
	.th .btn-newbie span {
		font-size: 12px;
		top: 33px;
	}
	.kr .btn-newbie span {
		font-size: 11px;
		top: 33px;
	}
	.vn .btn-newbie span {
		font-size: 11px;
		top: 33px;
	}
	.id .btn-newbie span {
		font-size: 10px;
		top: 35px;
	}
	.qr {
		top: 30px;
	}
	.th .qr-info > p {
		font-size: 11px;
	}
	.vn .qr-info > p {
		font-size: 11px;
	}
	.links {
		top: -190px;
	}
	.btn-ylw {
		width: 130px;
		height: 29px;
	}
	.btn-ylw span {
		font-size: 14px;
		top: 8px;
	}
	.sc .btn-ylw span, .ch .btn-ylw span {
		top: 4px;
	}
	.th .btn-ylw span {
		font-size: 11px;
		top: 6px;
	}
	.kr .btn-ylw span {
		font-size: 10px;
		top: 7px;
	}
	.vn .btn-ylw span {
		font-size: 10px;
		top: 6px;
	}
	.id .btn-ylw span {
		font-size: 14px;
		top: 7px;
	}
	.th .btn-play span {
		font-size: 13px;
	}
	.vn .btn-play span {
		font-size: 14px;
	}
	.id .btn-play span {
		font-size: 18px;
		top: 5px;
	}
	.top .btn-play {
		left: -5px;
	}
	.content-left {
		overflow: hidden;
	}
	.content-right {
		margin-top: -20px;
	}
	.tab-main {
		height: 72px;
		padding-top: 10px;
	}
	.tab-main .tab {
		width: 34px;
		height: 46px;
		margin: 0 5px;
	}
	.daily {
		width: 300px !important;
		/*height: 540px;*/
	}
	.box {
		width: 320px;
		padding: 10px;
	}
	.top {
		height: 215px;
	}
	.top-left, .top-right {
		width: 40%;
	}
	.date {
		font-size: 10px;
	}
	.kr .date {
		font-size: 10px;
	}
	.daily .mid table {
		width: 265px;
		margin: 0 0 10px;
	}
	.bxslider-badges > div {
		width: 240px !important;
	}
	.bxslider-prizes > div {
		width: 275px !important;
	}
	.lbox {
		box-shadow: none;
		width: 92%;
		padding: 0 10px 10px;
		font-size: 11px;
	}
	.lbox > img {
		width: 70%;
	}
	.lbox table {
		font-size: 10px !important;
	}
	li {
		padding-left: 10px;
	}
	.sc .daily li, .sc .mid li, .ch .daily li, .ch .mid li {
		font-size: 10px;
	}
	.sc .daily table, .sc .lbox-newbie table, .sc .mid table, .ch .daily table, .ch .lbox-newbie table, .ch .mid table {
		font-size: 10px;
	}
	.th .daily table, .th .lbox-newbie table, .th .mid table {
		font-size: 11px;
	}
	.kr .daily li, .kr .mid li {
		font-size: 10px;
	}
	.lbox h3 {
		font-size: 12px;
	}
	.tabc {
		width: 45%;
		margin: 0 2%; 
	}
	.th .tabc {
		font-size: 10px;
	}
	.th .tabc-icn, .vn .tabc-icn {
		margin-right: 0;
	}
	.tabc-icn {
		margin-right: 5px;
	}
	.sc .tab-title, .ch .tab-title {
		font-size: 9px;
	}
	.collapse {
		width: 24px;
		height: 24px;
		background-size: contain !important;
	}
	/* header */
	.inner-header {
		padding: 8px 5px;
	}
	.dafabet-logo {
		width: 45%;
	}
	.dafabet-logo img {
		width: 100%;
		margin-top: 4px;
	}
	.right-nav {
		width: 185px;
		padding-top: 23px;
		right: 0px;
	}
	.id .right-nav  {
		width: 180px;
	}
	.download-btn {
		/*top: -1px;*/
		left: 0;
	}
	.join-now-btn {
	    position: absolute;
	    /*top: -11px;*/
	    left: 134px;
	}
	.id .join-now-btn {
		width: 100px;
		padding: 7px 0 5px;
		font-size: 10px; 
	}
	.sc .join-now, .ch .join-now {
		/*top: -13px;*/
	}
	.kr .join-now {
		/*top: -13px;*/
	}
	.vn .join-now {
		/*top: -13px;*/
	}
	.th .join-now {
		/*top: -13px;*/
	}
	.inner-right-nav {
		-webkit-transform: scale(.6);
		-moz-transform: scale(.6);
		-o-transform: scale(.6);
		-ms-transform: scale(.6);
		transform: scale(.6);
	}
	/* ~header */

	.partners .desk320 {
		display: none;
	}
	img.mobi320 {
		display: inline-block;
		max-width: 300px;
		width: 100%;
		margin-bottom: 20px;
	}
	.contacts span.mobi320 {
		display: block;
		margin-top: 20px;
	}

}