@media only screen and (max-width: 768px) {
	/* Icon 1 */
#header {
    overflow: hidden;
}
	#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
	  width: 35px;
	  height: 20px;
	  position: relative;
	  margin: 15px 0 8px 2%;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	  float:left
	}
	
	#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
	  display: block;
	  position: absolute;
	  height: 5px;
	  width: 100%;
	  background: #000000;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
	
	#nav-icon1 span:nth-child(1) {
	  top: 0px;
	}
	
	#nav-icon1 span:nth-child(2) {
	  top: 10px;
	}
	
	#nav-icon1 span:nth-child(3) {
	  top: 20px;
	}
	
	#nav-icon1.open span:nth-child(1) {
	  top: 10px;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}
	
	#nav-icon1.open span:nth-child(2) {
	  opacity: 0;
	  left: -60px;
	}
	
	#nav-icon1.open span:nth-child(3) {
	  top: 10px;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}

	#mainnav{
		display:none;
	}
	#mainnav.mobile{
		display:block;
		position:fixed;
	}
	#mainnav.mobile .navcontent{
		display:none;
		position:fixed;
		left:-8%;
		top : 60px;
		height:100%;
		width:72%;
		background: rgba(255,255,255,0.9);
		z-index:9999;
	}
	#mainnav.mobile .navcontent li{
		display:block;
		width:92%;
		padding-left:8%;
		border-top:1px solid #000;
	}
	.row ul li ,.row ul li:last-child{
	    display: inline-block;
	    float: left;
	    margin-bottom: 20px;
	    margin-right: 1%;
	    margin-left: 1%;
	    width: 98%;
	}
	.row ul li .img {
	    height: auto;
	}
	.form{
		width:100% !important;
	}
	.form .pnom{
		width:100%;
		border-bottom:1px solid #000;
	}
	.form .pprenom{
		width:100%;
		border-left:none;
	}
	.gallery .row{
		display:none;
	}
	.gallery .row ul li img{
		width:100%;
		height:auto;
	}
	.gallery .row ul li{
		width:100%;
		height:auto;
	}
	.gallery .row.rowmobile{
		display:block;
	}
}