/*.navpos { margin-right: 10%; margin-top:18px;}*/

/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 768px) and (max-width: 997px) {

.navbar-brand {margin-left:-15px!important;}	
}

@media (min-width:1440px){
	.container{width:1440px;}

	#banner .cont_formu {
	top: 72px!important;
	width: 50%!important;
	}
	#banner .formu { width: 440px!important;}	
	#banner .formu-home {  padding: 30px 20px 50px 20px;}
	#banner .form-group { margin-bottom:30px!important;}
	#banner .submit {margin-top:15px;}

}
@media (min-width: 1200px)  {

	#banner .cont_formu {
	top: 30px;
	width: 40%;
	}
	#banner .formu { width: 360px;}	
	#banner .formu-home {  padding: 30px 20px 50px 20px;}
	#banner .form-group { margin-bottom:20px;}
	#banner .submit {margin-top:15px;}

#chek_list .accordion { font-size: 17px;  padding: 0!important;}



	#contacto .info ul,p {font-size: 16px;}
	#contacto .info ul li {margin-bottom:10px;}
	
}

@media (min-width: 768px)  {
.navpos { margin-top: 20px;}
.min_480 {display:none;}	
.mobile {display:none;}	
#proyectos2 {display:none;}	
	#navigation { height:60px;
	}
	
.navbar-nav > li {  display:inline-block!important; float:none; margin-bottom: 5px; }	
#nav {text-align: right;}
	



/*accordion proyectos*/

/*#chek_list article { float:left; margin-right:5px;}*/
#chek_list .accordion {
  background-color: transparent;
  color: #000;
  cursor: pointer;
  /*padding: 5px;
  width: 100%;*/
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}
#chek_list .accordion span {
  display: inline-block;
  width: 95%;
}

#chek_list  .accordion:hover {
	opacity:0.8;

}
#chek_list .active {
 font-weight:600;
   border-bottom: 1px solid #000;
}


#chek_list .panel_chek p{ padding:10px 0; line-height: 1.5em;}

#chek_list .panel_chek {
  padding: 0px 18px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.text-sm-right { text-align:right;}

}

@media (min-width: 992px) and (max-width: 1199px) {

#chek_list .accordion { font-size: 17px;}


	#banner .cont_formu {
	top: 25px;
	width: 45%;
	}
	#banner .formu { width: 300px;}	
	#banner .formu-home {  padding: 20px;}
#banner .formu-home input.form-control {  height: 35px;}
/*	#banner .form-group { margin-bottom:15px;}
	#banner .submit {margin-top:0px;}*/

	#contacto .info ul,p {font-size: 15px;}
	#contacto .info ul li {margin-bottom:5px;}


}


@media (min-width: 590px) and (max-width: 767px) {
	.mid-center { text-align:center;}
	
	
}
/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/
@media (min-width: 768px) and (max-width: 991px) {
.navbar-right-ES {
  margin-right: -25px!important;
}

.navbar-nav li a {font-size: 15px;padding: 5px 8px !important;}

	#banner .cont_formu {
	top: 8px;
	width: 45%;
	}
	#banner .formu { width: 270px;}	
	#banner .formu-home {  padding: 20px;}
	#banner .formu-home input.form-control {  height: 26px;}
#banner .form-group { margin-bottom:10px;}
    #banner .submit {padding:3px 12px;}

#chek_list .accordion { font-size: 17px;}

.flex-container h2 { font-size:24px;}

.proy1 { width:240px; padding:0; float:left;}
.proy3 { width:240px; padding:0; float:left;}
.proy2 { width:234px; padding:0; margin-left:10px; margin-right:10px; float:left;}
/* contact */


	#contacto .info p {font-size: 15px;}
	#contacto .info ul li {margin-bottom:5px;}
}


/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

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

.desk { display:none!important;}


	
#logo {margin-left: 10px;}

	#navigation { height:48px;	}
	.navbar-brand {  padding: 2px 0 0 0;}
.navbar-toggle {margin-top: 8px; }
.navbar-toggle img {height: 30px; width: auto; }	
	.navbar-brand img {
      max-height:28px;
}
#nav { margin-top: 0; background-color:#fff; margin-left: -5px;}

.navbar-header { position:relative;}
.navbar-header button.mobile { position: absolute; right:85px; top:12px;}

#navigation button.mobile { font-size:12px;padding: 4px 12px 2px 12px;}
#navigation button.mobile i img {  width: 12px; margin-bottom:1px;}

.navbar-nav li { margin-bottom:10px;}

#banner {
margin: 48px auto 0 auto;
}
#proy_desk {display:none;}	

#proy_desk .tc {text-align:center;}

.flex-container { flex-wrap: wrap;}
  .flex-item-right, .flex-item-left {
    flex: 100%;
  }
.flex-item-right {border-right: 1px solid #ddd;}

.flex-item-left article {
    width: 100%; display: inline-table;
  }
  .flex-item-right article { width:100%;}

  .flex-container h2 { font-size:24px; word-wrap: break-word; line-height:1.2em;}
 
  
  

  




.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}
.navbar > .container_v4 .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

/* contact */


#contacto .info { margin-bottom: 25px; float:none;}
#contacto .info div { max-width:380px; margin: 0 auto 15px auto; }
#contacto .info ul li {
    margin-bottom: 5px;
}
.contact-address {
  margin-bottom: 30px;
}

.text-sm-right { margin-top:10px;}
.copyright { text-align:center;}

}


/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/
@media only screen and (max-width: 479px) {

.mas_480 {display:none;}

#preloader > img {
 /* left: 10px;
  top: 20%;
  width:300px; */
}	



#proyectos2 h3 { font-size:24px; }
#proyectos2 p { font-size:18px; }


.flex-item-left article {
    width: 100%; 
  }

.text_l { width:100%;}
.text_b { border-top: 1px solid #ddd; border-left: 0px solid #ddd;}


#contacto .info { padding:0; font-size:15px;}
#contacto .row {
    margin-right: 0px;
    margin-left: 0px;
}
.redes img { width:35px; height:auto; margin: 0 5px;}


}

@media only screen and (min-width: 361px) {
	.min_360 {display:none;}
}

@media only screen and (max-width: 360px) {
	.mas_360 {display:none;}
.sec-title h2 { font-size:30px;}
	

}


@media only screen and (min-width: 480px) and (max-width: 767px) {


.min_480 {display:none;}




#proyectos2 h3 { font-size:24px; }

#proyectos2 p { font-size:16px; }





}

@media only screen and (max-width: 380px) {
	.redes img { width:35px; height:auto; margin: 0;}
#contacto .info { padding:0; font-size:15px;}
#contacto .info i { margin-right: 10px;}
#contacto .info h4 {font-size: 16px;}
/*#contacto .info p { margin-left: 10px;}*/
#contacto .info .fa-2x { font-size: 1.8em; }
#contacto .row {
    margin-right: 0px;
    margin-left: 0px;
}