@media (min-width: 991.98px){
.sideMenu{
    display: none;
}
}


@media (max-width: 991.98px){
    .customNavbar {
        justify-content: space-between!important;
     
    }
    .sideMenu {
        height: calc(100% - 81.59px);
        top: 81.59px;
    }
    
    .collapse:not(.show) {
        display: none!important;
    }
    }
    .menuRedIcon{
        display: none;
    }
    
    .menuHome {
        padding-top: 20px;
    }
    .menuHome, .menuChannels, .menuMyAcc {
        display: flex;
        align-items: center;
        padding: 16px;
        cursor: pointer;
        color: #fff;
    }
    .menuHome span, .menuChannels span, .menuMyAcc span {
        line-height: normal;
    }
    
    .sideMenu {
        position: fixed;
        width: 0%;
        height: calc(100% - 81.59px);
        top: 81.59px;
        right: 0px;
        z-index: 790;
        overflow-x: hidden;
        background-color: rgb(0 0 0 / 60%);
        text-align: right;
    }
    
    .sideMenuWrapper {
        width: 0px;
        height: 100%;
        background-color: #1a1a1a;
        padding-bottom: 35px;
        display: inline-flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        overflow-y: auto;
        transition: 0.1s ease-in-out;
    }
    .sideMenuProfiles {
        width: 100%;
        position: relative;
    }
    .activeSideMenu {
        color: #3989f9;
    }
    .menuHome:hover, .menuChannels:hover, .menuMyAcc:hover, .menuLiveTv:hover, .menuProfilesSideMenu:hover {
        background-color: rgb(255 255 255 / 20%);
        color: #3989f9;
    }
    .menuHome {
        padding-top: 20px;
    }
    .menuHome, .menuChannels, .menuMyAcc, .menuLiveTv, .menuProfilesSideMenu {
        display: flex;
        align-items: center;
        padding: 16px;
        cursor: pointer;
        color: #fff;
        border-bottom: 1px solid #4d4d4d;
        margin: 0 18px;
        transition: none !important;
    }
    .sideMenuSignout {
        text-align: center;
        bottom: 85px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sideMenuSignout a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border: solid 1px #707070;
        width: 160px;
        height: 48px;
        border-radius: 24px;
        margin-top: 18px;
    }
    .sideMenuSignout a:hover {
        background-color: #3989f9;
        border: solid 1px #3989f9;
    }
    @media (min-width: 575.98px){
        .sideMenuFullWidth {
            width: 240px!important;
        }
    }

    @media (max-width: 575.98px){

        .sideMenuFullWidth {
            width:100%!important;
        }
    }
    @media (max-width:365px){
        .sideMenu{
            top:77.59px;
        }
    }
    @media (max-width:320px){
        .sideMenu{
            height: calc(100% - 77.59px);
        }
    }