/* max-width 676px, mobile-only styles, use when QAing mobile issues */
/*@media only screen and (max-width: 47.9em) { */

    /*.page-header{*/
        /*position: inherit;*/
        /*width: 100%;*/
    /*}*/
    /*.page-header:after {*/
        /*display: none*/
    /*}*/
    /*.main-container.container .col-sm-12{*/
        /*padding: 0;*/
    /*}*/
    /*.main-container.container .col-sm-12 h1{*/
        /*padding-left: 15px;*/
        /*padding-right: 15px;*/
    /*}*/
/*}*/






@media only screen and (max-width: 40em) {

    .banner-internas_ {
        height: auto
    }

    .contactemail .correo-contacto-block .field a {
        font-size: 12px;
    }
    .footer .contactenos-footer .item-contactanos {
        font-size: 11px;
    }

    .bloque-mision-vision {
        height: auto;
    }

    .page-nosotros .paso .imagen-footer {
        height: auto;
    }

    .banner-internas_ .field--name-field-imagen-desktop  {
        /*display: none;*/
    }

    .page-header::after {
        top: 0;
    }

    .banner-internas_ .field--name-field-imagen-mobil{
        display: block !important;
    }


    .block-views-blockslider-inicio-block-1 .views-field.views-field-nothing .container a {
        font-size: 16px;
    }

    body .flexslider {
        margin: 0 0 0;
    }

    .page-header {
        width: 100%;
        vertical-align: middle;
        background-color: #b91918;
        color: #fff;
        padding: 6px 0 !important;
        position: relative;
        bottom: 0;
        left: inherit;
        z-index: 2;
        min-height: auto;
        overflow: hidden;
        border: 0;
    }

    [role="heading"] {

        background-color: #b91918;
    }

    .navbar .navbar-header a img {
        height: 55px;
    }


    .paso .block-views-blockvalores-block-1 {
        height: auto;
    }

    .paso .block-views-blockvalores-block-1 .vista-valores .view-content .views-row {
        height: auto;
    }

    .block-views-blockslider-inicio-block-1 .views-field.views-field-nothing .container h3 {
        font-size: 23px;
    }

    body .flexslider .slides img {
        height: 250px;
    }

    .block-views-blockslider-inicio-block-1 .views-field.views-field-nothing {
        top: inherit;
        bottom: 0;
    }

    .block-views-blockslider-inicio-block-1 .flex-control-nav.flex-control-paging {
        top: -12px;
    }

    .informacio-contacto .icono-principal {
        padding: 65px 0;
        width: 224px;
        margin: 0 auto;
    }

    .webform .content {
        text-align: left;
    }


}



@media only screen and (min-width: 40.063em) and (max-width: 47.9375em) {
    .banner-internas_ {
        height: auto
    }

    .page-header::after {
        top: 0;
    }

    .banner-internas_ .field--name-field-imagen-desktop  {
        /*display: none;*/
    }

    .banner-internas_ .field--name-field-imagen-mobil{
        display: block !important;
    }


    .block-views-blockslider-inicio-block-1 .views-field.views-field-nothing .container a {
        font-size: 16px;
    }

    .page-header {
        width: 100%;
        vertical-align: middle;
        background-color: #274068;
        color: #fff;
        padding: 6px 0 !important;
        position: relative;
        bottom: 0;
        left: inherit;
        z-index: 2;
        min-height: auto;
        overflow: hidden;
        border: 0;
    }

    [role="heading"] {

        background-color: #fff;
    }

    .navbar .navbar-header a img {
        height: 55px;
    }


    .paso .block-views-blockvalores-block-1 {
        height: auto;
    }

    .paso .block-views-blockvalores-block-1 .vista-valores .view-content .views-row {
        height: auto;
    }

    .block-views-blockslider-inicio-block-1 .views-field.views-field-nothing .container h3 {
        font-size: 23px;
    }

    .informacio-contacto .icono-principal {
        padding: 65px 0;
        width: 224px;
        margin: 0 auto;
    }

    .paso .conocerse-con-nosotros h3 {
        margin: 18px;
    }

    .webform .content {
        text-align: left;
    }


}



@media only screen and (min-width: 40.063em) and (max-width: 47.9375em) {

    .banner-internas_ {
        height: auto
    }


    .banner-internas_ .field--name-field-imagen-desktop  {
        /*display: none;*/
    }

    .banner-internas_ .field--name-field-imagen-mobil{
        display: block !important;
    }


    .page-header {
        width: 100%;
        vertical-align: middle;
        background-color: #b91918;
        color: #fff;
        padding: 6px 0 !important;
        position: relative;
        bottom: 0;
        left: inherit;
        z-index: 2;
        min-height: auto;
    }

    .navbar .navbar-header a img {
        height: 56px;
    }

    .informacio-contacto .icono-principal {
        padding: 65px 0;
        width: 224px;
        margin: 0 auto;
    }

    .paso .conocerse-con-nosotros h3 {
        margin: 18px;
    }

    .webform .content {
        text-align: left;
    }

    .page-header::after {
        top: 0;
    }

}


@media only screen and (min-width: 48em) and (max-width: 61.25em) {
    .menuparent ul{
        top: 37px !important;
    }
    .banner-internas_ {
        height: auto
    }


    .navbar.navbar-primary .pull-right.primary-menu {
        height: 112px;
    }

    .nav > li > a, ul.sf-menu a, ul.sf-menu span.nolink {
        font-size: 14px;
    }

    ul.sf-menu span {
        font-size: 14px;
    }

    ul.sf-menu.menu, ul.sf-menu.menu ul, ul.sf-menu.menu li {
        padding-top: 7px;
    }

    .informacio-contacto .icono-principal {
        padding: 65px 0;
        width: 224px;
        margin: 0 auto;
    }

    .webform .content {
        text-align: left;
    }

    .page-header::after {
        top: 0;
    }
    .grid{
        padding: 3em 0 4em;
    }

}


@media only screen and (min-width: 61.26em) and (max-width: 64em) {
 
     .banner-internas_ {
        height: auto
    } 

    /*.nav > li > a, ul.sf-menu a, ul.sf-menu span.nolink {
        font-size: 11px;
    }

    ul.sf-menu span {
        font-size: 11px;
    }

    /*ul.sf-menu.menu, ul.sf-menu.menu ul, ul.sf-menu.menu li {
        padding-top: 0px;
    }

    .informacio-contacto .icono-principal {
        padding: 18px 8px; 
        width: 224px;
        margin: 0 auto;
    }
} */


@media only screen and (min-width: 64.063em) and (max-width: 90em) {

    .banner-internas_ {
        height: auto
    }


}/* End */
}