@media only screen and (max-width: 959px) {

	.back-top { display: none; } 
	#footer-part .back-top { display: block; margin-right: 0px; right: 15px; border: 15px; }
	
}

@media only screen and (max-width: 839px) {
	.banner-bar .text { margin:0; left: 15px; }
	.rules-bar .block { min-height: 430px; }
}

@media only screen and (max-width: 767px) {
	
	.nav-bar ul { display: none; background: #fff; width: 100%; padding-bottom: 5px; box-shadow: 0 5px 5px rgba(0,0,0,0.3) }
	.nav-bar ul li { width: 100%; text-align: left; padding: 0; border-top: 1px solid rgba(0,0,0,0.1); }
	.nav-bar ul li a { padding: 5px 15px; }

	.banner-bar img { display: block; }
	.banner-bar { background: none !important; }
	.banner-bar .text { position: static; display: block; width: 100%; }
	.banner-bar { border-top-width: 20px; }
	#header-part { padding: 0; }
	#header-part .wrapper { min-height: 90px; }
	#header-part a.logo { float: left; width: 140px; margin-top: 15px; z-index: 999; position: relative; }
	#wrapper { padding-top: 90px; }
	.nav-bar { overflow: visible; position: absolute; left: 0px; top: 0px; width: 100%; padding: 90px 0 0; }

	.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #1eaab1; display: block; height: 4px; left: 0; position: absolute; right: 0; top: 15px; }
	.mobilemenu span:before{ top: -10px; transition-property:top,transform; }
	.mobilemenu span:after,.mobilemenu span:before { background-color: #1eaab1; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 100%; transition-duration:.3s,.3s; }
	.mobilemenu span:after{ bottom: -10px; transition-property:bottom,transform; }
	
	.mobilemenu { display: block; position: absolute; right: 0px; top: 30px; height: 45px; overflow: hidden; width: 45px; z-index: 99; }

	.open_menu .mobilemenu span { background:0 0; }
	.open_menu .mobilemenu span:before { top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
	.open_menu .mobilemenu span:after { bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
	.open_menu .mobilemenu { text-indent: -9999px; }

	#header-part.stickyhead { box-shadow: 0 3px 8px rgba(0,0,0,0.3) }
	
	.banner-bar { margin: 0; min-height: 10px; }
	.banner-bar .text { padding: 15px; }
	.banner-bar span { font-size: 18px; line-height: 22px; }
	.banner-bar strong { font-size: 28px; line-height: 30px; padding: 8px 0; }
	.news-bar { padding: 15px 0 0; }
	
	h2, .h2 { font-size: 26px; line-height: 30px; padding-bottom: 10px; }
	.news-bar .left { width: 74px; padding: 10px 5px; }
	.news-bar .right{ padding: 0 0 0 13px; }
	h3, .h3 { font-size: 18px; line-height: 22px; letter-spacing: 0px; }
	p { font-size: 15px; line-height: 22px; }
	.news-bar .left span { font-size: 17px; line-height: 20px; }
	.news-bar .left strong { font-size: 30px; line-height: 32px; }
	
	.rules-bar p, .board-bar .row, .contact-bar p { padding-bottom: 18px; padding-right: 0px; }
	.news-bar .row { padding: 0 0 22px; }
	.contact-bar { padding: 15px 0 20px; }
	
	#footer-part .back-top { width: 30px; height: 30px; background-size: 30px; }
	
	.rules-bar li { padding: 0 5px; }
	.rules-bar ul { margin: 0 -5px; }
	.rules-bar .text { padding: 10px; }
	.rules-bar li h3 { line-height: 22px; }
	.rules-bar li p { margin: 0; } 
	
	.rules-bar .block { min-height: 300px; }
	
	
}

@media only screen and (max-width: 574px) {
	
	.rules-bar li { width: 100%; margin-bottom: 15px; }
	.rules-bar ul { display: block; flex-wrap: inherit; padding: 0; }
	.rules-bar li:last-child { margin-bottom: 0px; }
	
}


@media only screen and (min-width: 768px) {
	
	#header-part.stickyhead { padding: 8px 0; position: fixed; box-shadow: 0 3px 8px rgba(0,0,0,0.3) }
	#header-part.stickyhead a.logo { width: 150px; }		
	#header-part.stickyhead .nav-bar li { font-size: 15px; padding: 0 17px; }		
	#header-part.stickyhead .nav-bar { padding: 8px 0 0; }
	.nav-bar ul { display: block !important; }

}