/**
 * Ajuste del resposive realizado por Jose Luis Silva
 * Se realizó en una hoja de estilos aparte porque tardaría mucho corregir e integrar los estilos actuales, también se usó !important a discreción para agilizar
 */


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    html, body, div.dialog-off-canvas-main-canvas {
        width: 100%;
    }

    .header-page {
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }

    nav.navbar {
        max-width:100%;
        padding-left: 2%;
    }

    div.navbar-header {
        width: 100%;
    }

    .navbar-fixed-top {
        left: auto;
        right: auto;
        width: 100%;
    }

    nav.navbar > .container-fluid {
        padding: 0px;
    }

    .nav li a {
        width: 100% !important;
    }

    .menu--main {
        display: block !important;
    }

    #block-imagencertificado {
        float: none !important;
    }

    .derechos-footer {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    ul.copy {
        padding-left: 0px !important;
    }

    ul.copy > li {
        width: 360px;
        word-break: break-all;
        display: block;
        text-align: center;
    }

    .content_footer {
        width: 100% !important;
    }

    .footer-map {
        margin: 0;
    }

    [class^="col-"] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    html, body, div.dialog-off-canvas-main-canvas {
        width: 100%;
    }

    .header-page {
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }

    nav.navbar {
        max-width:100%;
    }

    div.navbar-header {
        width: 100%;
    }

    .navbar-fixed-top {
        left: auto;
        right: auto;
        width: 100%;
    }

    .nav li a {
        width: 100% !important;
    }

    .accordion {
        display: block !important;
        height: 44px;
        position: absolute;
        right: 20px;
        top: 1px;
        width: 41px;
    }

    .menu--main {
        display: block !important;
        height: auto !important;
    }

    .menu--main li {
        width: 100% !important;
    }

    .menu-main li {
        width: 100% !important;
    }

    .view-slider-home .views-field-field-link-slider {
        position: initial !important;
    }

    .view-slider-home .flex-control-nav {
        left: 0 !important;
        bottom: 40px !important;
    }

    #slider_home_principal * {
        border: none;
    }

    #block-infoempleadosprin {
        overflow: hidden;
    }

    .block-testimonios {
        height: auto !important;
    }

    .footer-tel {
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    nav.navbar > .container-fluid {
        padding: 0px;
    }

    #block-imagencertificado {
        float: none !important;
    }

    .view-slider-home img {
        transform: none !important;
    }

    .derechos-footer {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    ul.copy {
        padding-left: 0px !important;
    }

    ul.copy > li {
        width: 360px;
        word-break: break-all;
        display: block;
        text-align: center;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1024px) {
    .nav_sup {
        display: block !important;
        vertical-align: middle;
    }

    .nav_sup ul.menu-sup li {
        line-height: 0.8em !important;
    }

    .nav_sup ul li a {
        height: auto !important;
    }
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}