.video-wrapper
{
    min-width: 245px;
}
.youtube-container-16x9 {
    padding-bottom: 26.25% !important;
}
.video-wrapper h2
{
    text-align: center;
}
p.small
{
    font-size: 12px;
    text-align: center;
}
.mx-width-900{
    width: 87%;
}
/*custom nav mobile*/

.navbar
{
    margin-bottom: 0 !important;
}
.navbar-brand #header-image
{
    width: 175px;
}
.navbar-header
{
    padding:15px 0 20px !important;
    background-color: var(--blue);
}
.navbar-brand
{
    padding-top: 0 !important;
}
.navbar-toggle
{
    border: none !important;
}
.navbar-toggle .icon-bar
{
    width: 30px !important;
    height: 5px !important;
    
}
.navbar-default .navbar-toggle .icon-bar
{
    background-color: #ffffff !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
{
    background-color: transparent !important;
}
.navbar-collapse
{
    background-color: #2ca8df;
    border:none !important;
}
.navbar-default .navbar-nav>li>a
{
    font-family: FatFrank, Heavy;
    font-size: 24px;
    color: #ffffff !important;
}
.navbar-default .navbar-nav>li>a
{
    font-size: 22px;
}

/*--custom nav end--*/
@media (max-width: 985px) and (min-width: 768px){
    .min_hgt_deniers{
        min-height: 64px;
    }
    .navbar-collapse.collapse
    {
        display: none !important;
        visibility: hidden !important;
        /*height: 0 !important;*/
    }
    .navbar-header {
         float: none !important; 
    }
    .navbar-toggle {
        display: block !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        visibility: visible !important;
    }
    .navbar-right {
        float:none !important;
    }
    .navbar-nav>li
    {
        float: none !important;
    }
    .text-center-sm
    {
        text-align: center;
    }
    .all_twt_sec .youtube-container-16x9
    {
        padding-bottom: 13.25% !important;
    }
    .video-wrapper {
        width: 45%;
        margin-left: 1em !important;
    }
    .pd-0-sm
    {
        padding: 0;
    }
    .mx-width-900
    {
        width: 100%;
    }
}
@media (min-width: 1500px)
{
    .mx-width-900 {
        width: 70% ;
    }
}
@media (min-width: 1800px)
{
    .mx-width-900 {
        width: 60% ;
    }
}