/* Responsive Large */
@media screen and (min-width: 2250px) {

}
/*  */

/* Responsive */
@media screen and (max-width: 1850px) {

}

@media screen and (max-width: 1800px) {
/* Contacto */
#contacto {
  padding: 50px 13% 50px 13%;
}
/*  */
#artriscopia_cadera .row .col .artriscopiaInfo h2,
#artriscopia_cadera .row .col .porqueInfo h2,
#protesis_de_cadera .row .col .porqueInfo h2,
#fractura_de_cadera .row .col .porqueInfo h2 {
  font-size: 50px;
}

}

@media screen and (max-width: 1700px) {
#artriscopia_cadera .row .col .artriscopiaInfo h2,
#artriscopia_cadera .row .col .porqueInfo h2,
#protesis_de_cadera .row .col .porqueInfo h2,
#fractura_de_cadera .row .col .porqueInfo h2 {
  font-size: 45px;
}

#fractura_de_cadera .row .col .fracturaInfo h2 {
    font-size: 50px;
    letter-spacing: 10px;
}

}

@media screen and (max-width: 1600px) {
/* Contacto */
#contacto {
  padding: 50px 12% 50px 12%;
}
/*  */

#artriscopia_cadera {
    padding: 50px 13% 0 13%;
}
#protesis_de_cadera {
    padding: 50px 13% 50px 13%;
}

#fractura_de_cadera {
  padding: 50px 13% 50px 13%;
}


}

@media screen and (max-width: 1500px) {
/* Contacto */
#contacto {
  padding: 50px 10% 50px 10%;
}
#contacto .formContainer {
  padding: 25px 50px 25px 75px;
}
/*  */

#intro .introTitle {
    padding: 0 0 0 15%;
}
#intro .btnContacto {
  right: 10%;
}

#artriscopia_cadera {
    padding: 50px 12% 0 12%;
}
#artriscopia_cadera .row .col .artriscopiaInfo h2 {
  letter-spacing: 10px;
}
#artriscopia_cadera .row .col .artriscopiaInfo h2, 
#artriscopia_cadera .row .col .porqueInfo h2,
#protesis_de_cadera .row .col .porqueInfo h2,
#fractura_de_cadera .row .col .porqueInfo h2  {
    font-size: 40px;
}

#protesis_de_cadera {
    padding: 50px 12% 50px 12%;
}

#fractura_de_cadera {
  padding: 50px 12% 50px 12%;
}

#galeria {
    padding: 50px 13% 50px 13%;
}
#galeria .itemAnterior {
    left: 5%;
}
#galeria .itemSiguiente {
    right: 5%;
}

#playlist_doctor {
    padding: 50px 13% 50px 13%;
}

}

@media screen and (max-width: 1400px) {
/* Contacto */
#contacto {
  padding: 50px 7% 50px 7%;
}
/*  */

#intro .introTitle {
    padding: 0 0 0 14%;
}
#intro .btnContacto {
  right: 9%;
}

#artriscopia_cadera {
    padding: 50px 11% 0 11%;
}

#protesis_de_cadera {
    padding: 50px 11% 50px 11%;
}

#fractura_de_cadera {
  padding: 50px 11% 50px 11%;
}

#galeria {
    padding: 50px 12% 50px 12%;
}

#playlist_doctor {
    padding: 50px 12% 50px 12%;
}

}

@media screen and (max-width: 1300px) {
/* Contacto */
#contacto {
  padding: 50px 50px 50px 50px;
}
/*  */

#intro .introTitle {
    padding: 0 0 0 12%;
}
#intro .btnContacto {
  right: 7%;
}

#artriscopia_cadera {
    padding: 50px 10% 0 10%;
}
#artriscopia_cadera .row .col .artriscopiaInfo h2 {
  letter-spacing: 6px;
  line-height: 35px;
}
#artriscopia_cadera .row .col .artriscopiaInfo h2, 
#artriscopia_cadera .row .col .porqueInfo h2,
#protesis_de_cadera .row .col .porqueInfo h2,
#fractura_de_cadera .row .col .porqueInfo h2 {
    font-size: 35px;
}

#protesis_de_cadera {
    padding: 50px 10% 50px 10%;
}

#fractura_de_cadera {
  padding: 50px 10% 50px 10%;
}
#fractura_de_cadera .row .col .fracturaInfo h2 {
    font-size: 45px;
    letter-spacing: 5px;
}

#galeria {
    padding: 50px 11% 50px 11%;
}

#playlist_doctor {
    padding: 50px 11% 50px 11%;
}

}

@media screen and (max-width: 1200px) {
/* Contacto */
#contacto {
  padding: 50px 0 50px 0;
}
/*  */

#intro .introTitle {
    padding: 0 0 0 10%;
}
#intro .btnContacto {
  right: 5%;
  bottom: 5vh;
}
#intro .introTitle h2 {
  font-size: 70px;
}

#artriscopia_cadera {
    padding: 50px 7% 0 7%;
}

#protesis_de_cadera {
    padding: 50px 7% 50px 7%;
}

#fractura_de_cadera {
  padding: 50px 7% 50px 7%;
}

#galeria {
    padding: 50px 10% 50px 10%;
}
#galeria .itemAnterior {
    left: 40px;
}
#galeria .itemSiguiente {
    right: 40px;
}

#playlist_doctor {
    padding: 50px 10% 50px 10%;
}

}

@media screen and (max-width: 1100px) {
#intro .introTitle {
    padding: 0 0 0 50px;
}
#intro .btnContacto {
  right: 50px;
}

#artriscopia_cadera {
    padding: 50px 50px 0 50px;
}

#protesis_de_cadera {
    padding: 50px 50px 50px 50px;
}

#fractura_de_cadera {
  padding: 50px 50px 50px 50px;
}

#galeria {
    padding: 50px 50px 50px 50px;
}
#galeria .itemAnterior {
    left: 10px;
}
#galeria .itemSiguiente {
    right: 10px;
}

#playlist_doctor {
    padding: 50px 50px 50px 50px;
}

}

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

}

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

}

@media screen and (max-width: 992px) {
/* Contacto */
#contacto {
  padding: 50px 15% 50px 15%;
}
#contacto .formContainer {
  padding: 25px 0 25px 0;
}
/*  */
#intro .introTitle {
    top: 0;
    bottom: 0;
}
#intro .introTitle h2 {
  font-size: 60px;
}

#artriscopia_cadera {
    padding: 50px 15% 50px 15%;
}
#artriscopia_cadera .row .col .artriscopiaInfo h2, 
#artriscopia_cadera .row .col .porqueInfo h2,
#protesis_de_cadera .row .col .porqueInfo h2,
#fractura_de_cadera .row .col .porqueInfo h2 {
    font-size: 40px;
    text-align: center;
}
#artriscopia_cadera .row .col .artriscopiaInfo h2 {
    letter-spacing: 4px;
}
#artriscopia_cadera .row .col .artriscopiaInfo p {
  padding: 0 0 0 0!important;
}
#artriscopia_cadera .row .col .artriscopiaInfo {
    padding: 25px 50px 0 50px;
}
.spaceWhite {
  padding: 0 0 0 0!important;
  display: none!important;
}
#artriscopia_cadera .row .col .porqueInfo {
    padding: 50px 50px 0 50px;
}
#artriscopia_cadera .row .col .resultadosInfo {
    padding: 0 50px 0 50px;
}

#protesis_de_cadera {
    padding: 50px 15% 50px 15%;
}
#protesis_de_cadera .protesis_cadera_header h2 {
    font-size: 45px;
    letter-spacing: 5px;
}
#protesis_de_cadera .protesis_cadera_header {
  text-align: center;
  padding: 0 0 0 0;
}
#protesis_de_cadera .row .col .protesis_cadera_header_info {
  padding: 0 0 0 0;
}
#protesis_de_cadera .row .col .protesis_cadera_header_info p {
  padding: 0 0 0 0!important;
}
#protesis_de_cadera .row .col .protesisImg {
    padding: 0 0 50px 0;
    text-align: center;
}
#protesis_de_cadera .row .col .porqueInfo {
    padding: 0 50px 0 50px;
}

#fractura_de_cadera {
  padding: 50px 15% 50px 15%;
}
#fractura_de_cadera .row .col .fracturaInfo {
    padding: 0 0 0 0;
}
#fractura_de_cadera .row .col .fracturaInfo h2 {
  text-align: center;
}
#fractura_de_cadera .row .col .fracturaInfo p {
  padding: 0 0 0 0!important;
}
#fractura_de_cadera .row .col .fracturaFooter {
  text-align: center;
  padding: 0 0 25px 0;
}
#fractura_de_cadera .row .col .porqueInfo {
    padding: 0 50px 0 50px;
}

#galeria {
    padding: 50px 40px 50px 40px;
}
#galeria .galeriaHeader h2 {
  font-size: 40px;
}
#galeria .itemAnterior {
    left: 3px;
}
#galeria .itemSiguiente {
    right: 3px;
}
}

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

}

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

}

@media screen and (max-width: 768px) {
/* Contacto */
#contacto {
  padding: 50px 13% 50px 13%;
}
/*  */

#intro .introTitle {
    padding: 0 0 0 30px;
}
#intro .btnContacto {
  right: 30px;
}

#intro .introTitle h2 {
    font-size: 50px;
    line-height: 40px;
}
#intro .btnContacto {
  width: 250px;
}

#artriscopia_cadera {
    padding: 50px 13% 50px 13%;
}

#protesis_de_cadera {
    padding: 50px 13% 50px 13%;
}

#fractura_de_cadera {
  padding: 50px 13% 50px 13%;
}

#galeria {
    padding: 50px 15% 50px 15%;
}
#galeria .galeriaContent {
  padding: 0 50px 0 50px;
}
#galeria .galeriaHeader h2 {
  letter-spacing: 10px;
}
#galeria .itemAnterior {
    left: 25px;
}
#galeria .itemSiguiente {
    right: 25px;
}

#playlist_doctor {
    padding: 50px 40px 50px 40px;
}

}

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

}

@media screen and (max-width: 700px) {
/* Contacto */
#contacto {
  padding: 50px 50px 50px 50px;
}
/*  */

#intro .introTitle {
    padding: 0 0 0 15px;
}
#intro .btnContacto {
  right: 15px;
}
#intro .introTitle h2 {
    font-size: 35px;
    line-height: 30px;
}
#intro .btnContacto {
  font-size: 12px;
}

#artriscopia_cadera {
    padding: 50px 50px 50px 50px;
}

#protesis_de_cadera {
    padding: 50px 50px 50px 50px;
}
#protesis_de_cadera .protesis_cadera_header h2 {
    font-size: 40px;
    letter-spacing: 2px;
}

#fractura_de_cadera {
  padding: 50px 50px 50px 50px;
}
#fractura_de_cadera .row .col .fracturaInfo h2 {
    font-size: 40px;
    letter-spacing: 2px;
}

#playlist_doctor {
    padding: 50px 30px 50px 30px;
}

}

@media screen and (max-width: 600px) {
#intro {
    padding: 0 0 25px 0;
}
#intro .btnContacto {
    bottom: 0;
}

/* Contacto */
#contacto .formContainer .btnContacto {
  width: 75%!important;
}
/*  */

#artriscopia_cadera .row .col .artriscopiaInfo {
    padding: 0 0 0 0;
}
#artriscopia_cadera .row .col .porqueInfo {
    padding: 50px 0 0 0;
}
#artriscopia_cadera .row .col .resultadosInfo {
    padding: 0 0 0 0;
}
#artriscopia_cadera .row .col .porqueInfo h3 {
  font-size: 17px;
}

#protesis_de_cadera .row .col .porqueInfo {
    padding: 0 0 0 0;
}
#protesis_de_cadera .row .col .porqueInfo h3 {
  font-size: 17px;
}

#fractura_de_cadera .row .col .porqueInfo {
    padding: 0 0 0 0;
}
#fractura_de_cadera .row .col .porqueInfo h3 {
  font-size: 17px;
}

#playlist_doctor {
    padding: 50px 25px 50px 25px;
}

}

@media screen and (max-width: 500px) {
/* Contacto */
#contacto {
    padding: 50px 30px 50px 30px;
}
#contacto .contactoHeader h2 {
  font-size: 55px;
}
#contacto .contactoHeader p {
  font-size: 18px;
}
#contacto p.direccionHospital {
  font-size: 15px;
}
#contacto .formContainer p {
  font-size: 17px;
}
/*  */

#intro .introTitle {
    padding: 0 0 0 10px;
}
#intro .btnContacto {
  right: 10px;
}
#intro .introTitle h2 {
    font-size: 30px;
    line-height: 25px;
}
#intro .btnContacto {
  font-size: 11px;
  width: 45%;
}

#artriscopia_cadera {
    padding: 50px 30px 50px 30px;
}
#artriscopia_cadera .row .col .artriscopiaInfo h2, 
#artriscopia_cadera .row .col .porqueInfo h2,
#protesis_de_cadera .row .col .porqueInfo h2,
#fractura_de_cadera .row .col .porqueInfo h2 {
    font-size: 33px;
}
#artriscopia_cadera .row .col .artriscopiaInfo p ,
#artriscopia_cadera .row .col .porqueInfo p {
  font-size: 15px;
}
#artriscopia_cadera .row .col .porqueInfo h3 {
  font-size: 16px;
}

#protesis_de_cadera {
    padding: 50px 30px 50px 30px;
}
#protesis_de_cadera .row .col .porqueInfo p {
  font-size: 15px;
}
#protesis_de_cadera .row .col .porqueInfo h3 {
  font-size: 16px;
}
#protesis_de_cadera .protesis_cadera_header h2 {
    font-size: 30px;
    letter-spacing: 0;
}

#fractura_de_cadera {
  padding: 50px 30px 50px 30px;
}
#fractura_de_cadera .row .col .porqueInfo h3 {
  font-size: 16px;
}
#fractura_de_cadera .row .col .porqueInfo p {
  font-size: 15px;
}
#fractura_de_cadera .row .col .fracturaInfo h2 {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 30px;
}
#artriscopia_cadera .row .col .artriscopiaPicture .btnContacto ,
#protesis_de_cadera .row .col .protesisImg .btnContacto ,
#fractura_de_cadera .row .col .fracturaFooter .btnContacto {
  width: 100%;
}

#galeria {
    padding: 50px 0 50px 0;
}
#galeria .galeriaContent .item .itemText p {
  font-size: 15px;
}
#galeria .galeriaContent {
    padding: 0 40px 0 40px;
}
#galeria .itemAnterior {
  width: 40px;
  height: 40px;
    left: 10px;
}
#galeria .itemSiguiente {
  width: 40px;
  height: 40px;
    right: 10px;
}
#galeria .itemAnterior svg,
#galeria .itemSiguiente svg {
  width: 40px;
  height: 40px;
}

#playlist_doctor {
    padding: 50px 15px 50px 15px;
}



}

@media screen and (max-width: 400px) {
/* Contacto */
#contacto {
    padding: 50px 15px 50px 15px;
}
#contacto .contactoHeader h2 {
    font-size: 45px;
}
#contacto .contactoHeader p {
    font-size: 17px;
}
/*  */

#intro .introTitle {
    padding: 0 0 0 8px;
}
#intro .btnContacto {
  right: 8px;
}
#intro .introTitle h2 {
    font-size: 27px;
    line-height: 22px;
}
#intro .btnContacto {
  font-size: 10px;
}
#intro .introTitle {
  height: 50px;
}

#artriscopia_cadera {
    padding: 50px 15px 50px 15px;
}
#artriscopia_cadera .row .col .artriscopiaInfo h2, 
#artriscopia_cadera .row .col .porqueInfo h2,
#protesis_de_cadera .row .col .porqueInfo h2,
#fractura_de_cadera .row .col .porqueInfo h2 {
    font-size: 27px;
}

#protesis_de_cadera {
    padding: 50px 15px 50px 15px;
}
#protesis_de_cadera .protesis_cadera_header h2 {
    font-size: 27px;
}

#fractura_de_cadera {
  padding:50px 15px 50px 15px;
}

#galeria .galeriaHeader h2 {
    font-size: 33px;
}

}

@media screen and (max-width: 350px) {
#intro .btnContacto {
  width: 50%;
}
}
@media screen and (max-width: 320px) {

}
/*  */