@media screen and (max-width: 1330px){
	section#destacados{width: 100%; margin: 0px auto;}
	section#destacados .item{margin: 20px 0px;}
	section#news{width: 100%;}
	#introPage{width: 90%; margin: 0px auto;}
	section#certificados{width: 90%;}

	#content{width: 100%;}

	#proyectos{
		width: 100%;
	}
}
@media screen and (max-width: 1200px){
	.desc-banner p{
		top: 190px;
	}
}
@media screen and (max-width: 1120px){
	.contentHeader{
		width: 100%;
		background-position-x: center;
		background-size: cover;
	}
}
@media screen and (max-width: 1000px){
	.contentHeader{width: 100%;}
	#contfooter{width: 100%;}
}

@media screen and (max-width: 1024px){

	section#destacados .titulo{display: block;}
	#introPage{background: none!important;}
	#introPage .descripcion p{width: 100%;}

		#infoTop{text-align: center;}

	#buscador {text-align: center;}

	#contenido{width: 100%;}
	section#right{width: 100%; text-align:  center;}
	section#right .item{width: 48%; display: inline-block; vertical-align: top;}
	#infoTop{padding: 0px 0px 0px 30px;}
	#redes{width: 100%;}
	
	section#mapa{width: 100%; margin: 0px auto; display: block; padding: 0px 0px 0px 0px;}
	section#mapa iframe{width: 100%;}
	#categoryDesc .imagecat{display: block; width: 100%;}
	#categoryDesc .descripcion{display: block; width: 100%;}
	section#destacados{ width: 100%;}
	#introText{width: 100%;}
	#introText .item{width: 90%; margin: 0px auto;}
}
@media screen and (max-width: 992px){
	
	.formularibanner{
		background-size: auto;
		padding: 50px 0px;
	}

	.formularibanner .descripcion p{
		font-size: 18px;
		line-height: 30px;
	}
	.formularibanner strong{
		font-size: 24px;
	}
	
	nav ul li a{
		font-size: 14px;
	}
	.contentHeader .container{
		width: 100%;
	}
}
@media screen and (max-width: 950px){
	.navbar-default{
		width:100%;
	}
	#servicios{
		width: 95%;
		text-align: left;
		margin: 0px auto;
	}

	#servicios h1{
		text-align: center;
	}

	#servicios .item{
		width: 48%;
	}
}
@media screen and (max-width: 870px){
	.desc-banner p{
		font-size: 15px;
	}
	.desc-banner p {
		top: 116px;
	}
	#proyectos .title a{
		font-size: 12px;
	}
}
@media screen and (max-width: 770px){
	nav ul{
		float: none !important;
		width: 100%;
		border: none;
	}
	nav ul li.active a{
		background-color: initial;
		color: #fff;
		font-weight: 800;
		padding: 0px 0px !important;
	}
	.nav>li>a{
		padding: 0px !important;
	}
	nav ul li ul{
		background-color: initial;
	}
	nav ul li ul li a{
		background-color: initial !important;
	}
	nav ul li{
		display: block !important;
		padding: 0px;
	}
	nav ul li ul{display: block; position: initial; width: 100%; margin: 0px!important;}
	nav ul li{border: none;}
	nav ul li a{
		text-align: left;
		border-bottom: 0.5px solid #dc8316 !important;
		border-radius: 0px !important;
		border-left: 0px solid !important;
	}
	nav ul li:last-child a{border: none;}

	.navbar-header{
		position: absolute;
	    top: 100px;
	    right: 20px;
	}
	.col-xs-4.contbus {
    	width: 100%;
	}
	.col-xs-6.infotop {
    	display: none;
	}

	.navbar-nav li ul {display: block;box-shadow: none;border: none;margin-left: 20px;float: none;position: initial; width: 100%;}
	
	.navbar-nav>li>a{font-size: 14px;}
	
	.navbar-default .navbar-toggle{background: #fd8000!important;}
	.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
	.navbar {min-height: 32px!important; position: fixed;top: 0px; width: 100%; z-index: 999999999; background: none;}
	.infoSlide{top: -100px;  border-radius: 0px; width: 90%;}
	.slideDesc, .slideDesc a{font-size: 16px;}
	header{padding: 0px 0px 0px 0px; margin: 0px;z-index: 999999; position: relative;}

	section#destacados .item{width: 90%;}

	section#destacados .image{height: 390px}

	#news .item{margin: 30px 0px;}
	section#news .title a{min-height: 32px;}

	div#subsubcategories .itemBloock{width: 33%!important;}
	

	#introText{ padding: 90px 0px 110px 0px;}
	body.home .contRedes{text-align: center;}
	footer p{text-align: center;}
	.navbar-default{width: 100%;}
	

	.infotop{width: 100%;}
	
	#gracias{width: 100%;}

	section#video{width: 100%;}

	#contParalax{
		height: 650px;
	}

	.busc{
		width: 100%;
	}

	.eco .item{
		margin-top: 20px;
	}
}
@media screen and (max-width: 710px){
	#allCategories .itemBloock{
		width: 46%;
	}
	#allCategories .itemBloock .titulo, #allCategories .itemBloock .titulo a{
		font-size: 14px;
	}
}
@media screen and (max-width: 650px){
	

	#introText{
		padding: 40px 0px 110px 0px;
	}

	.navbar-default{
		margin: 0px auto 10px!important;
	}

	#bannerMobile{
		display: block;
		height: 250px;
		background: #000;
		overflow: hidden;
	}

	#bannerMobile img{
		width: 180%
	}

	.contimgbanner{
		background: #000!important;
	}

	#contenidoPago .video{
		width: 100%;
	}

	#contenidoPago .desc{	
		width: 100%!important;	
	}

	#servicios .item{
		width: 85%;
		display: block;
		margin: 25px auto;
	}
	
	#servicios .item:first-child{
		border: none;
		border-left: 2px solid #06afd6;
	}

}
@media screen and (max-width: 620px){
	#proyectos .item{
		width: 100%;
    	max-width: 400px;
		margin: 2px 0px 184px 0px;
	}
}
@media screen and (max-width: 583px){
	.formularibanner {
    	width: 100%;
	}

	#galerias ul li{ 
		width: 45%!important;
	}
	#allCategories .itemBloock{
		margin: 0px;
	}
	.contactohome{
		font-size: 24px;
	}
}
@media screen and (max-width: 550px){
	section#right .item{width: 90%;}
	#allCategories .itemBloock{width: 100%;}
	div#subsubcategories .itemBloock{width: 90%!important;}
	/*#banner #slides img{margin: 0px 0px 0px -150px;}*/
	.logo{
		width: 100px;
	}	
	nav{ margin: 15px 0px 0px 0px;}
	nav ul li a,
	nav ul li.active a {color: #fff;}
	nav ul li:hover{
	    background: #444444;	    
	}
	nav ul li ul li a{padding: 0px!important;}
	.nav>li>a{line-height: 32px;}
	nav ul li ul{background: none; margin: 0px 0px 0px 40px}
	nav ul li a:hover{color: #fff;}
	
	section#news h2{margin: 20px 0px 20px 20px!important;}
	body.internal .contRedes,
	

	.servicioshome .item{
		padding: 0px 0px 20px 0px;
	}

	.infotop .ubicacion{display: none;}

	.formularibanner .titulo p{ font-size: 22px; }

	.clean{ bottom: 10px; width: 120px; }

	#btn-shop-group{text-align: center;}

	.infotop .telefono{margin: 0px auto; display: block;}

	header .container{padding: 0px;}

	#itemProd .details{margin: 20px auto; text-align: center;}
	#itemProd .image {
		width: 90%;
	}
	
}
@media screen and (max-width: 520px){
	.desc-banner p{
		position: initial;
		background-color: #7abd32;
	}
	.desc-banner{
		padding: 0px 20px;
	}
	.eco{
		margin-top: 20px;
	}
	
}
@media screen and (max-width: 494px){
	
	.formularibanner{
		width: 100%;
		
		padding-left: 0px;
    	padding-right: 0px; 
	}
	.formularibanner .container{
		padding-left: 0px;
    	padding-right: 0px; 	
	}

	#logInCont{
		width: 100%;
	}

	#PerfilCont{
		width: 100%;
	}

	.bgFooter{
		background: url("../images/parallax.jpg") -200px -400px no-repeat;
	}

	#contenido .titlePage h1{
		font-size: 18px;
	}

	#formProyecto{
		width: 95%;
	}

	#formProyecto h3{
		font-size: 18px;
		text-align: center;
	}
}
@media screen and (max-width: 370px){
	.infoSlide{top: -50px;  padding: 0px;}

}

@media screen and (max-width: 480px){
	#redes{width: 100%;}
	.contDesc img{
		width: 90%!important; 
		margin: 0px auto 20px; 
		display: block;
		height: auto!important;
    	float: none!important;
	}
	#contenido .itemImage{height: 200px}

	#allCategories .itemBloock .image{
		width: 95%;
	}

	#allCategories .itemBloock{
		min-height: 100px;
	}
	#clasesDestacado{
		margin: 30px auto;
	}
}


@media screen and (max-width: 400px){
	section#destacados .image{height: 250px}
}