.c4_1 {
	width:20%;
	margin-left:4%;
	float:left;
	}

.c4_2 {
	width:44%;
	margin-left:4%;
	float:left;
	}

.c4_3 {
	width:68%;
	margin-left:4%;
	float:left;
	}
	
.c4_4 {
	width:92%;
	margin-left:4%;
	float:left;
	}



.c3_1 {
	width:29%;
	margin-left:4%;
	float:left;
	}

.c3_2 {
	width:58%;
	margin-left:4%;
	float:left;
	}

.c3_3 {
	width:87%;
	margin-left:4%;
	float:left;
	}



	
	
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
.c4_1, .c4_2, .c4_3, .c4_4, .c3_1, .c3_2, .c3_3 {
	float:none;
	width:860px;
	margin-left:50px;
	margin-right:50px;
	}

}


/* devices portrait  */
@media only screen and (max-device-width: 1000px) and (orientation : portrait){
  


    
.c4_1, .c4_2, .c4_3, .c4_4, .c3_1, .c3_2, .c3_3{
	float:none;
	width:860px;
	margin-left:50px;
	margin-right:50px;
	}

.keep .c4_1 {
	width:17%;
	margin-left:4%;
	float:left;
	}

.keep .c4_2 {
	width:40%;
	margin-left:4%;
	float:left;
	}

.keep .c4_3 {
	width:60%;
	margin-left:4%;
	float:left;
	
	}
	
.keep .c4_4 {
	width:92%;
	margin-left:4%;
	float:left;
	}

}



/* Small Desktop [portrait + landscape] */
@media only screen and (min-width: 1024px) and (max-width: 1280px){

.wrapper {
	width: 960px;
	}

}


/* Desktop [portrait + landscape] */
@media only screen and (min-width: 1281px) {
.wrapper {
	width: 1280px;
	}



}