/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media handheld, only screen and (max-width: 1024px) {
	
	/*--- MENU ---*/
	
	.menu .buttons ul li {
		font-size:1em;
	}
	
	.menu .contact-info p {
		font-size:0.875em;
	}

}

/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media handheld, only screen and (max-width: 800px) {
	
	/*--- MENU ---*/
	
	.menu .buttons ul li {
		font-size:1em;
	}
	
	.menu .contact-info p {
		font-size:0.875em;
	}
	
}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {	
	header.primary {
		background:rgba(0,0,0,0.65);
	}
	
	#container {
		height:100%;
		background:#EEE;
	}
	
	.overflow {
		height:100%;
	}
	
	#content {
		height:100%;
		background:#EEE;
		padding:0;
	}
	
	/*	Navigation
	=========================== */
	.navigation {
		max-width:265px;
		padding-top:0;
	}
	
	.navigation .menu {
		padding:0 0 40px 0;
	}
	
	.navigation .menu .buttons {
		padding:0;
		margin:1px 0 40px 0;
	}
	
	.navigation .menu object {
		display:none;
	}
	
	/*--- SERVICES ---*/
	
	.padding {
		padding-bottom:47%;
	}
	
	.services h3:nth-child(odd) {
		font-size:1.500em;
	}
	
	.services h3:nth-child(even) {
		font-size:1.500em;
	}

	
	/*--- WORK GALLERIE ---*/

	.work-gallery {
		width:100%;
		padding:20px 0;
	}
	
	.work-gallery h3 {
		font-size:2.000em;
		padding:0 1.25% 10px;
	}
	
	.work-gallery p {
		padding:0 1.25% 10px;
	}
	
	.thumbs a:nth-child(1) {
		width:100% !important;
	}
	
	.thumbs a:nth-child(3), .thumbs a:nth-child(4), .thumbs a:nth-child(5) {
		width:100%;
		margin:10px 0 0 0;
	}
	
	.thumbs a:nth-child(1) span, .thumbs a:nth-child(3) span, .thumbs a:nth-child(4) span, .thumbs a:nth-child(5) span {
		max-height:300px;
	}
	
	
	/*--- CLIENTS ----*/

	.row {
		width:96%;
		height:auto;
		clear:both;
		padding:20px 0 0 0;
		margin:0 2%;	
	}
	
	.client-cols {
		width:100%;
		height:auto;
		float:none;
	}
	
	
	/*--- CONTACT --*/
	
	.contact form fieldset {
		padding:5px;
	}
	
	.contact form fieldset label {
		width:100%;
		padding:20px 0 0 0;
	}
	
	.contact form fieldset input {
		width:98%;
		margin:10px 0 10px 0;
	}
	
	.contact form fieldset input[type="button"], .contact form fieldset input[type="submit"] {
		width:99%;
		margin-right:1%;
	}
	
	.contact form fieldset textarea {
		width:98%;
		margin:10px 0 10px 0;
	}
	
	.wrapper-file-input {
		margin-bottom:20px;
	}
	
	.fake-file-input{
	  /** Lo que necesitamos **/
	  top:15px;
	} 
	
	.contact form fieldset iframe {
		width:99%;
		margin-right:1%;
	}
	
	.wrapper {
		width:98%;
	}
	
	.wrapper-file-input input[type="file"] {
		width:50%;
	}
	
}

@media handheld, only screen and (max-width: 414px) {
	
	.overflow {
		height:auto;
	}
	
	.navigation {
		height:100%;
	}
	
	/*--- SERVICES ---*/
	
	.padding {
		padding-bottom:69%;
	}
	
	.services h3:nth-child(odd) {
		font-size:1.500em;
	}
	
	.services h3:nth-child(even) {
		font-size:1.500em;
	}
	
}


@media handheld, only screen and (max-width: 360px) {
	
	/*--- SERVICES ---*/
	
	.services h3:nth-child(odd) {
		font-size:1.225em;
	}
	
	.services h3:nth-child(even) {
		font-size:1em;
	}


}


@media handheld, only screen and (max-width: 320px) {
	

	
}