#merchan{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	text-align: center;
}

	.merchan-image {
		width: 100%;
		height: 300px;
		margin: 0 0 0 0;
		padding: 0;
		float: left;
		overflow: hidden;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	.merchan-image img{
		position: relative;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}

#container-merchan{
	z-index: 10000;
	position: absolute;
	left: 10%;
	clear:both;
	width:100%;
	max-width:1200px;
	height:auto;
	margin: 0 auto;
	padding: 50px 0;
	overflow:hidden;
}

/************************************************************************************
MAIN NAVIGATION 980px
*************************************************************************************/
@media all and (max-width : 980px) {
	
	#merchan{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:0;
		text-align: center;
	}

		.merchan-image {
			width: 100%;
			height: 250px;
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			overflow: hidden;
			/*transition*/
			-webkit-transition: width 0.7s;
			-moz-transition: width 0.7s;
			-ms-transition: width 0.7s;
			-o-transition: width 0.7s;
			transition: width 0.7s;
		}

		.merchan-image img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0 auto;
		}

	#container-merchan{
		z-index: 10000;
		position: absolute;
		left: 2%;
		clear:both;
		width: 95%;
		height:auto;
		margin: 0 auto;
		padding: 50px 0;
		overflow:hidden;
	}

}

/************************************************************************************
MAIN NAVIGATION 810px
*************************************************************************************/
@media all and (max-width : 810px) {
	
	#merchan{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:0;
		text-align: center;
	}

		.merchan-image {
			width: 100%;
			height: 250px;
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			overflow: hidden;
			/*transition*/
			-webkit-transition: width 0.7s;
			-moz-transition: width 0.7s;
			-ms-transition: width 0.7s;
			-o-transition: width 0.7s;
			transition: width 0.7s;
			
		}

		.merchan-image img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0 auto;
		}

	#container-merchan{
		z-index: 10000;
		position: absolute;
		left: 2%;
		clear:both;
		width: 95%;
		height:auto;
		margin: 0 auto;
		padding: 30px 0;
		overflow:hidden;
	}

}

/************************************************************************************
MAIN NAVIGATION 768px
*************************************************************************************/
@media all and (max-width : 768px) {
	
		.merchan-image {
			width: 100%;
			height: 250px;
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			overflow: hidden;
			/*transition*/
			-webkit-transition: width 0.7s;
			-moz-transition: width 0.7s;
			-ms-transition: width 0.7s;
			-o-transition: width 0.7s;
			transition: width 0.7s;
			
		}

		.merchan-image img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0 auto;
		}

	#container-merchan{
		z-index: 10000;
		position: absolute;
		left: 2%;
		clear:both;
		width: 95%;
		height:auto;
		margin: 0 auto;
		padding: 30px 0;
		overflow:hidden;
	}

}

/************************************************************************************
MAIN NAVIGATION 680px
*************************************************************************************/
@media all and (max-width : 680px) {
	
		.merchan-image {
			width: 100%;
			height: 220px;
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			overflow: hidden;
			/*transition*/
			-webkit-transition: width 0.7s;
			-moz-transition: width 0.7s;
			-ms-transition: width 0.7s;
			-o-transition: width 0.7s;
			transition: width 0.7s;
			
		}

		.merchan-image img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0 auto;
		}

	#container-merchan{
		z-index: 10000;
		position: absolute;
		left: 2%;
		clear:both;
		width: 95%;
		height:auto;
		margin: 0 auto;
		padding: 30px 0;
		overflow:hidden;
	}

}

/************************************************************************************
MAIN NAVIGATION 510px
*************************************************************************************/
@media all and (max-width : 510px) {

		.merchan-image {
			width: 100%;
			height: 320px;
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			overflow: hidden;
			/*transition*/
			-webkit-transition: width 0.7s;
			-moz-transition: width 0.7s;
			-ms-transition: width 0.7s;
			-o-transition: width 0.7s;
			transition: width 0.7s;	
		}

		.merchan-image img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0 auto;
		}

	#container-merchan{
		z-index: 10000;
		position: absolute;
		left: 2%;
		clear:both;
		width: 95%;
		height:auto;
		margin: 0 auto;
		padding: 30px 0;
		overflow:hidden;
	}

}

/************************************************************************************
MAIN NAVIGATION 480px
*************************************************************************************/
@media all and (max-width : 480px) {
	

}

/************************************************************************************
MAIN NAVIGATION 480px
*************************************************************************************/
@media all and (max-width : 350px) {
	
		.merchan-image {
			width: 100%;
			height: 380px;
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			overflow: hidden;
			/*transition*/
			-webkit-transition: width 0.7s;
			-moz-transition: width 0.7s;
			-ms-transition: width 0.7s;
			-o-transition: width 0.7s;
			transition: width 0.7s;	
		}

		.merchan-image img{
			position: relative;
			top: 0;
			width: auto;
			height: 100%;
			margin: 0 auto;
		}

	#container-merchan{
		z-index: 10000;
		position: absolute;
		left: 5%;
		clear:both;
		width: 90%;
		height:auto;
		margin: 0 auto;
		padding: 30px 0;
		overflow:hidden;
	}


}