/* iPad in landscape (acostado) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1184px) and (orientation : landscape) {
    body #section3 {
        height: 230vh !important;
    }
    body .cards--x-popup {
        width: calc(100% - 20px);
        height: calc(100vh - 180px);
        padding: 0px 0px;
    }
    body .clock--bg{
        right: -36%
    }
        body section.cards--x-popup p {
            font-size: 19px !important;
            line-height: 1.2 !important;
        }
                 .gg {
                     display: flex;
                     gap: 0 13px;
                 }
                        .col-ip-12 {
                            -ms-flex: 0 0 100% !important;
                            flex: 0 0 100% !important;
                            max-width: 100% !important;
                        }
                                                .imgfix {
                                                    height: 600px;
                                                    width: 100%;
                                                    object-fit: cover;
                                                    margin-bottom: 40px;
                                                }
}

/* iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    body .fz-xs-18{
        font-size: 20px !important;
        line-height: 1.4;
    }
        .imgfix {
            height: 400px;
            width: 100%;
            object-fit: cover;
            margin-bottom: 40px;
        }
                .col-ip-6 {
                    -ms-flex: 0 0 50% !important;
                    flex: 0 0 50% !important;
                    max-width: 50% !important;
                }
                                .col-ip-12 {
                                    -ms-flex: 0 0 100% !important;
                                    flex: 0 0 100% !important;
                                    max-width: 100% !important;
                                }

                                .gg{
                                    display: flex;
                                        gap: 0 13px;
                                }
    .tof{
        width: 100% !important;
    }
    body .orange--cards {
            width: calc(80% * 5);
            gap: 0px 20px;
        }
                body .cards--x-popup {
                    width: calc(100% - 20px);
                    height: calc(100vh - 180px);
                    padding: 0px 0px;
                }
        
                body section.cards--x-popup p {
                    font-size: 21px !important;
                    line-height: 1.3 !important;
                }
        
                .orange--cards h4 {
                    font-size: 18px !important;
                }
    
        body .orange--cards li {
            padding: 15px;
            width: 45%;
        }
body #section1{
        height: 160vh;
}
body #section3 {
        height: 195vh !important;
    }

    b {
        font-weight: bold !important;
    }

    h1 {
        font-size: 80px;
        line-height: 1;
    }

    h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .orange--cards h4 {
        font-size: 16px !important;
        line-height: 1.3;
        font-weight: bolder !important;
    }

    h4 {
        font-size: 20px !important;
        line-height: 1.3;
        font-weight: bolder !important;
    }

    body .orange--cards {
        gap: 0 20px;
    }

    .vertical-align {
        position: relative;
        top: 50%;
    }

    body .carousel--render {
        bottom: 100px;
    }

    .orange--cards {
        position: relative;
        top: -40px;
    }
}