/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/





@media (min-width: 1281px) and (max-width: 1900px) {

}

@media (min-width: 1024px) and (max-width: 1500px) {
    /*#mainHeader{
        position: relative;
    }

    #mainContent{
        padding-top: 0px;
    }*/

    #mainContent{
        padding-top: 110px
    }

    .channelLogoDiv {
        width: 33% !important;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    #mainHeader {
        position: relative;
    }

    .paddingDiv {
        width: 10%;
    }

    .mainBodyDiv {
        width: 80%;
        max-width: 80%;
    }

    .channelLogoDiv {
        width: 33% !important;
        left: 0px;
    }

        .channelLogoDiv:before {
            transform: skew(-35deg) !important;
        }
}


@media (min-width: 768px) and (max-width: 991px) {
    #mainHeader {
        position: relative;
    }

    .paddingDiv {
        width: 10%;
    }

    .mainBodyDiv {
        width: 80%;
        max-width: 80%;
    }

    .channelLogoDiv {
        width: 33% !important;
        left: 0px;
    }

        .channelLogoDiv:before {
            transform: skew(-35deg) !important;
        }
}


@media (max-width: 767px) {

    #mainHeader{
        position: relative;
    }

    .paddingDiv {
        width: 0px;
    }

    .mainBodyDiv {
        width: 100%;
        max-width: 100%;
    }

    .channelLogoDiv {
        width: 33% !important;
        left: 0px;
    }

    .channelLogoDiv a img{
        height: auto !important;
    }

    .channelLogoDiv a{
        right: -10px !important;
    }

        .channelLogoDiv:before {
            transform: skew(-35deg) !important;
        }

    #mainContent {
        padding-left: 15px;
        padding-right: 15px;
    }


    .seriesTitle{
        margin-top: 5%;
        margin-bottom: 5%;
    }


    .sectionDivider {
        width: 100%;
        margin-top: 8%;
        margin-bottom: 2%;
    }

    .internalSection .rightDiv .seriesInfo {
        margin: 0px;
        position: relative;
        width: 100%;
    }
}