/*  
Client: Dr. Saldivar
Client URL: http://drrobertosaldivar.com
Description: Tu mejor opción en cirugía pediátrica de vanguardia.
Version: 1.0
Autor: deparojo
Autor URL: http://deparojo.com
*/


@media only screen and (max-width: 1050px) {    
    section,
    .inicio .bloque {
        width: 90%;
    }
    
    .sombra img {
        vertical-align: bottom;
    }
    
    .arriba img {
        vertical-align: top;
    }
    
    header,
    .sombra img,
    .noticia-detalle {
        width: 100%;
    }
    
    header {
        padding: 0 5%;
        margin-left: -50%;
    }
    
    .inicio .bloque figure {
        width: 320px;
    }
    
    .flex-control-nav {
        width: 90% !important;
        left: 0 !important;
        margin-left: 5% !important;
    }
}


@media only screen and (max-width: 960px) {
    header .logo {
        width: 100px;
    }
    
    header .logo img,
    header nav .menu a figure img {
        width: 100%;
    }
    
    header nav .menu a p {
        padding: 10px 22px;
        font-size: 1.2em;
    }
    
    header nav .menu a figure {
        width: 130px;
    }
    
    .servicios .servicio {
        margin-top: -47px;
    }
    
    .servicios .servicio img {
        width: 325px;
    }
    
    .servicios section {
        padding-left: 38%;
    }
    
    .servicios section ul {
        margin-right: 50px;
        font-size: 1.15em;
    }
    
    .contacto form {
        width: 50%;
    }
}


@media only screen and (max-width: 900px) {
    .inicio .bloque h1 {
        width: 350px;
        font-size: 2em;
    }

    .inicio .bloque h2 {
        font-size: 1.15em;
    }
}


@media only screen and (max-width: 768px) {
    header nav ul + ul {
        margin-left: 25px;
    }
    
    .inicio .bloque {
        margin-top: 200px;
    }
    
    .inicio .bloque figure {
        width: 275px;
    }
    
    .nosotros h1,
    .nosotros h2 {
        font-size: 1.25em;
    }
    
    .servicios .servicio {
        margin-top: -40px;
    }
    
    .servicios .servicio img {
        width: 275px;
    }
    
    .servicios section {
        padding: 50px 0 50px 38%;
    }
    
    .servicios section ul {
        margin-right: 40px;
        font-size: 1em;
    }
    
    .noticias h1,
    .noticia-detalle h1 {
        font-size: 2em;
    }
    
    footer {
        text-align: center;
    }
}


@media only screen and (max-width: 700px) {
    header .logo {
        width: 80px;
    }
    
    header nav .menu a p {
        padding: 10px 15px;
        font-size: 1em;
    }
    
    header nav .menu a figure {
        width: 100px;
    }
    
    .inicio .bloque {
        width: 90%;
        margin: 150px auto 80px auto;
    }
    
    .inicio .bloque h1,
    .nosotros section figure + figure img,
    .contacto div,
    .contacto form {
        width: 100%;
    }
    
    .inicio .bloque figure {
        display: none;
    }
    
    .flex-control-nav {
        margin-left: 9% !important;
    }
    
    .servicios .servicio {
        margin-top: -33px;
    }
    
    .servicios .servicio img {
        width: 225px;
    }
    
    .servicios section {
        padding: 40px 0 40px 37%;
    }
    
    .servicios section ul {
        margin-right: 30px;
        font-size: .9em;
    }
    
    .contacto div,
    .contacto form {
        float: none;
    }
    
    .contacto form {
        margin-top: 35px;
    }
}


@media only screen and (max-width: 600px) {
    .frase {
        font-size: 1.5em;
    }
    
    .frase br {
        display: none;
    }
    
    .frase span {
        height: 30px;
        font-size: 2em;
    }
    
    .nosotros h1,
    .nosotros h2,
    .nosotros h3 {
        font-size: 1.15em;
    }
    
    .nosotros section,
    .nosotros section + section {
        width: 100%;
        float: none;
    }
    
    .nosotros section figure + figure {
        margin: 0 0 20px 0;
    }
    
    .nosotros section figure + figure img {
        width: 40%;
    }
    
    .noticias h1,
    .noticia-detalle h1 {
        font-size: 1.5em;
    }
    
    .noticias div h2 {
        font-size: 1.15em;
    }
}


@media only screen and (max-width: 599px) {
    header {
        height: 201px;
    }
    
    header nav {
        display: none;
    }
    
    header nav.menu-movil {
        display: block;
        z-index: 2;
    }
    
    header nav.menu-movil a#movil {
        font-size: 2em;
        color: #fff;
    }
    
    header nav.menu-movil a#movil:hover {
        color: #39d3ee;
    }
    
    header nav.menu-movil ul {
        position: absolute;
        left: 0;
        width: 100%;
        padding-bottom: 10px;
        text-align: center;
        background: #26abe0;
    }
    
    header nav.menu-movil li {
        display: block;
    }
    
    header nav.menu-movil li a {
        color: #fff;
    }
    
    header nav li.social {
        display: inline-block;
        margin: 10px 5px 0 5px;
    }
    
    header.fijo {
        height: 58px;
        overflow: visible;
    }
    
    header.fijo .logo {
        margin-top: 4px;
    }
    
    header.fijo nav.menu-movil ul {
        margin-top: 10px;
    }
}


@media only screen and (max-width: 550px) {
    .servicios {
        margin: 35px 0 15px 0;
    }
    
    .servicios .servicio {
        display: none;
    }
    
    .servicios section {
        padding-left: 0;
        text-align: center;
    }
    
    .noticia-detalle h1 {
        font-size: 1.15em;
    }
    
    .noticia-detalle section {
        width: 100%;
        float: none;
        padding: 0px 5%;
    }
}


@media only screen and (max-width: 480px) {
    .inicio .bloque {
        margin-bottom: 40px;
    }
    
    .inicio .bloque h1 {
        font-size: 1.25em;
    }
    
    .inicio .bloque h2 {
        font-size: .8em;
    }
    
    .flex-control-nav {
        display: none;
    }
    
    .frase {
        margin: 35px 30px 10px 30px;
        font-size: 1.15em;
    }
    
    .frase span {
        height: 20px;
        font-size: 1.65em;
    }
    
    .nosotros p {
        font-size: .9em;
    }
    
    .nosotros section figure + figure img {
        width: 60%;
    }
    
    .contacto h1 {
        margin-bottom: 20px;
        font-size: 1.5em;
    }
    
    .contacto p {
        font-size: .95em;
    }
    
    footer {
        font-size: .75em;
    }
    
    footer figure {
        margin-bottom: 5px;
    }
}


@media only screen and (max-width: 400px) {
    .servicios section {
        padding: 20px 0 20px 26%;
    }
    
    .servicios section ul {
        display: block;
        margin-right: 0;
    }
}