@media screen and  (max-width : 1280px) {
.wrapper {
	width:98%
}


}

@media screen and  (max-width : 1024px) {
.wrapper {
	width:98%
}


}

@media screen and  (max-width :960px) {
.wrapper {
	width:98%
}
nav a {
	padding:0 6px;
}
/************************** CATALOGO **************************/
.text_servi h2 {
	font-size:25px;
}
.text_servi h5 {
	font-size:23px;
}
.text_servi h3 {
	font-size:23px;
}
.tutulos_rojo {
	font-size:20px;
}

/************************** CATALOGO **************************/

/************************** PROYECTOS **************************/
#valores h4 {
	font-size:28px;
}
.subtitulos {
	font-size:28px;
}
.titulos {
	font-size:38px;
}
.mision h2 {
	font-size:27px;
}
.cont_servicios h2 {
	font-size:26px;
}
/************************** CONTACTO **************************/
.cont_text {
	width:54%;
}
#dato_cont span {
	width:33%;
}


}

@media screen and  (max-width : 768px) {
.titulos {
	text-align:center;
}
.subtitulos {
	text-align:center;
}	
	
/**************************************
MENU
**************************************/	

 nav {
        border-bottom: 0;
        height: auto;
    }

    nav ul {
        display: none;
        height: auto;
		background-color:#000;
    }

    nav li {
        width: 100%;
        float: left;
        position: relative;
    }

    nav a {
        text-align: right;
		padding-right:2%;
		width:96%;
		border-right:0;
		font-size:17px;
		border-bottom:1px solid #ddd;
        text-indent: 25px;
    }

    nav a#pull {
        display: block;
		color:#fff;
        background-color: #C00000;
        width: 100%;
		padding:0;
        position: relative;
		text-align:left;
    }

    nav a#pull:after {
        content:"";
        background: url('nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
	#menu {
		position:relative;
		z-index:9999999;
		width:102%;
		margin-left:-1%;
		margin-bottom:5px;
	}
/**************************************
HOME
**************************************/
/************************** CATALOGO **************************/
.cat4_der {
	vertical-align:bottom;
}
.cat2_1 {
	width:49%;
	margin-bottom:25px;
}
.tutulos_rojo {
	width:100%;
	text-align:center;
	padding:10px 0;
}
.text_servi {
	padding-top:2%;
	width:100%;
	text-align:center;
	margin-bottom:15px;
}
.cat4_der {
	width:40%;
	display:block;
	margin:0 auto;
}
/************************** SERVICIOS **************************/
.img_servi {
	display:block;
	margin:0 auto;
	width:40%;
}
.ind_serv {
	width:32%;
	margin-right:0.5%;
	margin-left:0.5%;
}
.ind_serv2 {
	width:32%;
	margin-right:0.5%;
	margin-left:0.5%;
}
.cont_servicios {
	text-align:center;
}
/************************** CONTACTO **************************/
#contacto_izq {
	width:100%;
	padding-right:0;
}
#contacto_der {
	width:100%;
}
.btn_enviar {
	margin-bottom:15px;
}
#contacto_izq h3 {
	text-align:center;
}
#contacto_der h3 {
	text-align:center;
}
/************************** NOSOTROS **************************/
#nos_izq {
	width:100%;
	margin-right:0;
}
.mision {
	width:47%;
	margin:0 1%;
	display:inline-block;
	vertical-align:top;
}
.mision h2 {
	text-align:center;
}
.text_grande {
	text-align:center;
}
#nos_der {
	display:block;
	margin:0 auto;
}

}


@media screen and  (max-width : 736px) {
.titulos {
	margin-top:10px;
}
.text_grande strong {
	font-size:18px;
}
.text_grande {
	font-size:18px;
}
/************************** INDEX **************************/
#footer2 {
	padding:10px 0;
}
#logo {
	margin-bottom:10px;
	width:35%;
}
.datos {
	font-size:14px;
}

/************************** NOSOTROS **************************/
#nos_der {
	display:none;
}
/************************** CATALOGO **************************/
#cat_izq {
	width:100%;
}
#cat_der {
	display:none;
}
.cat2_1 {
	width:100%;
}
.gal_individual {
	width:49%;
}
/************************** SERVICIOS **************************/
.cont_servicios h2 {
	font-size:21px;
}
.text_servi h2 {
	font-size:22px;
}
.text_servi h5 {
	font-size:20px;
}
.text_servi h3 {
	font-size:20px;
}
.img_servi {
	width:60%;
}
/************************** CONTACTO **************************/
.modulo3 {
	width:31%;
}
.modulo2 {
	width:99%;
}
.btn_enviar {
	text-align:center;
}



}

@media screen and (max-width: 390px){
#logo {
	width:54%;
}
.datos {
	font-size:12px;
}
.titulos {
	font-size:27px;
}
.subtitulos {
	font-size:24px;
}
/************************** NOSOTROS **************************/
.mision {
	width:98%;
	margin:0;
	margin-bottom:25px;
}
.text_grande {
	font-size:16px;
}
.text_grande strong {
	font-size:16px;
}
/************************** CATALOGO **************************/
.cat4_der {
	width:60%;
}

.product_der {
	width:100%;
}
.product_izq {
	display:block;
	margin:0 auto;
	width:70%;
	margin-bottom:15px;
}
#catalogo3 h3 {
	font-size:24px;
	text-align:center;
}
#galeria h4 {
	font-size:16px;
}
/************************** SERVICIOS **************************/
.ind_serv {
	width:49%;
}
.ind_serv2 {
	width:49%;
}
#dato_cont {
	text-align:center;
}
.modulo1 {
	width:99%;
	margin-right:0;
}
/************************** SERVICIOS **************************/
.modulo3 {
	width:99%;
	margin-right:0;
}
.cont_text a {
	font-size:30px;
}

}

