@media all and (min-width: 200px) and (max-width: 320px) 
{
	#stat
	{
		padding-top: 185px;
	}
}

@media all and (min-width: 200px) and (max-width: 980px) 
{
	#unlog_box
	{
		left: 0 !important
	}
	#site_notice
	{
		font-size: 15px !important;
	}
	#free .p
	{
		font-size: 14px;
	}
	h1.home
	{
		font-size: 26px;
		line-height: 35px;
		margin-top: 25px;
	}
	#stat
	{
		font-size: 23px;
	}
	#intro
	{
		margin-bottom: 40px;
	}
	#intro a
	{
		font-size: 25px;
		padding: 0 55px;
		height: 55px;
		line-height: 55px;
	}
	#logo img
	{
		height: 40px;
		margin-left: 10px;
	}
	#stat b
	{
		font-size: 16px;
	}
	.screen h2, #market h2.home
	{
		font-size: 28px;
	}	
	.screen .p, #market .p 
	{
		font-size: 14px;
		line-height: 22px;
	}
	#market_img
	{
		display: none;
	}
	#market_img1
	{
		width: 90%;
		max-width: 500px;
		margin: 0 auto;
		margin-top: 10px;
		display: block;		
	}
	#market_img2
	{
		width: 90%;
		max-width: 522px;
		margin-top: 10px;
		margin: 0 auto;		
		display: block;
	}	
	h3
	{
		margin-bottom: 20px;
	}
	#menu
	{
		display: none;
	}
	#copy
	{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 12px;
		line-height: 20px;
		padding-bottom: 20px;
		padding-top: 10px;
	}
	#foot img
	{
		display: none;
	}
	#foot li
	{
		width: 100%;
		float: none;
	}
	#foot ul
	{
		float: none;
		background-color: #115387;
		padding-top: 20px;
	}
	#foot a
	{
		line-height: 35px;
	}
	#burger
	{
		display: inline;
		margin: 0 10px;
		vertical-align: middle;
	}
	#langs
	{
		right: 10px;
	}
	#lang, #lang_list span 
	{
		height: 30px;
		width: 30px;
		background-size: 30px 30px;
		background-position: 50% 50%;
	}	
	#lang_list a span 
	{
		margin: 5px;
	}
	.wrap
	{
		max-width: 1170px;
		width: auto;
	}
	#menu a
	{
		color: white;
		line-height: 42px;
		padding-left: 12px;
		display: block;
	}
	#menu a:hover,
	#menu a#btn_reg:hover, #menu a#btn_log:hover
	{
		background-color: #115387;
		color: white;
	}
	#menu
	{
		position: relative;
		width: 100%;
		background-color: black;
		right: 0;
		padding-left: 0;
	}
	#menu li
	{
		font-size: 18px;
		line-height: 42px;
		display: block;
	}
	#menu a#btn_reg, #menu a#btn_log
	{
		margin: 0;
		background-color: transparent;
		color: white;
	}
	#templates
	{
		display: none;
	}
	#templates_mobi
	{
		display: block;
		background-color: #14A6BC;
		padding-bottom: 20px;
	}
	#templates_mobi h2
	{
		font-size: 24px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
		text-align: center;
	}
	.tm_wrap
	{
		position: relative;
	}
	#templates_mobi #aright
	{
		height: 20%;
		top: 40%;       
		position: absolute;
		right: 10px;
		cursor: pointer;
	}
	#templates_mobi #aleft:hover,
	#templates_mobi #aright:hover
	{
		opacity: 0.7;
	}		
	#templates_mobi #aleft
	{
		height: 20%;
		top: 40%; 
		position: absolute;
		left: 10px;
		cursor: pointer;
	}
	#templates_mobi #minis2
	{
		max-width: 384px;
		width: 70%;
		display: block;
		margin: 0 auto; 
		margin-bottom: 10px;
		position: relative;
		overflow: hidden;
	}
	#minis2 img
	{
		width: 100%;
		float: left;
	}
	#minis2 div
	{
		width: 3000px;
		position: relative;
	}
	#templates_mobi .but
	{
		text-align: center;
		float: none;
		margin: 0 auto;
		font-size: 19px;
		width: 200px;
		display: block;
	}
	.sc_im
	{
		position: relative;
		max-width: 625px;
		width: 90%;
		display: block;
		margin: 0 auto;
		margin-top: 20px;
	}
	#impress .p
	{
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.ticks
	{
		width: 100%;
	}
	.ticks h3
	{
		font-size: 17px;
		padding-right: 10px;
		box-sizing: border-box;
		background-position: 22px 16px;		
	}	
	#impress .but 
	{
		width: 90%;
		margin: 0 auto;
		float: none;
		display: block;
	}
	#market
	{
		padding-top: 10px;
		padding-bottom: 20px;
	}
	#why h2
	{
		padding-top: 20px;
	}
	#why h3
	{
		width: 100%;
		font-size: 21px;
		margin-bottom: 10px;
	}
	#why h3.bar2
	{
		font-size: 18px;
	}
	#free
	{
		margin-top: 0;
		padding: 0;
		width: 100%;		
	}	
	#free_left 
	{
		width: 100%;
	}	
	.screen .p, #market .p 
	{
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.sc_im2
	{
		display: none;
	}
	#free_img
	{
		width: 100%;
		max-width: 200px;
		margin: 0 auto;
		display: block;
		margin-bottom: 0;
		margin-top: 20px;
	}	
	#free h2, #free .p
	{
		text-align: center;
	}
	#free .but 
	{
		width: 90%;
		max-width: 340px;
		font-size: 21px;
		margin-top: -20px;
	}
	#socials
	{
		display: none;
	}
	.opinion div:before, .opinion2 div:before,
	.opinion div:after, .opinion2 div:after	
	{
		width: 22px;
		height: 18px;
		background-size: 22px 18px;
		background-repeat: no-repeat;
	}
	.opinion div:before, .opinion2 div:before
	{
		top: -10px;
	}	
	.opinion div:after, .opinion2 div:after	
	{
		bottom: -10px;
	}
	.opinion
	{
		font-size: 16px;
		width: 95%;	
		margin-bottom: 20px;
	}
	.opinion div
	{
		padding: 20px;	
		margin-bottom: 10px;
	}		
	.opinion2
	{
		font-size: 16px;
		width: 95%;	
	}
	.opinion2 div
	{
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 20px;
	}		
	.opinion2_reply
	{
		margin-left: 0;
		margin-right: 0;
		padding: 10px;
		padding-left: 50px;
		padding-right: 50px;
		font-size: 16px;
		width: 95%;	
		box-sizing: border-box;
		margin: 0 auto;
		margin-top: 30px;
		padding-top: 20px;
		padding-bottom: 20px;		
	}
	.opinion2_reply img
	{
		height: 30px;
		margin-top: -15px;			
	}
	.opinion2_person
	{
		display: none;
	}
	#opinions_h2 h2 #op_bottom
	{	
		font-size: 16px;
	}
}