/*--------------------------------------- Responsive (MIN) ------------------------------------------*/
@media all and (min-width: 1367px) {
	.main .wrap {max-width: 1260px;}
	.main .girl {width: auto; top:-240px}
	.lotto-func {margin-top: 0}
	.main .girl p.play {width: 36%; margin-top: -400px}
	.ads { display: block}
	.ads-mobile {display: none}
}
@media all and (min-width: 990px) {
	.lotto-func ul {margin: 0 -15px 0;}
	.smartphone .ball.ball-1 {right: -40px;}
}
@media all and (min-width: 768px) {
  	.rank {max-width: 465px;width: 35%;}
  
  	.event {width: 65%}
  	.event .wrap-event {max-width: 629px; position: relative; padding-left: 64px;}
	
  	.uk-navbar-right .uk-navbar-toggle {display: none}
  	.col-md-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
  	.col-md-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
  	.col-md-9 .wrap-col {margin-right: 20px}
	.help .col-md-9 .wrap-col {margin-right: 0px; margin-left: 20px}
	
  	.row {display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	
  	#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1, #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2  {pointer-events: none; cursor: default; -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0);border-right: none;}  
 
}
@media (max-width: 767px) {
  
  	.uk-close {background:#000; color:#fff; padding:12px; opacity:1!important; top:0 !important; right:0 !important}
  
  	#nav-ctrl:checked ~ #tabs-list #li-for-panel-1, #nav-ctrl:checked ~ #tabs-list #li-for-panel-2 {max-height: 56px; opacity: 1;}
  	#open-nav-label {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;cursor: pointer;}
  	#nav-ctrl:checked ~ #tabs-list #open-nav-label {display: none;}

  	#close-nav-label {display: block; max-height: 0; overflow-y: hidden; background-color: #ae3129; color: rgba(236, 240, 241, 0.61); padding: 0px; -webkit-transition: max-height 200ms; transition: max-height 200ms; cursor: pointer; text-transform: uppercase; font-size: 30px; line-height: 30px; letter-spacing: 1px;}

  	#nav-ctrl:checked ~ #tabs-list #close-nav-label {max-height: 36px; opacity: 1; padding: 12px 24px;}

  	ul#tabs-list {position: relative;margin-top: 50px;margin-bottom: 10px;}
	
 
  	#tabs-list #li-for-panel-1, #tabs-list #li-for-panel-2 {-webkit-transition: max-height 200ms;transition: max-height 200ms;font-size: 16px;}

  	#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1, #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {max-height: 52px;opacity: 1;margin-top: 0;}
  

  	#panels .container {width: 100%;}
  	#panels section header {display: block;}
	
  	.viewest-box {border-top: 1px dashed #a9495d;padding-top: 30px;margin-top: 40px;}
  	.viewest-box h6 {font-size: 16px}
  	.uk-navbar-right .btn-top {padding-top: 80px;}
  	.rank, .event, .ads-horizontal {float: none!important;margin: 0 20px;}
	
	.lotto-func {margin-top: 50vw;position: relative;z-index: 99;}
  	.lotto-func ul li {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
	
  	.main .girl p, .smartphone {display: none}
	
	.uk-navbar-toggle {color: #fff;}
	
	.news .wrap {position: inherit}
	.event .uk-slideshow {position: absolute !important;top: 65px;bottom: 0;left: 0;right: 0;z-index: 90;}
	
	header {height: 90px;}
	header .uk-logo {width: 200px;}
	body.open {overflow-y: hidden}
	body.open .main:before {position: fixed;background: rgba(0,0,0,.5);content: "";left: 0;right: 0;height: 100vh;top: 0;bottom: 0;z-index: 100;}
	body.open header {z-index: auto;}
	
	body.open .uk-navbar-right {z-index:101; position: relative}
	
	.uk-slideshow li {pointer-events: none}
	.uk-slideshow li a {pointer-events: auto}
	.uk-slideshow li img {width: 100%; max-width: none}
	
	footer {background: none;border-top: 1px solid rgba(0,0,0,.25); padding-bottom: 160px}
	
	.uk-navbar-nav {
		 -webkit-transform: translateX(110%);
		 transform: translateX(110%);
		 -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
		 -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
		 -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
		 transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
		 width: 80%;
		 box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.375);
		 display: block;
		 top: 40px;
		 right: 0;
		 background: #800f43;
		 height: calc(100vh);
		 position: fixed;
		 max-width: 256px;
	}
	.uk-navbar-right .burger {display: inline-block;padding: 30px 10px;}
	.uk-navbar-nav li a, .btn-top .btn.btn-money a, .btn-top .btn a {display: block;background: none;border: none;padding: 10px 19px;margin-left: 0;color: #ffffff;border-bottom: 1px solid rgba(0,0,0,.2);border-radius: 0;}
	.btn-top li:first-child a {border-top: 1px solid rgba(0,0,0,.2);}
	.open .uk-navbar-nav {-webkit-transform: translateX(0); transform: translateX(0);}
	.open .uk-navbar-right .burger {right: 186px;}
	.btn-top .btn a i {display: none}
	.main .wrap-ct {background: none;color: rgba(255, 255, 255, 0.78);}
	.uk-breadcrumb {margin-top: 20px;display: none;}
	.textpage {color: #fff;}
	.textpage .textpage-ct-box {text-align: left}
	.other-news {border-color: #bb5167;}
	
	.main .girl p.play {display: block;position: fixed;bottom: -120px;padding: 50px 0;left: 0;right: 0;width: auto;z-index: 100;margin: 0;}
	.main .girl p.play a {display: block;position: relative;}
	.main .girl p.play a:before {
		position: absolute;
		left:0;
		right:0;
		content:"";
		bottom: 70px;
		height: 40px;
		box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.32);
		border-top: 2px solid #80ef98;
		background: rgb(17,57,35); /* Old browsers */
		background: -moz-linear-gradient(top, rgb(21, 120, 62) 0%, rgb(17, 57, 35) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgb(21, 120, 62) 0%,rgb(17, 57, 35) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgb(21, 120, 62) 0%,rgb(17, 57, 35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15783E', endColorstr='#113923',GradientType=0 ); /* IE6-9 */
		border-radius: 200px 200px 0 0;
		}
	.main .girl p.play a img {width: 50%;max-width: 240px;}
	
	.help-box {background: rgba(38, 21, 41, 0.54);padding: 20px 20px 30px;}
	
	*+h4 {margin-top: 20px;}
	
	.textpage-ct {margin-top: 20px}

	.ads-mobile {display: block}
	.affix {
	    position: sticky;
	    top: -1px;
	    z-index: 100;
	}
	
}

@media all and (max-width: 640px) {
	.copyright, .hotline  {display: block;float: none!important;text-align: center;font-size: 14px;color: #ffffff5e;}
	.event .list ul li a {display: block;padding-left: 25px;}
	.event .list ul li a .date {margin-left: 10px;color: #f39b9bcc;font-style: italic;font-size: 14px;}
	
	#li-for-panel-1 label.panel-label {border-radius: 5px 0 0 5px}
	#li-for-panel-2 label.panel-label {border-radius: 0 5px 5px 0}
	
	
	
	.lotto-func ul {margin: 0 15px}
	.lotto-func ul li p {font-size: 13px}
	.lotto-func ul li a img {padding: 0 5px;}
}