#top-banner
{
    box-sizing: border-box;
    height: 150px;
    min-height: 150px;
    background-color: black;
    padding-left:  5px; 
    padding-right: 5px; 
    /*background: url(ads/lb/lb-banner-back-wanted-eyes-1920-01.jpg) no-repeat top left scroll;*/
}

ul.floating-soc-buttons.top-banner /* TEMP WHILE TOP BANNER */
{
    /*top:      240px !important; /* TEMP WHILE TOP BANNER */*/
}

#top-banner-content
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    /*border: 1px solid white;*/
    box-sizing: border-box;
}

.slogan
{
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    margin-top: -8px !important;
    color: white;
    font-size: 45px;
    font-family: 'PT Sans Narrow', 'Ubuntu Condensed', 'Roboto Condensed', sans-serif;
}




#underheader-banner
{
    /* margin-bottom: 30px; */
    /* padding-bottom: 30px; */
    /*height: 150px;*/
    text-align: center;
}

#single-container #underheader-banner img
{
    margin-bottom: 30px !important;
}

.no-margin-bottom-wide-only
{
    padding-bottom: 0 !important;
}

#underheader-banner .incut-thin
{
    margin-top: 0px !important;
    /* padding-top: 30px !important; */
    /* background-image: url(img/white-noise.gif) !important; */
}

#underheader-banner
{
    /* margin-top: 0px !important; */
    padding-top: 30px !important;
    background-image: url(../img/white-noise.gif) !important;
}




/* RUSDATE */

.slogan p
{
    float: left;
}

.slogan img
{
    max-width: 256px !important;
    height: auto;
    padding: 0 0 0 30px !important;
}

.slogan.rusdate
{
    margin-top: 0px !important;
}

#top-banner.rusdate
{
    background: url(../img/ads/rusdate/rusdate-stars-v2.jpg) top left;
    background-color: black !important;
}

#top-banner.rusdate em
{
    font-size: 50% !important;
}

.slogan.rusdate p
{
    margin-top: 3px !important;
}




/* BRAMEX */

.h-container-underheader
{
    display: none;
}


#underheader-banner,
.bramex-img-desktop,
.bramex-img-desktop-1200,
{
    display: inline-block;
}

.bramex-img-desktop-1024,
.bramex-img-desktop-720,
.bramex-img-mobile-640, 
.bramex-img-mobile-480,  
.bramex-img-mobile-320,  
.bramex-img-mobile
{
    display: none;
}









@media screen and (max-width: 1024px)
{

    .bramex-img-desktop-1024
    {
        display: inline-block;
    }

    .bramex-img-desktop-1200
    {
        display: none;
    }

}


@media screen and (max-width: 1000px)
{
    .slogan
    {
        font-size: 38px !important;
    }
    .slogan img
    {
        max-width: 192px !important;
        padding: 0 0 0 15px !important;
    }

    #underheader-banner
    {
/*        background-color: white !important;
        background-image: url(../img/white-noise.gif) !important;*/
        /*background-color: white !important;*/
        background-image: none;
    }

    #single-container #underheader-banner img
    {
        margin-top: 30px !important;
        margin-bottom: 0px !important;
    }
}



@media screen and (max-width: 800px)
{
    .slogan
    {
        font-size: 33px !important;
    }
    .slogan img
    {
        max-width: 156px !important;
    }
    #top-banner.rusdate
    {
        background: url(../img/ads/rusdate/rusdate-stars-v8.jpg) top left !important;
        background-color: black !important;
    }



    .bramex-img-desktop-720
    {
        display: inline-block;
    }

    .bramex-img-desktop-1024
    {
        display: none;
    }


}









@media screen and (max-width: 650px)
{
    .slogan
    {
        font-size: 27px !important;
    }
    .slogan img
    {
        max-width: 128px !important;
    }

}




@media screen and (max-width: 640px)
{

    /* TEMP, REMOVE AFTER BRAMEX */
    /*#underheader-banner,*/
    /* TEMP, REMOVE AFTER BRAMEX */
    .bramex-img-desktop,
    .bramex-img-desktop-1200,
    .bramex-img-desktop-1024,
    .bramex-img-desktop-720,
    .bramex-img-mobile-480,  
    .bramex-img-mobile-320,  
    .h-container-underheader
    {
        display: none;
    }

    .bramex-img-mobile-640
    {
        display: inline-block;
    }



}















@media screen and (max-width: 550px)
{
    .slogan
    {
        font-size: 30px !important;
    }
    .slogan img
    {
        max-width: 156px !important;
        padding: 15px 0 0 0 !important;
    }
    .slogan p
    {
        float: none;
    }
}




@media screen and (max-width: 480px)
{
    .slogan
    {
        font-size: 26px !important;
    }

    .bramex-img-mobile-640
    {
        display: none;
    }

    .bramex-img-mobile-480
    {
        display: inline-block;
    }

}




@media screen and (max-width: 360px)
{
    .slogan
    {
        font-size: 26px !important;
    }

    .bramex-img-mobile-480
    {
        display: none;
    }

    .bramex-img-mobile-320
    {
        display: inline-block;
    }

}





@media screen and (max-width: 320px)
{
    
}