@media only screen and (min-width: 320px) and (max-width: 767px){

    #container  .stream-header {
        margin-top:50px!important;
        height: 125px!important;
        margin-left: 15px;
        width:auto;
    }
    #container  .stream-header .stream-details{
        height: 125px!important;
    }
    #container  .stream-header .stream-details .title-wrapper {
        display: flex!important;
        flex-wrap:wrap;

    }

    #container  .stream-header .stream-details .title-wrapper .title{
        width:100% !important;
    }
    #container .stream-header .stream-details .title-wrapper .social{
        position: relative!important;
        top:0px;
        transform: unset;
        left: 35px;
    }

}

@media  only screen and (min-width: 766px) and (max-width: 819px){
    body.home{
        overflow: hidden;
        min-width: 766px;
        max-width: 810px;
        width: 98vw;
        position: relative;
        margin:auto;
    }
    #container{
        min-width: 766px;
        max-width: 810px;
        width: 100%;
        position: relative;
        margin:auto;
        /**margin-left: 1vw;
        margin-right: 1vw;*/
    }
    #container .stream-header{
        position: relative;
        height: 110px!important;
        margin-top:50px!important;
        min-width: 766px;
        max-width: 810px;
        width: 100%;
        margin:auto;
    }
    #container .stream-header .stream-details{

    }
    #masthead-wrapper{
        min-width: 766px;
        max-width: 810px;
        width: 100%;
    }
    .footer-wrapper{
        min-width: 766px;
        max-width: 810px;
    }
    .footer-links{
        width: 70%;
    }
    .RC-AD-TOP-BANNER{
        display: none;
    }
    .dos-col #masthead-wrapper{

    }
    .dos-col .alpha-wrapper{

    }
    .dos-col .alpha-container{

    }
    .dos-col .alpha-container .alpha{
        padding: 0px 10px 0;
    }
    .dos-col .beta-container{

    }

}

@media only screen and (min-width: 820px) and (max-width: 1024px) {
    body.home{
        min-width: 800px;
        max-width: 1014px;
        width: 96vw;
        position: relative;
        margin: auto;
    }
    body.home #container {
        min-width: 800px;
        max-width: 1014px;
        width: 100%;

    }
    body.home #container .stream-header{
        height: 115px!important;
        margin-top: 45px!important;
    }
    #container .stream-header .stream-details{

    }

    .footer-wrapper{

    }
    .footer-links{

    }
    .RC-AD-TOP-BANNER{

    }
    .dos-col #masthead-wrapper{
        width: 100%;
        min-width: 810px;
        max-width: 1004px;
    }
    .dos-col .alpha-wrapper{

    }
    .dos-col .alpha-container{

    }
    .dos-col .alpha-container .alpha{

    }
    .dos-col .beta-container{

    }

}

@media only screen and (min-width: 1025px) and (max-width: 1204px)  {
    body.home{
        min-width: 1015px;
        max-width: 1184px;
        width: 96vw;
        position: relative;
        margin: auto;
    }
    body.home #container {
        min-width: 1015px;
        max-width: 1184px;
        width: 100%;

    }
    body.home #container .stream-header{
        height: 115px!important;
        margin-top: 45px!important;
    }
    #container .stream-header .stream-details{

    }

    .footer-wrapper{

    }
    .footer-links{

    }
    .RC-AD-TOP-BANNER{

    }
    .dos-col #masthead-wrapper{
        width: 100%;
        min-width: 1015px;
        max-width: 1184px;
    }
    .dos-col .alpha-wrapper{

    }
    .dos-col .alpha-container{

    }
    .dos-col .alpha-container .alpha{

    }
    .dos-col .beta-container{

    }

}