/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .opohn img{height: 100%}
    .edited.green_bar_title.edited:before {
    width: 100%;
    bottom: 12px !important;
    height: 15px !important
}
.green_box .col-md-4>div {
    height: 380px !important;
    min-height: 300px;
}
    .ploff{padding-left: 10px !important}
    .easter.pt-xs-100{
        padding-top: 140px !important
    }
    .bgipadl{
        background-position: 50% 50%;
        background-image: url(../images/TRC-watch-button.jpg);
        background-size: cover !important;
        background-repeat: no-repeat;
    }
    .bg-xs-black.bg-off{background-color: black !important}
    .easter.bg-off .tobtn {flex-wrap: wrap !important}
    .easter.bg-off .tobtn a{
        min-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important
    }

    .portfolio-grid.work-3col.edited  li{
        max-width: 33.3% !important;
        min-width: 33.3% !important;
        float: left !important
    }
    .pt-ipad-0{padding-top: 0 !important}
    nav.navbar .container-fluid {
        padding:15px 5px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .flex_off.flex_ipad{display: flex !important}
    p.ls5{margin-bottom: 0 !important;line-height: 1 !important;font-weight: bold}
    .text-xs-white p{color: white !important;}
    .serieplayheader{height: auto !important;margin-bottom: 0px !important}
    .player_serie {
        width: 100%;
        height: 440px !important;
    }
    ._bar_ .row:not(.green_box) {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .height-fi2{height: auto !important}
    .ipad-off,
    .ipadl-off{display: none !important}
    .ipad-on{display: block !important}
    html,body{
        width: 100%;
        /*overflow-x: hidden;*/
    }
    .menu_right{width: 100% !important}
    .menu_right ul{
        padding:0 60px !important;
    }
    body h1 {
        font-size: 36px;
        line-height: 1.2 !important;
        font-weight: 700;
    }
    body p{
        font-size: 18px;
        line-height: 1.7;
    }
    .green_bar:before {
        max-height: 10px;
    }
    .lh1_6.nobar br,
    .lh1_6.nobar .green_bar:before{display: none !important}
    .green_bar2:before{
        max-height: 6px
    }
    .pxsm80,
    body .px50,
    body .px80 {
        padding: 0 15px !important;
    }
    aside p{margin-bottom: 0 !important;font-size: 16px;font-weight: 800}
    ._bar_:before,._bar_:after{
        max-width: 30px
    }
    body .col-sm-6{
       flex: 0 0 50%;
           max-width: 50%;
    }
    .col-xs-12{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-xs-11{
        flex: 0 0 90%;
        max-width: 90%;
        margin: auto;
    }
    .col-xs-8{
        flex: 0 0 70%;
        max-width: 70%;
    }
    .px-xs-0{padding:0 20px !important;}
    .CTA .mb-40{margin-bottom: 0 !important}
    .CTA a {
        font-size: 46px !important;
    }

    .col-sm-4{
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }
    .open_menu_mobile{display: none !important}

    .mb-xs-0{margin-bottom: 0px !important}
    .mb-xs-10{margin-bottom: 10px !important}
    .mb-xs-20{margin-bottom: 20px !important}
    .mb-xs-30{margin-bottom: 30px !important}
    .mb-xs-40{margin-bottom: 40px !important}
    .mb-xs-80{margin-bottom: 80px !important}
    body h1.big,
    body h1.big._205 {
        font-size: 76px !important;
        font-weight: 700 !important;
    }
    .section-mod.bg-black.pt-30 {
        padding-top: 80px;
    }
    .mb-sm-5{margin-bottom: 5px !important}
    .mb-sm-10{margin-bottom: 10px !important}
    .mb-sm-20{margin-bottom: 20px !important}
    .mb-sm-40{margin-bottom: 40px !important}
    .pb-xs-80{padding-bottom: 80px !important}
    .pb-xs-40{padding-bottom: 40px !important}
    .pt-xs-40{padding-top: 40px !important}
    .pt-xs-50{padding-top: 50px !important}
    .CTA .mb-40{margin-bottom: 0 !important}
    .work-4col li,
    .work-3col li,
    .work-3col.c22 li,
    .work-3col.c2 li,
    .lightbox-portfolio.relativ-xs li{position: relative !important;left: 0 !important;width: 50%;min-width: 50%;top: 0 !important}
    .sm_ps{align-items: center !important}

    .tobtn.centerf{display: flex;justify-content: center;}
    .tobtn{display: flex;justify-content: end}
    .tobtn:not(.centerf) .md-margin-lr-auto{
        margin:0 5px !important;
    }

    .work-3col ,
    .work-4col {height: auto !important}
    .work-3col li,
    .work-4col li{min-width: 49%;max-width: 49% !important; display: inline-block;float: left;}


    .work-3col.c22 li{max-width: 50%;    min-width: 50% !important;}
    .work-3col.c2 li{max-width: 33%;    min-width: 33% !important;}
    body .events_txt p.evet_blurb {
        line-height: 1.3;
        min-height: 93px;
    }
    body .pt-xs-0{padding-top: 0px !important}
    .pt-xs-80{padding-top: 80px !important}
    body .pb-xs-0{padding-bottom: 0px !important}
    body .pb-xs-10{padding-bottom: 10px !important}
    body .pb-xs-20{padding-bottom: 20px !important}
    .bg-off2{background-image: none !important;background-color:white !important; }
    .bg-off{background-image: none !important;background-color:white !important;padding:80px 0 !important;}

    h4 {
        font-size: 18px !important;
        line-height: 35px !important;
        font-weight: 700 !important;
    }

    h2, .f40 {font-size: 36px !important;font-weight: 700 !important }

    .p.green_bullet li {
        width: 100%;
        display: inline-block;
    }
    .text-xs-black{color: black !important}

    aside.msg > div{padding:0;}
    aside.msg{position: relative;max-width: 100% !important}
    .pt-xs-160{padding-top: 160px !important}
    .section-mod {
        padding: 65px 0;
    }

    .pt-sm-90{padding-top: 90px !important}
    .pt-sm-120{padding-top: 120px !important}

    .hauto,
    .height-100vh.height-fit,
    .height-925vh.height-fit,
    aside.msg.hauto{height: auto !important;}

    .height-fi2 .vertical-align,
    .height-100vh.height-fit .vertical-align,
    aside.msg.hauto .vertical-align,
    .hauto .vertical-align,
    .height-925vh.height-fit .vertical-align ,
    .height-100.height-fit .vertical-align {
        position: relative;
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
    .height-100.height-fit{
        height: auto !important;
        padding:80px 0 !important;
    }
    .underline{ margin-bottom: 20px !important;font-size: 14px !important}
    .off_13,
    br.mobile-off{display: none !important}

    aside{justify-content: end}
    aside.playButton {
        max-width: 150px !important;
    }
    .about_frame {
        max-height: 190px;
        width: 100%;
    }

    ._quote_{
        background-size: cover; background-image: url(../images/TRC_recidency_web_paralax2.jpg); background-position: 50% 50%; background-repeat: no-repeat;
    }
    ._quote_:before,
    ._quote_:after{display: none}
    .corevalbg{
        background-size: cover; background-image: url(../images/TRC_kids_web_paralx2.jpg); background-position: 50% 50%; background-repeat: no-repeat;

    }
    hr.green_line{max-width: 100%}
    .accordion-style1 .panel-title {
        display: flex;
        padding-right: 0;
        font-size: 16px !important
    }
    .p90{padding:70px  20px 20px 20px !important;}
    .text-ipad-center{text-align: center;}
    .portfolio-grid.work-5col li, .blog-grid.blog-5col li{
        width: 33.3% !important
    }
    .tab-style1 .nav-tabs li {
        width: 30%;
    }
    .panel-body{padding-left: 20px !important}
    aside.play_{left: 80px !important}
    .mt-xs-0{margin-top: 0 !important}
    .flex_off{display: block !important}
    .tab-style1.col_5 .nav-tabs li {
        min-width: 20%;
    }
   .tab-style1.col_5 .nav-tabs li a{padding-bottom: 10px}
   .tab-style1.col_5 .nav-tabs li .alt-font {
       min-height: 49px;
       display: block;
   }
   .btn-xs-black2:hover{
       border-color: black !important;
       background-color: black !important;
       color: white !important
   }
   .btn-xs-black2{
       border-color: black !important;
   }
   .psm0p{padding:0 !important;}
   .events_txt p.f18 {
       font-size: 16px !important;
   }
   .tab-style5 .tab-box {
       left: 0 !important;
       transform: translate(0, 0%) !important;
   }
}






/* iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .tobtn.flex-ipad a{
        width: 33%;
        padding: 9px 14px !important;
    }
    .tobtn.flex-ipad{
        flex-wrap: nowrap !important;
        display: flex !important
    }
    .ploff{padding-left: 10px !important}
    .grid-item.e_ {
        width: 23.99% !important;
    }
    .opohn img {
        max-width: 100%;
        height: 100% !important;
    }
    .teamli li{
        min-width: 25% !important;
        max-width: 25% !important;
    }
    .sr p.evet_blurb{
        min-height: 30px !important
    }
    .f18.mhipad{
        line-height: 1.2 !important;
        min-height: 36px !important
    }
    .altop{align-items: end !important;}
    ._bar_ .row.green_box {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .green_box .col-md-4>div {
        min-height: 400px !important;
    }
    ._tobottom_ >div p{font-size: 13px !important}
    .portfolio-grid.mkcol3ipadl li,
    .portfolio-grid.work-4col.ipadx3 li, .blog-grid.blog-4col.ipadx3 li,
    .work-3col.ipadx3 li, .work-4col.ipadx3 li {
        min-width: 33% !important;
        max-width: 33% !important;
    }
    .contactipadl{
        flex: 0 0 25%;
            max-width: 25%;
    }
    html body .big._205 {
        font-size: 74px !important;
    }
    .edited.green_bar_title:before {
        bottom: 16px !important;
        height: 13px !important;
    }
    .col-auto.pr-0{margin-right: 0 !important}
    header a.logo img {
        max-height: 41px !important;
    }
    .nav-header-container{
        padding-left: 0 !important;
        padding-right: 5px !important
    }
    .bgipadl{
        background-position: 50% 50%;
        background-image: url(../images/TRC-watch-button.jpg);
        background-size: cover !important;
        background-repeat: no-repeat;
    }
    .ipadl-off{display: none}
    .easter.pt-xs-100{
        padding-top: 140px !important
    }
    .colip4.col-sm-6{
        flex: 0 0 33.3% !important;
            max-width: 33.3% !important;
    }
    .easter .col-sm-6{
        flex: 0 0 33.3%;
            max-width: 33.3%;
    }
    .bg-xs-black.bg-off{background-color: black !important}
    .easter.bg-off .tobtn {flex-wrap: wrap !important}
    .easter.bg-off .tobtn a{
        min-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important
    }





    .mt-sm-10{margin-top: 10px !important}
    .mt-sm-20{margin-top: 20px !important}
    .px50,
    .px80 {
        padding: 0 5px !important;
    }
    body h1.big, body h1.big._205 {
        font-size: 65px !important;
        margin-left: 15px;
    }

    body h1 {
        font-size: 32px !important;
        font-weight: 700 !important;
        line-height: 1.1;
    }
    body .height-fit {
        height: auto !important;
        padding: 120px 0 !important;
    }
    .linkVideos.mb-80 {
        margin-bottom: 70px !important;
    }
    .mb-80 {
        margin-bottom: 20px !important;
    }
    ._bar_:before,
    ._bar_:after{display: block;max-width: 30px}
    .pt-ipad2-0{padding-top: 0px !important}
    body .CTA a {
        font-size: 50px !important;}
        .mb-xs-0{margin-bottom: 0 !important}
    section.section-mod{
        padding:50px 0 !important;
    }
    .pt-190 {
        padding-top: 50px !important;
    }
    .section-mod.bg-black.pt-30 {
        padding-top: 80px;
    }
    aside.msg:not(.mw100){
        left: 40px
    }
    body .portfolio-grid.work-3col li, .blog-grid.blog-3col li{
        min-width: 33%;
        max-width: 33% !important;
    }
    .mb-sm-40{margin-bottom: 40px !important}
    .underline{ margin-bottom: 20px !important;font-size: 14px !important}
    .p.green_bullet{margin-left: 0 !important}
    .work-4col li,
    .work-3col li,
    .work-3col.c22 li,
    .work-3col.c2 li,
    .lightbox-portfolio.relativ-xs li{position: relative !important;left: 0 !important;width: 33%;min-width: 33%;top: 0 !important}
    .sm_ps{align-items: center !important}

    .tobtn.centerf{display: flex;justify-content: center;}
    .tobtn{display: flex;justify-content: end;flex-wrap: wrap;}
    .tobtn a{
        letter-spacing: 0 !important
    }
    body div.col-md-4 .tobtn a{margin-bottom: 10px !important}
    .tobtn:not(.centerf) .md-margin-lr-auto{
        margin:0 5px !important;
        margin-bottom: 10px !important
    }
    .pt-sm-200{padding-top: 280px !important}
    .work-3col ,
    .work-4col {height: auto !important}
    .work-3col li,
    .work-4col li{min-width: 49%;max-width: 49% !important; display: inline-block;float: left;}

    body .col-sm-6{
       flex: 0 0 50%;
           max-width: 50%;
    }
    .container-fluid,
    .container {
        max-width: 970px !important;
    }
    .ioff{display: none !important}
    .ion{display: block !important}
    .mb-160 {
        margin-bottom: 60px !important;
    }
    .flexicenter p{width: 100%}
    .flexicenter{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .pi0{padding:0 !important;}
    /*.col-xs-12{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-xs-11{
        flex: 0 0 90%;
        max-width: 90%;
        margin: auto;
    }*/
    .col-sm-8{
        flex: 0 0 70%;
        max-width: 70%;
    }
    .mb-i-0{margin-bottom: 0 !important}
    .mb-i-30{margin-bottom: 30px !important}
    body section.pt-i-130{padding-top: 130px !important}
    body div.pt-i-100,
    body section.pt-i-100{padding-top: 100px !important}

    body h4 {
        font-size: 14px;
        line-height: 41px;
        font-weight: 700;
        margin-bottom: 0 !important;
    }

    .section-mod.bg-black.pt-30.pt-xs-80{padding-top: 100px !important}

    .CTA .mb-40{margin-bottom: 0 !important}
    .section-mod.bg-black.pt-30 {
        padding-top: 80px !important;
    }
    .about_frame {
        max-height: 244px;
        width: 100%;
    }
    section.section-mod.pt-i-120{padding-top: 120px !important}
    body .pt-13-90 {
        padding-top: 80px !important;
    }
    body .green_bar:before {
        height: 9px !important;
    }

    .work-3col.c22 li{max-width: 50%;    min-width: 50% !important;}
    .work-3col.c2 li{max-width: 33%;    min-width: 33% !important;}

    #title_load {font-size: 28px !important}
    #title_load.green_bar:before {
        bottom: 9px !important;
    }

    body section.pt-sm-90{padding-top: 90px !important}
    body section.pt-sm-120{padding-top: 120px !important}

      .portfolio-hover-main.c_ p{
        font-size: 14px !important
      }
    body .events_txt p.mb-0.f18.campus_name {
        font-size: 15px !important;
        min-height:20px !important
    }

    .pt-sm-190{
        padding-top: 190px !important
    }

    .col-sm-12{min-width: 100%}
    .portfolio-hover-main.c_ span{font-size: 11px !important}
    body section.pb-sm-100{padding-bottom: 100px !important}

    .tab-style1 .nav-tabs li a {
        padding-bottom: 20px !important;
    }
}