/* iPad in portrait */
@media only screen and (min-device-width : 668px) and (max-device-width : 1194px) and (orientation : portrait) {
.footer--nav.mobile-off{
    display: flex !important;
    flex-wrap: wrap;
    gap: 30px 0px;
}
.boxes-inline-x4--text {
    padding-top: 60px !important;
}
.ipad-on{display: block !important;}
  .hero--list li:first-child{
    padding-left: 0 !important;
  }
  .footer-social a{
    font-size: 11px;
  }
  .footer-bottom p {
      margin: 0;
      font-size: 11px;
  }
  footer .col-md-2 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
footer .footer--nav h6{
    margin-bottom: 10px;;
}
  .barhero .container{
    padding: 0 !important;
    max-width: calc(100% - 0px) !important;
  }
  .height-100#home--effect1 {
      height: 70vh !important;
  }
    body .loading span {
        margin: 0 10px;
        font-size: 20vw;
    }
.loading--line{
    opacity: 0;
}
    .col-ip-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    body .hero--list li .hyperlink{
        font-size: 18px;
    }
    body .height-100--hero {
        height: calc(100vh - 181px);
    }
    html body {
        font-size: 18px;
        line-height: 1.3;
    }
    body h2,
    body h1 {
        font-size: 90px;
        line-height: 1;
    }
    body h3 {
        font-size: 60px;
        line-height: 1;
    }
    body h5 {
        font-size: 24px;
        line-height: 1.3;
    }
    /* body .boxes--70,
    body .boxes--30 {
        width: 100%;
    } */
    .text-box.effect--box-1 >div{
        width: 100% !important;
    }
        .boxes--2x4 .text-box{
            padding: 40px 15px;
        }
        .text-box.effect--box-1>div    .btn.btn-rounded.btn-large {
            padding: 5px 8px 5px 20px;
        }
    .slide-m .col-md-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .decorative-1 {
        position: absolute;
        left: -10px;
        top: 9px;
    }
    /* .boxes--2x4>div {
        display: flex;
        gap: 14px;
    } */
    .slide-m {
        padding-top: 0px;
        padding-bottom: 120px;
        border-bottom: 1px solid #385771;
        margin-bottom: 120px;
    }
    #home--effect3 {
        min-height: 100vh;
        padding: 120px 0px 0px 0px;
        padding-bottom: 0vh;
    }
    .slide--box-x2{margin-bottom: 30px;}
    .card{
        flex-direction: column-reverse;
        top: 0 !important;
        margin-bottom: 40px;
        width: 100%;
        display: inline-flex; 
    }
    .card-content>h3 br{display: none;}
    #home--effect4{max-height: initial !important;padding-bottom: 120px !important;}
    body .boxes--inline-x4 {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        left: 0%;
        position: relative;
        gap: 10px;
        flex-wrap: wrap;
    }
    .boxes--inline-x4 > div.boxes-inline-x4--text{
        width: 100%;
        margin-bottom: 30px;
    }
    .boxes--inline-x4 > div:not(.boxes-inline-x4--text){
        width: 32%;
    }
    .boxes--inline-x4 > div:nth-child(3) {
        order: -1;
    }
    .boxes-inline-x4--text {
        padding: 0px 0px;
        border-radius: 0 !important;
        overflow: initial !important;
    }
     
    .cards--horizontal-scroll.pastor--effect2{
            transform: translateX(0%);
                gap: 20px;

        }
    .fullbg-cover{
        width: 45%;
    }
        .cards--horizontal-scroll>div:not(.fullbg-cover){
            min-width: 45%;
        }
    .cards--horizontal-scroll div.fullbg-cover img{
        position: relative;
        height: 100%;
        object-fit: cover;
    }
    body .height-220 {
        height: auto!important;
    }
        .cards--horizontal-scroll.about--effect2 {
            display: flex;
            justify-content: flex-start;
            gap: 30px;
        }
    .cards--horizontal-scroll.about--effect2 {
        width: 100%; 
        flex-wrap: wrap;
    }
    /* .cards--horizontal-scroll>div:not(.fullbg-cover){
        width: calc(50% - 15px);
        background: var(--gold-300);
        align-items: initial;
        
    } */
    /* .cards--horizontal-scroll>div.col-md-4:not(.fullbg-cover)
    {
        flex: 0 0 calc(50% - 15px);
            max-width: calc(50% - 15px);
    } */
    #home--effect4 .col-md-12{
        display: flex;
        flex-direction: column; 
    }
    body .height-xs-fit:not(#about--effect2){
        height: auto !important;
        max-height: initial;
        padding: 120px 0px
    }
    body .__pastor--effect1-4{
        margin-top: -5px !important;
    }
    .image-grid{
        margin-bottom: 0px;
        height: 100%;
    }
    .flex-xs-off{
        display: block !important;
    }
    .w-xs-100{width: 100%;}
    .mb-xs-40{margin-bottom: 40px;}
    .col-md-3.give--effect2-1,
    .col-md-3.give--effect2-2,
    .col-md-3.give--effect2-3 {
        border: 1px solid rgb(117, 117, 117);
        border-radius: 12px;
        padding: 20px;
        width: 33%;
        margin: 0 10px;
        flex: 0 0 33%;
        max-width: calc(31% - 3px);
    }
    .col-md-3.give--effect2-1 h5,
    .col-md-3.give--effect2-2 h5,
    .col-md-3.give--effect2-3 h5{
        margin-bottom: 10px;
    }
    body .card-content h3{
        font-size: 45px;
    }
    body .card-content{
        padding: 40px 20px;
        justify-content: initial;
    }
   footer .accordion-style1 .panel-title {
        font-size: 16px !important;
        color: white;
        font-weight: bold;
    }
        .bce2 {
            position: absolute !important;}
    #bgsection .col-md-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
                .panel-group * {
                    transition-timing-function: none;
                    -moz-transition-timing-function: none;
                    -webkit-transition-timing-function: none;
                    -o-transition-timing-function: none;
                    transition-duration: .3s;
                    -ms-transition-timing-function: none;
                    -moz-transition-duration: .3s;
                    -webkit-transition-duration: .3s;
                    -o-transition-duration: .3s;
                }
    footer .panel-group *{
        color: white;
    }
    .height-100--hero.yht>img{max-height: 80vh;}

    .box--hover-1 span {
        opacity: 1;
        transform: translateY(0px);
        font-size: 18px !important;
    }
    section.pt-xs-110{padding-top: 110px;}
    .events-details{
        flex-direction: column;
    }
    body .events-details {
        margin-top: 60px;
    }
    body .events-details li{width: 100%;padding: 30px 0px}
    body .events-details li:first-child{
        border-right: 0px;
        border-bottom: 1px solid white;
    }
    body .events-details li:last-child {
        padding-left: 0px;
    }
    .mobile-off{
        display: none !important;
    }
    .portfolio-filter-tab-1 li a{padding: 0 20px !important}
    .portfolio-filter-tab-1 li{width: auto !important;}

    .card:nth-child(3),
    .card:nth-child(2) {
        position: relative;
        top: 0px;
    }
    .box--video--cta {
        position: absolute;
        right: 0px;
        bottom: 160px;
    }
body .vertical-alignKids { 
    top: -5%; 
}
.vertical-alignKids .col-md-6{
    -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
}
    .align-items-center.ipadflow{
        align-items: initial !important;
    }
    .align-items-center.ipadflow .ipadw100{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
        .main--menu ul a{
            transform: translateX(-20px);
        }
        .donation-text{
            font-size: 12px !important;
        }
                .mh-42 {
                    min-height: 53px;
                }
        html body .main--menu ul a span{
            font-size: 18px !important;
        }
        html body .main--menu ul a {
            font-size: 29px !important;
        }
                .last-paragraph-no-margin p:last-of-type {
                    margin-bottom: 0;
                    min-height: 296px;
                }
        .main--menu>div {
            padding: 0 30px;
        }
    .container.w-nav-m.mb-120{
        margin-bottom: 40px;
    }
    .container.w-nav-m {
        max-width: calc(100% - 15px) !important;
    }
    .ipad-off {
        display: none !important;
    }
    .ipad-on{display: block !important;
    text-align: right;}
         
}



/* iPad in landscape */
@media only screen and (min-device-width : 701px) and (max-device-width : 1180px) and (orientation : landscape) {
    .popup-body .ipad-on {
            display: block;
        }
                html body section div .isSubmenu li a{
            font-size: 18px !important;
        }
                html body .main--menu ul a span{
                    font-size: 30px!important;
                }
                html body .main--menu ul a
                {font-size: 30px !important;}
                                html body .main--menu ul a{transform: translateX(-15px);}
     body .boxes--inline-x4 {
            display: flex;
            width: 120%;
            align-items: center;
            justify-content: center;
            left: -18%;
            position: relative;
            gap: 10px;
        }
        body     h3 {
                font-size: 60px;
                line-height: 1;
            }
    .ipad-off-lat,
    .ipad-off {
        display: none !important;}
    body nav.navbar.navbar-default ul.nav>li>a { 
        font-size: 14px;
    }
    .container.mb-120{
        margin-bottom: 60px !important;
    }
        .portfolio-grid.work-3col li,
        .blog-grid.blog-3col li {
            width: 50%;
            float: left;
        }
    .donation-text{font-size: 13px !important;}
        .card-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
        }
        body h1 {
            font-size: 135px;
            line-height: 1;
        }
                .card-image {
                    flex: none;
                    height: 347px;
                    display: block;
                    position: relative;
                    overflow: hidden;
                }
                                .card-content {
                                    flex: 1;
                                    padding: 40px;
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: flex-start;
                                    align-items: flex-start;
                                }
    body .card {
        flex-direction: column-reverse;
        top: 0 !important;
        margin-bottom: 0px;
        width: 100%;
        display: inline-flex;
        height: 100%;
    }
    #home--effect4 {
        max-height: initial !important;
        padding-bottom: 120px !important;
    }
    #home--effect4 .col-md-12 {
        display: flex;
        justify-content: start;
        gap: 20px;

    }
    .main--menu ul a {  
        font-size: 40px;
    }
        @keyframes slide-out-blurred-top {
            0% {
                -webkit-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0);
                -webkit-transform-origin: 50% 0;
                -o-transform-origin: 50% 0;
                transform-origin: 50% 0;
                -webkit-filter: blur(0);
                filter: blur(0);
                opacity: 1
            }
    
            to {
                -webkit-transform: translateY(-1800px);
                -o-transform: translateY(-1800px);
                transform: translateY(-1800px);
                -webkit-transform-origin: 50% 0;
                -o-transform-origin: 50% 0;
                transform-origin: 50% 0;
                -webkit-filter: blur(40px);
                filter: blur(40px);
                opacity: 0
            }
        }
}