.mobile-on{
    display: none;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 25px !important;
}
/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px) {
    .height-200 .height-100 {
            min-height: calc(163vh - 72px) !important;
        }
        body .btn.btn-large {
            font-size: 11px;
            padding: 9px 7px;
            line-height: 25px;
            letter-spacing: -.3px;
        }
    .video_frame {
            max-height: 220px;
            width: 100%;
        }
    body .s2-lines {
            position: absolute;
            right: -120%;
            top: -20%;
            opacity: .2;
            width: 200%;
            max-width: 500%;
        }
    body #section3{
        height: 230vh;
    }
    .fz-xs-18{
        font-size: 18px;
    }
    body section .accordion-style1 .panel-title {
        font-size: 18px !important;
        line-height: 1.2;
    }
    body .panel-body p,
    body .panel-body {
        font-size: 18px;
        padding-right: 30px;
        line-height: 1.2;
    }
    .imgfix{
            height: 400px;
                width: 100%;
                object-fit: cover;
    }
    body .cards--x-popup{bottom: -150vh;}
    body .carousel--render{
        width: calc(65%* 5);
    }
    body .carousel--render li{
        width: 65%;
        border-radius: 1rem;
    }
    body h2 {
        font-size: 26px;
        line-height: 36px;
    }
    body{
        font-size: 16px !important;
        line-height: 1.7;
    }
    body .textback span{
        top: 3px;
    }
    .scrollin{
        overflow: scroll;
        height: 15vh;
    }
    .mobile-on{
        display: block !important;
    }
    .mobile-off{
        display: none;
    }
    body .cards--x-popup{
        width: calc(100% - 20px);
        height: calc(100vh - 180px);
        padding: 0px 0px;
    }
    .tof{
        height: 120px;
        width: 100%;
        object-fit: cover;
    }
    body .cards--x-popup h2 {
        font-size: 26px !important;
    }
    body .cards--x-popup p{
        font-size: 16px !important;
    }
        .orange--cards h4{
            font-size: 18px !important;
        }
    body .height-200 {
        height: 2300px;
    }
    a.btn{text-align: center !important;margin-top: 20px;}
    body .d-flex{
        flex-direction: column;
        align-items: baseline;
    }
    body .orange--cards {
        width: calc(80% * 5);
            gap: 0px 20px;
    }
    body .orange--cards li {
        border-radius: .5rem;
        padding: 15px;
        width: 45%;
    }
    body .orange--cards li:nth-child(odd) {
        transform: rotate(-1deg);
    }
    .mb-xs-40{
        margin-bottom: 40px;
    }
    body .closex--popup {
        transition-duration: .7s;
        transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        position: absolute;
        right: 0px;
        background: #FBC428;
        width: 60px;
        height: 60px;
        border-radius: .4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0px;
    }
    #section5.height-200{
        height: auto !important;
        min-height: 240vh;
    }
        .s2-lines {
            position: absolute;
            right: -5%;
            top: -2%;
            opacity: .2;
        }
}