@media only screen and (min-width:320px) and (max-width:479px){
	.navbar{
		margin:0px;
	}
	.login_inr{
		float:left;
		width:100%;
		text-align:center;
	}
	.login{
		float:none;
		margin:0px 12px;
	}
	.sr-only, .navbar-toggle .icon-bar{
		width:22px;
		border:1px solid #000000;
		clip:rect(auto, auto, auto, auto);
		margin:2px;
		display:block;
		height:auto;
	}
	.navbar-toggle{
		margin-right:130px;
	}
	.nav > li > a{
		color:#000000;
		text-transform:uppercase;
	}
	.sec_list ul{
		margin:0px;
	}
	.logo_main{
		margin-top:30px;
	}
	.logo_main a img{
		width:280px;
	}
	
	/*======================how===================*/
	.how_main{
		font-size:11px;
	}
	p.how_gal {
    left: 22px;
    top: 3%;
    width: 85px;
	text-align:left;
	}
	p.how_art {
    	right: 3%;
    	top: -3px;
	}
	
p.how_art {
    margin: 0;
    position: absolute;
    right: 3%;
    top: -36px;
    width: auto;
}
p.how_art_record {
    position: absolute;
    right: 2px;
    text-align: right;
    top: -8%;
    width: 106px;
}
p.how_art_con{
	width:70px;
	top:17%;
	right:0;
}
p.how_sell {
    bottom: -9px;
    right: 5px;
    width: 63px;
}
p.how_pay {
    bottom: 12%;
    left: 3%;
    text-align: left;
    width: 70px;
}
p.how_resell {
    bottom: -3%;
    left: 12%;
}
small#how_des{
	font-size:9px;
	left: -126px;
}
small#how_des:after{
	left:150px;
	top:-20px;
}
small#how_sell_des:after{
	right: 41px;
	left:auto;
}
small#how_sell_des{
	font-size:9px;
	right: 0;
    top: -233%;
	width:197px;
}
small#how_resell_des{
	left:-10px;	
	z-index:999;
	font-size:9px;
	top:-500%;
}
small#how_resell_des:after{
	left:20px;
	right:0px;
	bottom:-21px;
}
small#how_pays_des{
	font-size:9px;
	top:-120%;	
}

}
@media only screen and (min-width:480px) and (max-width:599px){
	.navbar{
		margin:0px;
	}
	.login_inr{
		float:left;
		width:100%;
		text-align:center;
	}
	.login{
		float:none;
		margin:0px 12px;
	}
	.sr-only, .navbar-toggle .icon-bar{
		width:22px;
		border:1px solid #000000;
		clip:rect(auto, auto, auto, auto);
		margin:2px;
		display:block;
		height:auto;
	}
	.navbar-toggle{
		margin-right:223px;
	}
	.nav > li > a{
		color:#000000;
		text-transform:uppercase;
	}
	.sec_list ul{
		margin:0px;
	}
	.logo_main{
		margin-top:30px;
	}
	
		/*======================how===================*/
	.how_main{
		font-size:11px;
	}
	p.how_gal {
    left: 22px;
    top: 3%;
    width: 85px;
	text-align:left;
	}
	p.how_art {
    	right: 3%;
    	top: -3px;
	}
	
p.how_art {
    margin: 0;
    position: absolute;
    right: 3%;
    top: -36px;
    width: auto;
}
p.how_art_record {
    position: absolute;
    right: 2px;
    text-align: right;
    top: -8%;
    width: 106px;
}
p.how_art_con{
	width:70px;
	top:17%;
	right:0;
}
p.how_sell {
    bottom: -9px;
    right: 5px;
    width: 63px;
}
p.how_pay {
    bottom: 12%;
    left: 3%;
    text-align: left;
    width: 70px;
}
p.how_resell {
    bottom: -3%;
    left: 12%;
}
small#how_des{
	font-size:11px;
	left: -126px;
}
small#how_des:after{
	left:150px;
	top:-20px;
}
small#how_sell_des:after{
	right: 41px;
	left:auto;
}
small#how_sell_des{
	font-size:11px;
	right: 0;
    top: -233%;
	width:197px;
}
small#how_resell_des{
	left:-10px;	
	z-index:999;
	font-size:11px;
	top:-500%;
}
small#how_resell_des:after{
	left:20px;
	right:0px;
	bottom:-21px;
}
small#how_pays_des{
	font-size:11px;
	top:-120%;	
}
	
}
@media only screen and (min-width:600px) and (max-width:767px){
	.navbar{
		margin:0px;
	}
	.login_inr{
		float:left;
		width:100%;
		text-align:center;
	}
	.login{
		float:none;
		margin:0px 12px;
	}
	.sr-only, .navbar-toggle .icon-bar{
		width:22px;
		border:1px solid #000000;
		clip:rect(auto, auto, auto, auto);
		margin:2px;
		display:block;
		height:auto;
	}
	.navbar-toggle{
		margin-right:280px;
	}
	.nav > li > a{
		color:#000000;
		text-transform:uppercase;
	}
	.sec_list ul{
		margin:0px;
	}
	.logo_main{
		margin-top:30px;
	}
		/*======================how===================*/
	.how_main{
		font-size:13px;
	}
	p.how_gal {
    left: 22px;
    top: 3%;
    width: 163px;
	text-align:left;
	}
	p.how_art {
    	right: 3%;
    	top: -3px;
	}
	
p.how_art {
    margin: 0;
    position: absolute;
    right: 3%;
    width: auto;
}
p.how_art_record {
    position: absolute;
    right: 2px;
    text-align: right;
    width: 180px;
}
p.how_art_con{
	width:125px;
	top:27%;
	right:0;
}
p.how_sell {
    bottom: -9px;
    right: 5px;
    width: 132px;
}
p.how_pay {
    bottom: 12%;
    left: 2%;
    text-align: left;
    width: 140px;
}
p.how_resell {
    bottom: -3%;
    left: 12%;
}
small#how_des{
	font-size:13px;
	left: -126px;
}
small#how_des:after{
	left:150px;
	top:-20px;
}
small#how_sell_des:after{
	right: 105px;
	left:auto;
}
small#how_sell_des{
	font-size:13px;
	right: 0;
    top: -492%;
	width:197px;
}
small#how_resell_des{
	left:-10px;	
	z-index:999;
	font-size:13px;
	top:-500%;
}
small#how_resell_des:after{
	left:20px;
	right:0px;
	bottom:-21px;
}
small#how_pays_des{
	font-size:13px;
	top:-280%;	
}
	
}
@media only screen and (min-width:768px) and (max-width:799px){
	nav.nav_main ul li{
		margin:0px 15px;
	}
	p.how_gal{
		left:1%;	
	}
	p.how_art{
		right:7%;
	}
	p.how_art_record{
		right:2%;	
	}
	p.how_art_con{
		width:172px;
		right:0px;	
	}
	p.how_pay{
		width:144px;
	}
	p.how_resell{
		left:14%;	
	}
	p.how_sell{
		right:0;	
	}
	small#how_sell_des:after{
		left:30px;
	}
	small#how_sell_des{
		right:7px;	
	}
	small#how_resell_des{
		left:0px;
		z-index:999;	
	}
	small#how_resell_des:after{
		right:0px;
		left:20px;	
	}
	small#how_pays_des{
		left:47px;
		top:-104%;	
	}
	small#how_des:after{
		left:57px;	
	}
	small#how_des{
		left:-40px;	
	}
	small#how_sell_des:after{
		left:140px;
	}
	p.how_art_con{
		right:0px;
		width:150px;	
	}
}
@media only screen and (min-width:800px) and (max-width:979px){
	nav.nav_main ul li{
		margin:0px 18px;
	}
	p.how_gal{
		left:1%;	
	}
	p.how_art{
		right:7%;
	}
	p.how_art_record{
		right:2%;	
	}
	p.how_art_con{
		width:172px;
		right:0px;	
	}
	p.how_pay{
		width:144px;
	}
	p.how_resell{
		left:14%;	
	}
	p.how_sell{
		right:0;	
	}
	small#how_sell_des:after{
		left:30px;
	}
	small#how_sell_des{
		right:7px;	
	}
	small#how_resell_des{
		left:0px;
		z-index:999;	
	}
	small#how_resell_des:after{
		right:0px;
		left:20px;	
	}
	small#how_pays_des{
		left:47px;
		top:-104%;	
	}
	small#how_des:after{
		left:57px;	
	}
	small#how_des{
		left:-40px;	
	}
	
}

@media only screen and (min-width:980px) and (max-width:1200px){
	p.how_art_con{
		width:210px;
		right:0px;	
	}
	small#how_sell_des{
		right:-30px;	
	}
	small#how_sell_des:after{
		left:90px;	
	}
}