/* ==============================
   Phone
   ============================== */
    .mobile-on{display: none;
    }
    
    /* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
     
    #section--counter,
    .mobile-off{display: none !important;}
    .mobile-on{display: block !important;}
    body .video--img--1 {
        left: 3%;
        right: initial;
        margin: auto;
        top: -30%;
        width: 30%;
    }
    body .video--img--2 {
        left: initial;
        right: 0;
        margin: auto;
        top: -38%;
        width: 30%;
    }
    body .mb-200{margin-bottom: 200px !important;}
    body .video--box--xl {
        overflow: hidden;
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        top: -4vh;
        bottom: 0;
        width: 81% !important;
        height: 350px !important;
        z-index: 111;
    }
    body .video--img--3 {
        left: 0;
        right: initial;
        margin: auto;
        top: 90%;
        width: 30%;
    }
    body .video--img--4 {
        left: 0;
        right: 0;
        margin: auto;
        top: 100%;
        width: 30%;
    }
    body #runvideoSection {
        min-height: 80vh;
    }
    .p,
    body ol.phases>li,
    body p{
        line-height: 1.8;
        font-size: 18px;
    }
    section.runtitle2{padding: 6vh 0 !important;}
    p.text-white{padding: 0 !important;}
    body h1 {
        line-height: .9 !important;
    }
    body .h1 {
        font-size: 36px;
        margin-bottom: 20px !important;
        line-height: .9 !important;
    }
    body .ScrollSmoother-wrapper {
        border: 7px solid #EFD243;
    }
    body .panel-body{max-width: 100% !important;}
    .w-xs-100{width: 100px !important;}
    body .list-unstyled li.card {
        width: 49%;
        background: #EFD243;
        padding: 60px 40px 40px 40px;
        margin-bottom: 20px;
    }
    body .tabsLd { 
        padding: 0px 0px;
    }
    .col-ip-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-ip-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    body .tab-style4 .tab-content {
        margin-top: 40px;
    }
    body .tabsLd a {
        text-transform: uppercase;
        font-size: 22px;
        color: white;
        font-weight: 900;
        display: block;
        padding: 30px 15px;
        text-align: center;
    }
    body .onHover--text {
        font-size: 24px;
        font-weight: 800;
        color: black;
    }
    body .marquee__img {
        width: 20px;
        height: 20px;
        margin: 0 2vw;
        padding: 18px;
        border-radius: 5vw;
        background: black;
        color: white;
        font-size: 1rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
        position: relative;
    }
    body .onHover>span{font-size: 22px;}
    body .h2 {
        font-size: 2.5em;
        line-height: 1.1 !important;
    }
    iframe{
        max-height: 200px;
    }
    body .mb-xs-0{margin-bottom: 10px !important;}
    .height-fit{
        height: auto !important;
        padding: 120px 0px !important;
    }
    .height-fit .vertical-align {
        position: relative;
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);

    }
    .imgpar{
        height: 400px;
            width: 100%;
            object-fit: cover;
            margin-bottom: 40px;
    }
    body .members--items li {
        width: 31.3%;
        position: relative;
    }
    .accordion-style1 .panel-title {
        font-size: 18px !important;
        padding-right: 30px;
        position: relative;
        padding-right: 50px;
        line-height: 1.3;
    }
        body .accordion-style1 .panel-title>span.float-right{
            font-size: 40px;
        }
        .mb-xs-40{
            margin-bottom: 40px;
        }
    body .loading--hero {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0; 
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 30px 0px;
    }
    body .loading--hero li { 
        width: 23%; 
    }
    body .rotating img:not(.circle--r) {
        width: 25px;
    }
    body .rotating .circle--r {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -50%;
        right: -50%;
        animation: rotateInfinite 20s linear infinite;
        margin: auto;
        width: 104px;
        max-width: 300%;
    }
    body .loading--hero li:nth-child(4) {
        width: 5%;
        opacity: 0;
        margin: 25px 30px;
    }
    body .swiper-container{
        padding: 0 15px;
    }
    body     h4,
    body     h3 {
        font-weight: bold;
        font-size: 24px;
        line-height: 30px;
    }
    body .underline-orange:before { 
        bottom: 0px;
        height: 5px;
        background: #df5930;
    }
    body p.lead {
        margin: 0 0 25px;
        font-size: 22px;
        line-height: 1.5;
        font-weight: 500;
    }
        .navbar{margin: auto !important;}
    .mb-xs-60{margin-bottom: 60px;}
        body header a.logo img{margin-left: 0 !important;}
        body nav.navbar-default.active {
            width: 100%;
            height: 72px !important;
        }
    .plusmenu{display: none !important;}
    nav.navbar-default.active {
        width: 100% !important;
        height: 100px;
    }
        
}

/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1184px) and (orientation : landscape) {
body .video--img--1 {
        left: 3%;
        right: initial;
        margin: auto;
        top: -30%;
        width: 30%;
    }

    body .video--img--2 {
        left: initial;
        right: 0;
        margin: auto;
        top: -38%;
        width: 30%;
    }

    body .mb-200 {
        margin-bottom: 200px !important;
    }

    body .video--box--xl {
        overflow: hidden;
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        top: -4vh;
        bottom: 0;
        width: 81% !important;
        height: 495px !important;
        z-index: 111;
    }

    body .video--img--3 {
        left: 0;
        right: initial;
        margin: auto;
        top: 90%;
        width: 30%;
    }
body .tabsLd span {
    width: 20%;
    height: 1px;
    background: #DF5930;
}
    body .video--img--4 {
        left: 0;
        right: 0;
        margin: auto;
        top: 100%;
        width: 30%;
    }
body .members--items li {
    width: calc(34% - 20px);
    position: relative;
}
    body #runvideoSection {
        min-height: 80vh;
    }
    body .list-unstyled {
        gap: 10px;
    }
    body .list-unstyled li.card {
        width: calc(50% - 5px);
        background: #EFD243;
        padding: 60px 40px 40px 40px;
    }
    body .h1{ 
        font-size: 5em;
    }
    body .onHover--text {
        font-size: 26px;
    }
    body     h3 {
            font-size: 34px;
            line-height: 1;
            font-weight: bold;
        }

        nav.navbar-default.active {
            width: 100% !important;
            height: 100px;
        }

        .members--items li a hr {
            width: 100% !important;
        }

        .members--items li a span {
            font-size: 14px !important;
        }

        .members--items li a span:not(.hover--ball),
        .members--items li a p {
            transform: translateY(0px) !important;
            opacity: 1 !important;
        }
        body header a.logo img {
            margin-left: 0 !important;
        }

        body nav.navbar-default.active {
            width: 100% !important;
            height: 72px !important;
        }
nav .w-fadeout .navbar-collapse {
    width: 100% !important;
    opacity: 1 !important;
    }
    .hover--ball{
        opacity: 0 !important;
    }
    .plusmenu {
        display: none !important;
    } 
    body .panel-title {
        font-size: 2em !important;
    }
        .col-ip-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
                body .tab-style4 .tab-content {
                    padding: 0px;
                }
                body .offset-lg-1{
                    margin-top: 40px;
                    margin-left: 20px;
                }
}