@media(min-width: 768px){
	.navbar-header{
		width:200px;
	}
	.navbar-brand>img{
		width:300px;
	}
}

@media only screen and (min-device-width : 1001px) and (max-device-width : 1300px) {	
	/** home_banner **/
	#home_banner {
		height:auto;
	}
	#home_banner .ban_con{
		margin-bottom:30px;
	}
	#home_banner .left-ban p{
		line-height:inherit;
	}
	
	/** join_section **/
	#join_con aside:last-child{
		right:-70px;
	}
	
}

@media only screen and (min-device-width : 1001px) and (max-device-width : 1100px) {
	/** home_banner **/
	#home_banner h2{
		margin:45px 0;
	}
	#home_banner .left-ban p{
		line-height:inherit;
	}
	
	/** join_section **/
	#join_con aside:last-child{
		right:-41px;
		top:0;
		/*top:-25%;*/
	}
	
	/** footer **/
	ul.ft-menu li{
		font-size:11px;
		padding:0 4px 0 0;
	}
	ul.ft-menu li a{
		padding:0 4px 0 0;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1000px) {
	/** header **/
	header{
		height:73px;
	}
	.navbar-inverse .navbar-nav > li > a {
		padding: 7px 15px;
	}
		.navbar-brand > img {
		width: 200px;
	}
	.navbar-right {
		margin: 0;
	}
	/** home_banner **/
	#home_banner{
		height:auto;
		background-size:100% 100%;
	}
	#home_banner h2 {
		margin: 30px 0;
	}
	#home_banner .ban_con {
		width: 80%;
		margin-bottom:10px;
	}
	#home_banner h3 {
		font-size: 28px;
		padding: 15px 0 10px;
	}
	#home_banner p {
		font-size: 14px;
		margin: 0 0 10px;
	}
	#home_banner .left-ban p {
		line-height: inherit;
	}
	
	/** join_section **/
	#join_con {
		margin: 10px 0 0;
		padding: 0;
	}
	#join_con aside {
		margin-bottom: 20px;
		padding:0;
	}
	#join_con figure{
		padding:0 10px;
	}
	#join_con aside figcaption {
		margin: 5px 0 0;
		padding-bottom: 0;
	}
	#join_con aside figcaption a {
		font-size: 14px;
	}
	#join_con aside figcaption a:after{
		bottom:-25px;
	}
	#join_con aside:last-child {
		right: -130px;
		top: 0;
		/*top: -19%;*/
	}
	#join_con aside:last-child figure{
		padding:0;
	}
	
	/** count_section **/
	#count_section aside{
		padding:0;
	}
	#count_section h6{
		font-size:18px;
	}
	
	/** joinearn_section **/
	#joinearn_section h4{
		font-size:18px;
	}
	
	/** cookie_section **/
	#cookie_section h4{
		font-size:10px;
	}

}

@media only screen and (min-device-width : 800px) and (max-device-width : 900px) {
	/** join_section **/
	#join_con aside:last-child {
		right: -40px;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 799px) {
	/** join_section **/
	#join_con aside:last-child {
		right: -24px;
	}
}

@media only screen and (max-width : 767px) {
	header{
		height:61px;
	}
	.navbar-right{
		margin:0;
	}
	.navbar > .container .navbar-brand{
		padding:15px;
	}
	.navbar-toggle{
		margin-top:15px;
	}
	.navbar-inverse .navbar-toggle .icon-bar{
		background-color:#000000;
	}
	.navbar-inverse .navbar-toggle:focus .icon-bar,
	.navbar-inverse .navbar-toggle:hover .icon-bar{
		background-color:#ffffff;
	}
	.navbar-inverse .navbar-nav > li{
		margin:10px 0;
	}
	.navbar-inverse .navbar-nav > li > a{
		padding:5px 0;
	}
	.navbar-inverse .navbar-nav > li > a:focus,
	.navbar-inverse .navbar-nav > li > a:hover{
		color:#6ec59c;
	}
	.navbar-inverse .navbar-nav > li.btn_advertise > a:hover,
	.navbar-inverse .navbar-nav > li.btn_advertise > a:focus{
		color:#ffffff;
	}
	
	/** home_banner **/
	#home_banner{
   height:auto;
	-webkit-background-size: cover;
    -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	#home_banner h2{
		margin:10px 0;
		font-size:30px;
	}
	#home_banner .left-ban, #home_banner .right-ban{
		width:50%;
	}
	#home_banner .ban_con {
		padding: 0 10px 10px;
		width: 100%;
	}
	#home_banner h3 {
		font-size: 26px;
		padding: 15px 0 10px;
	}
	#home_banner .left-ban p{
		line-height:inherit;
	}
	#home_banner p{
		font-size:14px;
		margin:0 0 10px;
	}
	
	/** join_section **/
	#join_section h2{
		font-size:26px;
	}
	#join_con aside {
		margin-bottom: 20px;
		width: 33.33%;
	}
	#join_con aside:last-child {
		position: relative;
		right: 0;
		top: inherit;
		width: 100%;
		display: none;
	}
	
	/** count_section **/
	#count_section{
		padding:40px 0;
	}
	#count_section aside {
		padding: 0 0 20px;
		width:33.33%;
	}
	#count_section aside:last-child{
		padding: 0px;
	}
	
	/** joinearn_section **/
	#joinearn_section h4{
		margin:0;
		float:none !important;
	}
	#joinearn_section p.join_link{
		float:none !important;
		text-align:center;
		margin:15px 0 0;
	}
	
	/** cookie_section **/
	#cookie_section p.gotit_link{
		float:none !important;
		text-align:center;
		margin:15px 0 0;
	}
	
	
}

@media only screen and (max-width : 550px) {
	/** home_banner **/
	#home_banner h2{
		font-size:35px;
		margin:40px 0;
	}
	#home_banner .left-ban, #home_banner .right-ban{
		width:100%;
	}
	#home_banner .left-ban{
		border:none;
	}
	#home_banner .ban_con{
		width:100%;
	}
	#home_banner h3{
		padding:30px 0 15px;
	}
	#home_banner p{
		margin:0 0 10px;
		height:auto;
	}
	
	/** join_section **/
	#join_con aside {
		width: 100%;
	}
	
	/** count_section **/
	#count_section aside {
		width:100%;
	}
}

@media only screen and (max-width : 450px) {
	/** home_banner **/
	#home_banner h2{
		font-size:20px;
		margin:20px 0;
	}
	
	/** join_section **/
	#join_section h2{
		font-size:20px;
	}
}

@media only screen and (max-width : 350px) {
	/** join_section **/
	#join_section h2{
		font-size:26px;
	}
	#join_section h2 span:after{
		left:0;
		width:auto;
	}
}