/* COCK */
.channel-header-PH {
    margin: auto;
    width: 100%;
    content: url("/img/PH.png");
    margin-left: 2px;
}

.channel-header-PH1 {
    margin: auto;
    width: 100%;
    content: url("/img/PH1.png");
    margin-left: 2px;
}

.channel-header-SBB {
    margin: auto;
    width: 100%;
    content: url("/img/SBB.png");
    margin-left: 2px;
}

.channel-header-GW {
    margin: auto;
    width: 100%;
    content: url("/img/GW.png");
    margin-left: 2px;
}

.channel-header-SC {
    margin: auto;
    width: 100%;
    content: url("/img/SC.png");
    margin-left: 2px;
}

.channel-header-KC999 {
    margin: auto;
    width: 100%;
    content: url("/img/GCF.png");
    margin-left: 2px;
}

/* END COCK */

/* START K99 */

.channel-header-K99 {
    margin: auto;
    width: 100%;
    content: url("/img/K99.png");
    margin-left: 2px;
}

/* END K99 */

/* START SEXY */
.channel-header-TD {
    margin: auto;
    width: 100%;
    content: url("/img/TD.png");
    margin-left: 2px;
}

.channel-header-BAC {
    margin: auto;
    width: 100%;
    content: url("/img/BAC.png");
    margin-left: 2px;
}

/* END SEXY */

/* START 369 */

.channel-header-369_BAC1 {
    margin: auto;
    width: 100%;
    content: url("/img/369.png");
    margin-left: 2px;
}

.channel-header-369_BAC2 {
    margin: auto;
    width: 100%;
    content: url("/img/369.png");
    margin-left: 2px;
}

.channel-header-369_TD1 {
    margin: auto;
    width: 100%;
    content: url("/img/369.png");
    margin-left: 2px;
}

/* END 369 */

/* START W8 */
.channel-header-W8_TD1 {
    margin: auto;
    width: 100%;
    content: url("/img/W8.png");
    margin-left: 2px;
}

.channel-header-W8_BAC1 {
    margin: auto;
    width: 100%;
    content: url("/img/W8.png");
    margin-left: 2px;
}

/* END W8 */

.channel-header-more {
    margin: auto;
    width: 100%;
    content: url("/img/MORE.png");
    margin-left: 2px;
}

.channel-header-CP {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/CP.png");
    margin-left: 2px;
}

.channel-header-CHT {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/CHT.jpg");
    margin-left: 2px;
}

.channel-header-2BW {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/2BW.png");
    margin-left: 2px;
}

.channel-header-BPC {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/BPC.png?v=1.0.1");
    margin-left: 2px;
}

.channel-header-TBY {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/CP.png?v=1.0.1");
    margin-left: 2px;
}

.channel-header-DSB {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/DSB.png?v=1.0.1");
    margin-left: 2px;
}


.channel-header-TD1 {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/369.png?v=1.0.2");
    margin-left: 2px;
}

.channel-header-TD2 {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/w8.png?v=1.0.2");
    margin-left: 2px;
}

.channel-header-TD3 {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/w8.png?v=1.0.2");
    margin-left: 2px;
}

.channel-header-BAC1 {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/369.png?v=1.0.2");
    margin-left: 2px;
}

.channel-header-BAC2 {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/369.png?v=1.0.2");
    margin-left: 2px;
}

.channel-header-BAC3 {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/369.png?v=1.0.2");
    margin-left: 2px;
}


.channel-header-TSB {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/SB24.png?v=1.0.0");
    margin-left: 2px;
}


.channel-header-loto {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/LOTO.png?v=1.0.0");
    margin-left: 2px;
}

.channel-header-RB {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/RB.png?v=1.0.0");
    margin-left: 2px;
}

.channel-header-KCDM {
    margin: auto;
    width: 100%;
    content: url("../images/menu-icons/KCDM.png?v=1.0.2");
    margin-left: 2px;
}

/* .top-40 {
    top: 35% !important;
} */

/* .mt-3 */

.ml-15 {
    margin-left: 15px;
}

.heading-padding {
    padding: 4px;
}

.p-6 {
    padding: 6px !important;
}

.p-8 {
    padding: 8px !important;
}

.m-auto {
    margin: auto !important;
}

.h-4rem {
    height: 4.2rem !important;
}

.heading-padding:hover {
    background-color: #ffffff51 !important;
    border-radius: 10%;
}

.mobile-header-channel {
    background-color: #fff;
    padding: 2px;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    padding: 4px 6px 4px 3px;
    position: relative;
}

.channels div:nth-child(2) {
    background-size: contain;
    background-image: url("../icons/menu-mobile/output-onlinegiftools.gif");
}

.channels div:last-child {
    background-size: contain;
    background-image: url("../icons/menu-mobile/output-onlinegiftools.gif");
}

.gap-10 {
    gap: 10px;
}

.header-channel>.active {
    background-color: #ffffff51 !important;
    border-top: 2px solid rgb(255, 132, 0);
    /* box-shadow: inset 0 0 2px rgb(255, 132, 0); */
    border-radius: 6px;
}

.header-channel:hover {
    background-color: #ffffff51 !important;
    border-radius: 6px;
}

.header-channel-profile:hover {
    background-color: #ffffff51 !important;
    border-radius: 6px !important;
}

.mobile-channel-active {
    border-radius: 100%;
    left: 45%;
    bottom: 2%;
    /* background-color: rgb(40, 199, 112, 0.7) !important; */
}

.channel-header-active-status {
    padding: 4px;
    border-radius: 50%;
    left: 40%;
    bottom: 1px;
}

.menu_mobile__item>.row>.col-9 {
    margin-top: 2px !important;
}


.icon-header-menu {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 20px;
    left: 0 !important;
    top: 3px;
    margin-top: -1px;
    background-image: url(../icons/menu-mobile/user.svg);
}

.w-40 {
    width: 10rem;
}

.menu_mobile__item>.row>.col-2 {
    margin-right: 3px;
}

@media screen and (max-device-width: 1315px) {
    .header-channel>.heading-padding {
        padding: 10px 12px;
    }
}

@media screen and (max-device-width: 992px) {
    .header-channel>.heading-padding {
        padding: 10px 8px;
    }
}

@media screen and (max-device-width: 953px) {
    .header-channel>.heading-padding {
        padding: 10px 10px;
    }
}

@media only screen and (max-width: 935px) {
    .header-channel>.heading-padding {
        padding: 10px 6px;
    }

    .gap-10 {
        gap: 0px;
    }
}

@media only screen and (min-width: 800px) {
    .mobile-channel-active {
        padding: 4px;
        border-radius: 50%;
        left: 39%;
        bottom: 1px;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 800px) {
    .mobile-channel-active {
        bottom: 22%;
    }
}