.colors2{
    padding:  40px;
}
@media (max-width: 480px) and (min-width: 320px){
    .mb-xs-5{line-height: 1;margin-bottom: 0;}
    body footer p,
    body footer ul a {
        font-size: 14px;
        line-height: 1;
        padding: 13px 0px;
    }
    .mt-xs-30{margin-top: 30px;}
    .border-r:before{display: none;}
    .mInfo{font-size: 14px !important;line-height: 1.5;margin-bottom: 0 !important;padding-bottom: 5px !important;padding-top: 5px !important;}
    .w100xs{width: 100%}
    .subfooter{
        flex-wrap: wrap !important;
    }
    .cta-antiracism .col-md-6{
        padding:  0 15px !important;
        margin-bottom: 20px !important;
    }
    .mb-xs-40{margin-bottom: 40px;}
    .border-b{border-top:0 !important}
    .subfooter p{width: 100%;text-align: center;margin-bottom: 10px; line-height: 1;font-size: 12px;padding: 0}
    .reverse{flex-direction: column-reverse;}
    .wrap{flex-wrap: wrap;}
    .videoFrame{
        max-height: 190px;
    }
    body .colors2 {
        padding: 80px 0;
    }
    .boxbox{position: relative !important;}
    .height-fit{height: auto !important;padding:  120px 0 !important}
    .height-fit .vertical-align {
        position: relative;
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .mobile-off{display: none;}
    .bgbluexs>div{
        bottom: 0 !important;

    }
    .bgbluexs{
        background-color: #003162;
        padding: 40px 15px;
    }
    .vertical-align{
        top: 55% !important
    }
    body .gradient {
        padding: 90px 35px !important;
    }
    body .gradient ul li a{font-size: 20px;text-transform: uppercase;}
    body .gradient ul li{
            padding: 10px 0px;
            width: 50%;

    }
    body .infodata{padding-bottom: 0 !important;}
    body .infodata p{margin-bottom: 5px !important;}
    body .infodata h3 {
        min-height: 0px;
    }
    body .gradient ul {
        justify-content: revert;
        flex-wrap: wrap;
    }
    .text-xs-left{text-align: left !important;}
    a.hyperlink{font-size: 14px;}
    body section.pt-xs-140.vc_row{padding-top: 130px !important;}
    .flexxs li img{height: 50px !important}
    .flexxs li{max-width: 50%}
    .flexxs{
        display: flex;
        flex-direction: row !important;
    }
    .tobtn a{
        display: block;
        width: 100%;
        margin:  0 !important;
        margin-bottom: 20px !important;
    }
    .player_serie {
        width: 100%;
        max-height: 240px;
    }
    body .filter a {
        margin-right: 20px;
        font-size: 14px;
    }
    body .LinesBox div p {
        font-size: 16px !important;
        padding: 0 20px;
    }
    .mobile-on{display: block !important;}
    .ctaMod>div>div{max-width: 100% !important;z-index: 99;}
    .ctaMod>div {
        flex-wrap: wrap;
    }
    .ctaMod{position: relative;}
    .ctaMod:before{
            content: "";
            position: absolute;
            background: rgba(0,0,0,0.45);
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
        .content h1, .content .h1 {
            font-size: 30px;
        }
        h2,
        .content h2, .content .h2 {
            font-size: 27px;
        }
    .accordion-title a {
        font-size: 16px !important;padding-right: 65px !important;
    }

    [data-mobile-header-scheme=gray] .main-header .navbar-header{
        background: #02274c  !important;
    }
    .nav-trigger .bar {
        background-color: #fff;
    }
    .scroll{display: none;}
    body .section-mod {
        padding: 70px 0 !important;
    }
    .bp6050{background-position: 60% 50% !important;}
    .bp4050{background-position: 40% 50% !important;}
    .height-50 {
        max-height: 37vh;
    }
}
    .mobile-on{display: none;}