.left_child_menu li.mobile-on,
.new_menu_mobile.mobile-on,
.open_popup_buttons.mobile-on,
.mobile-on{
    display: none
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2)
{
    body .locked {
        display: block !important;
        position: fixed;
        width: 100%;
        z-index: 99999999999999999999;
        height: 100%;
        top: 0;
        left: 0;
    }
}

/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    .reserve{flex-direction: column-reverse !important;}
    .col-xs-6 img{max-width:100% !important}
    .col-xs-6 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }
    body .newhome .container {
        max-width: 100%!important;
        min-width: 100%!important;
    }
   body  .jcl{justify-content: left !important}
    h1.f130 {
        font-size: 60px !important;
        font-weight: normal !important;
        line-height: 0.9 !important;
    }
    body .flex_xs_off{display: block !important}
    body .ml-60 {
        margin-left: 0px !important;
    }
    body .pxs0{padding: 0 !important}
    body .mhxs0{min-height: 0 !important;}
    .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) {
        display: flex;
    }
    .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-position-right {
        flex-wrap: wrap;
        flex-direction: row !important;
        display: block !important;
    }
    .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-inset {
        max-width: 100%;
            left: 0% !important;
    }
    .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card-wrapper,
    .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .intrinsic {
        width: 100% !important;
    }
    .white-bold .sqs-block-image .design-layout-collage .image-card {
        width: 100% !important;
            margin-top: 0% !important;
            margin-right: 0% !important;
    }

    body .col{padding-left: 15px !important;padding-right: 15px !important;}
    body .sqs-block {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .sqs-layout .sqs-row .sqs-block:first-child {
        padding: 0px !important;
    }
    .sqs-block-content h4{margin-top: 40px !important;margin-bottom: 10px !important;}
    .sqs-block-content h2,
    .sqs-block-content h4,
    .sqs-block-content p{text-align: left !important;}




    .middleLeft,
    .middleRight{
        position: relative !important;
        min-width: 100%;
    }
    .height-100.height-fit.first{
        padding: 190px 0 135px 0 !important;
    }
    .pt-xs-180{padding-top: 210px !important;}
    h4.h4 {
        font-size: 18px;
    }
    .tobtn a{
        margin-left: 0 !important;
        width: 100%;
        margin-bottom: 10px;
    }
    .linksboxes li{min-width: 100%;margin: 0% !important;margin-bottom: 20px !important;}
    .boxie:before{display: none;}
    .flexdiv a, .flexdiv strong {
        letter-spacing: 0 !important;
    }
    body .modal-sm {
        max-width: 100% !important;
    }
    .bgmobile{
        background-image: url(../images/zion-home-hero3-mobile.jpg) !important;
    }
    .bgmobilefollowing{
        background-image: url(../images/zion-home-hero3-mobile.jpg) !important;
    }
    .bgmobilenogales{
        background-image: url(../images/NogalesCampus.jpg) !important;
    }

    footer ul.light li{
        margin-bottom: 0 !important;
    }
    .flex_xs_xs_xs p:first-child{margin-right: 5px !important}
    .flex_xs_xs_xs.pxs0{
        padding-left: 15px !important;
        display: flex;
        align-items: center;
    }
    .shd0 {
        box-shadow: 0px 4px 8px 1px rgb(236 236 236 / 0%) !important;
    }
    .f18b{
        font-weight: bold !important;
        font-size: 18px !important;
    }
    .mb-xs-60{margin-bottom: 60px !important;}
    .pt-xs-40{
        padding-top: 40px;
    }
    .pt-xs-120{
        padding-top: 120px !important;
    }
    .fancy-box-item .justify-content-center {
        -ms-flex-pack: initial!important;
        justify-content: initial!important;
        padding-left: 20px !important;
    }

    .panel-heading.border-color-black-transparent.bw{
        border-color: rgba(255,255,255,.1) !important;
    }
    body .fullscreen-hover-list.light .hover-list-item .interactive-title {
        -webkit-text-stroke: 0px #4e4e4f !important;
        text-stroke: 1px #4e4e4f !important;
    }
    .msg-alert {
        bottom: 11% !important;
    }
    .text-white.text_info{
        padding: 40px 0px !important;
    }
    #planvisit-form>div.col-md-10{
        padding: 0px 0px !important;
    }
    .footer-bottom,
    .footer-top{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    footer ul.light {
        justify-content: space-between !important;
    }
    .menu_open.x_ {
        top: 14px;
        right: 12px !important;
    }
    body .mainleftmenu {
        margin: 0px 0 0 0;
        margin-top: 6px !important;
        border-top: 1px solid #d5d5d5;
        padding-top: 70px !important;
    }
    body ul.mainleftmenu>li> a {
        font-size: 18px;
        padding: 14px 20px !important;
        font-weight: 500 !important;
    }
    body ul.mainleftmenu>li>a span.lm{
        width: 24px;
    }
    body ul.mainleftmenu>li>a span.lm:before {
        width: 25px;
        height: 2px;
    }
    ul.mainleftmenu>li> a{
        font-weight: bold !important;
    }
    body ul.mainleftmenu>li>a span.lm:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 25px;
        background: #eca145 !important;
        top: 5px;
        left: 12px;
    }
    body .mainleftmenu.loaded{height: auto !important}
    .left_child_menu li a{
        padding: 2px 0 !important;
        font-size: 16px !important;
    }
    .leftpart{display: none;}
    body .left_child_menu li {
        width: 100%;
        display: inline-block;
    }
    body p{font-size: 16px !important;}
    ul.list_{
        flex-wrap: wrap;
    }
    body ul.mainleftmenu>li ul {
        padding: 0 20px 30px 20px !important;
    }
    ul.list_ li{width: 50%;margin-bottom: 40px;}
    .mb-xs-15{margin-bottom: 15px !important;}
    .bg1parallax{
        background-image: url(../images/Zion-Home-effect-mission-statement-_M1.jpg) !important;
    }
    .bg2parallax{
        background-image: url(../images/Zion-Home-effect-mission-statement-_M2.jpg) !important;
    }
    .height-50-xs.bg2parallaxES{
        min-height: 72vh !important;
        max-height: 72vh !important;
    }
    .bg2parallaxES{
        background-image: url(../images/Zion-Home-effect-mission-statement-_M2-Es_.jpg) !important;
    }
    aside.filters {
        padding-bottom: 0px !important;
        flex-wrap: wrap !important;
    }
    .overlay:before {
        background-color: rgba(0,0,0,0.7);
    }
    .height-100.height-fit .vertical-align {
    position: relative;
    top: 0%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}
    .height-100.height-fit{
        height: auto !important;
        padding: 90px 0 !important;
    }
    .overlay2 h3,
    .overlay2 span,
    .overlay2 div,
    .overlay2 p{
        color: white !important;
    }
    .overlay2{position: relative;}
    .overlay2:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,0.7);
    }
    .video2{max-height: 240px;}
    .fullscreen-hover-list .hover-list-item.active .interactive-title{
        width: auto !important;
    }
    .fullscreen-hover-list .hover-list-item a{width: 100%;}
    .fullscreen-hover-list .hover-list-item {
        display: table;
        width: 100%;
    }
    .plan_p{
        background-size: cover !important;
        background-position: 41% 100% !important;
        background-repeat: no-repeat !important;
    }
    .about_p{background-position: 41% 50% !important;max-height: 70vh !important;}
    .kids_p{background-position: 41% 0% !important;max-height: 70vh !important;background-image: url(../images/Zion-kids-hero-m.jpg) !important;}
    .mobile-off{
        display: none !important
    }
    .outline-cta-banner .BoxImg{display: none !important;}
    .outline-cta-banner div>a,
    .outline-cta-banner div>p{font-size: 14px !important;line-height: 1.2 !important;}
    body .outline-cta-banner{
        padding:  10px 55px !important;
        display: block !important;
        width: 100%;
        left: 0;
        max-width: 100%;
        margin: 0;
    }
    .outline-cta-banner .swiper-slide{

    }
    .swiper-portfolio-prev, .swiper-portfolio-next {

        padding: 5px 10px !important;
        font-size: 13px !important;
    }


    body .fullscreen-hover-list.light .hover-list-item .interactive-title{
        -webkit-text-fill-color: white !important;
    }
    .mobile-on{
        display: block !important
    }
    h1{font-size: 30px !important;}
    .bgblackxs{
        background-color: black !important;
    }
    .height-50-xs{
        max-height: 45vh !important;
        background-position: center center !important;
          background-size: cover !important;
    }
    h1.f83 {
        font-size: 36px !important;
        line-height: 1.1 !important;
    }
    .liveOut ul li{
        width: 25%;
    }
    .liveOut ul {
        width: 100%;
        justify-content: space-between;
    }
    .row.liveOut>div{
        flex-wrap: wrap;
    }
    .pxs90-15{
        padding: 90px 15px !important
    }
    .liveOut ul li {
        font-size: 12px !important;
    }
    .col-xs-12{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
    }
    .liveOut ul b {
        font-size: 42px;
        margin-bottom: 0px;
    }
    h2 {
        font-size: 27px !important;
        line-height: 3.2rem !important;
        margin-bottom: 20px !important;
    }
    .mb-xs-30{margin-bottom: 30px;}
    .subtitle .barrita {
        max-width: 40px;
    }
    .subtitle {margin-bottom: 40px;letter-spacing: 0 !important;}
    .subtitle span{line-height: 1.5;width: 35% !important;}
    .video {
        height: 210px !important;
        width: 100% !important
    }
    body h3 {
        font-size: 22px;
        margin-bottom: 20px !important;
    }
    .tobtn a{
        float: left;
    }
    ul.list_ li img {
        height: 50px !important;
        margin-bottom: 10px !important;
    }
    .border-top-3,
    .border-bottom-3,
    .border-right-3{
        border: 0 !important;
    }
    footer{padding-bottom: 30px !important;}
    footer .col-2{
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
    }
    .mb-xs-40{margin-bottom: 40px !important;}
    .mb-xs-80{margin-bottom: 80px !important;}
    footer b,
    footer p,
    .footer-bottom p a, .footer-bottom p,
    .footer-top a {
        font-size: 12px !important;
    }
    .pb-xs-0{padding-bottom: 0 !important;}
    .text-xs-center{text-align: center !important;}
    .footer-top li{margin-bottom: 0 !important;}
    .pxs0{padding: 0 !important}
    body footer .social-icon-style-12 ul li:nth-child(2){
        padding: 0 20px !important;
    }
    footer .social-icon-style-12 ul li {
        margin-left: 0 !important;
    }
    .border-rl{border: 0 !important}
    body .text-xs-left.text-center, body .text-xs-left {
        text-align: left !important;
        border-bottom: 1px solid rgba(255,255,255,0.4) !important;
    }
    #ANSWER{float: left !important;}
    ul.list_ li {
        line-height: 1.2 !important;
    }
    ul.list li {
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }
    .tp-parallax-wrap{top: 160px !important}
    .tp-parallax-wrap.tp-parallax-container{
        height: 11vh !important
    }
    .tp-splitted.tp-charsplit{
        font-size: 100px !important;
    }

    .x2>div:nth-child(1){
        border-right: 1px solid #d4d4d4  !important;
    }
    body div.x2.border-top-3{
        border-top: 1px solid #d4d4d4  !important;
    }
    .x2 i{display: none;}
    .x2>div{max-width: 50%;padding: 0 20px;top: 1px solid #eee !important;}
    .x2 .text-extra-large {
        font-size: 16px;
        line-height: 26px;
    }
    .x2{
        display: flex;
    }
    body .lg-padding-6-half-rem-lr{
        padding: 4rem 15px !important;
    }
    .btnxs{width: 100%;margin-top: 40px;}
    .mb-xs-20{margin-bottom: 20px !important;}
    .panel.bg-transparent{margin-bottom: 20px;}
    .big p {
        font-size: 18px !important;
    }
    .big input[type="text"].inputpv::-webkit-input-placeholder { font-size: 18px !important; }
    .big input[type="text"].inputpv::-moz-placeholder { font-size: 18px !important;}
    .big input[type="text"].inputpv:-ms-input-placeholder { font-size: 18px !important;}
    .big input[type="text"].inputpv, .big select.inputpv {
        max-width: 218px !important;
        font-size: 18px !important;
        line-height: 2.5  !important;
    }
    .flexdiv>div{font-size: 10px !important;}
    .pt-xs-140{padding-top: 140px !important;}
    .pt-xs-100{padding-top: 100px !important;}

    aside.filters ul li {
        margin-left: 10px;
        width: 29%;
    }

    .filters .portfolio-filter {width: 80%;}
    .filters .portfolio-filter li.nav{max-width: 33%;margin-left: 0 !important;margin-bottom: 0 !important;}

    .padding_mobile{
        padding: 70px 15px !important;
    }
    .pt72m{
        padding-top: 72px !important
    }
    .plpx{
        padding-left: 15px !important;
        margin-top: 60px;
        border-left: 0px solid rgba(0,0,0,.1) !important;
    }

    .mb-xs-0{margin-bottom: 0 !important;}
    ._bar_:before,
    ._bar_:after{display: none !important}
    .pxs15{padding: 0 15px !important}

    aside.filters ul a {
        font-size: 12px !important;
    }
    body .player_video {
        width: 100%;
        margin-top: 40px;
        height: 220px;
    }

    .pt-xs-0{padding-top: 0 !important;}
    .pt-xs-190{padding-top: 60px !important;}
    body .qt {
        text-transform: uppercase;
        padding: 0;
        border-radius: 2px;
        display: inline-block;
        background: transparent;
        color: #fff;
        position: relative;
        top: 0;
        left: 0;
        font-size: 18px !important;
    }
    .media-body span{font-size: 15px !important;line-height: 1 !important;}
    .container-fluid.custom_{
        padding: 0 5px !important;
    }
    .md-padding-ten-all {
        padding: 10% 15px !important;
    }
    .height-xs-87{
        position: relative;
        max-height: 87vh;
    }
    .border-xs-bottom{border-bottom: 1px solid #222 !important;}
    .show.active {
        padding: 0 15px !important;
    }
    .mt-xs-0{
        padding-top: 40px !important;
        margin-top: 0px !important;
    }
    body .modal-dialog {
        top: 50% !important;
    }
    .flex_x2{display: flex;}
    .row-cols-1.flex_x2>*{max-width: 50% !important;}
    body .big input[type="text"].inputpv, .big select.inputpv{
        text-align: left !important;
    }
    body section.height-70.pt-30{
        height: 300px !important;
            background-position: 100% 56% !important;
    }
    .width-100{width: 100% !important}
    /*.flexdiv a{display: block !important;width: 100% !important;}
    .flexdiv{flex-wrap: wrap !important;}
    .flexdiv>div{width: 100% !important;padding: 4px 0 !important;min-width: 100% !important;}*/


    .edited_accordion .fleft{float: left !important;}
    .w80xs{
        display: inline-block;
            float: left;
            width: 83%;
    }
    .mt-xs-40{margin-top: 40px !important;}
    .border-color-white-transparent .icon-feather-minus,
    .border-color-white-transparent .icon-feather-plus {color: #eca145 !important;}
    section.servebgxs{background-position: 35% 50% !important;}
    .pxs-0{padding: 0 !important}

    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer {
        bottom: -3px !important;
    }
    .modal {background-color: rgba(0, 0, 0, 0.8) !important; }
    .cus-colwhite{font-size: 2pc;}
    .modal-content{margin-top: 100px !important;}
    .aboutbg{
        background-position: 35% 0% !important;
    }
}