#pageBanner.media {
    background-image: url(../images/media/banner.png);
}

#media {
    background-image: url(../images/topBg.png),url(../images/bottomBg.png);
    background-repeat: no-repeat;
    background-position: top 5% left 1%,bottom 5% right 1%;
}

    #media .mediaCont {
        position: relative;
        top: -40px;
        box-shadow: 0 0 10px #00000080;
        background-color: #fff;
        border-radius: 10px;
    }

        #media .mediaCont .videoArea h2, #media .newsArea h2 {
            font-family: MontserratBold;
            font-size: 32px;
            line-height: 39px;
            color: #034e9f;
            padding: 40px 0 25px;
            border-bottom: 1px solid #b9c6e0;
        }

    #media .nav {
        text-align: center;
    }

    #media .nav-tabs > li {
        float: none;
        display: inline-block;
        margin-bottom: 0;
        padding: 20px 0;
    }

        #media .nav-tabs > li.active > a, #media .nav-tabs > li.active > a:focus, #media .nav-tabs > li.active > a:hover, #media .nav > li > a:focus, #media .nav > li > a:hover {
            border: 0;
            color: #b7274c;
            background-color: transparent;
        }

        #media .nav-tabs > li > a {
            border: 0;
            font-family: MontserratBold;
            font-size: 18px;
            line-height: 28px;
            color: #70707080;
            border-right: 1px solid #b9c6e0 !important;
            border-radius: 0;
            padding: 15px 50px;
            text-transform: uppercase;
        }

        #media .nav-tabs > li:last-child > a {
            border-right: 0 !important;
        }

    #media .videoArea .vidArea {
        padding: 45px 60px;
        border-bottom: 1px solid #d8d8d8;
    }

        #media .videoArea .vidArea .videoSec {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #media .videoArea .vidArea .videoSec a {
                position: absolute;
                font-size: 50px;
                color: #fff;
            }

        #media .videoArea .vidArea .videoDetails h2 {
            font-size: 26px;
            line-height: 34px;
            color: #19202c;
            padding: 0 0 10px 0;
            border: 0;
        }

        #media .videoArea .vidArea .videoDetails p {
            color: #00000080;
            padding-bottom: 10px;
        }

    #media .newsArea .newsClip {
        padding: 60px;
    }

        #media .newsArea .newsClip .imgSec {
            box-shadow: 0 0 10px #00000080;
            border-radius: 10px;
            height: 225px;
            overflow: hidden;
            display: flex;
            align-items: flex-start;
        }

        #media .newsArea .newsClip .newsDetail h2 {
            font-size: 17px;
            line-height: 20px;
            color: #121212cc;
            padding: 20px 0 5px;
            border: 0;
        }

        #media .newsArea .newsClip .newsDetail p {
            font-size: 14px;
            line-height: 18px;
            color: #12121266;
        }

    #media .newsBox {
        padding-bottom: 40px;
        padding-right: 10px;
    }

    #media .newsAreaBox {
        height: 295px;
    }

    #media .viewCta {
        text-align: center;
    }

        #media .viewCta a {
            background-color: transparent;
            border: 1px solid #034e9f;
            color: #034e9f;
            padding: 10px 40px;
            display: inline-block;
            font-family: MontserratBold;
            font-size: 18px;
            border-radius: 6px;
        }

            #media .viewCta a:hover {
                background-color: #034e9f;
                color: #fff;
            }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    overflow: hidden;
}

@media only screen and (max-width:767px) {
    #media .row {
        margin-left: 0;
        margin-right: 0;
    }

    #media .mediaCont .videoArea h2, #media .newsArea h2 {
        padding: 10px 0;
        font-size: 20px;
        line-height: 32px;
    }

    #media .nav-tabs > li {
        font-size: 12px;
        width: 49%;
        border: 1px solid #b9c6e0;
        border-radius: 6px;
        margin-bottom: 10px;
        padding: 0;
    }

        #media .nav-tabs > li > a {
            font-size: 12px;
            padding: 5px;
            border-right: 0 !important;
        }

    #media .nav {
        padding: 10px 10px 0;
    }

    #media .newsArea .newsClip, #media .videoArea .vidArea {
        padding: 10px;
    }

        #media .videoArea .vidArea .videoDetails h2 {
            font-size: 16px;
            line-height: 26px;
            text-align: center;
        }

        #media .videoArea .vidArea .videoDetails p {
            text-align: center;
        }

        #media .newsArea .newsClip .imgSec {
            padding: 20px;
        }

    #media .newsBox {
        padding-bottom: 20px;
    }

    #media .newsAreaBox {
        height: auto;
    }

    #media .newsArea .newsClip .newsDetail h2 {
        font-size: 13px;
        line-height: 20px;
        padding: 13px 0 0;
    }

    #media .viewCta a {
        font-size: 15px;
        padding: 9px 35px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #media .mediaCont .videoArea h2, #media .newsArea h2 {
        padding: 20px 0;
        font-size: 28px;
    }

    #media .nav-tabs > li > a {
        font-size: 15px;
        padding: 5px 35px;
    }

    #media .newsArea .newsClip, #media .videoArea .vidArea {
        padding: 30px;
    }

        #media .videoArea .vidArea .videoDetails h2 {
            font-size: 18px;
            line-height: 28px;
            padding-bottom: 5px;
        }

        #media .newsArea .newsClip .newsDetail h2 {
            padding: 10px 0 5px;
            font-size: 12px;
        }

    #media .newsAreaBox {
        height: 240px;
    }

    #media .newsArea .newsClip .imgSec {
        padding: 0;
        height: 150px;
        overflow: hidden;
    }

    #media .newsArea .newsClip .imgSec {
        padding: 25px 10px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    #media .mediaCont .videoArea h2, #media .newsArea h2 {
        font-size: 27px;
        padding: 30px 0 20px;
    }

    #media .nav-tabs > li > a {
        font-size: 16px;
        padding: 7px 50px;
    }

    #media .videoArea .vidArea .videoDetails h2 {
        font-size: 22px;
        line-height: 32px;
    }

    #media .videoArea .vidArea {
        padding: 35px 60px;
    }
}