#merchan{
	clear: both;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #242427;
	overflow: hidden;
}

	.merchan-image {
		width: 100%;
		height: 100%;
		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;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		bottom: 0;
	}

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

/************************************************************************************
MAIN NAVIGATION 980px
*************************************************************************************/
@media all and (max-width : 980px) {
	
		.merchan-image {
			width: 100%;
			height: 400px;
			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;
	}
	
}

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

}

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

		.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;
	}
	
}

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

		.merchan-image {
			width: 100%;
			height: 300px;
			margin: 0 0 0 0;
			padding: 0;
			float: right;
			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;
			right: 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;
	}
	
}

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

}

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

}

/************************************************************************************
MAIN NAVIGATION 480px
*************************************************************************************/
@media all and (max-width : 390px) {
	
		.merchan-image {
			width: 100%;
			height: 450px;
			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;
	}
}