/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    nav .col-lg-3:not(.col-sm-6) {
        -ms-flex: 0 0 17%;
        flex: 0 0 17%;
        max-width: 17%;
    }
    footer .col-ipad-12 {
        padding: 0 30px !important;
    }
    footer a, footer p {
        font-size: 12px !important;
    }
    nav .col-auto.col-lg-3.text-right.pr-0.font-size-0.mobile-off{
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    nav .col-lg-3.col-sm-6 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .height-fit{height: auto !important}
    .height-fit .vertical-align {
        position: relative;
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
    #email-registration-form .section.contact .field {
        width: 100% !important;
        max-width: 100% !important;
    }
    .hyperl a{font-size: 19px;}
    footer .col-ipad-12{
        padding: 0 30px !important;
    }
    .boxes_ li{min-width: 50%;}
    h1{
        font-size: 55px !important
    }
    .height-60{max-height: 40vh;}
    h1 .rotate2{
        font-size: 45px !important
    }
    .col-11-15inch >div>div{padding:0;}

    .colip12,
    .col-11-15inch ,
    .col-11-15inch >div>div{
        flex: 0 0 100%;
            max-width: 100%;
    }
    #resources .col-md-4{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .padding-2-half-rem-left,
    .md-padding-15px-left {
        padding-left: 0px;
        padding-right: 0px;
    }
    .ipad-off{display: none}
    .text-xs-left,
    .ipl{text-align: left !important}

    .align-self-end div>a{width: 100%;display: block;margin:0;margin-bottom: 20px}
    .html-video{z-index: 1}
    .video{max-height: 380px}
    .box_white{border:3px solid white;padding:40px 5px !important;display: flex;height: 100%;flex-direction: column;justify-content: end;}

    .row-cols-sm-2.ee>* {
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
    .ee .col{border-bottom: 0 !important;border-right: 1px solid black !important}
    .ee .interactive-banners-sub{padding:20px 10px !important; }

    .tobtn a{margin-left: 0 !important}



    body header .navbar.bg-transparent,
    body header.sticky .navbar.bg-transparent {
        background-color: #021B26 !important;
    }
    body header .header-light .navbar-toggler-line {
        background: #fff !important;
    }
    body h2 {
        font-size: 50px !important;
    }
    .col-ip-6,
    .col-ipad-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-ipad-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-ipad-10{
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
    .col-ipad-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    body h6 {
        font-size: 1.60rem;
        line-height: 2rem;
    }
    .interactive-banners-sub{
        border-right: 1px solid #e4e4e4 ;
    }
    .lg-padding-6-half-rem-lr {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .lg-padding-6-rem-tb {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    body header .navbar.header-light .navbar-nav .nav-link {
        color: white !important;
        font-size: 18px !important;
    }
    .mb-i-20{margin-bottom: 20px !important}
    .sticky .navbar-dark.header-light .navbar-nav .nav-link:hover {
        color: black !important;
    }
    .overlay:before {
        z-index: 2 !important;
    }

    .overlay .container {
        z-index: 99 !important;
    }
    .mb-ipad-40{margin-bottom: 40px !important}
    .popup-youtube.r{
        right: 58px !important;
    }
}


/* iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .phone_n{padding-bottom: 0px !important;}
    html body .header-social-icon i {
        font-size: 15px !important;
    }
    .boxes_ li {
        min-width: 50%;}
    .col-md-10.colip12.col-center{
        flex: 0 0 100%;
            max-width: 100%;
    }
    .title-large {
        font-size: 65px;
        line-height: 90px;
    }
    h4 {
        font-size: 2.55rem;
        line-height: 3.4rem;
    }
    .w-96{text-align: left;}
    .col-lg-4 .btn.btn-link{float: left;}
    .video {
        max-height: 488px;
    }
    .html-video {
        z-index: 2
    }
    .ee .col{border-bottom: 0 !important;border-right: 1px solid black !important}
    .lg-padding-6-half-rem-lr{
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .feature-box {
        min-height: 580px;
    }
    h1{
        font-size: 65px !important
    }

    h1 .rotate2{
        font-size: 45px !important
    }


    body header .navbar.bg-transparent,
    body header.sticky .navbar.bg-transparent {
        background-color: #021B26 !important;
    }

    body .col-lg-6{
        -ms-flex: 0 0 66%;
        flex: 0 0 66%;
        max-width: 66%;
    }
    body .col-lg-3 {
        -ms-flex: 0 0 17%;
        flex: 0 0 17%;
        max-width: 17%;
    }
    body .navbar-brand {
        width: 100%;
    }
    body .navbar .navbar-nav .nav-link {
        padding: 25px 0 !important;
        font-size: 12px !important;
        margin: 0 5px !important;
        word-break: normal !important;
        font-weight: 500!important;
    }

    .lg-padding-6-rem-tb {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .padding-4-rem-lr {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .feature-box {
         min-height: 10px !important;
    }
    .overlay:before {
        z-index: 9 !important;
    }

    .overlay .container {
        z-index: 99 !important;
    }
    .col-ipad-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-ipad-4{
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }
}