.mobile-on#servicetime2,
.mobile-on{display: none }
/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    .f18m{font-size: 19px !important}
    .f14m{font-size: 14px !important}
    .lead {
        font-size: 18px !important;
    }


    .app-list ul li {
        text-align: left !important;
    }
    body .app-list .tright .iconito {
        margin-left: 0px;
        margin-right: 15px;
        float: left !important;
    }
    .tobtn.v3{flex-wrap: nowrap;}
    .tobtn.v3 a{
        letter-spacing: 0 !important
        width: 32%;
            padding: 12px 0px;
        min-width: 20% !important;
    }
    .broff br{display: none !important}
    #thecontent_world{background-color: #e2e2e2 !important;}
    .col-12.px-3.p-md-0{padding-left:7px !important;padding-right:7px !important;}
    .blog-grid{height: auto !important;margin:0 !important;padding-bottom: 80px !important}
    .grid-item{position: relative !important;left: 0 !important;top: 0 !important}
    .outreach_mobo{
        display: flex;
        align-items: center;
        padding:20px;
        width: 100%;
        height: 280px;
    }
    .small-screen {
        height: auto !important;
    }
    section.pt-xs-220{padding-top: 220px !important}
    section.pt-xs-120{padding-top: 120px !important}
    section.pt-xs-60{padding-top: 60px !important}
    .height-xs.panel-body{height: auto !important;min-height: 0px !important}
    .height-fit2{height: auto !important;padding-top: 80px !important}
    .height-xs-50{max-height: 50vh}
    .bw:after{width: 101%}
    .bw:before{display: none}
    tbody td:first-child {
        width: auto !important;
    }
    .video_buttons li:nth-child(2){border-right: 0 !important}
    .video_buttons ul{flex-wrap: wrap;}
    .video_buttons li:last-child{
        width: 100%;display: flex
    }
    .video_buttons li:nth-child(3) a {
        line-height: 2.6 !important;
    }
    body aside.rep,
    .video_ iframe{max-height: 201px;min-height: 201px}
    .bottom_.edited .col-md-6 a.dos{border-left: 0 !important}
    .hoverbox h3{margin-bottom: 0 !important}
    .magig-bg{margin-bottom: 0 !important;padding-bottom: 0 !important}
    .flex fieldset{width: 100%;
        margin-bottom: 15px !important}
    .flex-xs{flex-wrap: wrap;}
    .blog-3col{position: relative;left: 0 !important;padding:0 !important;margin:0;}
    .blog-3col li{position: relative;left: 0 !important;margin-bottom: 0px;padding:0 !important;top: 0 !important}
    body td h3{padding:0 10px}
    h3,
    body td h3,
    aside h3,
    .blog-hover-box h3{font-size: 15px !important;line-height: 1.2 !important}
    .height-finance{max-height: 45vh}
    .pxs0,
    .pxs0.height-fit{padding:0 !important;}
    .pxs-15{padding:0 30px !important;}
    .box_white:before,
    .box_white.box_whiteoff{background-color: transparent !important}
    .height-fit{height: auto !important;padding-top:70px !important;padding-bottom: 162px !important}
    .height-fit .vertical-align2,
    .height-fit .vertical-align {
        position: relative;
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
    .bg-xs-white{background-color: white !important;background-image: none !important}
    .box_white {padding:0 15px !important;}
    .mxy-xs-10w{
        max-width: 90% !important;
        margin:auto auto 30px auto;
    }
    .text-xs-white{color: white !important}
    body h4,
    body h3 {
        font-size: 14px !important;
        font-weight: bold !important;
        margin-bottom: 0;
    }
    .mb-xs-10{margin-bottom: 10px !important}
    .mb-xs-20{margin-bottom: 20px !important}
    .mb-xs-40{margin-bottom: 40px !important}
    .mb-xs-80{margin-bottom: 80px !important}
    .mb-xs-0{margin-bottom: 0px !important}
    header{
        z-index: 99999999999 !important;
        position: relative !important;
    }
    .px2{
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .toggles .panel-title,
    .edited_acodordion_ .accordion-style1 a div {
        font-size: 16px !important;
    }
    #cookieNotify .col-md-6.text-right{
        padding:0 !important;
        text-align: center !important
    }
    .middlecolor:before{display: none !important}
    .text-center{text-align:left !important;}
    .text-xs-center{text-align: center !important}
    footer .col-xs-6{max-width: 50% }
    .col-xs-6{max-width: 50% !important}
    footer .footer_menu_ ul li{
        margin-bottom: 5px !important
    }
    footer .subchild div{padding:0px 15px !important;margin-bottom: 10px !important}
    footer .subchild div a,
    footer .subchild div p{font-size: 10px !important}
    footer .sm li{display: inline-block;}
    .subchild {
        margin-top: 50px !important;
        padding-top: 17px !important;
        padding-bottom: 15px !important
    }
    .border-rl {
        border-right: 0px solid rgba(255,255,255,0.3) !important;
        border-left: 0px solid rgba(255,255,255,0.3) !important;
    }
    footer .footer_menu_ ul a {
        font-size: 12px !important;
    }
    .px80, .container-fluid.px80 {
        padding: 30px 15px !important;
    }
    .flex-xs-off{display: block !important;
        padding-right: 15px !important;
    padding-left: 15px !important;

}
.hover-option7 .grid-item figure:hover img {
    top: 0 !important;
}
.type_rows ul a {
    font-size: 13px !important;
}
.flex-xs-off >div{
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin: 0 0px !important;
    margin-bottom: 20px !important
}
    .flex-xs p{margin:0 2px !important;}
    .flex-xs{
        display: flex;justify-content: center;
            flex-wrap: nowrap;
    }
    .mobile-on{display: block !important}
    .mobile-off{display: none !important}
    h1{font-size: 38px !important; font-weight: bold}
    h2{font-size: 24px !important;font-weight: bold ;margin-bottom: 10px !important}
    .scroll{display: none !important}
    body .tobtn input,
    body .tobtn a{
        display: block;
        width: 100% !important;
        margin-bottom: 20px
    }
    .CTA .col-md-6 {
        padding: 30px 15px !important;
    }
    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes mymoveX {
        0% , 100%  {height:63px;}
        50% {height: 30px;}
    }
    .CTA .col-md-6 p {
        line-height: 1 !important;
        margin-bottom: 0 !important;
    }
    .CTA .col-md-6 h2 {
        font-size: 22px !important;
        margin-bottom: 0 !important;
    }
    /* Standard syntax */
    @keyframes mymoveX {
        0%, 100%   {height:63px;}
        50% {height: 30px;}
    }
    .ldline {
        height: 44px;
    }
    body .ldline:after {
        width: 2px !important;
        background: rgba(255,255,255,1) !important;
    }
    .orange_bar_ ul{display: flex;justify-content: space-between;}
    .orange_bar_ ul a {
        padding: 18px 10px !important;
    }
    div.footer_{position: relative !important;z-index: 1 !important}
    section{margin-bottom: 0 !important}
    footer{
        padding-top: 90px !important
    }
    .navbar-default .navbar-toggler .icon-bar{
        background: #070f83 !important;
    }
    div.cropped2 {
        max-width: 290px;
        max-height: 290px;
        margin: 0;
        margin-bottom: 20px;
    }
    body .box-text {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        /* justify-content: center; */
        flex-wrap: wrap;
        padding:80px 15px !important;
    }
    span.campus {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: 12px !important;
        text-align: left;
    }
    .bottom_:not(.edited).crd ul li a {
        padding: 25px 30px !important;
    }
    .bottom_:not(.edited).crd ul li:nth-child(2) {
        border-right: 0px solid white;
        border-left: 0px solid white;
    }
    .event-detail-box{
        margin:30px 0;
        padding:20px;
        border-radius: 3px;
        background-color: #f9f9f9
    }
    .text-xs-left{text-align: left !important}
    .pb-xs-120{padding-bottom: 120px !important}
    .pb-xs-320{padding-bottom: 320px !important}
    .pb-xs-220{padding-bottom: 220px !important}
    .bg-basecamp{background-color: #070f83 }
    .col-xs-8{max-width: 70%}
    .bg-specialf{background-color: #40c0cb}
    body .theinnernav {
        flex-wrap: wrap;
    }
    body .theinnernav a {
        padding: 10px 20px;
    }
    body .couple_bg{
        background-position: 60% 100% !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
    }
    .videoyoutube_ {
        max-height: 230px;
    }
    .col-200 {
        margin-top: 0 !important;
    }
    .pb200 {
        padding-bottom: 80px !important;
    }
    .flex-center-xs{justify-content: center !important}
    .absolute_phone{display: none !important}

    .tobtn.v3{flex-wrap: wrap;margin-bottom: 0 !important}
    .tobtn.v3 a{
        letter-spacing: 0 !important
        width: 32%;
            padding: 12px 0px;
        min-width: 20% !important;
    }




    /*-----------*/
    .mh-xs-0{min-height: 0 !important}
    .accordion-style1 .panel {
        margin-bottom: -3px !important;
    }
    span.hover{display: none !important}

    .wbox h3{min-height: 0 !important;margin-bottom: 10px !important}



    .theinnernav li{margin-bottom: 5px !important}
    body{overflow-x: hidden;}

    body section {
        padding: 90px 0;
    }
    h1.f28m {
        font-size: 28px !important;
        line-height: 1 !important;
    }
    h2.f21m {
        font-size: 14px !important;
    }
    .closelive {
        width: 40px !important;
    }
    #servicetime2 span:last-child{border:0px !important;}
    #servicetime2 span{
        border-right: 1px solid rgba(255,255,255, 0.3);
        padding:0 5px !important;
    }
    #servicetime2{
        display: flex !important;
        justify-content: center !important
    }
    .mt-xs-0{margin-top: 0 !important}

    .event_header{max-height: 270px !important}
    .bg--xs-black{background: black !important}
    .bg--xs-black .container{widows: 100% !important;padding:0;}
    .rep{margin-bottom: 14px}
    .video_buttons {
        border-top: 1px solid #222
    }
    .video_buttons li {
        padding: 9px 20px 11px 20px;
        border-right: 0px solid #fba919 !important;
    }

    .type_rows{display: flex !important;flex-wrap: nowrap;}
    .hoverbox p{font-size: 12px !important}
    .cta1{border-bottom: 1px solid #313131 !important; border-right: 0px !important;}
    h1.h1especial{
        font-size: 28px !important;
    }

    body .col-md-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .pb-300 div{
        padding-bottom: 0 !important;
        margin-bottom: 10px !important
    }


    .col6>div{min-width: 100% !important;margin-bottom: 10px}
    .col6>div h3{font-size: 13px !important}
    .blog-post-style4.col6 figure figcaption {
        padding: 30px 10px !important;
    }

































































}
.accordion-style1 .panel {
        margin-bottom: -3px !important;
    }