@media (max-width: 480px) { /*480*/ 


/*MARDES*/


.titular-hero-interna.titular-mardes {
  width: 310px;
  margin: 130px auto 0px;
}


.bg-cabecera-interna-mardes {
  min-height: 600px;
  margin-bottom: 0px;
}


#mas-info-mardes {
  padding-top: 0;
  padding-bottom: 40px;
}

/*2g*/


#header2g .box-frase h1 span {
  font-size: 40px;
  line-height: 45px;
}

#header2g .box-frase h1 {
  font-size: 33px;
  line-height: 44px;
}


#header2g .box-frase {
  width: 320px;
  height: 125px;
  margin-top: 120px;
}

header#header2g {
  min-height: 465px;
  background-position: 20% -20%; !important;
}


#espacios h2 {
  font-size: 28px;
}

.box-espacios {
  padding-right: 0px;
  margin-bottom: 30px;
}

#espacios {
  margin-bottom: 40px;
}

#disenios h3 {
  font-size: 30px;
}

.linea-separadora.center {
  margin: 20px auto 50px;
}

.titular-estilo h4 {
  font-size: 30px;
  font-weight: 300;
  padding-top: 15px;
}

.imagen-estilo img {
  margin-bottom: 20px;
}

.btn-box-medida .btn-2g-sec {
  margin-top: 15px;
  float: left;
}


#header2g .botonera-xs .navbar-toggle {
    top: 13px;
}

#header2g .cabecera.corto .botonera-xs .navbar-toggle {
    top: 5px;
  }


 #header2g .cabecera.corto .logo-sticky-xs {
    display: block;
    margin-top: -8px;
  }


 #header2g .botonera-xs .navbar-inverse {
  background-color: #3e3e3e;
}

#header2g .navbar-default .navbar-nav > li > a {
  color: #FFF;
}

#header2g .botonera-xs .navbar-default .navbar-toggle .icon-bar {
    background-color: #f3ca1a;
  }

/*2g*/




.titular-hero-interna {
  width: 100%;
  margin: 120px auto 0px;
}

.titular-division {
  width: 100%;
  float: left;
}

.titular-division h1 {
  font-size: 28px;
  color: #fff;
  font-weight: 600;
}

.bg-cabecera-interna-pisos {
  padding-bottom: 50px;
}


.logogrupo a img {
  margin-right: 5px;
  max-width: 90px;
  margin-top: 9px;
}

.col-ter, .col-pri, .col-seg {
  margin-bottom: 20px;
}


.img-info {
  display: none;
}

#mas-info {
  padding-top: 0;
}

.card-info h3 {
  font-size: 16px;
}

#galeria-info {
  padding-top: 40px;
  padding-bottom: 100px;
}



/*--------*/




.box-frase h1 {
  font-size: 43px;
  color: #fff;
  line-height: 45px;
  font-weight: 300;
  margin-bottom: 20px;
}

.card-diviciones h4 {
  margin-top: 15px;
}

.box-frase {
  width: 100%;
  height: auto;
  margin-top: 45px;
}

header#home {
  background-image: url("../img/bg-header.jpg");
  min-height: 340px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 67%;
  margin-top: 90px;
}


.cabecera.largo {
  background-color: #fff;
  position: fixed;
  height: 90px;
  top: 0px;
  width: 100%;
}



.botonera-xs .navbar-default .navbar-toggle .icon-bar {
  background-color: #793548;
}

.cabecera.corto .botonera-xs .navbar-default .navbar-toggle .icon-bar {
  background-color: #793548;
}


#bg-quienes-somos {
  margin-top: 30px;
  margin-bottom: 0px;
}

#bg-quienes-somos a{
  margin-bottom: 30px;
}

.box-iconos-socios {
  width: 100%;
  margin: 30px auto 0px;
}

#bg-socio-ideal h5 {
  text-align: center;
  font-size: 18px;
  padding-top: 7px;
  margin-bottom: 40px;
}

.mail-footer a {
  text-align: center;
  padding-top: 0px;
  margin-bottom: 30px;
}

.redes-sociales {
  width: 114px;
  background-color: ;
  margin: 30px auto 0px;
}


#footer-grupo-dt {
  padding-top: 60px;
}


#bg-versatilidad {
  margin-top: 80px;
  margin-bottom: 50px;
}


#linea-tiempo {
  margin-bottom: 30px;

}

#bg-que-hacemos {
  margin-top: 0px;
  margin-bottom: 80px;
}


.img-que-hacemos {
  margin-top: 30px;
}

.icon-valores {
  margin-top: 20px;
}


#bg-valores {
  margin-top: 50px;
}


.botonera-xs .navbar-toggle {
  top: 0px;
}


.cabecera.corto {
  background-color: #fff;
  position: fixed;
  width: 100%;
  z-index: 777777;
  box-shadow: 0px -5px 8px 0px #111;
  height: 90px;
  padding-top: 15px;
}

.cabecera.corto .logo-sticky-xs img {
  margin: 0;
  padding-right: 0;
}

.cabecera.corto .logo-sticky-xs {
  display: block;
  margin-top: 5px;
}


.imagen-interna{
  margin-bottom: 50px;
}


.bg-cabecera-interna h1 {
  padding-top: 40px;
  font-size: 25px;
}

.bg-cabecera-interna {
  min-height: 150px;
  margin-top: 90px;
}

.box-interna .tit span {
  font-size: 17px;
}

.text-anch {
  width: 100%;
  margin: 0px auto 40px;
}


}



@media (min-width: 481px) and (max-width:767px){ /*ms*/



.titular-hero-interna {
  width: 100%;
  margin: 120px auto 0px;
}

.titular-division {
  width: 100%;
  float: left;
}

.titular-division h1 {
  font-size: 28px;
  color: #fff;
  font-weight: 600;
}

.bg-cabecera-interna-pisos {
  padding-bottom: 50px;
}


.col-ter, .col-pri, .col-seg {
  margin-bottom: 20px;
}


.img-info {
  display: none;
}

#mas-info {
  padding-top: 0;
}

.card-info h3 {
  font-size: 16px;
}

#galeria-info {
  padding-top: 40px;
  padding-bottom: 100px;
}



/*--------*/


.box-frase h1 {
  font-size: 43px;
  color: #fff;
  line-height: 45px;
  font-weight: 300;
  margin-bottom: 20px;
}


.text-anch {
  width: 100%;
  margin: 0px auto 40px;
}

.box-frase {
  width: 100%;
  height: auto;
  margin-top: 45px;
}

header#home {
  background-image: url("../img/bg-header.jpg");
  min-height: 340px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 67%;
  margin-top: 90px;
}


.cabecera.largo {
  background-color: #fff;
  position: fixed;
  height: 90px;
  top: 0px;
  width: 100%;
}


.botonera-xs .navbar-default .navbar-toggle .icon-bar {
  background-color: #793548;
}

.cabecera.corto .botonera-xs .navbar-default .navbar-toggle .icon-bar {
  background-color: #793548;
}


#bg-quienes-somos {
  margin-top: 30px;
  margin-bottom: 0px;
}

#bg-quienes-somos a{
  margin-bottom: 30px;
}

.box-iconos-socios {
  width: 100%;
  margin: 30px auto 0px;
}

#bg-socio-ideal h5 {
  text-align: center;
  font-size: 18px;
  padding-top: 7px;
  margin-bottom: 40px;
}

.mail-footer a {
  text-align: center;
  padding-top: 0px;
  margin-bottom: 30px;
}

.redes-sociales {
  width: 114px;
  background-color: ;
  margin: 30px auto 0px;
}


#footer-grupo-dt {
  padding-top: 60px;
}


#bg-versatilidad {
  margin-top: 80px;
  margin-bottom: 50px;
}


#linea-tiempo {
  margin-bottom: 30px;

}

#bg-que-hacemos {
  margin-top: 0px;
  margin-bottom: 80px;
}


.img-que-hacemos {
  margin-top: 30px;
}

.icon-valores {
  margin-top: 20px;
}


#bg-valores {
  margin-top: 50px;
}


.botonera-xs .navbar-toggle {
  top: 0px;
}


.cabecera.corto {
  background-color: #fff;
  position: fixed;
  width: 100%;
  z-index: 777777;
  box-shadow: 0px -5px 8px 0px #111;
  height: 90px;
  padding-top: 15px;
}

.cabecera.corto .logo-sticky-xs img {
  margin: 0;
  padding-right: 0;
}

.cabecera.corto .logo-sticky-xs {
  display: block;
  margin-top: 5px;
}


.imagen-interna{
  margin-bottom: 50px;
}


.bg-cabecera-interna h1 {
  padding-top: 40px;
  font-size: 25px;
}

.bg-cabecera-interna {
  min-height: 150px;
  margin-top: 90px;
}

.box-interna .tit span {
  font-size: 17px;
}


}


@media (min-width: 768px) and (max-width:991px){ /*sm*/


.slick-prev {
  left: 30px !important;
}

.slick-next {
  right: 30px !important;
}


.slick-prev, .slick-next {
  top: 9% !important;
}


.navbar-principe .nav > li > a {
  padding: 4px 10px;
}

.botonera {
  float: right;
  margin-top: 0px;
}


#bg-quienes-somos .tit {
  margin-top: 0px;
}


.texto-valores {
  min-height: 170px;
}

#bg-que-hacemos .tit {
  padding-top: 0px;
  padding-left: 10px;
}


header#home {
  min-height: 560px;
}

.box-frase {
  margin-top: 80px;
}

#linea-tiempo {
  margin-top: 0;
}

}



@media (min-width: 992px) and (max-width:1200px){ /*md*/



.slick-prev {
  left: 30px !important;
}

.slick-next {
  right: 30px !important;
}


.slick-prev, .slick-next {
  top: 18% !important;
}




}




@media screen and (max-width: 1050px) {
.side-collapse-container{
  width:100%;
  position:relative;
  left:0;
  transition:left .4s;
}
.side-collapse-container.out{
  left:200px;
}
.side-collapse {
  top:87px;
  bottom:0;
  left:0;
  width:100%;
  position:fixed;
  overflow:hidden;
  transition:width .4s;
  z-index: 9999;
}
.side-collapse.in {
  width:0;
}

}   



@media (min-width: 1850px) and (max-width:2600px){ 


}  



@media (min-width: 1222px) and (max-width:1430px){ 

.box-frase-intro {
  top: 135px;
}


}