/* Tablet layout */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
	margin-top: -75px;
}
.section {
	margin-top: 0;
}

.section.section-expand {
	margin-top: -250px !important;
}


.contact-form input[type=text], .contact-form textarea {
	min-width: 145px;
	width: 145px;
	max-width: 145px;
}
.contact-form button, .contact-form button:hover, .contact-form button:focus {
	width: 169px;
}

.title_cnt2 {
	display:none;

}

.title_cnt2_2 {
	display:none;

}

.title_cnt2_3 {
	display:none;

}


.title_cnt2_4 {
	display:none;

}


.acordion img {
	width: 100%;
}

.acordion_imagen {
	display: block;
	width: 100%;
	float: none;
	
}

.acordion_texto {
	display: block;
	width: 100%;
	float: none;
	font-family: Arial;
	font-size: 2em; !important;
	margin-top: 340px;
	text-align: left;
	letter-spacing: 0.3px;
	line-height: 21px;
	
}


.acordion2 img {
	width: 100%;
}

.acordion_imagen2 {
	display: block;
	width: 100%;
	float: none;
	margin-bottom: -330px !important;
	
}

.acordion_texto2 {
	display: block;
	width: 100%;
	float: none;
	font-family: Arial;
	font-size: 2em; !important;
	margin-top: 340px;
	text-align: left;
	letter-spacing: 0.3px;
	line-height: 21px;
	
}


#section_left, #section_left_2 {
	margin: 0 auto !important;
	margin-bottom: 5px !important;
			float: none !important;
			width: 350px !important;
			padding: 15px;
			background: url(img/bg_title.png);
	
			height: 220px;
			overflow:hidden;
			cursor: pointer;
		}
		
#section_mid, #section_mid_2 {
			margin: 0 auto !important;
			margin-bottom: 5px !important;
			float: none !important;
			width: 350px !important;
			padding: 15px;
		background: url(img/bg_title.png);
	
			height: 220px;
			overflow:hidden;
			cursor: pointer;
		}
		
		#section_right, #section_right_2 {
			margin: 0 auto !important;
			margin-bottom: 5px !important;
			float: none !important;
			width: 350px !important;
			padding: 15px;
			background: url(img/bg_title.png);
	
			height: 220px;
			overflow:hidden;
			cursor: pointer;
		}


#foto_cnt2 {
	float:left;
      width:106px;
      height:106px;

}

#section_titulo {
	float: left;
	width: 220px !important;
}





.acordion:before {
	 content:"";
   position: absolute;
   left: 350px;
   top: -15px;
   width: 0;
   height: 0;
   border-left: 15px solid transparent;
   border-bottom: 15px solid rgba(0,0,0,0.2);
   border-right: 15px solid transparent;
}

.acordion2:before {
	 content:"";
   position: absolute;
   left: 350px;
   top: -15px;
   width: 0;
   height: 0;
   border-left: 15px solid transparent;
   border-bottom: 15px solid rgba(0,0,0,0.4);
   border-right: 15px solid transparent;
}


#cuadro1:before {
	 content:"";
   position: absolute;
   left: 350px;
   top: -15px;
   width: 0;
   height: 0;
   border-left: 15px solid transparent;
   border-bottom: 15px solid rgba(0,0,0,0.20);
   border-right: 15px solid transparent;
}

#cuadro2:before {
	 content:"";
   position: absolute;
   left: 350px;
   top: -15px;
   width: 0;
   height: 0;
   border-left: 15px solid transparent;
   border-bottom: 15px solid rgba(0,0,0,0.40);
   border-right: 15px solid transparent;
}

.acordion p:nth-child(1){
	width: 100% !important;
	margin-top:-340px !important;
	margin-bottom: 15px !important;

}



.acordion2 p:nth-child(1){
	width: 100% !important;
	margin-top:-30px !important;
}


.acordion {
	font-size: 16px !important;
	-moz-column-count: 1 !important; /* Firefox */
-webkit-column-count:1 !important; /* Safari and Chrome */
column-count:1 !important;
}



#cuadro3:before {
	 content:"";
   position: absolute;
   left: 350px;
   top: -15px;
   width: 0;
   height: 0;
   border-left: 15px solid transparent;
   border-bottom: 15px solid rgba(0,0,0,0.60);
   border-right: 15px solid transparent;
}

.cuadro_respon {
	display: none;
	position: relative;
	width: 800px;
	height: 800px;
	margin: 0 auto;
	overflow: auto;
	margin-bottom: 80px !important;
	background:url(../img/bg_triangulo.png) no-repeat 136px 156px;
	margin-left: -35px !important;
}

.colum_right {
	float: right;
	width: 270px !important;
	margin-right: 6px;
} 

.colum_right_b {
	float: right;
	width: 390px;
	margin-right: 6px;
} 


.colum_right2 {
	float: left;
	width: 270px !important;
	margin-right: 6px;
	overflow: hidden !important;
} 


}


		.section#about {
	right: 600px;
	top: 250px !important;
}

/* Sections Services */
.section#services {
	right: 450px;
	top: 250px !important;
}

/* Sections Portfolio */
.section#folio {
	right: 300px;
	top: 250px !important;
}

/* Sections Blog */
.section#blog {
	right: 150px;
	top: 250px !important;
}

/* Sections Contact */
.section#contact {
	right: 0;
	top: 250px !important;
}