/*
===============================================

MEDIA自适应

===============================================
*/

.container-fluid{
	padding: 0;
}

@media (max-width: 768px) {
	
	.xs-fn{
		float: none;
	}
	.xs-fl{
		float: left;
	}

	.xs-pd0{
		padding: 0;
	}
	
	.xs-pr10{
		padding-right: 10px;
	}
	.xs-tc{
		text-align: center;
	}
	
	.xs-mg0{
		margin: 0;
	}
	.xs-mb10{
		margin-bottom: 10px;
	}
	.xs-ml120{
		margin-left: 120px;
	}

	.xs-w-inherit{
		width: inherit;
	}
	.xs-w-full{
		width: 100%;
	}

	.xs-h90{
		height: 90px;
	}
	.xs-w75{
		width: 75px;
	}
	.xs-w50{
		width: 50px;
	}



	.col-xs-12 {
		padding: 0;
	}
	.col-xs-6 {
		padding: 10px;
	}

}

@media (min-width: 768px) {
	.sm-mr20{
		margin-right: 20px;
	}
	.sm-w330{
		width: 330px;
	}

	.sm-ml220{
		margin-left: 220px;
	}
	
}

@media (min-width: 992px) {


}

@media (min-width: 1200px) {
	.mainleft{
	  	width: 820px;
		float: left;
		padding-right: 15px;
	    padding-left: 15px;
	}

	.sidebar {
		width: 350px;
		float: right;
		padding-right: 15px;
	    padding-left: 15px;
	}

	.col-lg-per20{
		width: 20%;
	}




}