@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html {
    scroll-behavior: smooth;
  }
.modal {
    z-index: 1060;
}

/* Scroll bar customization */

.left-sidebar::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
}

.header-menu .main-nav.nav::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
}

.event-list::-webkit-scrollbar {
    width: 2px !important;
    height: 2px !important;
}

.left-sidebar ul.event-list::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    margin-left: 10px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(51, 51, 51, 0.966);
    border-radius: 50px;
}

::-webkit-scrollbar-thumb {
    background: rgb(251, 117, 10);
    background: linear-gradient(180deg, rgba(251, 117, 10, 1) 0%, rgba(198, 16, 243, 1) 100%);
    transition: all 0.3s ease-in-out;
    border-radius: 50px;
}

.details .host::-webkit-scrollbar-thumb {
    background: linear-gradient(270deg, rgba(251, 117, 10, 1) 0%, rgba(198, 16, 243, 1) 100%);
}

/* ::-webkit-scrollbar-thumb:hover {
	background-color: #fa910f;
	border-radius: 50px;
	
} */


/* Generals */

.notif-icon {
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: #21e403;
    right: 0px;
    left: 65px;
    border-radius: 50px;
    top: 26px;
    border: 3px solid #1a1a1a;
    z-index: 1;
}

body {
    color: #fff;
    padding: 0;
    margin: 0;
    background: #1a1a1a;
    font-family: 'Montserrat', 'Poppins', sans-serif, 'Source Sans Pro';
    overflow: hidden;
    /*text-shadow: 2px 2px rgba(0, 0, 0, 0.6);*/
}

a {
    text-decoration: none;
    color: #fafafa;
}

a:hover {
    text-decoration: none;
    color: #fafafa;
}



/* .main-nav li {
    margin: 12px 20px 10px 10px;
} */
.mainTabs {
    background-color: #111;
    border-radius: 10px;
    padding: 30px 30px;
}

.main-nav li i {
    margin-right: 4px;
}

.main-nav li button {
    /* margin-top: -7px; */
}

.main-nav li a:hover,
.main-nav li a.active {
    color: #ff8468;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

.topHeader .main-nav li {
    margin: 0px 16px 0px 7px;
    display: flex;
    align-items: center;
}

/* .topHeader .main-nav li:nth-child(1) i {
    font-size: 12.5px;
    margin-top: -5px;
} */

/* .topHeader .main-nav li:nth-child(2) i {
    font-size: 12.5px;
    margin-top: -5px;
} */

/* .topHeader .main-nav li:nth-child(3) i {
    font-size: 12.5px;
    margin-top: -5px;
} */

/* .topHeader .main-nav li button {
    margin-top: 0px;
    color: #fff;
    font-weight: 600;
    background-image: linear-gradient(100deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
    padding: 11px 20px;
    border-radius: 0.25rem;
    border: 1px solid #111111 !important;
} */

.topHeader .main-nav li .btn-creator:hover {
    border: 1px solid #1a1a1a !important;
    background: linear-gradient(90deg, rgba(0, 198, 255, 1) 0%, rgba(51, 106, 242, 1) 22%, rgba(165, 61, 255, 1) 45%, rgba(255, 120, 0, 1) 98%);
    color: #fff;

}
.btn-creator{
    /* position: fixed; */
    /* right: 453px; */
    border-radius: 0.25rem;
    border: none !important;
    color: #fff;
    /* top: 43px; */
    font-size: 0.7vw;
    font-weight: 600;
    background-image: linear-gradient(100deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
    padding: 13px 15px;
}
.topHeader .main-nav li .live-btn:hover {
    border: 1px solid #1a1a1a !important;
    background: linear-gradient(90deg, rgba(0, 198, 255, 1) 0%, rgba(51, 106, 242, 1) 22%, rgba(165, 61, 255, 1) 45%, rgba(255, 120, 0, 1) 98%);
    color: #fff;
}

.page-header {
    margin: -5px 0 15px 0;
}

.page-header p {
    margin: 8px 6px 0 0;
    color: #999;
    font-weight: bold;
    font-size: 14px;
}

.home-page p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-weight: 300;
    -webkit-box-orient: vertical;


}


/* Root Containers */

.root-container {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100vh;
}

.left-sidebar {
    /* transition: all 0.35s ease-in-out; */
    width: 135px;
    /* padding: 25px 30px; */
    padding: 0;
    background-color: #111;
    box-shadow: 20px 0px 12px -11px #1d1c2154;
    /*border-right: 1px solid #43444a;*/
    overflow: auto;
    position: absolute;
    z-index: 1035;
}

.left-sidebar:hover {
    width: 270px;
    /* transition: all 0.35s ease-in-out; */
}

.left-sidebar:hover img {
    /* margin-left: 4px; */
/* .left-sidebar:hover img {
  
    width: 78%;
 */
}
.left-sidebar:hover ul li span{
 display: block;
 /* transition-delay: 0.3s !important; */
}
.left-logo {
    width: 161px;
    /* display:none; */
    /* transition: 0s; */
    opacity: 0;
   
}
.left-sidebar:hover .left-logo {
    /* display: block; */
    opacity: 1;
    /* transition-delay: 0.5s; */
}
.left-sidebar:hover ul li span {
    display: block;
    /* transition-delay: 0.3s !important; */
}

/* .h-nav{
    width: calc(100% - 270px)!important;
} */
.center-content {
    max-width: calc(100% - 135px);
    margin-left: auto;
    padding: 130px 35px;
}

.topHeader {
    width: calc(100% - 135px);
    right: 0;
    left: auto;
    height: 130px;
    /* background-color: #343434; */
    /*background-image: linear-gradient(130deg, rgba(255, 120, 0, 1) 0%, rgba(166,61,255,1) 50%, rgba(0,198,255,1));*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px !important;
    /*box-shadow: 0 13px 12px -11px #1d1c218c;*/
    /*border-bottom: 1px solid #43444a;*/
}


/* Main Elements */

.btn {
    color: #fff;
    font-weight: 600;
    min-height: 35px;
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}

.live-btn {
    margin-left: -160px;
    bottom: 31px;
    color: #fff;
    margin-top: 0px;
    z-index: 9999;
    background-image: linear-gradient(100deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
    padding: 7px 27px;
    border-radius: 0.25rem;
    border: none !important;
    font-weight: 600;
}

/* .live-btn:hover{
    border: 1px solid #38d1d6 !important;
} */
.btn-primary {
    background-color: #9744ff;
    border-color: #9744ff;
    font-size: 0.7vw !important;
}

.btn-secondary {
    background-color: #c82a89;
    border-color: #c82a89;
}

.btn-success {
    background-color: #e0c729;
    border-color: #e0c729;
}

.btn-danger {
    background-color: #d41a41 !important;
    border-color: #d41a41;
}

/* .btn-info {
    background-color: #0d95c2;
    border-color: #0d95c2;
} */

.user-avatar {
    border-radius: 50%;
}

.creator-avatar {
    border-radius: 40%;
}

.channel-avatar {
    border-radius: 10px;
}

.show-avatar {
    position: relative;
}


.avatar-xs {
    width: 25px;
}

.avatar-sm {
    width: 40px;
    height: 40px;
}

.avatar-md {
    width: 50px;
    height: 50px;

}

.showsCoverArea .show-avatar {
    /* width: 100%; */
    height: 100%;
}

.pro-icon {
    z-index: 100;
    transition: 0.5s;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    top: 0px;
    left: 65px;
    background-color: #ef03ef;
    color: white;
    padding: 5px;
    width: 17px;
    height: 17px;
    border: 2px solid #111111;
}

.pro-icon:hover {
    background-color: #e7050c;
    transform: scale(1.3);

}

.pro-icon a {
    margin-top: 1px
}

.pro-camera {
    transition: 0.5s;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    top: 52px;
    left: 63px;
    background-color: #111111;
    z-index: 100;
    color: white;
    padding: 5px;
    width: 20px;
    height: 20px;
}

.pro-camera:hover {
    background-color: #111111;
    transform: scale(1.3);

}

.pro-camera a {
    margin-top: 1px;
    color: #767675;
}

.avatar-lg {
    width: 70px;
}

.avatar-xl {
    width: 100px;
}

.avatar-xxl {
    width: 130px;
}

.avatar-xxxl {
    width: 160px;
}

.avatar-xxxxl {
    width: 190px;
}

.sub-text {
    font-size: 0.7rem;
    color: #999999;
}

.clear-float {
    clear: both;
}

/* Left Bar */
.logoIcon::before {
    content: url(../images/logo-icon.png);
    width: 100px;
    height: 90px;
    background-color: #111111;
    position: absolute;
    top: 18px;
    left: 4px;
    text-align: center;
    transform: scale(0.47);
    background-size: 90px 20px;
    background-repeat: no-repeat;
}

.left-sidebar .logo {
    /* max-width: 220px; */
    padding: 24px 30px;
    height: 127px;
    display: flex;
    align-items: center;
}

/* .left-sidebar img {
    width: 0px;
    transition: none;
} */

.left-sidebar h6 {
    color: #5b5d62;
    margin: 15px 0px 5px 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8rem;

}

.left-sidebar ul {
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0;
    width: 100%;
}

ul.event-list li:last-child {
    cursor: auto;
}



.left-sidebar ul.main-menu {
    /*padding: 0 0 20px 0px;
	border-bottom: 1px solid #313237;*/
}

.left-sidebar ul.main-menu.ftmenu {
    padding: 0 0 0px 0px;
    border-bottom: none;
}


.left-sidebar ul.event-list {
    list-style-type: none;
    margin-top: 10px;
    height: auto;
    max-height: 200px;
    /* overflow-x: hidden;
    overflow-y: auto ; */
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0px;
}

.left-sidebar:hover .left-sidebar ul.event-list {
    padding-right: 20px;
}

.left-sidebar ul.event-list h5 {
    font-size: 10px !important;
    margin-bottom: 0px;
    color: #636468;
    font-weight: 600;
    margin-bottom: 0px;
}

.left-sidebar ul.main-menu li {
    padding: 3px 0px 3px 0px;
    position: relative;
    max-height: 28px;
    margin: 10px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}




.left-sidebar ul.main-menu li h5 {
    margin: 0px;
}

.left-sidebar ul.main-menu li i {
    /* display: none; */
    font-size: 1rem;
    opacity: 0.7;
    margin: -5px 8px 0 0;
    transform: rotate(16deg);
}

.left-sidebar ul.main-menu li.active i {
    transform: rotate(270deg);
}


.left-sidebar ul.main-menu li a {
    font-size: 13px;
    color: #ffffff;
    /* transition: all 0.2s ease-in-out; */
    margin: 0px;
    display: block;
    width: 100%;
    font-weight: 700;
    height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.left-sidebar:hover ul.main-menu li a {
    /* font-weight:500; */
    font-size: 1rem;
}

.left-sidebar ul.main-menu a:hover {
    font-size: 1rem;
    font-weight: 700 !important;
    color: #5f5e5e !important;
    transition: none !important;
}

.left-sidebar ul li a.active {
    color: #a979ff !important;
}

.left-sidebar ul.main-menu li:last-child i {
    /* display: none; */
    font-size: 1rem;
    opacity: 0.7;
    margin: -5px 8px 0 0;
    font-weight: 900;
    transform: rotate(0deg);
}

.left-sidebar ul.main-menu li:last-child a {
    font-size: 0.9rem;
    color: #aaa;
}

/* .left-sidebar ul.main-menu li:last-child:hover a {
    font-size: 0.9rem;
    color: #38d1d6;
    transition: all 0.2s ease-in-out;
} */

.left-sidebar ul.main-menu li:last-child:hover::before {
    display: none;
}

.orange {
    background-color: #Fb750a !important;
}

.orange-dark {
    background-color: #e4664c !important;
}

.purple {
    background-color: #c350ad !important;
}

.purple2 {
    background-color: #c610f3 !important;
}

.purple-dark {
    background-color: #9a47ff !important;
}

.aqua-dark {
    background-color: #5262db !important;
}

.aqua {
    background-color: #2a9fff !important;
}

.aqua-dark2 {
    background: #09a2cf !important;
}


.Lefttext_orange {
    color: #Fb750a !important;
}

.Lefttext_orange-dark {
    color: #e4664c !important;
}

.Lefttext_purple {
    color: #c350ad !important;
}

.Lefttext_purple2 {
    color: #c610f3 !important;
}

.Lefttext_purple-dark {
    color: #9a47ff !important;
}

.Lefttext_aqua-dark {
    color: #5262db !important;
}

.Lefttext_aqua {
    color: #2a9fff !important;
}

.Lefttext_aqua-dark2 {
    color: #09a2cf !important;
}


.left-sidebar:hover .main-menu a {
    color: #e5e4e4 !important;

}


.left-sidebar ul li span.unreadCount {
    background: #8039ff;
    padding: 2px 0px;
    font-size: 0.7rem;
    border-radius: 10px;
    font-weight: 600;
    /* min-width: 30px; */
    text-align: center;
    color: #111;
    width: 0px;
    /* transition: 0.2s; */
}

.left-sidebar:hover ul li span.unreadCount {
    color: rgb(255, 253, 253);
    width: 40px;

}

.left-sidebar ul li.active a {
    color: #fff !important;
    font-weight: 600;
}

.left-sidebar:hover ul li.active .Lefttext_orange {
    color: #Fb750a !important;
    font-weight: 600;
}

.left-sidebar:hover ul li.active .Lefttext_orange-dark {
    color: #e4664c !important;
    font-weight: 600;
}

.left-sidebar:hover ul li.active .Lefttext_purple {
    color: #c350ad !important;
    font-weight: 600;
}

.left-sidebar:hover ul li.active .Lefttext_purple2 {
    color: #c610f3 !important;
    font-weight: 600;
}

.left-sidebar:hover ul li.active .Lefttext_purple-dark {
    color: #9a47ff !important;
    font-weight: 600;
}

.left-sidebar:hover ul li.active .Lefttext_aqua-dark {
    color: #5262db !important;
    font-weight: 600;
}

.left-sidebar:hover ul li.active .Lefttext_aqua {
    color: #2a9fff !important;
    font-weight: 600;
}



.left-sidebar ul.main-manu li.active i {
    transform: rotate(16deg);
}


.left-sidebar:hover ul.main-menu li.active:before {

    content: '';
    /* position: absolute;
    top: 0;
    left: -19px;
    bottom: 0;
    height: 100%;
    width: 3px; */
    background: #fcf9fd;
}

.left-sidebar ul.main-menu li.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: -19px;
    bottom: 0;
    height: 100%;
    width: 3px;
    background: #fcfcfc;
}

.left-sidebar ul.main-menu.ftmenu li a {
    font-size: 1rem;
    color: #5e5f68;
    transition: all 0.2s ease-in-out;
}

.left-sidebar ul.main-menu.ftmenu li:last-child a {
    font-size: 1rem;
    color: #5e5f68;
    transition: all 0.2s ease-in-out;
}

.left-sidebar ul.main-menu.ftmenu li:hover a {
    font-size: 1rem;
    color: #38d1d6;
    transition: all 0.2s ease-in-out;
}

.left-sidebar ul.main-menu.ftmenu li:hover:before {
    display: block;
}

.left-sidebar .listItemContainer {
    width: 100%;
    display: block;
}

/* Start Category-list */
.cardbox {
    padding: 35px 35px;
    margin-top: 30px;
    background-color: #111111;

}

.searchResult .cardbox .col-md-4 {
    flex: 0 0 18%;
    width: 33.33333333%;
}

.cardbox:hover {
    background: linear-gradient(273deg, rgb(56, 56, 56) 0%, rgb(17, 17, 17) 73%);
}

/* .cardbox p{
    height: 147px;
} */
.ctgry-data {
    width: 100%;
    padding-left: 25px;
    /* flex: 0 0 80%; */
}

.video-ctgry-img {
    width: 30vw;
    height: 16vw;
    background-color: #2b2b2b;
}

.video-ctgry-img img {
    background-size: cover;
    height: 100%;
    width: 100%;
}

.video-icn {
    background: linear-gradient(273deg, rgba(203, 12, 187, 1) 0%, rgb(255, 153, 0) 100%);
    padding: 12px 18px;
    margin: 0 25px 0 0;
    border-radius: 5px;
    cursor: pointer;
}

.video-icn2 {
    background: linear-gradient(273deg, rgb(6 186 227) 0%, rgba(213, 5, 231, 1) 76%);
    padding: 12px 18px;
    margin: 0 25px 0 0;
    border-radius: 5px;
    cursor: pointer;
}

.icon-body {
    display: flex;
    position: relative;
    position: absolute;
    bottom: 1px;
    align-items: center;
}

.list-dis {
    width: 90%;
    /* margin-bottom: 66px; */
}

.video-disc {
    display: flex;
    position: relative;
    padding: 0;
}

.video-disc hr {

    height: 2px;
    opacity: 1;
    width: 300px;
    transition: 1s;
    background: linear-gradient(50deg, rgba(255, 120, 0, 1) 16%, rgb(255, 61, 239) 49%, rgba(6, 172, 209, 0));
    /* margin: 30px 0; */
}

.cardbox:hover hr {
    height: 2px;
    opacity: 1;
    width: 100%;
    background: linear-gradient(50deg, rgba(255, 120, 0, 1) 16%, rgb(255, 61, 239) 49%, rgb(6, 172, 209));
    /* margin: 30px 0; */
}

/* End category-list */

/* Center Content */

.leftbar-icon {
    margin: 3px 0 0 -2px;
    display: none;
}

.rightbar-icon {
    display: none;
    float: right;
    cursor: pointer;
    margin: -30px 16px 0 0;
}

.header-menu h5 {
    float: left;
    cursor: pointer;
    margin: 5px 0 0 20px;
}

/* new search */

.form-control:focus {
    box-shadow: none;
}

.topHeader form {
    position: relative;
    transition: 1s;
    margin-right: 25px;
    margin-left: 20px;
    margin-bottom: 0px;
}

.topHeader input[type=text]::placeholder {
    color: #313237;
    font-weight: 400 !important;
}

.topHeader input[type=text] {
    outline: 0;
    width: 100%;
    height: 35px;
    padding: 0px 10px 0 40px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition-property: width, border-radius;
    background-color: #0e0e0e;
    z-index: 1;
    outline: none;
    color: #fff;
    border: 2px solid #313237;
    position: relative;
    transition: 0.3s cubic-bezier(0, 0, 0.43, 1.49);
}

.topHeader button.search-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 5rem;
    color: #fff;

    border: 2px solid #9b67ff;
    font-size: 12px;
    height: 35px;
    outline: none;
    font-weight: 500;
    background: #9b67ff;
    border-radius: 0px 5px 5px 0px;
}

.topHeader input:not(:-moz-placeholder-shown) {
    border-radius: 5px 0px 0px 5px;
    width: 5rem;
}

.topHeader input:not(:-ms-input-placeholder) {
    border-radius: 5px;
    width: 5rem;
}

.topHeader input[type='text']:focus {
    border: 2px solid #9b67ff;
    transition: all 0.2s ease-in-out;
}

.topHeader input:not(:placeholder-shown) {
    border-radius: 5px 0px 0px 5px;
    border: 2px solid #9b67ff;
    /* width: calc(100% - var(--btn-width)); */
    width: calc(100% - 5rem);
}

.topHeader input:not(:-moz-placeholder-shown)+button.search-btn {
    display: block;
}

.topHeader input:not(:-ms-input-placeholder)+button.search-btn {
    display: block;
}

.topHeader input:not(:placeholder-shown)+button.search-btn {
    display: block;
}

.topHeader label {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.search-box i {
    color: #313237;
    position: absolute;
    top: 13px;
    left: 17px;
    font-size: 18px;
    z-index: 999;
}

/* End new search */


.btnCollection {
    background: transparent;
    border: 0px;
    border-bottom: 1px solid transparent;
    border-radius: 0px;
    padding: 8px 3px;
    font-size: 13px;
    border-width: 4px;
    box-shadow: 0 0 0 0.25rem #3184fd00;
}

.btn-check:active+.btnCollection:focus,
.btn-check:checked+.btnCollection:focus,
.btnCollection.active:focus,
.btnCollection:active:focus,
.btnCollection:focus,
.btnCollection:active,
.btnCollection.dropdown-toggle:focus,
.btnCollection:hover {
    background: transparent;
    border: 0px;
    border-bottom: 1px solid;
    border-radius: 0px;
    box-shadow: 0 0 0 0.25rem #3184fd00;
    border-image-slice: 1;
    border-width: 4px;
    border-image-source: linear-gradient(50deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));

}

.carousel-header {
    /* margin: 25px 0 20px 0px; */
    margin: 2.2rem 0 2.2rem 0;
    padding: 0px 0px;
    align-items: self-end;
}

.carousel-header h3 {
    margin-bottom: 0px;
}

.carousel-header p {
    margin-bottom: 0 !important;
}

.carousel-header h5 {
    color: #999;
    font-size: 1.1rem;
    margin: 0px;
}

.ytube-imp.btn i {
    font-size: 16px;
}

.ytube-imp {
    height: 45px;
    background-color: #6c757d;
    border-color: #6c757d;
}

.ytube-imp:hover {
    background-color: #c82a89;
    border-color: #c82a89;
}


/* .carousel-header a {
	margin-top: 10px;
	font-weight: 600;
	text-transform: uppercase;
} */

.carousel-theme .item {
    /* padding: 10px; */
    position: relative;
}

.carousel-theme .item .video-caption h5 {
    color: #ffb387;
    font-size: 18px;
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.carousel-theme .item .video-caption p {
    font-size: 14px;
}

.carousel-theme .item .meta-title img {
    z-index: 1;
    float: left;
    margin-right: 10px;
}

.carousel-theme .item .meta-title p {
    margin: 10px 0 0 0;
    line-height: 01.1rem;
    font-weight: bold;
}

.carousel-theme .item .video-caption .title h5 {
    display: flex;
    color: #757681;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}

.carousel-theme .item .video-caption .title h5 img {
    margin-right: 15px;
    /* border-radius: 10px; */
}

.poster.infuencerSearch img {
    border-radius: 100%;
}

.carousel-theme .item .video-caption .title h5 span.TitleText {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.carousel-theme .item .video-caption .title h5 span.TitleText span.subTitle {
    opacity: 0.8;
    font-size: 1rem;
    font-weight: 600;
    padding-top: 2px;
    color: #ffe0cf;
    overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
}

.carousel-theme .item .video-caption .title p {
    margin-top: 12px;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #ffffff;
    margin-bottom: 0;
    opacity: 0.7;
}

.carousel-theme .item .video-caption .title .avatar-md {
    width: 55px;
    height: 55px;
}

.searchPanel {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 35px;
    align-items: center;
}

.searchPanel .dropdown {
    margin-left: 15px;
    max-width: 150px;
}

.searchPanel .userDropdown h6 {
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*

.carousel-theme .owl-nav [class*=owl-] {

    background-color: transparent;

    font-size: 20px;

    text-shadow: 3px 6px rgba(0, 0, 0, .4);

}



.carousel-theme .item div.cover-wrapper img {}



.carousel-theme .owl-nav .owl-prev {

    left: -20px;

}



.carousel-theme .owl-nav .owl-next {

    right: -20px;

}





.owl-carousel .nav-button {

    height: 50px;

    width: 25px;

    cursor: pointer;

    position: absolute;

    top: 110px !important;

}*/

.carousel-theme .item img {
    position: relative;
    display: block;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.25;
}


/* .owl-carousel .owl-prev {
	left: -35px;
} */

.owl-carousel .owl-next {
    /* right: -26px;
    background: #fff;
    border-radius: 100px;
    width: 56px;
    height: 56px;
    padding: 10px 10px 12px 14px; */

    right: -48px;
    font-size: 3.5rem;
}

.owl-carousel .owl-prev {
    /* left: 26px;
    background: #fff;
    border-radius: 100px;
    width: 56px;
    height: 56px;
    padding: 11px 16px 11px 13px; */
    left: -27px;
    font-size: 3.5rem;
}
.mt-bar {
    align-items: center;
    margin: 1rem 0 2rem 0;
}

.new-carousel .owl-dots{
    display: none;
}
/* .owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	margin-top: -15px;
} */

.owl-carousel .prev-carousel:hover {
    background-position: 0px -53px;
}

.owl-carousel .next-carousel:hover {
    background-position: -24px -53px;
}

.carousel-wrapper {
    position: relative;
}

.calenderListview-carousel .owl-nav {
    /* font-size: 36px; */
    font-weight: 100;
    color: #999;
    position: absolute;
    z-index: 999;
    top: 24px;
    width: 100%;
}

.influencer-carousel button.owl-prev,
.influencer-carousel2 button.owl-prev {
    top: 52%;
}

.influencer-carousel button.owl-next,
.influencer-carousel2 button.owl-next {
    top: 52%;
}


/* .influencerArea  .imgArea {
	min-height: 141px;
	max-height: 141px;
} */

button.owl-next {
    position: absolute;
    margin: 0;
    position: absolute;
    right: 0px;
    top: 46%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(0%, -50%);
    border: none;
    color: #fff;
    font-size: 32px;
    background-color: transparent;
}

button.owl-prev {
    position: absolute;
    margin: 0;
    position: absolute;
    top: 46%;
    left: 17px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: none;
    color: #fff;
    font-size: 32px;
    background-color: transparent;
}

.owl-carousel {
    position: relative;
}
.influencerArea a img {
    /* min-height: 109px; */
}

.spotlight-carousel .item div.cover-wrapper {
    -webkit-box-shadow: inset 0px -80px 50px 50px rgba(0, 0, 0, 0.35), 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -80px 50px 50px rgba(0, 0, 0, 0.35), 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.spotlight-carousel .item div.cover-wrapper img {
    z-index: -1;
    max-height: 311px;
    min-height: 311px;
}

.spotlight-carousel .item .meta-title {
    position: absolute;
    top: 64%;
    left: 40px;
    /*
	background-color: rgba(0, 0, 0, 0.8);
	height: 58px;
	padding: 10px 15px 0 15px;
	vertical-align: middle;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px; */
}

.spotlight-carousel .item .play-btn {
    position: absolute;
    /* text-shadow: 3px 6px rgba(0, 0, 0, 0.4); */
    /* left: calc(50% - 25px);
	top: calc(50% - 30px); */
    cursor: pointer;
    left: 50%;
    top: 50%;
    background: linear-gradient(133deg, rgb(255 147 0) 13%, rgba(166, 61, 255, 1) 55%, rgb(0 198 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    transform: translate(-50%, -50%) scale(1);
    z-index: 1;
    transition: 0.5s;
}

.spotlight-carousel .item .play-btn:hover {
    transform: translate(-50%, -50%) scale(1.3);
    transition: 0.5s;
}

.spotlight-carousel .item .video-caption {
    position: absolute;
    bottom: 0;
    padding: 80px 41px 20px 40px;
    background-image: linear-gradient(rgba(255, 0, 0, 0), rgb(0 0 0));
    width: calc(100%);
}

.liveStream-video-carousel .owl-nav .owl-prev,
.liveStream-video-carousel .owl-nav .owl-next,
.spotlight-carousel .owl-nav .owl-prev,
.spotlight-carousel .owl-nav .owl-next,
.video-carousel .owl-nav .owl-prev,
.video-carousel .owl-nav .owl-next {
    margin-top: 3%;
}

.liveStream-video-carousel .item,
.video-carousel .item {
    /* padding: 10px; */
    position: relative;
    /* max-height: 277px; */
    overflow: hidden;
}

.video-wrapper {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 25px 25px 5px 25px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.liveStream-video-carousel .item div.cover-wrapper,
.video-carousel .item div.cover-wrapper {
    -webkit-box-shadow: inset 0px -20px 50px 20px rgba(0, 0, 0, 0.5), 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -20px 50px 20px rgba(0, 0, 0, 0.5), 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.liveStream-video-carousel .item .meta-title,
.video-carousel .item .meta-title {
    margin-top: 18px;
}

.liveStream-video-carousel .item .play-btn,
.video-carousel .item .play-btn {
    position: absolute;
    cursor: pointer;
    left: 50%;
    top: 50%;
    background: linear-gradient(133deg, rgb(255 147 0) 13%, rgba(166, 61, 255, 1) 55%, rgb(0 198 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    transform: translate(-50%, -50%) scale(1);
    z-index: 1;
    transition: 0.5s;
    -webkit-filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.5));
}

.influencer-carousel .item div {
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    padding: 18px 10px 12px 10px;
    margin: 0;
    /*    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.20);*/
}

.influencer-carousel .item img {
    display: block;
    margin: auto;
    z-index: 1;
    -webkit-box-shadow: inset 0px -80px 50px 50px rgba(0, 0, 0, 0.35), 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -80px 50px 50px rgba(0, 0, 0, 0.35), 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.influencer-carousel .item h5 {
    margin: 15px;
}

.influencer-carousel .item p {
    margin-bottom: 0;
}

.influencer-carousel .item p span {
    color: #38d1d6;
    margin: 10px;
}

.influencer-carousel .item p i {
    margin-right: 10px;
}

.influencer-carousel .item {
    position: relative;
    overflow: hidden;
}

.influencer-carousel .item .details {
    position: absolute;
    z-index: 1;
    background: #212121 !important;
    width: 100%;
    transition: all 0.35s ease-in-out;
    top: 100%;
    text-align: left;
    height: 100%;
    padding: 20px 15px 20px 15px;
    cursor: pointer;
}

.influencer-carousel .item .details p {
    margin-top: 16px;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.influencer-carousel .item .details .show-title {
    background-color: transparent;
    display: flex;
    color: #ffe0cf;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    padding: 0px;
    flex-direction: column;
    text-align: left;
}

.influencer-carousel .item .details .show-title span.subTitle {
    opacity: 0.8;
    font-size: 0.9rem;
    font-weight: 600;
    padding-top: 2px;
    color: #757681;
    text-align: left;
}

.influencer-carousel .item:hover .details {
    top: 0;
    transition: all 0.35s ease-in-out;
}

.sidebar-widget {
    margin-top: 35px;
}

.sidebar-widget .header {
    margin: 15px 0;
}

.sidebar-widget .header h6 {
    color: #ffb387;
    font-weight: 600;
    text-transform: uppercase;
}

.sidebar-widget .header a {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.live-widget .row .info {
    padding-right: 23px;
    position: relative;
}

.live-widget .header>h6 {
    color: #00ff33;
}

.live-widget .row~.row {
    margin-top: 10px;
}

.sidebar-widget .row .info p {
    font-size: small;
    margin-top: -6px;
    color: #38d1d6;
    text-transform: uppercase;
}

.live-widget .row .info small {
    font-size: x-small;
    position: absolute;
    right: 10px;
    margin-top: -32px;
    color: #614f82;
    text-transform: uppercase;
    font-weight: 600;
}

.live-widget .row .info span {
    background: #00ff33;
    width: 4px;
    height: 36px;
    position: absolute;
    right: 10px;
    margin-top: -75px;
    border-radius: 15px;
}

.upcoming-widget .row .date p {
    margin: 0;
    font-weight: 600;
}

.upcoming-widget .row .date {}

.upcoming-widget .row .date p:first-child {
    font-size: small;
    text-align: center;
    width: 40px;
    color: #aaaaaa;
    background-color: rgba(150, 150, 150, 0.05);
}

.upcoming-widget .row .date p:last-child {
    font-size: x-large;
    text-align: center;
    color: #ff6000;
    background-color: rgba(150, 150, 150, 0.03);
    width: 40px;
    height: 35px;
}

.upcoming-widget .row .info small {
    font-size: x-small;
    color: #614f82;
    text-transform: uppercase;
    font-weight: 600;
}

.upcoming-widget .row img {
    width: 15px;
    float: right;
}

.s_stats div {
    float: right;
    margin: 0 0 10px 20px;
    background-color: rgba(29, 4, 77, 0.6);
    padding: 5px;
    border-radius: 8px;
    min-width: 70px;
}

.s_stats div:last-child {
    margin-right: 0;
}

.s_stats div span {
    margin: 0 10px;
}

.s_stats div i {
    margin: 5px;
}

.tags a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: relative;
    margin: 10px 20px;
    padding: 0 10px 0 15px;
    background: #6001ff;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 2px rgba(0, 0, 0, 0.4);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.tags a:hover {
    background: #3243a5;
}

#modal_share_btns .modal-body {
    height: auto;
    overflow: auto;
    text-align: center;
}

#modal_share_btns div#button_share a {
    min-height: 0px;
    font-size: 31px;
    padding: 10px 20px;
    margin-top: 0px;
    margin-left: 0px;
    border: transparent;
}

.tags a:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-color: transparent #6001ff transparent transparent;
    border-style: solid;
    border-width: 15px 15px 15px 0;
}

.tags a:after {
    content: '';
    position: absolute;
    top: 11px;
    left: -1px;
    float: left;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    -webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
}

.tab-wrap {
    -webkit-transition: 0.3s box-shadow ease;
    transition: 0.3s box-shadow ease;
    border-radius: 10px;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    list-style: none;
    background-color: #111 !important;
    margin: 15px 0;
    padding: 25px 25px;
}

.tab {
    display: none;
}

.tab:checked:nth-of-type(1)~.tab__content:nth-of-type(1) {
    opacity: 1;
    display: block;
    -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
    transition: 0.5s opacity ease-in, 0.2s transform ease;
    position: relative;
    top: 0;
    z-index: 100;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    /* text-shadow: 0 0 0; */
}

.tab:checked:nth-of-type(2)~.tab__content:nth-of-type(2) {
    opacity: 1;
    display: block;
    -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
    transition: 0.5s opacity ease-in, 0.2s transform ease;
    position: relative;
    top: 0;
    z-index: 100;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    /* text-shadow: 0 0 0; */
}

.tab:checked:nth-of-type(3)~.tab__content:nth-of-type(3) {
    opacity: 1;
    display: block;
    -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
    transition: 0.5s opacity ease-in, 0.2s transform ease;
    position: relative;
    top: 0;
    z-index: 100;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    /* text-shadow: 0 0 0; */
}

.tab:checked:nth-of-type(5)~.tab__content:nth-of-type(5),
.tab:checked:nth-of-type(6)~.tab__content:nth-of-type(6),
.tab:checked:nth-of-type(7)~.tab__content:nth-of-type(7),
.tab:checked:nth-of-type(8)~.tab__content:nth-of-type(8),
.tab:checked:nth-of-type(9)~.tab__content:nth-of-type(9),
.tab:checked:nth-of-type(10)~.tab__content:nth-of-type(10),
.tab:checked:nth-of-type(11)~.tab__content:nth-of-type(11),
.tab:checked:nth-of-type(12)~.tab__content:nth-of-type(12),
.tab:checked:nth-of-type(4)~.tab__content:nth-of-type(4) {
    opacity: 1;
    display: block;
    -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
    transition: 0.5s opacity ease-in, 0.2s transform ease;
    position: relative;
    top: 0;
    z-index: 100;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    /* text-shadow: 0 0 0; */
}

.tab:first-of-type:not(:last-of-type)+label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tab:not(:first-of-type):not(:last-of-type)+label {
    border-radius: 0;
}

.tab:last-of-type:not(:first-of-type)+label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tab:checked+label {
    border-bottom: 4px solid #ffb387;
    color: #fff;
    cursor: default;
    font-weight: 600;
    border-image-slice: 1;
    border-width: 4px;
    border-image-source: linear-gradient(50deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
}

.tab+label:hover {
    border-bottom: 4px solid #333;
}

.tab+label {
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
    display: block;
    text-decoration: none;
    border-bottom: 4px solid #111;
    /* -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3; */
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
    transition: 0.3s background-color ease, 0.3s box-shadow ease;
    /* height: 60px; */
    box-sizing: border-box;
    font-size: 0.9rem;
    padding: 8px 0px;
    margin-right: 30px;
}

.bredCrumb a {
    color: #999 !important;
}

.bredCrumb h5 {
    color: #fff !important;
}
/* 
@media (min-width: 768px) {
    .tab+label {
        width: auto;
    }
} */

.tab__content {
    padding: 30spx 0 0 0;
    background-color: transparent;
    position: absolute;
    width: 100%;
    z-index: -1;
    opacity: 0;
    display: none;
    left: 0;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    border-radius: 6px;
}

.userDropdown {
    /* height: 25px; */
    /* margin-right: 10px; */
}

.userDropdown h6 {
    margin: 0px;
}

.userDropdownPanel {
    /* background-color: #080019;
	border-color: rgb(18 0 54); */
    background-color: #111111;
    border-color: rgb(48 49 54);
}

.userDropdownPanel .dropdown-item {
    font-size: 14px;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
}

.userDropdownPanel .dropdown-item:hover {
    color: #fff;
    background-color: rgb(149 117 255);
    transition: all 0.2s ease-in-out;
}

.userDropdownPanel .dropdown-divider {
    border-color: rgb(149 117 255);
}

.menuButton {
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 0px 10px;
    font-size: 24px;
    display: block;
    margin-right: 5px;
}

.mobile-only {
    display: none;
}


/* Tabs Css */

.scrtabs-tab-container * {
    box-sizing: border-box;
    border: none;
    align-items: center;
    flex-wrap: nowrap;
}

.scrtabs-tab-container {
    height: 66px;
    margin-top: 15px;
    margin-bottom: 0px;
}

.scrtabs-tab-container .tab-content {
    clear: left;
}

.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

.scrtabs-tabs-fixed-container {
    float: left;
    /* height: 61px; */
    /* overflow: hidden; */
    width: 100%;
    height: 38px;
}

.scrtabs-tabs-movable-container {
    position: relative;
    margin-top: 0px;
    padding: 0 1%;
}

.scrtabs-tabs-movable-container .tab-content {
    display: none;
}

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs {
    padding-right: 0;
}

.scrtabs-tab-scroll-arrow {
    /* border: 1px solid #dddddd; */
    border-top: none;
    color: #ffffff;
    display: none;
    float: left;
    font-size: 14px;
    /* height: 37px; */
    margin-bottom: -1px;
    padding-left: 6px;
    padding-top: 11px;
    width: 20px;
}

.scrtabs-tab-scroll-arrow:hover {
    color: #c82a89;
}

.scrtabs-tab-scroll-arrow,
.scrtabs-tab-scroll-arrow .scrtabs-click-target {
    cursor: pointer;
}

.scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
    cursor: default;
}

.scrtabs-tab-scroll-arrow.scrtabs-disable,
.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
    color: #ddd;
    cursor: default;
}

.scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
    background-color: initial;
}

.scrtabs-tabs-fixed-container ul.nav-tabs>li {
    white-space: nowrap;
}

.scrtabs-tabs-fixed-container ul.nav-tabs>li:first-child {
    margin-left: 0px;
}

#MainExploreTabs .nav-item:hover .nav-link {
    background-color: #222;
}

#MainExploreTabs .nav-link.active {
    background-image: linear-gradient(100deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
}

#MainExploreTabs .nav-link.active .count-bubble {
    background: #111c;
}


/* .nav-item .nav-link::after{
	content: '05';
	width: 25px;
    border-radius: 50px;
    position: absolute;
    bottom: 27px;
	font-size: 11px;
    height: 25px;
	background-color: #ff0037;
	border: 3px solid #111111;
} */

#MainExploreTabs .nav-item .nav-link {
    border: none;
    padding: 6px 16px;
    border-radius: 0.25rem;
    font-size: 0.9rem;
    font-weight: 600;
    height: 40px;
    color: #fff;
    margin-right: 19px;
}

.nav-tabs {
    border-bottom: none;
    overflow: hidden;
}
.new-carousel{
    padding-bottom: 25px;
}
/* .head-mobile-tabs{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;   
} */

#User .nav-tabs,
#Spotlight .nav-tabs {
    border-bottom: 1px solid;
}
#User .nav-link,
#Spotlight .nav-link {
    color: #fff;
}



#User .nav-tabs .nav-item.show .nav-link,
#User .nav-tabs .nav-link.active,
#Spotlight .nav-tabs .nav-item.show .nav-link,
#Spotlight .nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #DEE2E6 #DEE2E6 #fff;
    color: #fff;
    font-weight: 600;
    background-image: linear-gradient(100deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
}

/* check */
.datatable-init .container_check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.datatable-init .container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.datatable-init .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #4f4d4d !important;
    border-radius: 50%;
}


.datatable-init .container_check:hover input~.checkmark {
    background-color: rgb(143, 143, 143) !important;
}


.datatable-init .container_check input:checked~.checkmark {
    background-color: #24bc07 !important;
}


.datatable-init .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.datatable-init .container_check input:checked~.checkmark:after {
    display: block;
}


.datatable-init .container_check .checkmark:after {
    top: 8px;
    left: 9px;
    width: 8px;
    height: 9px;
    border-radius: 50%;
    background: white;
}

/* end check */


/* spot modal */
.spot-modal {
    padding-bottom: 20px;
}

.spot-btn {
    font-size: 14px;
    border-radius: 6px;
    text-align: center;
    height: 48px;
    padding: 0 12px;
    outline: none;
    border: 1px solid #313237;
    background-image: linear-gradient(90deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
    color: #fff;
    width: 100%;
    font-weight: 400;
    margin-top: 10px;
    transition: 1s ease-in-out;
}

/* end spot modal */
.head-mobile-tabs button i{
   display: none;
}
#InnerTabs .nav-item .nav-link {
    border: none;
    border-radius: 0px;
    font-size: 0.9rem;
    font-weight: 600;
    height: 40px;
    color: #fff;
    margin-right: 30px;
    background: none;
    padding: 0 0 8px 0;
    border-bottom: 4px solid transparent;
}

#InnerTabs .nav-item:hover .nav-link {
    border-color: #333;
}

#InnerTabs .nav-link.active {
    border-image-slice: 1;
    border-width: 4px;
    border-image-source: linear-gradient(50deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
}


.influencer-carousel2.popularInfluencer .item {
    width: 100% !important;
}

.influencer-carousel2.popularInfluencer .item:hover {
    background-color: #333;
}

.grid-container {
    display: flex;
    flex-wrap: wrap;
}

.grid-wrapper .ComentsArea {
    font-size: 0.7vw;
}
.grid-wrapper{
    
    padding-top: 30px;
}

.grid-container .item {
    position: relative;
    margin-bottom: 20px;
    /* width: calc(32% - 12px); */
    width: calc(23% - 0px);
    margin-right: 1%;
    margin-left: 1%;
    /* max-height: 325px;
	min-height: 325px; */
    overflow: hidden;
}

div#button_share a {
    min-height: 0px;
    font-size: 16px;
    margin-top: 0px;
    margin-left: 0px;
}

div#button_share .facebookBtn {
    background-color: #3B5998 !important;
    color: white;
}

div#button_share .linkedinBtn {
    background-color: #007bb5 !important;
    color: white;
}

div#button_share .twitterBtn {
    background-color: #55ACEE !important;
    color: white;
}


/*.grid-container .item:nth-of-type(4n) {
	position: relative;
	width: calc(25% - 14px);
	margin: 0 0px 20px 0;
}*/

.grid-container .item .meta-title {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    top: 50px;
    height: 58px;
    padding: 10px 15px 0 15px;
    vertical-align: middle;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.grid-container .item .meta-title img {
    z-index: 1;
    float: left;
    margin-right: 10px;
}

.grid-container .item img {
    position: relative;
    display: block;
}

.grid-container .item .meta-title p {
    margin: 3px 0 0 0;
    line-height: 01.1rem;
}

.grid-container .item .play-btn {
    transition: 0.5s;
    position: absolute;
    left: 50%;
    top: 50%;
    background: linear-gradient(133deg, rgb(255 147 0) 13%, rgba(166, 61, 255, 1) 55%, rgb(0 198 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    transform: translate(-50%, -50%) scale(1);
    z-index: 1;
    -webkit-filter: drop-shadow(2px 5px 2px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(2px 5px 2px rgba(0, 0, 0, 0.5));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=5, Color='rgba(0, 0, 0, 0.5)')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=5, Color='rgba(0, 0, 0, 0.5)')";
}

.grid-container .item .video-caption {
    position: absolute;
    bottom: 0;
    padding: 30px 15px 15px 15px;
    background-image: linear-gradient(rgba(255, 0, 0, 0), rgb(0 0 0));
    width: calc(100% - 20px);
}

.grid-container .item .video-caption h5 {
    color: #ffb387;
    font-size: 18px;
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.grid-container .item .video-caption p {
    font-size: 14px;
}

.grid-container .item div.cover-wrapper {
    -webkit-box-shadow: inset 0px -80px 50px 50px rgb(0 0 0 / 35%), 3px 3px 5px 0px rgb(0 0 0 / 20%);
    box-shadow: inset 0px -80px 50px 50px rgb(0 0 0 / 35%), 3px 3px 5px 0px rgb(0 0 0 / 20%);
}

.grid-container .item div.cover-wrapper img {
    z-index: -1;
}

.grid-container img.cover {
    display: block;
    width: 100%;
}

.grid-container .item img {
    position: relative;
    display: block;
}

/* setting page */
.f-labl-1::before {
    content: "Select Theme";
    font-size: 0.9rem;
    color: #3e3e3e;
    font-weight: 600;
}

.f-labl-2::before {
    content: "Save History";
    font-size: 0.9rem;
    color: #3e3e3e;
    font-weight: 600;
}

.f-labl-3::before {
    content: "Show Recommendations";
    font-size: 0.9rem;
    color: #3e3e3e;
    font-weight: 600;
}

.f-labl-4::before {
    content: "Notify When Followed";
    font-size: 0.9rem;
    color: #3e3e3e;
    font-weight: 600;
}

/* end setting page */

/* .grid-container.fullEpisodes .item .video-caption h5 {
	font-weight: 600;
}
.grid-container.fullEpisodes .item .video-caption p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.grid-container.fullEpisodes .item {
	padding: 10px;
	position: relative;
	width: 25%;
} */

.border-gradient-tv {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(50deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
}

.showsCoverArea::after {
    content: '';
    position: absolute;
    width: 100%;
    opacity: 1;
    /* height: 100%; */
    background-image: linear-gradient(90deg, #000000f0, #000000f0 17%, transparent 109%);

}

.showsCoverArea {
    /* height: 100% !important; */
    background-color: #111;
    width: 100%;
    position: relative;
    z-index: 0;
    margin-bottom: 2.3rem;
    /* padding-top: 5%;
    padding-bottom: 5%; */
    background-size: cover;

}

.grid-container::after {
    /* content: ""; */
    /* margin-left: 17% !important; */
    /* margin-left: clamp(18px, 67%, 100%); */
    /* margin-left: clamp(17px, 13vw, 100vw); */
}

.showsCoverArea .sub-details{
    /* padding-top: 3px; */
    margin-bottom: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.showsCoverArea .categories{
    padding-top: 1px;
    margin-bottom: 25px;
}
.showsCoverArea .show-Desc{
    margin-bottom: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.maintain .thumbnail-card{
    display: block !important;
}
.showsCoverArea .details{
    /* width: 80%; */
    width: calc(100% - 60px);
    }
.showsCoverArea .details h5{
    margin: 0;
}
.showsCoverArea .bredCrumb h5{
    font-size: 1vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-bottom: 0px;
    margin-bottom: 4px;
}
.showsCoverArea .thumbnail-card {
    padding: 35px 95px 35px 35px;
    display: flex;
    flex-direction: row;
    width: 95%;
    align-items: flex-start;
    justify-content: flex-start;
    /* margin: 0px auto; */
}
.thumbnail-card .chnl-img{
    padding-right: 2.5%;
}
.thumbnail-card .show-img{
    padding-right: 2vw;
}

.chnl-img img {
    width: 20vw;
    border-radius: 10px;
}
.show-img img {
    width: 20vw;
}
.showsCoverArea .thumbnail-card h2 {
    margin-bottom: 15px;
    font-weight: 600;
    color: #fff;
}

.showsCoverArea .thumbnail-card .title h5 {
    max-width: 95%;
    display: flex;
    font-size: 1rem;
    align-items: center;
    margin: 0;
    cursor: default;
    /* justify-content: space-between; */
}

.showsCoverArea .thumbnail-card .title h5 img {
    /* width: 60px; */
    margin-right: 15px;
}

.showsCoverArea .thumbnail-card .details .desc {
    max-width: 90%;
    /* min-width: 600px;
    margin-top: 12px;
    overflow-y: auto;
    height: 150px; */
}

.showsCoverArea .thumbnail-card .details .desc::-webkit-scrollbar-thumb {
    background: #fff;
}

.showsCoverArea .thumbnail-card .categories span {
    color: #ffffff;
    font-size: 14px;
    margin: 0px 20px 0 0;
    display: inline-block;
    font-weight: 500;
    position: relative;
}

.showsCoverArea .thumbnail-card .categories span:after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100px;
    background-color: #38d1d6;
    position: absolute;
    top: 8px;
    right: -14px;
}

.showsCoverArea .poster {
    position: absolute;
    /* background: #f1b9b9; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}

.showsCoverArea .poster:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #000000f0, #000000f0 17%, transparent 109%);

}

.showsCoverArea .poster img {
    width: -webkit-fill-available;
    opacity: 0.8;
    background-size: cover;
    object-fit: fill;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    background-position-y: center;
    background-position-x: unset;
}

.showDetailTabs {
    border-radius: 10px;
    background-color: #111;
    padding: 25px;
}

/* .fullEpisodes .item {
    margin-top: 5px;
    margin: 20px 0px;
    margin-bottom: 30px;
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 30%);
    width: calc(23% - 0px);
    margin-right: 1%;
    margin-left: 1%;
} */

/* .item {
    min-height: 100px !important;
} */

.fullEpisodes .item:hover {
    box-shadow: 0 0 25px 0px rgb(50 50 50);
}

#Hosts .item img.cover {
    border-radius: 100%;
    width: 70%;
    /* padding: 20px; */
    margin: 20px auto 8px auto;
    /* max-height: 124px; */
    /* overflow: hidden; */
    /* border: 4px solid #1d1c219c; */
}

#Hosts .item {
    /* max-height: 197px; */
    /* min-height: 212px; */
    padding: 0px 0px 0px 0px !important;
    border-width: 5px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border: double 4px transparent;
}

#Hosts .item:hover {
    border-image-slice: 1;
    border-width: 5px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border: double 4px transparent;
    background-image: linear-gradient(rgb(34 34 34), rgb(44 44 43)), linear-gradient(to right, rgb(245 121 12 / 80%), rgba(166, 61, 255, 0.8), rgba(0, 198, 255, 0.8));
}

.showDetailTabs .disabled {
    color: #6c757d !important;
}

.watchNowBtn {
    color: #fff;
    /* background-color: #9575ff;
	border-color: #9575ff; */
    background-image: linear-gradient(100deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1));
    margin-top: 30px;
    padding: 12px 24px;
    transition: all 0.2s ease-in-out;
}

.watchNowBtn:hover {
    color: #fff;
    background-image: linear-gradient(100deg, rgb(223 110 113) 0%, rgba(166, 61, 255, 1));
    transition: all 0.2s ease-in-out;
}

.watchNowBtn i {
    margin-right: 8px;
}

.header-menu {
    margin-bottom: 0;
    align-items: center;
    display: flex;
}

.header-menu ul {
    margin-left: 15px;
}

.header-menu h6 {
    font-size: 1vw;
    /* font-size: 1.1rem; */
    margin: 0px;
    font-weight: 500;
}


/* .searchPanel {
	margin-bottom: 1rem;
} */

.infoContainer .details {
    opacity: 0;
    height: 0px;
    padding: 0 !important;
    margin-top: 0px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.infoContainer {
    /* margin-top: 7px; */
    position: absolute;
    z-index: 1;
    background: #212121;
    width: 100%;
    transition: all 0.35s ease-in-out;
}

.infoContainer:hover {
    /* margin-top: -150px; */
    margin-top: -115px !important;
    transition: all 0.35s ease-in-out;
    /* background-color: #1a1a1a; */
}

.infoContainer:hover .details {
    opacity: 1;
    height: 135px;
    padding: 0 16px 16px 16px !important;
    overflow: visible;
    transition: all 0.2s ease-in-out;
}

.infoContainer .desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* .grid-container .episode-card {
	position: relative;
	background-color: #0b0022;
	color: #fff;
	overflow: visible;
	cursor: pointer;
	top: 0;
	margin-bottom: 100px;
	transition: all 0.25s ease-in-out;
} */


/* .grid-container .infoContainer {
	margin-top: 0px;
	z-index: 1;
	background: #0b0022;
	bottom: -105px;
	position: absolute;
	transition: all 0.35s ease-in-out;
} */


/* .grid-container .infoContainer:hover {
	top: 60px;
	transition: all 0.35s ease-in-out;
} */

.customModal .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #111;
    background-clip: padding-box;
    border: 1px solid #111;
    border-radius: 12px;
    outline: 0;
    padding: 30px;
    background-color: #111;
}



/*#importModal .modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 800px;
	pointer-events: auto;
	background-color: #111;
	background-clip: padding-box;
	border: 1px solid #111;
	border-radius: 12px;
	outline: 0;
	padding: 20px;
	background-color: #111;
}*/
/* youtube Modal */

/* End Youtube Modal */
/* Go live new Modal */
.CreateModal .modal-content {
    padding: 0px 20px;
}
.CreateModal .modal-content i.fa {
    padding: 0 6px 0 0;
}
.CreateModal .modal-header {
    padding: 18px 0px;
}
.main-create-services {
    padding: 15px 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.servics-create {
    padding: 20px 12px;
    margin: 0px 10px;
    margin: 10px 10px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}
.servics-create figure img {
    width: 60px;
    height: 50px;
}
.servics-create figure{
    height: 65px;
}

.servics-create input:checked ~ .checkmark {
    border-radius: 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='224' height='180'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.402' y1='.366' x2='-.045' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23da51af' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23854cff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect data-name='Rectangle 575' width='224' height='180' rx='6' opacity='.56' fill='url(%23a)'/%3E%3C/svg%3E");
    background-size: cover;
}
.servics-create:hover .checkmark{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='224' height='180'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.402' y1='.366' x2='-.045' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23da51af' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23854cff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect data-name='Rectangle 575' width='224' height='180' rx='6' opacity='.56' fill='url(%23a)'/%3E%3C/svg%3E");  
    background-size: cover;
}

.disabled-service .checkmark{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='224' height='180' viewBox='0 0 224 180'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.402' y1='0.366' x2='-0.045' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23dedede' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23707070'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect id='Rectangle_577' data-name='Rectangle 577' width='224' height='180' rx='6' opacity='0.56' fill='url(%23linear-gradient)'/%3E%3C/svg%3E") !important;
    background-size: cover !important;
    cursor:default;
}
.servics-create span {
    padding: 0px 0 7px 0;
}
.servics-create input[type="radio"] {
    display: none;
}
.servics-create .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 92%;
    width: 100%;
    border-radius:5px;
  }
.servics-create h5 {font-size: 18px;}
.servics-create p {font-size: 11px;}
.CreateModal .modal-lg{
    max-width: 890px;
}

/* End go live new Modal */


.move-header {
    padding-bottom: 37px !important;
    border-bottom: 4px solid !important;
    border-image: linear-gradient(50deg, rgba(255, 120, 0, 1) 0%, rgb(255, 61, 239) 40%, rgb(0, 255, 255));
    border-image-slice: 1;
}

.customModal .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: start;
    padding: 1rem 1rem;
    border-bottom: none;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.customModal .modal-title {
    font-size: 30px;
    font-weight: 600;
    /* padding-left: 15px; */
    color: #fff;
}

.customModal .modal-title span {
    font-size: 14px;
    font-weight: 400;
    color: #ffffffde;
    display: flex;
}

.customModal button.close {
    border: none;
    outline: none;
    border-radius: 100px;
    font-size: 32px;
    padding: 0px;
    margin-left: auto;
    position: absolute;
    right: 30px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #313237;
    box-shadow: inset 0px 1px 2px 0 #ffffff30;
}

.customModal button.close:hover {
    background-color: #ff7800;
}

#frmSignup .input-container-custome,
#frmLogin .input-container-custome {
    position: relative;
}

#frmSignup .form-floating,
#frmLogin .form-floating {
    /* margin-left: 28px; */
    /* z-index: -1; */
}

#frmSignup input,
#frmLogin input {
    padding-right: 47px;
}

#frmSignup .loginIcon,
#frmLogin .loginIcon {
    position: absolute;
    top: 1px;
    padding: 18px 14px;
    right: 0px;
    color: #313237;
    z-index: 999999;
}

.forgotIcon {
    position: absolute;
    padding: 18px 14px;
    right: 15px;
    top: 18px;
    color: #313237;
}

#donation .input-container-custome {
    position: relative;
}

#donation .loginIcon {
    position: absolute;
    top: -6px;
    padding: 14px 5px;
    left: 0px;
    color: #585960;
    font-size: 29px;
    font-weight: 900;
}

#donation .form-floating {
    margin-left: 40px;
}


.customModal .login-with-google-btn {
    color: #303030;
    background-color: #fff;
    border: none;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 12%), 0 2px 2px 0 rgb(0 0 0 / 24%);
    background-image: url(../images/google.svg);
    background-position: 14px;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 1;
    cursor: pointer;
    position: relative;
    text-align: center;
    text-decoration: none;
    height: 48px;
    padding: 0 50px;
    line-height: 46px;
    vertical-align: middle;
    touch-action: manipulation;
    user-select: none;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    border-radius: 0.25rem;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
}

.customModal .login-with-fb-btn {
    color: #fff;
    background-color: #1877f2;
    border: none;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 12%), 0 2px 2px 0 rgb(0 0 0 / 24%);
    background-image: url(../images/facebook.svg);
    background-position: 14px;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 1;
    cursor: pointer;
    position: relative;
    text-align: center;
    text-decoration: none;
    height: 48px;
    padding: 0 50px;
    line-height: 46px;
    vertical-align: middle;
    touch-action: manipulation;
    user-select: none;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    border-radius: 0.25rem;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
}

.customModal.loginModal .modal-dialog,
.customModal.signUpModal .modal-dialog {
    transform: none;
    max-width: 400px;
}

.customModal .instructionText {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #ffffffab;
    display: flex;
    margin-top: 12px;
}

.customModal p.divider {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.customModal input[type='text'],
.customModal input[type='email'],
.customModal input[type='password'],
.customModal input[type='file'],
.customModal input[type='url'],
.customModal input[type='date'],
.customModal input[type='number'],
.customModal select,
.customModal textarea {
    background-color: transparent;
    color: #ffffff;
    font-size: 14px;
    border-radius: 0.25rem !important;
    border: 1px solid #313237;
    height: 48px;
    padding-left: 10px;
}

button.stream-btn.active {
    border-bottom: 4px solid #ffb387;
    color: #fff;
    cursor: default;
    font-weight: 600;
    border-image-slice: 1;
    border-width: 4px;
    border-image-source: linear-gradient(50deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
}

.btn-password {
    background-color: #9b67ff;
    padding: 0 25px 0 25px;
    height: 47px;
    margin-left: 12px;
}

.customModal .fileUpload input[type='file'] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 0 34px 24px;
    height: calc(3.5rem + 2px);
}

.customModal .fileUpload label {
    margin-top: -10px;
}

.customModal textarea {
    min-height: 100px;
}

.customModal select option {
    background-color: #313237;
    color: #ffffff;
    font-size: 14px;
    border: 1px solid #313237;
}

.customModal input[type='date'] {
    height: calc(3.5rem + 2px);
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.customModal .form-control:focus,
.customModal .form-select:focus {
    color: #ffffff !important;
    background-color: #00000036 !important;
    border-color: #9575ff !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(149 117 255 / 58%);
}

.customModal form .form-floating>label {
    font-size: 12px;
    padding-top: 10px;
    color: #ffffff80;
}

.customModal .forgotLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customModal .forgotLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customModal .forgotLink label {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ffffffab;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 26px;
}

.customModal .forgotLink #forgot {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #15b0fe;
    display: flex;
    align-items: center;
}

.customModal .signupText {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    display: flex;
    margin-top: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

.modal-footer {
    border: none !important;
}

.control-label {
    height: 34px;
    opacity: 0.45 !important;
    font-size: 13px;
    padding: 14px 5px 4px 5px !important;
}
.modal-body {
    /* padding: 20px; */
    /* max-height: 500px; */
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    /* overflow: hidden; */
}

.streamEditModal .modal-body {
    height: auto;
}

.customModal .signupText a {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #15b0fe;
    display: flex;
    margin-left: 4px;
}

.customModal .btnSubmit {
    font-size: 14px;
    height: 48px;
    padding: 0 12px;
    outline: none;
    border: 1px solid #313237;
    background-image: linear-gradient(90deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
    color: #fff;
    width: 100%;
    font-weight: 500;
    border-radius: 0.25rem;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
}

.customModal .btnSubmit:hover {
    background: linear-gradient(90deg, rgba(0, 198, 255, 1) 0%, rgba(51, 106, 242, 1) 22%, rgba(165, 61, 255, 1) 45%, rgba(255, 120, 0, 1) 98%);
    color: #fff;

}

.customModal .btnSubmit.active {
    border: 1px solid #ff7800;
    background: #ff7800;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.customModal .group-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#frmLiveType .comingSoon {
    left: 0px;
    position: absolute;
    background: #020202b8;
    height: 100%;
    width: 100%;
    text-align: end;
    padding: 27px 9px;
    font-size: 16px;
    border-radius: 5px;
}

#frmLiveType .group-inline {
    position: relative;
}

.mr-12 {
    margin-right: 12px;
}

.customModal .container_check input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.customModal .container_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #313237;
    border-radius: 0.25rem !important;
    border: 1px solid #313237;
}

.customModal .container_check:hover input[type='checkbox']~.checkmark {
    background-color: #ff7800;
    border: 1px solid #ff7800;
}

.customModal .container_check input[type='checkbox']:checked~.checkmark {
    background-color: #ff7800;
    border: 1px solid #ff7800;
}

.customModal .container_check .checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.customModal .container_check input[type='checkbox']:checked~.checkmark:after {
    display: block;
}

.customModal .container_check .checkmark:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal-backdrop.show {
    opacity: 0.8;
}

.becomeCreatorModal .modal-dialog {
    max-width: 900px;
}

.becomeCreatorModal .modal-content {
    /* padding: 0px !important; */
    overflow: hidden;
}

.becomeCreatorModal .modal-content .fit-image {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

/* .becomeCreatorModal .btnSubmit {
    margin-top: 10px;
    border: 2px solid #313237;
    background: #313237;
} */

.becomeCreatorModal #msform {
    padding: 0 30px;
}

/* .becomeCreatorModal .modal-header {
    padding: 60px 50px 30px;
} */

.loginBtn {
    /* margin-top: 0px;
	padding: 12px 14px;
	border-radius: 0.25rem;
	border: 1px solid #aaa;
	color: #fff; */
    width: 100px;
    margin-top: 0px;
    padding: 7px 12px;
    border-radius: 0.25rem;
    color: #fff !important;
    outline: none;
    border: 2px solid #313237;
    background: #313237;
    margin-left: 10px;
    font-weight: 400;
}

.loginBtn i {
    margin-right: 5px;
}

.loginBtn:hover {
    background-color: #9b67ff !important;
    border: 2px solid #9b67ff;
}

.customModal fieldset.nextStep .btnSubmit {
    width: 47%;
    transition: all 0.2s ease-in-out;
}

.customModal .error {
    background-color: #871e1e1a !important;
    border: 1px solid #cc4444 !important;
}

.customModal span.error-msg {
    font-size: 14px;
    font-weight: 400;
    color: #f36d6d;
    display: flex;
    margin: 5px 0 0 0;
}

.loginModal .modal-content,
.signUpModal .modal-content {
    padding: 0px;
    overflow: hidden;
}

.loginModal .modal-header,
.loginModal .modal-body {
    padding: 30px 40px;
}

.signUpModal .modal-header,
.signUpModal .modal-body {
    padding: 30px 40px;
}


/* Become A Creator Css */

#msform {
    text-align: center;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0;
}

#msform fieldset .form-card {
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;
    position: relative;
}

#msform fieldset:not(:first-of-type) {
    display: none;
}

.fs-title {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}


/* #progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#progressbar .active {
	color: #fff;
}
#progressbar li {
	list-style-type: none;
	font-size: 12px;
	width: 30%;
	float: left;
	position: relative;
}
#progressbar li strong {
	font-size: 14px;
	font-weight: 400;
}
#progressbar #General:before {
	content: '1';
}
#progressbar #Personal:before {
	content: '2';
}
#progressbar #Social:before {
	content: '3';
}
#progressbar #confirm:before {
	content: '4';
}
#progressbar li:before {
	width: 60px;
	height: 60px;
	line-height: 45px;
	display: flex;
	font-size: 18px;
	color: #ffffff;
	background: #374262;
	border-radius: 50%;
	margin: 5px auto 10px auto;
	padding: 2px;
	position: relative;
	z-index: 1;
	border: 5px solid #1e263d;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 2px #374262;
}
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #374262;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: -1;
}
#progressbar li.active:before,
#progressbar li.active:after {
	background: #38d1d6;
	box-shadow: 0 0 0 2px #38d1d6;
} */

.count-imp-video{
    display: flex;
    line-height: 63px;
    justify-content: space-between;
    height: 40px;
    padding: 7px;
}
.count-imp-video span a:hover {
    color: #828383;
}
#progressbar {
    margin-top: 30px;
    overflow: hidden;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#progressbar .active {
    color: #fff;
}

#progressbar li {
    list-style-type: none;
    /* font-size: 12px;
	width: 30%;
	float: left;
	position: relative; */
}

#progressbar li strong {
    font-size: 14px;
    font-weight: 400;
}

#progressbar #General:before {
    content: '1';
}

#progressbar #Personal:before {
    content: '2';
}

#progressbar #Social:before {
    content: '3';
}

#progressbar #confirm:before {
    content: '4';
}

#progressbar li:before {
    width: 10px;
    height: 10px;
    line-height: 45px;
    display: flex;
    font-size: 0px;
    color: #ffffff;
    background: #313237;
    border-radius: 50%;
    margin: 5px;
    padding: 2px;
    position: relative;
    z-index: 1;
    border: 5px solid #111;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 2px #313237;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #313237;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #a63dff;
    box-shadow: 0 0 0 2px #a63dff;
}

.fit-image {
    width: 100%;
    object-fit: cover;
}

fieldset .form-select {
    background-image: url(../images/dwopdown.svg);
}

.success h5 {
    font-size: 14px;
    font-weight: 400;
    color: #ffffffde;
}

.ScrollContainer {
    height: calc(100vh - 85px);
    padding: 0px 25px 25px 25px !important;
    /* overflow-y: scroll; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

/* LockedNavBar */

.ContentWidth {
    max-width: calc(100% - 270px) !important;
    padding: 130px 35px !important;
}

.ContentWidth .topHeader {
    width: calc(100% - 270px) !important;
}

.lockBtnNav {
    position: absolute;
    right: 24px;
    text-align: center;
    top: 49px;
    background-color: #111111;
    width: 28px;
    height: 28px;
}

.lockBtnNav i {
    line-height: 30px;
}

.left-sidebar.LockedNavBar {
    width: 270px;
    transition: all 0s ease-in-out;
}

.left-sidebar.LockedNavBar ul.main-menu li a {
    /* font-weight: 500; */
    /* font-size: 1rem; */
}

.left-sidebar.LockedNavBar .ScrollContainer {
    padding: 0px 25px 25px 25px !important;
}

.left-sidebar.LockedNavBar .main-menu a {
    color: #e5e4e4 !important;
}

.left-sidebar.LockedNavBar ul li span.unreadCount {
    color: rgb(255, 253, 253);
    width: 40px;
}

.left-sidebar.LockedNavBar img {
    opacity: 1;
    /* transition-delay: 0.8s; */
}

.left-sidebar.LockedNavBar .event-list li {
    display: flex !important;
    /* border-bottom: 1px solid #484848; */
    width: 100%;
    /* transition: 1s; */
}

/* .left-sidebar.LockedNavBar .event-list .event-info {
    text-align: left;
} */
.left-sidebar.LockedNavBar .event-list div.livenow {
    position: absolute;
    right: 7px;
}

.left-sidebar.LockedNavBar .event-list div:nth-child(3) {
    display: block;
}

.left-sidebar.LockedNavBar .event-list li {
    display: flex !important;
    /* border-bottom: 1px solid #484848; */
    width: 100%;
    /* transition: 1s; */
}

.left-sidebar.LockedNavBar .live-dot {
    border-radius: 50px;
    position: absolute;
    height: 14px;
    width: 14px;
    top: 4px;
    left: 31px !important;
    border: 3px solid #1d1c21;
}

.left-sidebar.LockedNavBar .event-list div:nth-child(1) {
    text-align: left;
    padding: 0px 0px;
    position: relative;
    margin-right: 10px;
}

.left-sidebar.LockedNavBar ul li.active .Lefttext_orange {
    color: #Fb750a !important;
    font-weight: 600;
}


.left-sidebar.LockedNavBar ul li.active .Lefttext_orange-dark {
    color: #e4664c !important;
    font-weight: 600;
}

.left-sidebar.LockedNavBar ul li.active .Lefttext_purple {
    color: #c350ad !important;
    font-weight: 600;
}

.left-sidebar.LockedNavBar ul li.active .Lefttext_purple2 {
    color: #c610f3 !important;
    font-weight: 600;
}

.left-sidebar.LockedNavBar ul li.active .Lefttext_purple-dark {
    color: #9a47ff !important;
    font-weight: 600;
}

.left-sidebar.LockedNavBar ul li.active .Lefttext_aqua-dark {
    color: #5262db !important;
    font-weight: 600;
}

.left-sidebar.LockedNavBar ul li.active .Lefttext_aqua {
    color: #2a9fff !important;
    font-weight: 600;
}

/* LockedNavBar */

.title h5 span.TitleText {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 3px;
}

/* .title h5 span.TitleText span.subTitle {
    opacity: 0.8;
    font-size: 0.7vw;
    font-weight: 600;
    padding-top: 2px;
    
    color: #ffe0cf;
    min-height: 40px;
    max-height: 40px;
    overflow: hidden;
} */
.title h5 span.subTitle {
    opacity: 0.8;
    font-size: 0.6vw;
    font-weight: 600;
    padding-top: 2px;
    color: #ffe0cf;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.popularInfluencer .item img.cover {
    border-radius: 100%;
    width: 70%;
    margin: 20px auto 8px auto;
    /* max-height: 97px; */
    /* overflow: hidden; */
    /*border: 4px solid #1d1c219c;*/
}

.popularInfluencer .item {
    /* background-color: rgba(0, 0, 0, 0.2); */
    background-color: #222;
    /*border: 2px solid rgba(255, 255, 255, 0.05);*/
    /* padding: 24px 10px 16px 10px; */
    /* padding: 8px 5px 16px 5px !important; */
    padding: 0px 5px 0px 5px !important;
    border: 1px solid transparent;
}

h3.users-name {
    font-size: 1rem;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 20px !important;
    font-weight: 600;
    margin: 0px;
    color: #eee;
    /* min-height: 52px; */
}

label.percentSign {
    background: #9744ff;
    padding: 11px 10px;
    border-radius: 0px 5px 5px 0px;
}

.centerTextBox {
    margin: auto;
}

.centerimgBox img {
    border-radius: 100%;
}

.centerimgBox {
    display: flex;
    justify-content: center;
    margin: 28px 0px;
}

.mr-0 {
    margin-right: 0px !important;
}

.m-0 {
    margin: 0px !important;
}

.dropdown.notification a {
    margin: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}

.dropdown.notification a i {
    font-size: 18px;
    color: #fafafa;
}


/* .dropdown.notification a i:after {
	content: '';
	width: 7px;
	right: -6px;
	border: 0px solid #1a1a1a;
	top: 12px;
	height: 7px;
	background-color: #ddd;
	position: absolute;
	border-radius: 100px;
	background-image: linear-gradient(
		100deg,
		rgba(255, 120, 0, 1) 0%,
		rgba(166, 61, 255, 1)
	);
} */

.dropdown.notification a span {
    color: #fff;
    position: absolute;
    top: 10px;
    right: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    z-index: 0;
    font-weight: 600;
    text-align: center;
    font-size: 0.55rem;
}

.dropdown.notification a span:after {
    content: '';
    width: 12px;
    right: 0px;
    border: 0px solid #1a1a1a;
    top: 0;
    height: 12px;
    background-color: #ddd;
    position: absolute;
    border-radius: 100px;
    /* background-image: linear-gradient(
		100deg,
		rgba(255, 120, 0, 1) 0%,
		rgba(166, 61, 255, 1)
	); */
    z-index: -1;
    padding: 8px;
    background-color: #ff003bc2;
}

ul.hashTags {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.hashTags li {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #b300ff;
    background-clip: border-box;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-weight: 400;
    padding: 0em 0.4em;
    font-size: 0.75em;
    font-size: 0.75em;
    margin: 0em 0.2em;
    color: #fff;
}

#header.fixed-top {
    transition: all 0.35s ease-in-out;
    background-color: #1a1a1a
}

#header.stickyHeader {
    box-shadow: 0px 6px 30px -10px #00000082;
    top: 0px;
    background-color: #111 !important;
    height: 65px;
    transition: all 0.35s ease-in-out;
    border-bottom: 4px solid !important;
    border-image: linear-gradient(50deg, rgba(255, 120, 0, 1) 0%, rgb(255, 61, 239) 40%, rgb(0, 255, 255));
    border-image-slice: 1;
}

.col-header h5 {
    color: #999;
    font-size: 0.7vw;
}


/* .col-header h5 {
	margin-top: 0px;
	background-color: #313237 !important;
	padding: 12px 14px;
	border-radius: 0.25rem;
	border: 1px solid #313237;
} */

.col-md-12.col-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* margin-bottom: 5px; */
}

.col-md-12.col-header .btn {
    font-size: 12px;
    height: 40px;
    padding: 0px 10px;
    outline: none;
    border: 2px solid #313237;
    -webkit-box-shadow: inset 0px 0px 20px 0px #000000;
    box-shadow: inset 0px 0px 20px 0px #1d1c21;
    background: transparent;
    color: #ffffff;
    font-weight: 400;
}

#divList {
    display: none;
}

.col-md-12.liveStreaming {
    margin-bottom: 50px;
}

.col-md-12.liveStreaming .alert {
    font-size: 12px;
    height: 40px;
    padding: 0px 10px;
    outline: none;
    border: none;
    background: #313237;
    color: #ffffff;
    font-weight: 400;
    display: flex;
    align-items: center;
    border-radius: 0.25rem;
    margin: 0px 0px 10px 0px;
}

.liveStreaming .item .episode-card {
    padding-bottom: 0px !important;
    transition: all 0.25s ease;
}

/* .btn:hover {
    color: #686969;
} */

.liveStreaming .item {
    display: flex;
    flex-direction: column;
}

.liveStreaming .item .videoDisc {
    /* margin-top: 10px; */
    padding-left: 5px;
}

.liveStreaming .item .videoDisc .shotdesc {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding-top: 4px;
}

.displayOnMobile {
    display: none;
}

.displayOnDesktop {
    display: block;
}

.mb-50 {
    margin-bottom: 50px;
}

.influencer-carousel2 .category-text {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: left;
    align-content: space-around;
    align-items: flex-end;
    -moz-box-shadow: 0 22px 22px -22px rgb(0 0 0 / 80%) inset, 0 -100px 70px -22px rgb(0 0 0 / 90%) inset;
    -webkit-box-shadow: 0 22px 22px -22px rgb(0 0 0 / 80%) inset, 0 -100px 70px -22px rgb(0 0 0 / 90%) inset;
    box-shadow: 0 22px 22px -22px rgb(0 0 0 / 80%) inset, 0 -100px 70px -22px rgb(0 0 0 / 90%) inset;
    /* border-radius: 8px; */
    font-size: 17px;
    z-index: 1;
}

.influencer-carousel2.only.carousel-theme .item {
    position: relative;
    height: 180px;
}

.influencer-carousel2.only.carousel-theme .item:hover {
    border: 1px solid #a2ff00;
}

.influencer-carousel2.only.carousel-theme img.cover {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border-radius: 10px; */
}

/* .influencer-carousel2.only.carousel-theme img.cover:hover {
    border: 1px solid #a2ff00;
} */

#Shows .influencer-carousel2.only.carousel-theme img.cover {
    border-radius: 10px;
}

.influencer-carousel2.tags .category-text {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    -moz-box-shadow: 0 22px 22px -22px rgb(0 0 0 / 10%) inset, 0 -100px 70px -22px rgb(0 0 0 / 10%) inset;
    -webkit-box-shadow: 0 22px 22px -22px rgb(0 0 0 / 10%) inset, 0 -100px 70px -22px rgb(0 0 0 / 10%) inset;
    box-shadow: 0 22px 22px -22px rgb(0 0 0 / 10%) inset, 0 -100px 70px -22px rgb(0 0 0 / 10%) inset;
    /* border-radius: 8px; */
    font-size: 17px;
    z-index: 1;
}

.influencer-carousel2.tags .category-text span {
    position: relative;
}

.influencer-carousel2.tags .category-text span:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    left: -20px;
    top: 5px;
    background-image: url(../images/hashtag.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.episode-card .poster .length.live {
    padding: 3px 14px;
    border-radius: 30px;
    background-color: #ff003bc2;
}

.showsCoverArea .details .host {
    /* position: absolute; */
    padding: 0;
    /* bottom: 30px;
    right: 30px; */
    list-style: none;
    display: flex;
    padding-top: 6;
}

.showsCoverArea .thumbnail-card .host li {
    display: inline;
    margin-right: 5px;
    transition: all 0.2s ease-in-out;
}

.showsCoverArea .thumbnail-card .host li:last-child {
    display: inline;
    margin-right: 0px;
}

/* .showsCoverArea .thumbnail-card .host:hover li {
    display: inline;
    margin-right: 10px;
    transition: all 0.2s ease-in-out;
} */

.showsCoverArea .thumbnail-card .host img {
    width: 42px;
    border-radius: 100px;
    /* margin-right: -12px; */
    box-shadow: -3px 4px 4px 0px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    border: 2px solid white;
}
.theem-btn{
    padding: 9px 15px;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    border-radius: 4px;
    border: none;
}
.stream-btn {
    background-color: #1a1a1a;
    margin-top: 0px;
    padding: 7px 2px;
    color: #fff !important;
    outline: none;
    font-weight: 600;
    border: none;
    border-bottom: 4px solid #1a1a1a;
    margin-left: 20px;
}

.stream-btn:hover {
    border-bottom: 4px solid #333;
}

.donate_btn {
    background-color: #ff4094;
    margin: 0 8px;
    /* border: none;
    font-size: 0.9rem;
    padding: 7px 10px;
    font-weight: 500;
    border-radius: 0.25rem;
    color: #fff !important;
    outline: none; */
}


.categoryTitle span {
    font-size: 22px;
}

.btn-info:focus {
    box-shadow: none !important;
}

.btndots {
    background-color: #292929;
    padding: 12.3px 15px !important;
    /* font-size: 0.9rem;
    margin-top: 0px;
    font-weight: 600;
    border-radius: 0.25rem;
    color: #fff !important;
    outline: none;
    border: none;
    padding: 11px 11px; */
}

.btn-save {
    background-color: #05b7ff;
    /* padding: 7px 10px;
    font-weight: 500;
    font-size: 0.9rem;
    border-radius: 0.25rem;
    color: #fff !important;
    outline: none;
    border: none; */
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {

    border: none;
    box-shadow: none;
}

.follow_btn {
   
    background-color: #05b7ff;
    /* font-size: 0.9rem;
    margin-top: 0px;
    padding: 7px 10px;
    border-radius: 0.25rem;
    color: #fff !important;
    outline: none;
    font-weight: 500;
    border: none; */
}

.follow_btn:hover {
    background-color: #292929 !important;
}
.btn-save:hover {
    background-color: #292929 !important;
}
.donate_btn:hover {
    background-color: #292929 !important;
}
.btndots:hover {
    background-color: #383838 !important;
}
.btn-unfollow {
    background-color: #18c9ff;
    /* margin-top: 0px;
    padding: 5px 9px;
    border-radius: 0.25rem;
    color: #fff !important;
    outline: none;
    font-weight: 400;
    border: none; */
}

.share_btn {
    background-color: #18b2ff;
    margin-right: 8px;
    /* font-size: 0.9rem;
    border-color: #4c88ff;
    margin-top: 0px;
    padding: 6px 9px;
    border-radius: 0.25rem;
    color: #fff !important;
    outline: none;
    font-weight: 400;
    border: none; */
}

.actionButtons {
    position: absolute;
    right: 30px;
    top: 35px;
}
.actionButtons2{
    display: flex;
    align-items: center;
}
.col-header .fa-chevron-right {
    font-size: 12px;
    padding: 0 6px;
    color: #4b4c52;
}

.col-header span.count {
    color: #8039ff;
    font-size: 14px;
}

.showsCoverArea.influencerCover .thumbnail-card .title h5 img {
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
    border-radius: 100px;
}

.showsCoverArea.influencerCover .poster img {

    /* position: absolute; */
    right: 0;
    top: 0;
    opacity: 0.8;
    width: 100%;
    background-size: cover;
    min-height: 250px;
}

/* .showsCoverArea.influencerCover .poster:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient( 90deg, #000000db, #000000ba 10%, transparent 60%);
} */


/* .showsCoverArea.influencerCover .actionButtons {
	position: absolute;
	right: 30px;
	bottom: 35px;
	top: auto;
} */
.showsCoverArea.influencerCover .thumbnail-card .title h5 {
    /* max-width: 600px;
    min-width: 600px; */
    display: flex;
    /* font-size: 24px; */
    align-items: center;
    /* padding-left: 20px; */
    /* justify-content: space-between; */
    flex-direction: column;
}

.showsCoverArea .thumbnail-card .details .desc {
    /* max-width: 600px;
    min-width: 600px;
    margin-top: 5px;
    margin-top: 16px;
    */
    /* font-size: 1.5vw; */
    font-size: 0.8vw;
    margin-bottom: 25px;
}

.showsCoverArea.influencerCover .thumbnail-card .title h5 {
    align-items: flex-start;
    font-size: 1.8vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.showsCoverArea .title {
    /* width: 100%; */
    /* display: flex; */
    /* padding-right: 35px; */
}

/* .showsCoverArea .show-img {
    flex: 0 0 7%;
} */

.title-div {
    /* padding-left: 20px; */
    width: 100%;
    margin-bottom: 25px;
}

.title-div a {
    text-decoration: underline;
    color: #ffffff8c;
}
.newone{
    display: flex;
    margin-bottom: 25px;
    align-items: center;
}
/* .newone2{
    margin-bottom: 25px;
} */
.newone img{
    margin-right: 15px;
    /* width: 50px; */
    border-radius: 10px;
    width: 45px;
    height: 45px;
}
/* ul.influencerStats {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    margin-bottom: 12px;
} */

ul.influencerStats li {
    margin-right: 15px;
    padding-right: 10px;
    border-right: 2px solid #ffffff57;
    line-height: 14px;
}

ul.influencerStats li:last-child {
    border-right: none;
}

.influencerSocialLinks {
    position: absolute;
    right: 30px;
    align-items: flex-start;
    top: 30px;
    bottom: 0px;
    display: flex;
    flex-direction: row;
}
.influencerSocialLinks a i{
    width: 28px;
    height: 28px;
    text-align: center;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.influencerCover .influencerSocialLinks {
    position: absolute;
}

/* .influencerSocialLinks a {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    border-radius: 5px;
    cursor: pointer;
} */

.influencerSocialLinks a img {
    width: 100%;
}

.influencerSocialLinks a.nolink.facebook {
    background: #1877f2;
    border-radius: 50px;
}

.influencerSocialLinks a.nolink.youtube {
    background: #cd201f;
    border-radius: 50px;
}

.influencerSocialLinks a.nolink.twitter {
    background: #1da1f2;
    border-radius: 50px;
}

.influencerSocialLinks a.nolink.facebook.disable,
.influencerSocialLinks a.nolink.youtube.disable,
.influencerSocialLinks a.nolink.twitter.disable {
    background: #56585f !important;
    opacity: 0.7;
    cursor: not-allowed;
}

.influencerContent.tab-content>.active {
    display: block;
    background: #111111;
    padding: 30px 30px;
}

/* .tab-content {
    padding-top: 8px;
} */

.influencerContent.tab-content p,
.influencerContent.tab-content ul li {
    color: #ffffff8c;
}

.videoContainer iframe {
    /* min-width: 700px;
    min-height: 400px; */
}
.vjs-swarmify-theme.smartvideo-player {
    width: 100% !important;
    height: 36vw;
}
.videoContainer {
    min-width: 54%;
    /* display: table; */
    /* display: flex; */
    justify-content: center;
    align-items: center;
}

.no-video-text {
    display: flex;
    align-items: center;
}

.no-video-text i {
    font-size: 42px;
    color: red;
    padding-right: 10px;
}

.metainfo_2{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.metainfo_2 .influencerStats{
    display: none
}
.rte-div{
    width: 170px;
}

.dropdown-mobile{
    display: none;
}
.no-videop {
    /* border: 2px dashed #3e3e3e; */
    /* position: absolute; */
    display: flex;
    justify-content: center;
    height: 460px;
    align-items: center;
    background-color:#3a3939;
}

.n-video {
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
}

.no-icon {
    margin-right: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 75px;
    height: 75px;
    color: red;
    border-radius: 50px;
    border: 10px solid #2a2a2a;
}

.no-icon h6 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
}

.no-video {
    width: 75%;
    align-items: center;
    padding: 20px;
    line-height: 2;
    color: #b5b5b5;
    font-size: 18px;
    display: flex;
    justify-content: end;
}

.VideoDetailCover .details {
    width: 100%;
    padding-left: 25px;
    overflow: hidden;
}

.FlexContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.details h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 2rem;
}
.details h4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* .FlexContainer .details p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
} */


/* live new */

.pulsating-circle {
    position: absolute;
    left: 67.7%;
    top: 17%;
    width: 7px;
    height: 7px;
    display: none;

  }
  .pulsating-circle:before {
    content: "";
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: #fff;
    -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
            animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }
  .pulsating-circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
            animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  }
  
  @-webkit-keyframes pulse-ring {
    0% {
      transform: scale(0.33);
    }
    80%, 100% {
      opacity: 0;
    }
  }
  
  @keyframes pulse-ring {
    0% {
      transform: scale(0.33);
    }
    80%, 100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes pulse-dot {
    0% {
      transform: scale(0.8);
    }
    50% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.8);
    }
  }
  @keyframes pulse-dot {
    0% {
      transform: scale(0.8);
    }
    50% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.8);
    }
  }
/* end live new */
/* .new-mob {
    display: none;
    z-index: 9999;
    position: absolute;
    top: 16px;
} */



.VideoDetailCover {
    position: relative;
    height: auto;
    background-color: #111;
    border-radius: 10px;
}

#liveVideoStream p.shotdesc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
}

#liveVideoStream .shotdesc span {
    color: #ff8468;
}

.VideoDetailCover .thumbnail-card {
    width: 100%;
    height: 100%;
    padding: 35px 35px;
    display: flex;
    position: relative;
    align-items: flex-start;
    justify-content: flex-start;
}

.showsCoverArea.VideoDetailCover .thumbnail-card .title h5 {
    max-width: 800px;
    display: flex;
    font-size: 20px;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 30px;
}

.searchResult .item .episode-card {
    padding-bottom: 0px;
    flex: 0 0 17%;
    /* min-width: 400px; */
    /* max-width: 400px; */
    padding: 0px !important;
}

.searchResult .item {
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    margin-bottom: 20px;
    /* border-bottom: 1px solid #303136; */
}

.searchResult .mainTabs:hover {
    background: linear-gradient(273deg, rgb(56, 56, 56) 0%, rgb(17, 17, 17) 73%);
}

.searchResult .mainTabs .play-btn {
    background: linear-gradient(70deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.5s;
}

.searchResult .mainTabs .play-btn:hover {
    transform: translate(-50%, -50%) scale(1.3);
}

.searchResult .videoDisc {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: fit-content;
}

.searchResult .categories span {
    color: #ffffff8c;
    font-size: 14px;
    margin: 0px 20px 0 0;
    display: inline-block;
    font-weight: 500;
    position: relative;
}

.searchResult .categories span:after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100px;
    background-color: #38d1d6;
    position: absolute;
    top: 8px;
    right: -14px;
}

.searchResult .categories span:last-child::after {
    display: none;
}

.searchResult p.shotdesc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* .mt-07 {
    margin-top: 7px !important;
} */

#divList .event-list div:nth-child(1) img {
    margin-top: 0px;
    width: 50px;
    border-radius: 0.25rem;
}

#divList .event-list div .live-dot {
    top: -5px;
}

.item.color-pink {
    background-color: #c14fb0;
}

.item.color-blue {
    background-color: #19b1ff;
}

.item.color-red {
    background-color: #e52858;
}

.item.color-default {
    background-color: #313237;
}

.tags .item {
    border-radius: 0.25rem;
}

.fc-daygrid-event-harness .fc-daygrid-event {
    background-image: linear-gradient(100deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
    padding: 4px 4px;
    border-radius: 0.25rem;
    margin-bottom: 4px;
}

.fc-daygrid-event-harness .fc-daygrid-event .fc-daygrid-event-dot {
    display: none;
}


.moreBtn.dropdown-toggle::after {
    display: none;
}
.descGlobal{
    padding-bottom: 25px;
    margin: 0px;
    overflow-y: auto;
}
.video-decr {
    font-size: 16px;
    /* padding-top: 18px; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tag a {
    background: #1b1b1c;
    padding: 5px 15px;
    font-size: 0.7rem;
    color: #fff;
    border-radius: 10px;
    min-width: 30px;
    text-align: center;
    margin: 3px 0px;
    display: inline-flex;
    margin: 23px 0 0 0px;
}

.desc.actionsitems {
    /* position: absolute;
	bottom: 35px;
	display: flex;
	flex-direction: row;
	margin-right: auto;
	align-items: center;
	justify-content: space-between;
	padding-top: 30px;
    left: 35px; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;

}

ul.videoActions {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    /* margin-bottom: 12px; */
}

ul.videoActions li {
    margin-right: 12px;
    padding-right: 0;
    border-right: none;
    line-height: 14px;
}

ul.videoActions li:last-child {
    border-right: none;
    margin-right: 0px;
}

ul.videoActions li a i {
    /* margin-right: 5px; */
}

ul.videoActions.disabled li a i {
    /* margin-right: 5px; */
    color: #3e3b3b;
}

/* .desc.actionsitems ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    margin-bottom: 0px;
} */

.ytp-hide-controls:not(.ytp-mweb-player) .ytp-watermark {
    display: none !important;
}

.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
    display: none !important;
    cursor: pointer;
}

.desc.actionsitems ul.videoActions li a {
    background: #222222;
    padding: 8px 10px;
    color: #fff;
    border-radius: 3px;
    min-width: 30px;
    text-align: center;
    border: none;
    margin: 0 0px;
    /* display: inline-flex; */
}

.desc.actionsitems ul.videoActions li a.like.active {
    background: #0abeff;
}

.desc.actionsitems ul.videoActions li a.dislike.active {
    background: #eb5452;
}

.title-smal {
    font-size: 12px;
    color: #666;
    /* margin-bottom: 10px; */
    font-weight: bold;
    /* position: absolute;
    padding-bottom: 43px; */
}
.episode-card .star-ratings {
    font-size: 14px !important;
}
.rating .star-ratings {
    unicode-bidi: bidi-override;
    color: #666;
    font-size: 20px;
    position: relative;
    margin: 0;
    padding: 0;
    width: fit-content;
}

.rating {
    display: flex;
    align-items: center;
    height: 19px;
}


.rating span#spanRate {
    padding-left: 5px;
    font-size: 11px;
}

.rating .fill-ratings {
    color: #fff;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}

.rating .star-ratings .fill-ratings span {
    display: inline-block;
}

.rating .empty-ratings {
    padding: 0;
    display: block;
    z-index: 0;
}

/*.desc.actionsitems ul.videoActions li a.like:hover,
.desc.actionsitems ul.videoActions li a.like:focus {
    background: #0abeff;
}

.desc.actionsitems ul.videoActions li a.dislike:hover,
.desc.actionsitems ul.videoActions li a.dislike:focus {
    background: #eb5452;
}*/
.DescriptionModal .modal-header .title{
    width: 80%;
} 
.DescriptionModal .modal-body{
    height: auto !important;
    max-height: 500px !important;
    
}
.DescriptionModal .modal-header h4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
} 
.DescriptionModal .ChannelDetail h5 {
    display: flex;
    font-size: 1rem;
    align-items: center;
    justify-content: flex-start;
}
.DescriptionModal .ChannelDetail {
    margin-bottom: 25px;
    font-size: 0.9rem;
}
.ChannelDetail {
    margin-bottom: 25px;
}
.DescriptionModal .modal-header h4 {
    font-size: 1.1rem;
    line-height: 25px;
}
.DescriptionModal .more-decr {
    opacity: 0.8;
    font-size: 0.8rem;
   
}
.DescriptionModal .ChannelDetail h5 img {
    margin-right: 15px;
}
.DescriptionModal .title h5 {
    font-size: 1.7rem;
}
.VideoDetailCover .ChannelDetail h5 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    padding-left: 15px;
    /* line-height: 1.5; */
    font-size: 0.9rem;
}

.VideoDetailCover .ChannelDetail h5 img {
    margin-right: 15px;
}

span.subscriberstats {
    display: flex;
    font-size: 12px;
    color: #666;
    font-weight: bold;
    /* padding-bottom: 3px; */
}

.seperator {
    display: block;
    width: 100%;
    height: 1px;
    margin: 0;
    background: #1a1a1a;
}

a.more {
    margin: 0 0 0 6px;
    opacity: 0.5;
    text-decoration: underline;
}

.be-comment-block .be-comment {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.be-ava-comment {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.be-img-comment {
    margin-right: 20px;
}

.be-comment-time {
    opacity: 0.5;
    font-size: 14px;
}

.be-comment-text {
    margin-top: 10px;
}

.displayB {
    display: flex !important;
}

button.btn.btn-secondary.clearfilterBtn {
    background-color: transparent;
    border: none;
    margin-right: 10px;
}

.carousel-header a.viewAll {
    text-transform: capitalize;
    font-weight: 500;
    color: #666;
    font-size: 0.9rem;
    cursor: pointer;
}

.filderContainer {
    background-color: #111;
    padding: 20px 20px;
    height: 225px;
    border-radius: 10px;
    margin: 20px 0 30px 0;
    display: none;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.filderContainer .filterTab {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.filderContainer .filterTab h3 {
    font-size: 14px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #2f3035;
    color: #fff;
}

.filderContainer label {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ffffffab;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 26px;
    margin-bottom: 4px;
}

.filderContainer .container_check input[type='radio'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.filderContainer .container_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #313237;
    border-radius: 100px !important;
    border: 1px solid #313237;
}

.filderContainer .container_check:hover input[type='radio']~.checkmark {
    background-color: #ff7800;
    border: 1px solid #ff7800;
}

.filderContainer .container_check input[type='radio']:checked~.checkmark {
    background-color: #ff7800;
    border: 1px solid #ff7800;
}

.filderContainer .container_check input[type='radio']:checked~.itemName {
    color: #fff;
    font-weight: 500;
}

.filderContainer .container_check .checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.filderContainer .container_check input[type='radio']:checked~.checkmark:after {
    display: block;
}

.filderContainer .container_check .checkmark:after {
    /* left: 6px;
	top: 2px;
	width: 6px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg); */
    left: 5px;
    top: 5px;
    width: 6px;
    height: 6px;
    background: #ffffffc4;
    border-radius: 100px;
}

.col-md-12.collectionContainer {
    background-color: #111;
    padding: 25px 25px 25px 25px;
    margin-bottom: 35px;
    border-radius: 10px;
}

.col-md-12.collectionContainer .carousel-header {
    margin:0 0 16px 0;
    padding: 0 1% 0px;
    align-items: center;
}

.col-md-12.collectionContainer .popularInfluencer .item {
    background-color: rgb(26 26 26);
    padding: 24px 10px 16px 10px;
}

.col-md-12.collectionContainer .carousel-header h5 {
    color: #fff;
}

.col-md-12.collectionContainer .carousel-header h5 i {
    margin-right: 5px;
}

.playlistContainer {
    top: 0;
    color: rgba(255, 255, 255, 0.8);
    background-color: rgb(26 26 26 / 91%);
    padding: 5px;
    border-radius: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 35%;
    font-size: 18px;
}

.item.Playlists .episode-card {
    padding-bottom: 0px;
    transition: all 0.25s ease;
}

.searchResult.innerCollectList .item .episode-card {
    padding-bottom: 0px;
    width: 230px;
    min-width: 230px;
    max-width: 230px;
    background-color: transparent !important;
}

.searchResult.innerCollectList .videoDisc p {
    font-size: 14px;
}

.searchResult.innerCollectList .videoDisc h5 {
    font-size: 18px;
}

.sticky {
    position: sticky;
    top: 0;
    align-self: flex-start;
    background-color: #111;
    padding: 30px 30px 30px 30px;
    border-radius: 10px;
    width: 330px;
    max-width: 330px;
    margin-right: 25px;
}

.cateposter img {
    width: 100%;
}

#stickTabs {
    box-sizing: border-box;
    border: none;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
}

#stickTabs .nav-item .nav-link {
    border: 0px solid transparent;
    padding: 6px 16px;
    background-color: #202021;
    border-radius: 0.25rem;
    font-size: 0.9rem;
    font-weight: 600;
    min-height: 35px;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

/* #frmMove tbody tr{
border-bottom: 0.5px solid #565555 !important;
}
#frmMove tbody td{
    border: none!important;
    } */
#stickTabs .nav-item.show .nav-link,
#stickTabs .nav-item:hover .nav-link,
#stickTabs .nav-link.active {
    border: 0px solid transparent;
    padding: 6px 16px;
    border-radius: 0.25rem;
    font-size: 0.9rem;
    font-weight: 600;
    min-height: 35px;
    color: #fff;
    background-image: linear-gradient(100deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
    transition: all 0.3s ease-in-out;
}

#stickTabs li {
    white-space: nowrap;
    margin: 4px 0px;
}

.cateposter h3 {
    display: flex;
    font-size: 24px;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 12px;
}

.cateposter p.subtext {
    margin-top: 0px;
    opacity: 0.5;
    font-size: 16px;
}

.innerCollectList {
    background-color: #111;
    padding: 30px 30px 30px 30px;
    border-radius: 10px;
    margin-left: 0;
    width: calc(100% - 355px);
}

.searchResult.innerCollectList .InfluencerList .item .episode-card {
    padding-bottom: 0px;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    background-color: transparent !important;
}

.InfluencerList .episode-card .poster img {
    border-radius: 100%;
    max-width: 150px;
}

.searchResult.innerCollectList .ChannelsList .item .episode-card {
    padding-bottom: 0px;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    background-color: transparent !important;
}

.ChannelsList .episode-card .poster img {
    max-width: 150px;
}

.InfluencerList .videoDisc ul.hashTags {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.InfluencerList .episode-card .poster::before {
    display: none;
}

.ChannelsList .episode-card .poster::before {
    display: none;
}

.searchResult.innerCollectList .ShowsList .item .episode-card {
    padding-bottom: 0px;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    background-color: transparent !important;
}

.ShowsList .episode-card .poster img {
    max-width: 150px;
}

.ShowsList .episode-card .poster::before {
    display: none;
}


/* .stickyHeader .navbar-dark {
	background-color: #020e1a !important;
	height: 70px;
	transition: all 0.35s ease-in-out;
} */


/* Profile Screen Styling */

.containerBox {
    background-color: #111;
    padding: 30px 30px 30px 30px;
    margin-bottom: 30px;
    /* margin-right: 30px; */
    border-radius: 10px;
}

.customForm .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #111;
    background-clip: padding-box;
    border: 1px solid #111;
    border-radius: 12px;
    outline: 0;
    padding: 20px;
    background-color: #111;
}

.customForm .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: none;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.customForm .modal-title {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}

.customForm .modal-title span {
    font-size: 14px;
    font-weight: 400;
    color: #ffffffde;
    display: flex;
}

.customForm button.close {
    border: none;
    outline: none;
    border-radius: 100px;
    font-size: 32px;
    padding: 0px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #313237;
    box-shadow: inset 0px 1px 2px 0 #ffffff30;
}

.customForm button.close:hover {
    background-color: #ff7800;
}

.customForm .login-with-google-btn {
    color: #303030;
    background-color: #fff;
    border: none;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 12%), 0 2px 2px 0 rgb(0 0 0 / 24%);
    background-image: url(../images/google.svg);
    background-position: 14px;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 1;
    cursor: pointer;
    position: relative;
    text-align: center;
    text-decoration: none;
    height: 48px;
    padding: 0 50px;
    line-height: 46px;
    vertical-align: middle;
    touch-action: manipulation;
    user-select: none;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    border-radius: 0.25rem;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
}

.customForm .login-with-fb-btn {
    color: #fff;
    background-color: #1877f2;
    border: none;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 12%), 0 2px 2px 0 rgb(0 0 0 / 24%);
    background-image: url(../images/facebook.svg);
    background-position: 14px;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 1;
    cursor: pointer;
    position: relative;
    text-align: center;
    text-decoration: none;
    height: 48px;
    padding: 0 50px;
    line-height: 46px;
    vertical-align: middle;
    touch-action: manipulation;
    user-select: none;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    border-radius: 0.25rem;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
}

.customForm.loginModal .modal-dialog,
.customForm.signUpModal .modal-dialog {
    transform: none;
    max-width: 400px;
}

.customForm .instructionText {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #ffffffab;
    display: flex;
    margin-top: 12px;
}

.customForm p.divider {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.customForm .img-thumbnail {
    background-color: #1a1a1a;
    max-width: 100%;
    height: auto;
    min-width: 180px;
    min-height: 180px;
    border: 2px solid #313237;
    max-width: 180px;
    max-height: 180px;
    border-radius: 100px;
}

.customForm .text-align-center {
    text-align: center;
}

.w50 {
    width: 50%;
}

.customForm input[type='text'],
.customForm input[type='email'],
.customForm input[type='password'],
.customForm input[type='file'],
.customForm input[type='url'],
.customForm input[type='date'],
.customForm select,
.customForm textarea {
    background-color: transparent;
    color: #ffffff;
    font-size: 14px;
    border-radius: 0.25rem !important;
    border: 1px solid #313237;
    height: 48px;
}

.customForm .fileUpload input[type='file'] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 0 34px 24px;
    height: calc(3.5rem + 2px);
}

.customForm .fileUpload label {
    margin-top: -10px;
}

.customForm textarea {
    min-height: 230px;
}

.socialMediaLinks .customForm .form-floating {
    width: 100%;
}

.customForm select option {
    background-color: #313237;
    color: #ffffff;
    font-size: 14px;
    border: 1px solid #313237;
}

.customForm input[type='date'] {
    height: calc(3.5rem + 2px);
}

.customForm .form-control:focus,
.customForm .form-select:focus {
    color: #ffffff !important;
    background-color: #00000036 !important;
    border-color: #9575ff !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(149 117 255 / 58%);
}

.customForm .form-floating>label {
    font-size: 12px;
    padding-top: 15px;
    color: #ffffff80;
}

.customForm .forgotLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customForm .forgotLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customForm .forgotLink label {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ffffffab;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 26px;
}

.customForm .forgotLink #forgot {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #15b0fe;
    display: flex;
    align-items: center;
}

.customForm .signupText {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    display: flex;
    margin-top: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

.customForm .signupText a {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #15b0fe;
    display: flex;
    margin-left: 4px;
}

.customForm .btnSubmit {
    font-size: 14px;
    height: 48px;
    padding: 0 12px;
    outline: none;
    border-radius: 0.25rem;
    border: 1px solid #313237;
    /* background: transparent; */
    color: #fff;
    width: 100%;
    font-weight: 400;
    margin-top: 40px;
    transition: all 0.2s ease-in-out;
}



.customForm .group-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customForm .container_check input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.customForm .container_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #313237;
    border-radius: 0.25rem !important;
    border: 1px solid #313237;
}

.customForm .container_check:hover input[type='checkbox']~.checkmark {
    background-color: #ff7800;
    border: 1px solid #ff7800;
}

.customForm .container_check input[type='checkbox']:checked~.checkmark {
    background-color: #ff7800;
    border: 1px solid #ff7800;
}

.customForm .container_check .checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.customForm .container_check input[type='checkbox']:checked~.checkmark:after {
    display: block;
}

.customForm .container_check .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.influencerStats {
    margin: 0px;
    padding: 5px 0;
    list-style: none;
    color: #fff;
    display: flex;
    flex-direction: row;
    /* font-size: 1vw; */
    margin-bottom: 1.3%;
}
ul.influencerStats li span {
    font-size: 13px ;
    font-weight: 500; 
    display: flex;
    align-items: center; 
}
ul.influencerStats li span i {
    font-size: 18px;
    margin-right: 5px; 
}
.customForm fieldset.nextStep .btnSubmit {
    width: 47%;
    transition: all 0.2s ease-in-out;
}

.customForm .error {
    background-color: #871e1e1a !important;
    border: 1px solid #cc4444 !important;
}

.customForm span.error-msg {
    font-size: 14px;
    font-weight: 400;
    color: #f36d6d;
    display: flex;
    margin: 5px 0 0 0;
}

.customForm .warning {
    background-color: #ff780003 !important;
    border: 1px solid #ff78003b !important;
}

.customForm span.warning-msg {
    font-size: 14px;
    font-weight: 400;
    color: #ffa65875;
    display: flex;
    margin: 5px 0 0 0;
}

.customForm .instructions {
    background-color: #8787871a !important;
    border: 1px solid #53545a !important;
}

.customForm span.instructions-msg {
    font-size: 14px;
    font-weight: 400;
    color: #afe2fb6e;
    display: flex;
    margin: 5px 0 0 0;
}

.avatarBox {
    width: calc(33.3333333% - 30px);
    margin-right: 30px;
}

.btnSubmitSave {
    font-size: 14px;
    height: 48px;
    padding: 0 12px;
    outline: none;
    border: 1px solid #313237;
    background: transparent;
    color: #fff;
    width: 100%;
    font-weight: 400;
    transition: all 0.2s ease-in-out;
}

.btnSubmitSave:hover,
.btnSubmitSave.active {
    border: 1px solid #ff7800;
    background: #ff7800;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.passwordField .passwordshowhide {
    position: absolute;
    top: 1px;
    right: 1px;
    border-radius: 0.25rem;
    height: 46px;
    width: 46px;
    background-color: #1a1a1a;
    border: none;
}

.passwordField .passwordshowhide i {
    color: #575960;
    font-weight: 500;
}

.defaultRadio label {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ffffffab;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 23px;
    padding-right: 27px;
    margin-bottom: 4px;
}

.defaultRadio .container_check input[type='radio'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.defaultRadio .container_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #313237;
    border-radius: 100px !important;
    border: 1px solid #313237;
}

.defaultRadio .container_check:hover input[type='radio']~.checkmark {
    background-color: #ff7800;
    border: 1px solid #ff7800;
}

.defaultRadio .container_check input[type='radio']:checked~.checkmark {
    background-color: #ff7800;
    border: 1px solid #ff7800;
}

.defaultRadio .container_check input[type='radio']:checked~.itemName {
    color: #fff;
    font-weight: 500;
}

.defaultRadio .container_check .checkmark:after {
    content: '';
    position: absolute;
    /* display: none; */
}

.defaultRadio .container_check .checkmark:after {
    left: 5px;
    top: 5px;
    width: 6px;
    height: 6px;
    background: #ffffffc4;
    border-radius: 100px;
}

.defaultRadio .container_check input[type='radio']:checked~.checkmark:after {
    display: block;
}

.otherSettings .customForm .group-inline {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.contentmanagergrid .item {
    /* background-color: rgb(26 26 26); */
    /* padding: 15px; */
    /* border-radius: 5px; */
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: center; */
    /* position: relative; */
    /* width: calc(32% - 15px); */
    /* min-width: 289px; */
    /* max-width: 310px; */
    /* margin: 0 25px 25px 0; */
    /* overflow: visible; */
    /* border: 2px solid rgb(26 26 26); */
    /* transition: all 0.2s ease-in-out; */
}


.importCotentCAT a img {
    max-width: 90px;
}

.importCotentCAT a {
    display: inline-block;
    margin: 0 6px !important;
    transition: all 0.2s ease-in-out;
}

.importCotentCAT label {
    margin: 0 8px !important;
}

.importCotentCAT a:hover {
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
}

.importCotentCAT a:last-child {
    margin-right: 0px !important;
}

.customModal.ChannelModal .modal-dialog {
    transform: none;
    max-width: 750px;
}

.customModal.ChannelModal #stickTabs {
    box-sizing: border-box;
    border: none;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 0 20px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #313237;
}

.customModal.ChannelModal textarea {
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 180px;
}

.customModal.ChannelModal #stickTabs li {
    white-space: nowrap;
    margin: 4px 0px;
    margin-right: 10px;
}

.customModal.ChannelModal .actionbox {
    display: none;
    position: absolute;
}

.customModal.ChannelModal .coverImg {
    min-height: 180px;
    max-height: 180px;
    background-color: #303136;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    position: relative;
}

.customModal.ChannelModal .coverImg:hover .actionbox {
    display: flex;
}

.customModal.ChannelModal .coverImg .fit-image {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.customModal.ChannelModal .coverImg::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #303136;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    align-items: center;
    justify-content: center;
}

.customModal.ChannelModal .coverImg:hover::before {
    display: flex;
}

.actionbox a.imgupload img,
.actionbox a.removeImg img {
    filter: invert(1);
    width: 30px;
}

.actionbox a {
    background-color: #ffffff5e;
    padding: 10px;
    border-radius: 100px;
    margin: 2px;
}

#Host .actionArea .search-box {
    margin: 0;
    width: 100%;
}

.hostList .popularInfluencer .item a {
    /* display: flex; */
    flex-direction: column;
}

.popularInfluencer .moreDropdown {
    display: flex;
    position: absolute;
    right: 3px;
    top: 10px;
}

.hostList .popularInfluencer {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-top: 14px;
}

.hostList .popularInfluencer .item {
    width: calc(25% - 12px);
    margin: 0px 6px;
    background-color: #1a1a1a;
    margin-bottom: 14px;
    position: relative;
    text-align: center;
}

.hostList .popularInfluencer .item label.container_check {
    position: absolute;
    right: 26px;
    top: 9px;
}

.modal-top {
    width: 50px;
    height: 50px;
    background-color: blueviolet;
    border-radius: 5px;
}

.modal-t-img {
    object-fit: cover;
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

#createChannelModal .modal-content .modal-body {
    height: 255px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.btnaddwallet.active {
    color: #fff;
    background-color: #ff7800 !important;
    border-color: #ff7800 !important;
}

.otherSettings .customForm .group-inline.walletForm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.g-signin2 .abcRioButtonLightBlue {
    background-color: #fff;
    color: #303030;
    width: 100% !important;
    height: 48px !important;
    line-height: 46px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    border-radius: 0.25rem;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
}

.g-signin2 .abcRioButtonContentWrapper {
    height: 100%;
    width: 100%;
    padding: 0 50px;
    position: relative;
}

.g-signin2 .abcRioButtonIcon {
    float: left;
    position: absolute;
    left: 16px;
    top: 50%;
    padding: 0px !important;
    transform: translateY(-50%);
}

.g-signin2 .abcRioButtonContents {
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0;
    vertical-align: middle;
    color: #303030;
    line-height: 46px !important;
}

.contentmanagergrid .editBtnP i {
    font-size: 16px;
    font-weight: 600 !important;
    color: #57595f;
}

/*checkbox toggle css*/

/* The switch - the box around the slider */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #303030;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 8px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #fa740d;
    height: 27px;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
    height: 27px;
}

.slider.round:before {
    border-radius: 50%;
}

.notif {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #CC0A36;
    right: 0px;
    left: 75px;
    border-radius: 50px;
    top: 26px;
    border: 2px solid #fff;
    z-index: 1;
}

.v-notif {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #CC0A36;
    right: 0px;
    left: 107px;
    border-radius: 50px;
    top: 26px;
    border: 2px solid #fff;
    z-index: 1;
}

.gradient-text {
    display: flex;
    align-items:center;
    background: linear-gradient(50deg, rgba(255, 120, 0, 1) 0%, rgb(255, 61, 239) 40%, rgb(0, 255, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 1;
    margin-bottom: 0px;
    font-weight: bold;
    -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.5));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=5, Color='rgba(0, 0, 0, 0.5)')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=5, Color='rgba(0, 0, 0, 0.5)')";
}
.gradient-text i{
    padding-right: 10px;
}

.count-bubble {
    background: rgba(255, 255, 255, 0.1);
    padding: 4px 12px;
    font-size: 0.9em;
    color: #fff;
    border-radius: 10px;
    min-width: 30px;
    text-align: center;
    margin-left: 8px;
    font-weight: bold;
}

.btnSubmit-noHover {
    font-size: 14px;
    height: 48px;
    padding: 0 12px;
    outline: none;
    border: 1px solid #313237;
    background-color: #0a0a0a;
    color: #fff;
    width: 100%;
    font-weight: 400;
    margin-top: 40px;
    transition: all 0.2s ease-in-out;
}

.searchResult .poster.infuencerSearch img {
    width: 100%;
}

.searchResult .episode-card .Influencer {
    padding-bottom: 0px;
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

/*------------------------------------------

  Responsive Grid Media Queries - 1280, 1024, 768, 480

   1280-1024   - desktop (default grid)

   1024-768    - tablet landscape

   768-480     - tablet 

   480-less    - phone landscape & smaller

--------------------------------------------*/
/* 
@media all and (max-width: 1366px) {
    .grid-container .item {
        width: calc(32% - 8px);
    }
} */
/* 
@media all and (min-width: 1367px) {
    .grid-container .item {
        width: calc(23% - 3px);
    }
} */
/* 
@media all and (max-width: 1900px) {
    .grid-container .item {
        width: calc(19% - 3px);
    }
} */

/* ==========================================Media Query================================== */

@media screen and (min-width: 4001px) {
    .grid-container .item {
        width: calc(19% - 0px);
    }
}

@media screen and (min-width: 3500px) {

    .episode-card .poster .released {
        font-size: 1rem;
    }

    /* .episode-card {
    padding-bottom: 3.5vw !important;
} */
}

@media screen and (min-width: 3001px) {
    .episode-card .title h5 {
        font-size: 0.7vw !important;
    }

    .episode-card {
        top: 0;
        padding-bottom: 120px !important;
    }
    .mainTabs .grid-container .episode-card .poster {

        height: 7vw !important;
    }
    .influencerBoxArea {
        max-height: 507px;
    }
    .grid-container .item {
        width: calc(16% - 12px) !important;
    }
    .episode-card {
        top: 0;
        padding-bottom: 115px !important;
    }
    .topHeader {
        height: 150px;
    }

    .loginBtn {
        padding: 19px 13px;
        height: 74px;
        width: 181px;
    }

    .search-box i {
        top: 21px;
    }

    .topHeader input[type=text] {
        height: 1.7vw;
    }

    .topHeader {
        height: 130px;
    }

    .searchPanel {
        padding-right: 88px;
    }

    .popularInfluencer .item {
        padding: 22px 5px 22px 5px !important;
    }

}

@media screen and (min-width: 2501px) {
    .grid-container .item {
        width: calc(16% - 10px);
    }

    .showsCoverArea .show-img {
        /* flex: 0 0 7%; */
    }   

    .title-div h5 {
        font-size: 2rem;
    }

    .searchResult .item .show {
        flex: 0 0 14% !important;
    }

    .searchResult .item .channel {
        flex: 0 0 15% !important;
    }

    .searchResult .episode-card .Influencer {
        flex: 0 0 15%;
        min-width: 200px;
    }

    .searchResult .item .title {
        font-size: 1.2rem;
    }

    .searchResult .item .title h5 {
        font-size: 1.8em;
    }

    .searchResult .item .s-video {
        flex: 0 0 25%;
    }

    .episode-card {
        top: 0;
        padding-bottom: 110px !important;
    }

    .grid-container .item .play-btn {

        font-size: 2vw;

    }

    /* .episode-card .poster .released {
        
        font-size: 1.4rem;
        
    } */
    .episode-card .poster .length {
        font-size: 1.5rem;
    }

    .category-text {
        font-size: 0.5vw;
    }


    .searchPanel {
        padding-right: 50px;
    }

    /* .explore-carousel .item {
        height: 190px;
        width: 188px;
    }
    .grid-container .item {
        width: calc(16% - 11px);
    }
    .episode-card .poster {
        height: 9vw;
    }
    .episode-card {
        
        top: 0;
        padding-bottom: 130px !important;
        
    }
    .explore-carousel .item {
        
        height: 206px;
        width: 215px;
        
    }
    .exploreTabs.mainTabs {
        height: 368px !important;
    } */

    /* category-list pag */
    .list-dis {
        width: 90%;
        font-size: 1vw;
    }

    .video-icn {
        font-size: 1.3rem;
    }

    .video-icn2 {
        font-size: 1.3rem;
    }

    /* cONTENT MANAGER */
    /* .grid-container .item {
        width: calc(12% - -6px) !important;
    } */

    /* COLOS CONTENT MANAGER */
}

@media screen and (min-width: 2201px) {
    .grid-container .item {
        /* width: calc(18% - 0px); */
        width: calc(16% - 7px);
    }
    .channalAvatar .details h5 {
        font-size: 1.6vw;
    }
    .show-img img {
        width: 32rem;
    }
    .chnl-img img {
        width: 32rem;
    }
    .showsCoverArea .sub-details {
        margin-bottom: 2%;
    }
    .showsCoverArea.influencerCover .thumbnail-card .details .desc {
        font-size: 0.8vw;
        /* padding-top: 1%; */
    }

    .rating .star-ratings {
        font-size: 1.5vw;
    }

    .chnl-img {
        /* width: 10vw;
        height: 10vw; */
    }

    .showsCoverArea .channalAvatar .title {
        /* flex: 0 0 14%; */
        /* margin-right: 20px; */
    }

    .showsCoverArea .channalAvatar .title {
        /* width: 7vw !important; */
    }

    .showsCoverArea .show-Desc {
        font-size: 1.7rem;
    }

    .searchResult .mainTabs .show {
        flex: 0 0 14% !important;
    }

    .searchResult .mainTabs .channel {
        flex: 0 0 15% !important;
    }

    .searchResult .infuencerSearch {
        flex: 0 0 15%;
        min-width: 200px;
    }

    .searchResult .item .s-video {
        flex: 0 0 27%;
    }

    .searchResult .item .desc {
        font-size: 1vw;
    }

    .searchResult .item ul.influencerStats {
        font-size: 1vw;
    }

    .searchResult .categories span {
        font-size: 1vw;
        margin: 0px 20px 20px 1px;
    }

    .searchResult .item .episode-card .poster {
        height: 13vw;
        max-height: none;
    }

    .searchResult .mainTabs .play-btn {
        font-size: 60px;
    }

    .searchResult .item .details {
        padding-top: 60px;
    }

    .searchResult .item .title {
        font-size: 1.1vw;
    }

    .searchResult .item .title h5 {
        font-size: 1.8vw;
    }

    .grid-container .item {
        margin-right: 0.5%;
        margin-left: 0.5%;
    }

    .header-menu ul {
        margin-left: 40px;
    }

    .col-md-12.liveStreaming {
        padding: 60px !important;
    }

    .col-md-12.collectionContainer {
        padding: 50px !important;
    }

    .scrtabs-tab-container {
        height: 87px;
    }

    .center-content {
        padding: 130px 60px !important;
    }

    .tab+label {
        margin-left: 15px;
    }

    #createEpisodeModal .popularInfluencer .item,
    #createShowModal .popularInfluencer .item {
        width: calc(31% - -4px) !important;
    }

    .episode-card .poster .released {

        font-size: 0.9rem !important;
    }

    .left-sidebar {
        width: 170px;
    }

    .left-sidebar ul.main-menu li a {
        font-size: 1rem;
    }

    .topHeader {
        width: calc(100% - 170px);
    }

    .center-content {
        max-width: calc(100% - 170px);
    }

    .episode-card .poster {
        height: 7.5vw;
    }

    .channels .item {
        width: calc(12% - -3px) !important;
    }

    .PopularShows .item {
        width: calc(12% - -3px) !important;
    }

    .categoryItems .item {
        width: calc(12% - -3px) !important;
    }

    .popularInfluencer .item {
        width: calc(12% - -3px) !important;

    }

    /* .center-content {
        padding: 2em 3em 1em 2em;
    } */

    h3.users-name {
        font-size: 1.4rem;
    }

    .fullEpisodes .item .poster {
        height: 8vw;
    }

    .grid-container .item {
        /* width: calc(18% - 0px); */
        width: calc(19% - 0px) ;
    }

    .channels .item {

        width: calc(12% - -4px) !important;
    }

    .PopularShows .item {
        width: calc(12% - -4px) !important;
    }

    .popularInfluencer .item {
        width: calc(12% - -4px) !important;
    }

    #header.stickyHeader {
        height: 3.7vw !important;
        border-bottom: 0.4em solid !important;
    }

    /* .mt-07 {
        margin-top: 90px !important;
    } */
    .topHeader input[type=text] {
        height: 50px;
    }

    .topHeader button.search-btn {
        height: 45px;
    }

    /* .live-btn {
        padding: 12px 2vw;
    } */

    .search-box i {
        top: 19px;
    }

    .header-menu h6 {
        font-size: 0.9vw;
    }

    .topHeader .main-nav li {
        margin-right: 50px !important;
    }

    /* Navbar Icon */
    /* .topHeader .main-nav li:nth-child(1) i {
        font-size: 0.7vw;
    } */

    /* .topHeader .main-nav li:nth-child(2) i {
        font-size: 0.7vw;
    } */

    /* .topHeader .main-nav li:nth-child(3) i {
        font-size: 0.7vw;
    } */
    .topHeader {
        height: 130px;
    }

    /* End icon */
    .mainTabs {
        padding: 60px 60px !important;
    }

    .topHeader form {
        width: 20vw;
    }

    .btn {
        font-size: 0.7vw;
    }

    input[type=text] {
        height: 50px;

    }

    .topHeader .main-nav li button {
        padding: 12px 30px;
    }

    button.search-btn {
        height: 50px;
    }

    #MainExploreTabs .nav-item .nav-link {
        font-size: 0.7vw;
    }

    #InnerTabs .nav-item .nav-link {
        font-size: 0.7vw;
        font-weight: 600;
        height: 62px;
        color: #fff;
        margin-right: 30px;
        background: none;
        padding: 0 0px 17px 0px;
        border-bottom: 6px solid transparent;
    }

    .tab+label {
        font-size: 0.7vw;
    }

    .tab:checked+label {
        border-width: 0.2vw;
    }

    /* Scroll page Video open screen */
    .dimensions-smartvideo_9248_videojs.vjs-swarmify-theme {
        width: 50vw !important;
        height: 28vw !important;
    }

    .FlexContainer .details p {
        font-size: 0.8vw;
    }

    .item .avatar-md {
        width: 2vw !important;
        height: 2vw !important;
    }

    /* End video screeen */
    /* .exploreTabs.mainTabs {
        height: 333px !important;
    } */
    #MainExploreTabs .nav-item .nav-link {
        height: 57px;
    }

    .episode-card .title {
        padding: 20px !important;
    }

    .episode-card .title h5 {
        font-size: 1vw;
    }

    .episode-card {
        top: 0;
        padding-bottom: 93px !important;
    }

    .mainTabs {
        background-color: #111;
        min-height: 250px;
        border-radius: 10px;
    }

    .loginBtn {
        padding: 9px 15px;
        height: 48px;
        width: 131px;
        font-size: 0.9rem !important;
    }

    .spotlight-carousel .item .video-caption {
        bottom: -59px;
    }

    .spotlight-carousel .owl-item {
        height: 370px;
    }

    .showsCoverArea .thumbnail-card .title h5 {
        font-size: 1.6vw;
    }

    .live-dot {
        left: 54px !important;
    }

    .left-sidebar:hover .live-dot {
        left: 31px !important;
    }

}

@media screen and (min-width: 1801px){
    .showsCoverArea .thumbnail-card .title h5 {
        font-size: 1.7vw;
    }
    .btn-creator {
        width: 190px;
       
    }
    .showsCoverArea .show-avatar {
        /* width: 100%;
        height: 100%; */
        width: 23vw;
    }
    .chnl-img img {
        width: 22vw;
    }
    /* .rating .star-ratings {
        font-size: 1.4vw;
    } */

    /* .chnl-img {
        width: 11vw;
        height: 11vw;
    } */

.thumbnail-card .chnl-img {
    padding-right: 35px;
}
    .searchResult .item .show {
        flex: 0 0 14% !important;
    }

    .searchResult .item .channel {
        flex: 0 0 15% !important;
    }

    .searchResult .episode-card .Influencer {
        flex: 0 0 15%;
        min-width: 200px;
    }

    .searchResult .item .title {
        font-size: 1.2rem;
    }

    .searchResult .item .title h5 {
        font-size: 1.8em;
    }

    .searchResult .item .s-video {
        flex: 0 0 25%;
    }

    .searchResult .item .episode-card .poster {
        height: 13vw;
    }

    .searchResult .item .details {
        padding-top: 40px;
    }

    #createEpisodeModal .popularInfluencer .item,
    #createShowModal .popularInfluencer .item {
        width: calc(22% - -4px) !important;
    }

    .tab+label {
        margin-left: 15px;
    }

    .left-sidebar {
        width: 170px;
    }

    .topHeader {
        width: calc(100% - 170px);
    }

    .center-content {
        max-width: calc(100% - 170px);
    }

    .channels .item {
        width: calc(12% - -3px) !important;
    }

    .PopularShows .item {
        width: calc(12% - -3px) !important;
    }

    .categoryItems .item {
        width: calc(12% - -3px) !important;
    }

    .popularInfluencer .item {
        width: calc(12% - -3px) !important;
    }

    .channels .category-text {
        font-size: 0.6vw;
    }

    .episode-card .poster {
        position: relative;
        height: 9.8vw;
    }

    .grid-container .item {
        /* width: calc(18% - 0px); */
        /* width: calc(15% - 7px); */
        /* width: calc(18% - 1px); */
    }

    .topHeader form {
        width: 400px;
    }

    .topHeader input[type=text] {
        height: 40px;

    }

    .topHeader button.search-btn {
        height: 40px !important;
    }

    #header.stickyHeader {
        height: 85px;
    }

    .left-sidebar ul.main-menu li a {
        font-size: 1rem;
    }

    .episode-card {
        padding-bottom: 80px;
    }

    /* .left-sidebar.LockedNavBar .live-dot {
        left: 31px !important;
    } */
    .live-dot {
        left: 54px !important;
    }

    .left-sidebar:hover .live-dot {
        left: 31px !important;
    }

    /* .live-btn {
        padding: 10px 38px !important;
    } */

    /* content manager */
    /* .contentmanagergrid .videos {
        display: block;
        width: calc(23% - 7px) !important;
    } */

    /* colos content MANAGER */
}

@media screen and (max-width: 1700px) {
    .live-dot {
        left: 54px;
    }
    .showsCoverArea .show-Desc {
        margin-bottom: 25px;
        font-size: 1vw;
    }
    .avatar-md {
        width: 40px;
        height: 40px;
        transform: 0.5s;
    }
    /* .title-smal {
        font-size: 0.5rem;
    } */
    /* .newone .subscriberstats {
        font-size: 0.8vw;
    } */
    .newone {
        margin-bottom: 25px;
    }
    .newone a {
        line-height: 16px;
    }
    
    /* .newone a {
        font-size: 1.1vw;
    } */
    .showsCoverArea .details .bredCrumb h5{
        margin-bottom: 0 !important;
    }
    .show-img img {
        width: 26vw;
    }
    .showsCoverArea .show-avatar {
        /* width: 100% ; */
        /* height: 100% ; */
        /* width: 12vw; */
        /* height: 12vw; */
    }

    .list-dis {
        width: 95%;
        font-size: 1.6vw;
        margin-bottom: 5vw;
    }

    .icon-body {
        font-size: 1vw;
    }

    .spotlight-carousel .item div.cover-wrapper img {
        min-height: 260px;
    }

    .spotlight-carousel .item .video-caption {
        padding: 25px 25px 20px 25px;
    }

}

@media screen and (min-width: 1367px) and (max-width: 1800px) {
    .showsCoverArea .show-img {
        /* flex: 0 0 11%; */
    }

    .chnl-img {
        /* width: 12vw;
        height: 12vw; */
    }

    ul.influencerStats {
        /* margin-bottom: 0px; */
    }

    .channalAvatar .details h5 {
        font-size: 2.5vw;
    }

    .showsCoverArea .influencerCover .thumbnail-card .details .desc {
        font-size: 1.2vw;
    }

    .searchResult .item .show {
        flex: 0 0 14% !important;
    }

    .searchResult .item .channel {
        flex: 0 0 15% !important;
    }

    .searchResult .episode-card .Influencer {
        flex: 0 0 15%;
        min-width: 200px;
    }

    .searchResult .item .title {
        font-size: 1 rem;
    }

    .searchResult .item .title h5 {
        font-size: 1.8em;
    }

    .searchResult .item .s-video {
        flex: 0 0 25%;
    }

    .searchResult .item .episode-card .poster {
        height: 13vw !important;
    }

    .searchResult .item .details {
        padding-top: 10px;
    }

    .episode-card .poster {
        position: relative;
        /* height: 12vw; */
        height: 10vw !important;
    }

    .tab+label {
        margin-left: 15px;
    }

    /* .topHeader .main-nav li button {
        background-image: linear-gradient(100deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
        padding: 13px 14px;
        font-size: 0.8vw;
    } */

    .topHeader .main-nav li {
        margin: 0px 22px 0px 7px;
    }

    .item .title .TitleText {
        font-size: 1vw;
    }

    .episode-card {
        padding-bottom: 68px !important;
    }

    .showsCoverArea .thumbnail-card .title h5 {
        font-size: 1.7vw;
    }

    .topHeader input[type=text] {
        height: 40px;
    }

    .topHeader button.search-btn {
        height: 40px !important;
    }

    .channels .item {
        width: calc(15% - 7px);
    }

    .PopularShows .item {
        width: calc(15% - 7px);
    }

    .categoryItems .item {
        width: calc(15% - 7px);
    }

    .popularInfluencer .item {
        width: calc(15% - 7px);
    }

    .channels .category-text {
        font-size: 0.7vw !important;
    }

    /* content manager */
    .grid-container .videos {
        display: block;
        width: calc(21% - -20px) !important;
    }

    /* colos content manager */
    /* .live-btn {
        padding: 12px 34px !important;
    } */
}

@media screen and (max-width: 1366px) {
    .col-md-12.liveStreaming .stm-title{
        font-size: 0.6rem !important;
    }
    .stm-title p:nth-child(2) span{
        padding: 3px;
        font-size: 8px !important;
      }
    .btn-creator{ 
        width: 130px;
        padding: 13px 9px;
    }
    .PopularShows .item {
        min-height: 100px;
    }
    .topHeader input[type='text']:focus {
        border: 2px solid #9b67ff;
        transition: all 0.2s ease-in-out;
    }
    .no-video-text {
        font-size: 1rem;
        width: 80%;
        flex-direction: column;
        text-align: center;
    }
    .no-video-text i{
        padding-bottom: 15px;
        padding-right: 0px;
    }
    .noVideoBox{
        height: 26vw !important;
    }
    .video-decr {
        font-size: 14px;
    }
    .episode-card .poster {
        height: 10vw !important;
    }

    /* .showsCoverArea .channalAvatar .title {
        flex: 0 0 15%;
        margin-right: 20px;
    } */
   
    .chnl-img {
        /* width: 13vw;
        height: 13vw; */
    }

    /* ul.influencerStats {
        margin-bottom: 0px;
    } */
    /* .showsCoverArea .show-img {
        flex: 0 0 9%;
        width: 15vw;
    } */

    .searchResult .item .s-show {
        flex: 0 0 17%;
    }

    .searchResult .item .channel {
        flex: 0 0 17%;
    }

    .searchResult .episode-card .Influencer {
        flex: 0 0 15%;
        min-width: 200px;
    }

    .searchResult .item .title {
        font-size: 1.2rem;
    }

    .searchResult .item .title h5 {
        font-size: 1.5em;
    }

    .searchResult .item .s-video {
        flex: 0 0 25%;
    }

    .searchResult p .shotdesc {
        font-size: 0.7rem;
    }
    .searchResult .episode-card .s-influencer{
        height: 100% !important;
    }
    .searchResult .s-show .poster{
        height: 100% !important;
    }
    .searchResult .channel .poster{
        height: 100% !important;
    }
    .searchResult .s-video .poster {
        height: 14vw !important;
    }
    .scrtabs-tab-container {
        height: 63px;
    }

    /* .searchResult .item .title h5 {
    font-size: 1.4em;
} */
    /* .searchResult .item .episode-card {
    flex: 0 0 30%;
} */
    /* .searchResult .item .episode-card .poster {
        height: 14vw !important;
    } */

    /* setting page */

    .f-labl-1::before {
        content: "Select Theme";
        font-size: 0.8rem;
    }

    .f-labl-2::before {
        content: "Save History";
        font-size: 0.8rem;
    }

    .f-labl-3::before {
        content: "Show Recommendations";
        font-size: 0.8rem;
    }

    .f-labl-4::before {
        content: "Notify When Followed";
        font-size: 0.8rem;
    }

    /* end setting page */



    /* .episode-card .poster .released {
        font-size: 0.5rem ;
    } */

    .topHeader .main-nav li button {
        /* background-image: linear-gradient(100deg, rgba(255, 120, 0, 1) 0%, rgba(166, 61, 255, 1) 50%, rgba(0, 198, 255, 1));
        padding: 12px 10px; */
        font-size: 0.8vw;
    }

    .topHeader .main-nav li {
        margin: 0px 12px 0px 7px;
    }

    .item .title .TitleText {
        font-size: 1vw;
    }

    .episode-card {
        padding-bottom: 70px;
    }

    .showsCoverArea .thumbnail-card .title h5 {
        font-size: 1.7vw;
    }

    .topHeader input[type=text] {
        height: 40px;
    }

    .topHeader button.search-btn {
        height: 40px ;
    }

    .channels .item {
        width: calc(18% - 0px);
    }

    .PopularShows .item {
        width: calc(18% - 0px);
    }

    .categoryItems .item {
        width: calc(15% - 7px);
    }

    .popularInfluencer .item {
        width: calc(18% - 0px);
    }

    .channels .category-text {
        font-size: 0.7vw ;
    }

    /* content manager */
    .contentmanagergrid .videos {
        display: block;
        width: calc(23% - 0px);
    }

    /* colose content manager */
    /* .live-btn {
        padding: 12px 34px !important;
    } */
    .title h5 span.subTitle {
        font-size: 0.7vw;
    }

}

@media screen and (max-width: 1200px) {
    .btn-creator {
        padding: 8px 13px;
    }
    .live-btn {
        margin-left: -113px;
        bottom: 31px;
        font-size: 0.7rem;
        padding: 7px 18px;
    }
    .count-bubble {
        padding: 4px 6px;
        font-size: 0.7em;
    }
    .display-5 {
        font-size: calc(1.425rem + 1.5vw);
        font-weight: 300;
        line-height: 0.8;
    }

    .video-icn {
        padding: 7px 10px;
        margin: 0 20px 0 0;
        border-radius: 5px;
    }

    .video-icn2 {
        padding: 7px 10px;
        margin: 0 20px 0 0;
        border-radius: 5px;
    }

    /* .header-menu ul {
        margin-left: 5px;
    } */

    /* .episode-card .poster {
        height: 10vw !important;
    } */

    /* .showsCoverArea .channalAvatar .title {
        flex: 0 0 17%;
        margin-right: 20px;
    } */

    /* ul.influencerStats {
        margin-bottom: 0px;
    } */
    .showsCoverArea .show-img {
        flex: 0 0 16%;
    }

    .searchResult .item .s-show {
        flex: 0 0 19%;
    }

    .searchResult .item .channel {
        flex: 0 0 19% !important;
    }

    .searchResult .infuencerSearch {
        flex: 0 0 15%;
        /* min-width: 200px; */
    }

    .searchResult .item .title {
        font-size: 0.9rem;
    }

    .searchResult .item .title h5 {
        font-size: 1.3em;
    }

    .searchResult .item .s-video {
        flex: 0 0 25%;
    }

    /* .searchResult .item .episode-card {
        flex: 0 0 15%;
    } */
    /* .searchResult .item .episode-card .poster {
        height: 14vw !important;
    } */

    .scrtabs-tab-container {
        height: 60px;
    }

    /* setting page */
    .f-labl-1::before {
        content: "Select Theme";
        font-size: 0.7rem;
    }

    .f-labl-2::before {
        content: "Save History";
        font-size: 0.7rem;
    }

    .f-labl-3::before {
        content: "Show Recommendations";
        font-size: 0.7rem;
    }

    .f-labl-4::before {
        content: "Notify When Followed";
        font-size: 0.7rem;
    }

    /* end setting page */

    .tab+label {
        font-size: 0.68rem;
        /* transition: 0.5s; */
    }

    .left-sidebar ul.main-menu li {
        padding: 3px 0px 3px 0px;
        max-height: 21px;
    }

    /* .header-menu h6 {
    font-size: 1.2vw;
}  */
    .topHeader {
        height: 100px;
    }

    .topHeader .main-nav li {
        margin: 0px 1px 0px 18px;
        display: flex;
    }

    .header-menu h6 {
        font-size: 1.3vw;
        display: flex;
        margin: 0px;
        flex-wrap: nowrap !important;
    }


    .topHeader .main-nav li button {
    
        padding: 8px 14px;
       
    }

  

    .main-nav li i {
        margin-right: 4px;
    }

    .topHeader input:not(:placeholder-shown) {
        width: calc(100% - 4rem);
    }

    .topHeader button.search-btn {
        height: 30px;
        width: 4rem;
    }

    #header.stickyHeader {
        height: 60px;
        border-bottom: 3px solid !important;
    }

    .topHeader input[type=text] {
        height: 30px;
    }

    .form-control {
        font-size: 0.7rem;
    }

    .search-box i {
        top: 8px;
        left: 17px;
        font-size: 14px;
    }

    /* .userDropdown {
        height: 0px;
    } */

    .searchPanel .dropdown {
        max-width: 52px;
    }

    /* .explore-carousel .item {
    position: relative;
    height: 152px !important;
    width: 151px!important;
    
} */

    .loginBtn {
        font-size: 10px;
        width: 75px;
        font-size: 10px;
        padding: 7px 7px;
        margin-left: -21px;
    }

    .center-content {
        padding: 130px 035px;
    }

    .scrtabs-tabs-fixed-container {
        width: 70% !important;
        /* overflow: hidden; */
        padding-left: 10px;
        padding-right: 15px;
    }

    .scrtabs-tab-scroll-arrow {
        padding-left: 12px;
        padding-right: 20px;

    }

    #MainExploreTabs .nav-item .nav-link {
        padding: 4px 11px;
        font-size: 0.7rem;
        height: 33px;
    }

    /* .grid-container .item .play-btn {
        font-size: 2vw !important;
    } */

    .avatar-md {
        width: 3vw;
        height: 3vw;
    }

    /* .episode-card .poster .released {
        font-size: 0.4rem ;
    } */

    /* .explore-carousel .item {
      
    height: 140px !important;
    width: 138px !important;
} */
    .episode-card .title h5 img {
        margin-right: 10px !important;
        ;
    }

    .grid-container .item {
        width: calc(31% - 0px);
    }

    .popularInfluencer .item {
        width: calc(19% - 12px);

    }

    .PopularShows .item {
        width: calc(24% - 10px);
    }
    .channels .item {
        width: calc(24% - 10px);
    }

    .episode-card {
        top: 0;
       
   padding-bottom: 60px;
       
    }

    

    /* cONTENT MANAGER */
    .contentmanagergrid .videos {
        display: block;
        width: calc(31% - 0px) !important;
    }

    /* END COND CONTENT MANAGER */
    .video-ctgry-img {
        width: 30vw;
        height: 16vw;
    }
}

@media screen and (max-width: 1024px) {
    .channels .item {
        width: calc(29% - 0px) !important;
    }
    .PopularShows .item {
        width: calc(29% - 0px) !important;
    }
    .popularInfluencer .item {
        width: calc(29% - 0px) !important;
    }
    .episode-card .categories span {
        font-size: 0.4rem;
    }
    .episode-card .desc {
        font-size: 11px;
    }
    .item .title .TitleText {
        font-size: 1.4vw;
    }
    .catg-backdrop {
        padding: 20px 20px;
    }
    .btn-creator {
        right: 316px;
        width: 102px;
    }
    .live-btn {
        margin-left: -107px;
        font-size: 0.6rem;
        padding: 7px 17px;
    }
    /* .showsCoverArea .title {
        display: block !important;
    } */
    .showsCoverArea .title {
        /* width: 100%; */
        /* display: flex; */
        padding-bottom: 0;
    }

    .display-5 {
        font-size: calc(1.425rem + 1.5vw);
        font-weight: 300;
        line-height: 0.8;
    }

    .video-icn {
        padding: 7px 10px;
        margin: 0 20px 0 0;
        border-radius: 5px;
    }

    .video-icn2 {
        padding: 7px 10px;
        margin: 0 20px 0 0;
        border-radius: 5px;
    }

    .video-disc hr {
        width: 250px;
    }

    /* .episode-card .poster {
        height: 12vw !important;
    } */

    ul.influencerStats {
        /* margin-bottom: 0px !important; */
    }

    .showsCoverArea .show-img {
        flex: 0 0 14%;
    }

    .searchResult .Influencer {
        flex: 0 0 19% !important;
    }

    .searchResult .item .s-show {
        flex: 0 0 19% !important;
    }

    .searchResult .item .show {
        flex: 0 0 14% !important;
    }

    .searchResult .item .channel {
        flex: 0 0 19% !important;
    }

    /* .searchResult .infuencerSearch {
        flex: 0 0 15%;
    } */
    .searchResult .item .title {
        font-size: 0.9rem;
    }

    .searchResult .item .title h5 {
        font-size: 1.3em;
    }

    .searchResult .item .s-video {
        flex: 0 0 30%;
    }

    ul.influencerStats {
        font-size: 9px;
    }

    /* .influencerSocialLinks a {
        width: 20px;
        height: 20px;
    } */

    .influencerSocialLinks a i {
        padding: 6px;
        border-radius: 33px;
        font-size: 12px;
    }

    /* .searchResult .item .episode-card {
        flex: 0 0 15%;
    } */
    .searchResult .item .episode-card .poster {
        height: 14vw;
    }

    /* .showsCoverArea .thumbnail-card .host img {
        width: 42px;
    } */
    .searchResult .item .title h5 {
        font-size: 0.9rem;
    }

    .searchResult .categories span {
        font-size: 10px;
    }

    .searchResult p {
        font-size: 0.5rem;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .searchResult .mainTabs .play-btn {
        font-size: 30px;
    }

    .searchResult .item .desc {
        font-size: 10px;
    }

    .searchResult .item ul.influencerStats {
        font-size: 10px;
        margin-top: 5px;
        margin-bottom: 3px;
    }

    .logoIcon::before {
        content: url(../images/logo-icon.png);
        top: 1px;
    }

    .left-sidebar .logo {
        height: 93px;
    }

    .loginBtn {
        font-size: 10px;
        width: 64px;
        font-size: 10px;
        padding: 6px 7px;
        margin-left: -21px;
    }

    .scrtabs-tab-container {
        height: 50px;
    }

    .customModal select,
    .customModal textarea {
        height: 33px;
        font-size: 10px;
    }

    h3.users-name {
        font-size: 0.7rem;
        overflow: hidden;
        margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    }

    /* setting page */
    .f-labl-1::before {
        content: "Select Theme";
        font-size: 0.5rem;
    }

    .f-labl-2::before {
        content: "Save History";
        font-size: 0.5rem;
    }

    .f-labl-3::before {
        content: "Show Recommendations";
        font-size: 0.5rem;
    }

    .f-labl-4::before {
        content: "Notify When Followed";
        font-size: 0.5rem;
    }

    /* end setting page */
    #desc_partial {
        font-size: 12px;
    }

    .VideoDetailCover .details {
        overflow: hidden;
    }

    .showsCoverArea .thumbnail-card .title h5 {
        font-size: 14px;
    }

    .watchNowBtn {
        padding: 8px 15px;
    }

    .showsCoverArea.influencerCover .thumbnail-card .title img {
        width: 100px;
        height: 100px;
    }

    .showsCoverArea .thumbnail-card {
        padding: 25px 25px;
    }

    .chnl-img {
        /* width: 11vw;
        height: 11vw;
        margin-bottom: 20px; */
    }

    .showsCoverArea.influencerCover .thumbnail-card .title h5 img {
        width: 111px;
        height: 111px;
    }

    .center-content {
        padding: 100px 35px;
    }

    .tab+label {
        font-size: 0.58rem;
        /* padding: 10px 10px; */
        margin-right: 14px;
        /* transition: 0.5s; */
    }

    .lockBtnNav {
        display: none;
    }

    /* .FlexContainer .details p {
        font-size: 10px;
    } */

    .VideoDetailCover .ChannelDetail h5 {
        font-size: 14px;
    }

    /* .desc.actionsitems ul {
        font-size: 7px;
    } */

    /* .desc.actionsitems ul.videoActions li i {
        font-size: 1vw;
    }

    .desc.actionsitems ul.videoActions li a {
        padding: 5px;
    }

    ul.videoActions li {
        margin-right: 8px;
    } */

    /* .grid-container .item .play-btn {
        font-size: 25px;
    } */

    .episode-card .poster .length {
        font-size: 0.5rem;
    }

    .liveStream-video-carousel .item .play-btn,
    .video-carousel .item .play-btn {
        transform: translate(-50%, -50%) scale(1);
        font-size: 27px;
    }


    .col-md-12.collectionContainer {
        padding: 16px 16px 16px 16px;
    }

    .episode-card {
        padding-bottom: 52px;
    }

    .episode-card .poster .host {
        top: 60%;
    }

    .episode-card .poster .host li {
        margin-right: -23px;
    }

    .episode-card .poster .host li:last-child {
        margin-right: -9px;
    }

    .avatar-md {
        width: 31px;
        height: 31px;
    }

    .btnCollection {
        font-size: 9px !important;
    }

    .gradient-text {
        font-size: 1.2rem;
    }

    #InnerTabs .nav-item .nav-link {
        font-size: 0.7rem;
        height: 30px;
        margin-right: 15px;
        padding: 0px 8px 4px 8px;
        border-bottom: 4px solid transparent;
    }

    /* .topHeader .main-nav li:nth-child(1) i {
        font-size: 9.5px;
      
    } */
    /* .topHeader .main-nav li:nth-child(2) i {
        font-size: 9.5px;
       
    } */
    /* .topHeader .main-nav li:nth-child(3) i {
        font-size: 9.5px;
        
    } */
    .topHeader button.search-btn {
        height: 29px;
        width: 4rem;
    }

    .topHeader input:not(:placeholder-shown) {
        width: calc(100% - 4rem);
    }

    .topHeader .main-nav li {
        margin: 0px 9px 0px 5px;
    }

    .header-menu h6 {
        font-size: 1vw;
    }

    /* .main-nav li i {
        font-size: 1vw;
    } */

   
   .theem-btn {
    padding: 8px 15px;
    font-size: 0.7em;
   }
   .btndots {
    padding: 11px 15px !important;
    }
    .topHeader input[type=text] {
        height: 29px;
        padding: 0px 8px 0 30px;
    }

    .form-control {
        font-size: 0.6rem;
    }

    .search-box i {
        top: 9px;
        font-size: 13px;
        left: 12px;
    }

    #header.stickyHeader {
        height: 59px;
    }

    .searchPanel .dropdown {
        max-width: 52px;
    }

    .grid-container .item {
        width: calc(30% - 6px);
    }

    .grid-container .item {
        margin-right: 2%;
        margin-left: 2%;
    }

    /* .item .title .TitleText {
        font-size: 1.2vw;
    } */

    .title h5 span.subTitle {
        font-size: 1.1vw;
    }

    .episode-card .poster .host {
        top: 58%;
    }

    #MainExploreTabs .nav-item .nav-link {
        padding: 6px 6px;
        font-size: 0.6rem;
        height: 28px;
        margin-right: 8px;
    }

    /* CONTENT MANAGER */
    .contentmanagergrid .item h3.card-title {
        font-size: 14px I !important;
    }

    .card-status-icons p {
        font-size: 8px !important;
    }

    .card-info {
        font-size: 10px !important;
    }

    /* COLOS CONTENT MANAGER */

    .video-ctgry-img {
        width: 30vw;
        height: 17vw;
    }

    .showsCoverArea .thumbnail-card .host img {
        width: 4vw;
    }
}

@media screen and (max-width: 991px) {
    .channels .item {
        width: calc(29% - 0px) !important;
    }
    .PopularShows .item {
        width: calc(29% - 0px) !important;
    }
    .categoryItems .item {
    width: calc(29% - 0px) !important;
    

}
    .popularInfluencer .item {
        width: calc(29% - 0px) !important;
    }
    .item .title .TitleText {
        font-size: 1.6vw;
    }
    .episode-card .poster {
        height: 15vw !important;
    }
    
    .grid-container .item {
        width: calc(46% - 2px);
    }
    .btn-creator {
        width: 85px;
         padding: 9px 7px;
    }
    .FlexContainer {
        flex-direction: column;
    }

    .VideoDetailCover .details {
        padding-left: 0px;
        padding-top: 30px;
    }
    
}

@media screen and (max-width: 767px) {
    .grid-wrapper{
        padding-top: 25px;
    }
    .new-carousel {
        padding-bottom: 0px;
        }
    #MainExploreTabs .nav-item .nav-link {
        /* padding: 6px 6px; */
        font-size: 2.1vw;
        height: 38px;

    }
    /* .channalAvatar{
        display: none;
    } */
    .influencerSocialLinks {
        right: 12px;
        top: 17px;
    }
    .thumbnail-card .chnl-img {
        padding-right: 0%;
    }
    .exploreTabs .carousel-wrapper{
        padding: 12px 0px !important;
    }
    .owl-carousel.owl-drag .owl-item{
        margin-left: 0px;
        /* margin-right: 10px !important; */
    }
   
    .gradient-text p{
        margin-bottom: 0 !important;
        font-size: 12px ;
    }
    .col-md-12.liveStreaming {
        margin-bottom: 1.5rem !important;
    }
    .liveStream-video-carousel  .owl-item {
        margin-right: 10px !important;
    }

    #InnerTabs .nav-item .nav-link {
        border-bottom: 2px solid transparent;
    }
    button.stream-btn.active{
        border-width: 2px;
    }
    .mt-bar {
        margin: 8rem 0 2rem 0;
    }
    .fa-signal{
        display: none !important;
    }
    .pulsating-circle {
        display: block;
      }
    .live-btn {
        bottom: -5px;
        right: 21px;
        position: relative;
        border: none;
        color: #fff;
        background: linear-gradient(97deg, rgb(244 4 62) 7%, rgba(228,3,38,1) 84%);
        font-size: 0.6rem;
        font-weight: 600;
        border-radius: 3px;
        padding: 11px 21px 3px 15px;
    }
    .no-videop {
        height: 50vw;
    }

    ul.influencerStats li p {
        margin: 0px 0 2px 0 !important;
    }
    .desc.actionsitems {
        padding: 40px 0 35px 0;
    }
    ul.influencerStats{
        display: none;
    }
    .metainfo_2 .influencerStats{
        display: block;
        display: flex;
    }
    .avatar-md {
        width: 6vw;
        height: 6vw;
    }
    .showsCoverArea .thumbnail-card .host img {
        width: 3rem;
    }
    .btnCollection {
        font-size: 1.5vw;
        font-weight: 500;
    }

    .liveStreaming .item .videoDisc {
        height: 30px;
    }

    .episode-card .poster .length.live {
        padding: 1px 9px;
        font-size: 1.5vw;
    }

    .carousel-header p button {
        padding: 0.01rem 0.35rem;
    }

    .carousel-header {
        align-items: center;
    }

    .col-md-12.liveStreaming {
        padding: 15px !important;
    }

    .grid-container {
        justify-content: space-between;
        font-size: 0.7rem !important;
    }

    /* ================================== influencer Page ============= */
    .showsCoverArea .title {
        display: flex;
        padding-bottom: 15px;
    }

    .showsCoverArea.influencerCover .thumbnail-card .title img {
        border: double 2px transparent !important;
        margin-right: 10px;
    }

    .showsCoverArea.influencerCover .thumbnail-card .channalAvatar {
        display: block;
    }

    .showsCoverArea.influencerCover .thumbnail-card .details .desc {
        font-size: 10px;
    }
    .details .host li {
        display: inline;
        margin-right: 5px;
        transition: all 0.2s ease-in-out;
    }
    .details .host li img {
        width: 7vw;
        border-radius: 50px;
    }
    .showsCoverArea .details .host {
       width: 100% !important;
       padding: 5px 0 9px 0 !important;
    }
    .details ul{
        margin-bottom: 0;
    }
    .showsCoverArea .categories {
        padding-top: 1px;
        padding-bottom: 11px;
    }
    .showsCoverArea .poster {
        position: relative;
    }
    .channalAvatar .categories span {
        color: #1c1c1d;
        font-size: 2vw;
        margin: 0px 5px 0 0;
        display:inline-flex;
        align-items: center;
        background-color: #ffc107e8;
        border-radius: 10px;

        padding: 1px 8px;
        font-weight: 500;
    }
 
    /* 
    .showsCoverArea .details {
        width: calc(100% - 0px);
        padding-top: 10px;
    } */
    .thumbnail-card .chnl-img{
        display: flex;
    }
    .thumbnail-card .chnl-img img{
      margin-right: 15px;
        
    }
    .showsCoverArea .thumbnail-card {
        padding: 25 0 15px 0;
        width: 100%;
        position: relative;
    }
    .showsCoverArea .details {
        width: calc(100% - 10px);
        padding: 15px;
    }
    .showsCoverArea .thumbnail-card .categories span:after {
        content: '';
        display: none;
    }
    /* .influencerSocialLinks {
    top: 8px;
} */
    .chnl-img img {
        width: 20vw;
    }
    .show-img img {
        width: 18vw;
    }
    .showsCoverArea{
        border-radius: 10px;
        padding: 15px;
    }
    
  
    .showsCoverArea.influencerCover .thumbnail-card .title h5 {
        flex-direction: row;
        font-size: 3vw;
        align-items: center !important;
        font-weight: 600;
    }

    .showsCoverArea.influencerCover .thumbnail-card .title h5 img {
        margin-bottom: 0;
        width: 12vw;
        height: 12vw;
    }

    .showsCoverArea.influencerCover .thumbnail-card .title img {
        margin-bottom: 0;
        width: 12vw;
        height: 12vw;
    }


    

    .showsCoverArea .thumbnail-card .title h5 img {
        margin-right: 10px;
    }

    .influencerSocialLinks a {
        /* width: 3vw;
        height: 3vw; */
        border-radius: 3px;
        margin-left: 5px;
    }

    .influencerSocialLinks a i {
        font-size: 0.7rem;
        width: 25px;
        height: 25px;
    }

    

    /* ==================================MAin Body */
    .explore-carousel .category-text {
        font-size: 0.6em;
    }

    .lockBtnNav {
        display: none;
    }

    .center-content {
        max-width: calc(100% - 0px);
    }

    /* ==================================NAvbarssss */
    .topHeader {
        width: calc(100% - 0px);
        height: 120px;
    }
    #header.fixed-top {
 
        background-color: #3a3939;
    }
    #header.stickyHeader {
        height: 110px;
        background-color: #3a3939;
    }

    .header-menu {
        /* margin-top: 115px;
        position: relative; */
        justify-content: center;
    }

    .header-menu h6 {
        font-size: 3.4vw;
    }

    .topHeader .main-nav li {
        height: 25px;
        bottom: 45px;
    }

    /* .header-menu .main-nav.nav {
        display: flex;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        overflow-y: hidden;
        overflow-x: scroll;
        flex-wrap: nowrap;
        margin-left: 0px;
    } */

    /* ==================================Mobile Header tart */
    .displayOnMobile {
        display: block;
    }

    .displayOnDesktop {
        display: none;
    }

    .mobile-only {
        /* display: block !important; */
    }

    .left-sidebar {
        width: 100%;
        padding: 0;
        position: fixed;
        z-index: 999;
        left: -810px;
        transition: all 0.3s ease-in-out;
    }
    .event-list li{
        width: 100% !important;
    }
    .userDropdown {
        /* height: 26px; */
        /* margin-right: 6px; */
    }

    .dropdown.notification.m-0 {
        right: 75px;
        top: 23px;
    }

    .left-sidebar.open-menu {
        z-index: 9999;
        left: 0px;
        top: 60px;
        transition: all 0.3s ease-in-out;
    }
    .left-sidebar:hover {
        width: 100%;
    }
   
    .left-sidebar ul li span.unreadCount {
        color: rgb(255, 253, 253);
        width: 40px;
    }
   
.left-sidebar ul li.active .Lefttext_orange {
    color: #Fb750a !important;
    font-weight: 600;
}

.left-sidebar ul li.active .Lefttext_orange-dark {
    color: #e4664c !important;
    font-weight: 600;
}

.left-sidebar ul li.active .Lefttext_purple {
    color: #c350ad !important;
    font-weight: 600;
}

.left-sidebar ul li.active .Lefttext_purple2 {
    color: #c610f3 !important;
    font-weight: 600;
}

.left-sidebar ul li.active .Lefttext_purple-dark {
    color: #9a47ff !important;
    font-weight: 600;
}

.left-sidebar ul li.active .Lefttext_aqua-dark {
    color: #5262db !important;
    font-weight: 600;
}

.left-sidebar ul li.active .Lefttext_aqua {
    color: #2a9fff !important;
    font-weight: 600;
}

    .left-sidebar::after {
        content: '';
        background: rgba(0, 0, 0, 0.8);
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: -1;
        top: 60px;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        transition: all 0.3s ease-in-out;
    }

    .left-sidebar.open-menu::after {
        display: block;
        transition: all 0.3s ease-in-out;
    }

    .left-sidebar .inner-container {
        padding: 50px 0 25px 0;

    }
    .logoIcon::before {
        content: url(../images/logo-icon.png);
        top: 1px;
        display: none;
    }
    .center-content {
        padding: 25px 10px 25px 15px;
    }
    .left-sidebar ul.main-menu li a {
        font-weight: 400;
        font-size: 1rem;
    }
    
    .left-sidebar .main-menu a {
        color: #e5e4e4 !important;
    }
    /* ==================================Sticky Navbar */
    .mobile-sticky-header-bar {
        background: #111111;
        height: 60px;
        padding: 8px 10px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9999;
        display: flex !important;
    }

    .mobile-sticky-header-bar .logo {
        max-width: 115px;
        display: flex;
        align-items: center;
    }

    .main-nav li {
        margin: 12px 10px 12px 0px;
        /* min-width: 100px; */
        max-width: 100%;
        width: fit-content;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
    }

    .main-nav li h6 {
        margin: 0px;
    }

    .createBtn-mobileOnly {
        position: fixed;
        right: 25px;
        width: 72px;
        margin: 0px !important;
        top: 12px;
        z-index: 9999;
    }

    .createBtn-mobileOnly .btn-creator {
        position: fixed;
        width: 130px;
        font-size: 1.3vw;
        padding: 7px 10px;
    right: 151px;
        top: 18px;
    }

    .topHeader .main-nav li button {
        font-size: 1.8vw;
    }

   
  

    button.loginBtn {
        font-size: 9px;
        background-color: #313237;
        padding: 6px 11px;
        border: none;
        margin-top: 0px;
    }

    button.loginBtn i {
        font-size: 11px;
        margin: 0px;
    }

    .searchPanel .dropdown {
        position: absolute;
        top: 18px;
        z-index: 9999;
        right: 15px;
        margin-left: 5px;
        /* display: none; */
    }

    .userDropdown::after {
        display: none;
    }

    .userDropdown img {
        margin: 0px !important;
    }

    .searchPanel .userDropdown h6 {
        display: none;
    }

    .search-box-onMobile {
        position: absolute;
        top: -80px;
        width: 100%;
        left: 0px;
        padding: 10px 15px;
        background: #111;
        z-index: 999;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .search-box-onMobile.open-search {
        top: 60px;
        opacity: 1;
        transition: all 0.3s ease-in-out;
    }

    .searchButton {
        background-color: transparent;
        border: none;
        color: #fff;
        padding: 0px 10px;
        font-size: 16px;
        margin-right: 0px;
        position: absolute;
        right: 100px;
        top: 12px;
        border-radius: 100px;
        /* background: #ffffff1f; */
        height: 40px;
        width: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .left-sidebar .logo {
        display: none;
    }

    .menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        padding: 0;
        width: 40px;
        height: 40px;
        position: relative;
    }

    .line {
        fill: none;
        stroke: #fff;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 8;
    }

    .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 8;
    }

    .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 8;
    }

    .opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 8;
    }

    .opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 8;
    }

    .opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 8;
    }

    .menuButton svg {
        transform: scale(0.4);
        position: absolute;
        top: -28px;
        left: -30px;
    }

    .dropdown-menu {
        /* transform: translate3d(223px, 198px, 0px) !important; */
    }

    .carousel-theme .item .video-caption h5 {
        color: #ffb387;
        font-size: 18px;
        text-transform: uppercase;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .carousel-theme .item .meta-title img {
        z-index: 1;
        float: left;
        margin-right: 10px;
        width: 40px;
        height: 40px;
    }

    .carousel-theme .item {

        position: relative;
    }
   
    .carousel-header {
        padding: 0 15px;
        align-items: baseline;
    }

    /* ==================================Explor Top video carousel & video card*/
    .spotlight-carousel .item .video-caption {
        /* width: calc(100% - 10px); */
    }

    /* .episode-card .title {
        display: none;
    }
     */

    .liveStream-video-carousel .item,
    .video-carousel .item {
        /* padding: 5px; */
        position: relative;
        max-height: 360px;
    }

    /* .episode-card .poster .play-btn {
        width: 35px !important;
        top: 50% !important;
        left: calc(50% - 26px) !important;
        transition: transform 0.15s !important;
        transform: translateY(-50%) !important;
    } */
    .grid-container .item .play-btn {
        font-size: 30px;
    }

  

    .episode-card:hover {
        position: relative;
        top: 0px;
        transition: all 0.35s ease-in-out;
    }

    .episode-card .poster .host {
        position: absolute;
        padding: 0;
        bottom: 0px;
        right: 8px !important;
        list-style: none;
        top: auto;
    }

    .episode-card .poster .host img {
        width: 35px;
    }

    .grid-container .item {
        position: relative;
        width: calc(48% - 1px);
    }

    .grid-container.fullEpisodes .item {
        padding: 0px;
        position: relative;
        /* width: 100%; */
    }

    .catg-backdrop .episode-card .poster {
        height: 21vw;
    }

    .scrtabs-tab-container {
        margin-bottom: 7px;
        height: 30px;
    }

    .modal {
        z-index: 99991;
    }

    /* ==================================Start Explor PAge=================*/

    .mainTabs {
        padding: 15px 15px;
    }

   

    .scrtabs-tabs-fixed-container {
        overflow: hidden;
        height: 30px;
    }

    .scrtabs-tab-scroll-arrow {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        padding-top: 3px;
        font-size: 11px;
    }

    .explore-carousel .item {
        width: 27vw !important;
        height: 27vw !important;

    }

    .grid-container .item {
        min-height: 18vw !important;
    }

    .episode-card .details {
        padding: 5px 5px 5px 5px;
    }

    .grid-container .item {
        margin-right: 1%;
        margin-left: 1%;
    }

    .episode-card {
        padding-bottom: 0px;
    }

    /* .episode-card .title {
        padding: 5px 5px 5px 5px !important;
    } */

    .item .title .TitleText {
        font-size: 2.3vw;
    }

    .title h5 span.subTitle {
        font-size: 1.6vw;
        font-weight: 500;
    }

    /* .avatar-md {
        width: 37px;
        height: 37px;
    } */

    .mainTabs .grid-container .item {
        margin-bottom: 0px !important;
    }

    /* ==================================Explor Open video page=================*/
    .VideoDetailCover .thumbnail-card {
        padding: 15px;
        display: block;
    }
    
    ul.influencerStats li span {
        font-size: 2vw ;
    }
    .FlexContainer {
        flex-direction: column;
    }

    .VideoDetailCover .details {
        padding-left: 0px;
        padding-top: 0px;
        height: 105px;
    }
    .metainfo ul {
        margin: 0px 0 16px 0 !important;
    }
    
    .mob-height{
        height: 100% !important;
    }
    .dropdown-mobile:hover{
        background: #222;
     }
     .chnl-img .dropdown-mobile{
        bottom: 18px;   
    }
    .dropdown-mobile{
        position:absolute;
        right: 10px;
        padding: 6px 9px;
        color: #fff;
        /* bottom: 18px; */
        font-size: 1em;
        font-weight: 600;
        border: none;
        border-radius: 100px;
        background: linear-gradient(133deg, rgb(255 147 0) 13%, rgba(166, 61, 255, 1) 55%, rgb(0 198 255));
        display: block;
    }
    .details .col-header h5 {
        font-size: 1vw ;
    }

    .details .col-header .fa-chevron-right {
        font-size: 1.4vw;
    }

    .noVideoBox {
        height: 47vw !important;
        font-size: 10px;
    }
    .noVideoBox i{
        font-size: 17px !important;
    }
    

.gradient-text{
    font-size: 3vw;
}

.tab:checked+label {
    border-width: 2px;
}
.tab-wrap label {
    font-size: 2.2vw;
    width: 100%;/*tab mobile new add*/
    margin-right: 0px;/*tab mobile margin-left: 15px;*/
    justify-content: flex-start;/*tab mobile new add*/
    display: flex;/*tab mobile new add*/
    align-items: center;/*tab mobile new add*/
    padding: 7px 15px;
}

/* tab mobile */
.tab:checked+label {
    border-bottom: none;
    color: #fff;
    cursor: default;
    background-color: blue;
    background: linear-gradient(90deg, rgb(58 57 57) 14%, rgb(58 57 57) 78%);
    }  
    .tab-wrap label i{
    margin-right: 10px;
    }

    .tab+label:hover {
        border-bottom: none;
    }
    .tab+label {
        border-radius: 0 !important;
    }
/* end tab mobile */

    .tab-wrap .count-bubble {
        padding: 2px 6px;
        font-weight: 400 !important;
        margin-left: 4px;
        font-size: 9px;
        right: 24px;/*tab mobile new add*/
        position: absolute;/*tab mobile new add*/
    }
   
    ul.influencerStats li span i {
        font-size: 2vw;
    }
    /* ==================Category page start=================== */
    .cardbox {
        padding: 15px 15px;
    }

    .ctgry-data {
        padding-left: 10px;
    }

    .catg-backdrop {
        padding: 15px 15px !important;
    }
    .home-page p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        font-weight: 300;
        -webkit-box-orient: vertical;
    }
    .video-ctgry-img {
        width: 35vw;
        height: 100%;
    }

    .episode-card .poster {
        height: 20vw !important;
    }

    .icon-body {
        font-size: 1.5vw;
    }

    .video-icn {
        padding: 6px 10px;
        margin: 0 10px 0 0;
        border-radius: 5px;
    }

    .video-icn2 {
        padding: 6px 10px;
        margin: 0 10px 0 0;
        border-radius: 5px;
    }

    .video-disc hr {
        width: 250px;
        margin: 0 0 5px 0;
    }

    .display-5 {
        font-size: calc(1.425rem + 0.5vw);
        line-height: 0.8;
    }

    .tab-wrap {
        padding: 15px 15px;
    }

    .list-dis {
        font-size: 2.3vw;
        margin-bottom: 8vw;
    }

    /* ===================Steam page start===================== */
    .liveStream-video-carousel .item .play-btn {
        font-size: 25px;
    }

    .col-md-12.collectionContainer {
        padding: 15px 15px 20px 15px;
    }

    /* ===================favourite page start===================== */
    .categoryItems .category-text {
        font-size: 2vw;
    }
    .infoContainer{
        position: static;
    }
    /* ===================Show page start===================== */
    .showsCoverArea .show-Desc {
        font-size: 10px;
    }
    wone img{
        width: 5vw;
        height: 5vw;
    }
    .details h5{
        font-size: 2vw;
    }
    span.subscriberstats{
        font-size: 9px;
    }
    .newone a {
        line-height: 16px;
        font-size: 13px;
    }
    .channels .category-text {
        font-size: 1.7vw !important;
    }
    .infoContainer:hover .details {
        display: none;
    }
    .infoContainer{
        position: static;
    }
    .infoContainer:hover {
        margin-top: 0px !important;
    }
    .left-sidebar ul.main-menu a:hover {
        font-weight: 400 !important;
    }
    .header-menu ul {
        bottom: 15px;
        position: absolute;
    }    
}

@media screen and (max-width: 575px){
    .showsCoverArea .poster {
        height: 75%;
    }
/* tabs */
.head-mobile-tabs .nav-item .nav-link {
    border-bottom: none !important;
    
}
.head-mobile-tabs li {
    width: 100%;  
}
.head-mobile-tabs button{
    width: 100%; 
    padding: 0px 15px !important;
    display: flex;
    align-items: center;
    position: relative;
}
.head-mobile-tabs button .count-bubble{
    position: absolute;
    right: 15px;  
}
.head-mobile-tabs button i{
    width: 25px;
    padding-right: 12px;
    display: block;
}
#InnerTabs .nav-link.active{
    background: linear-gradient(90deg, rgb(58 57 57) 14%, rgb(58 57 57) 78%);

}
.showDetailTabs ul button{
    width: 100%; 
    display: flex;
    padding: 0px 15px !important;
    align-items: center;
    justify-content: space-between;
    border-bottom: none !important;
}
.showDetailTabs li {
    width: 100%;  
}
/* end Tabs */


    button.owl-prev {
        left: 10px;
    }    
    .new-carousel {
        margin: 0 30px 0 27px;
    }
    .DescriptionModal .ChannelDetail h5 {
        font-size: 0.8rem;
    }
    .showsCoverArea .thumbnail-card .title h5 {
        max-width: 89%;
    }
    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    .tab+label {
        border-bottom: none;
    }
    /* .showsCoverArea {
        margin-bottom:1.5rem;
    } */
    .showsCoverArea .thumbnail-card {
        padding: 20px 0 10px 0;
    }
    .showsCoverArea .details {
        padding: 10px 0 0 0;
    }
    .showsCoverArea {
        border-radius: 0px;
        padding: 10px;
    }
    .VideoDetailCover .details {
        height: 98px;
    }
    .btn-creator {
        width:100px;
    }
    .metainfo ul {
        margin: 0px 0 8px 0 !important;
    }
    /* .showsCoverArea .thumbnail-card .host img {
        width: 12vw;
    } */
    .ChannelDetail .avatar-md {
        width: 10vw;
        height: 10vw;
    }
    .tab__content {
        padding-top: 0px;
    }
    .mt-bar {
        padding: 0px 10px;
    }
    /* .VideoDetailCover .thumbnail-card {
        padding: 20px 10px;
    } */
    ::-webkit-scrollbar-track {
        background: rgb(26 26 26);
    }
    .VideoDetailCover {
        border-radius: 0;
    }
    .no-content {
        font-size: 0.7rem !important;
    }
    .desc.actionsitems {
        padding: 25px 0;
    }
    /* buttons*/
    .theem-btn {
        padding: 7px 11px;
        font-size: 0.6em;
    }
    .metainfo ul li {
        font-size: 9px !important;
    }
    .btndots {
        padding: 9px 10px !important;
    }
    ul.influencerStats li span i {
        font-size: 3vw;
    }
    /* end button */
/* ============================================Start Sport lite carosule */
    .carousel-theme .item .video-caption .title h5 span.TitleText span.subTitle {
        font-size: 0.6rem;
    }
    .carousel-theme .item .video-caption .title p {
        margin-top: 0;
        font-size: 7px;
    }
    .carousel-theme .item .video-caption .title h5 span.TitleText {
        font-size: 0.4rem;
    }
    .spotlight-carousel .item .video-caption {
        padding: 10PX;
    }
    /* end Spotlit carosule */
    .popularInfluencer .item img.cover {
        margin: 12px auto 8px auto;
    }

    .spotlight-carousel .item div.cover-wrapper img {
        min-height: 130px;
    }

    .col-md-12.liveStreaming {
        padding: 12px 12px 20px 12px !important;
        border-radius: 0px !important;
    }
    .col-md-12.collectionContainer {
        padding: 12px 12px 25px 12px;
    }
    .relatedVideos .item {
        margin-top: 20px !important;
        margin-bottom: 0px !important;
        }
    /* ===================================show detail page */
    .showDetailTabs {
        border-radius: 0px;
        padding: 12px 12px 25px 12px;
    }
    /* ===================================Show Detail */
    .tab-wrap {
        padding: 15px 10px 25px 10px;
        border-radius: 0px;
    }
    /* ===================================MAin Div */
    .center-content {
        padding: 25px 0 40px 0;
    }
    .video-carousel .item {
        padding-right: 10px;
    }
    .grid-container .item {
        width: calc(49% - 1px) !important;
    }
    .mainTabs {
        border-radius: 0px !important;
        padding: 12px 12px
    }
    .grid-container .item {
        margin-right: 0;
        margin-left: 0;
    }
    .carousel-wrapper {
        padding: 0 10px;
    }
    .carousel-header {
        margin: 1rem 0 1rem 0;
    }
    .carousel-header h5 {
        font-size: 0.7rem;
    }
    /* MAin Div */
    .showsCoverArea .details h5 {
        font-size: 3vw;
        line-height: normal;
    }
    .desc.actionsitems ul.videoActions li a {
        padding: 5px 7px;
    }
    ul.videoActions li {
        margin-left: 0px;
        font-size: 10px;
    }
    ul.videoActions li i {
        font-size: 11px !important;
    }
    .metainfo_2 .rating .star-ratings {
        font-size: 15px !important;
    }
    .title-smal {
        font-size: 9px !important;
    }
    .rating span#spanRate {
      
        font-size: 9px;
    }
    /* .newone a {
        line-height: 11px;
        font-size: 2vw;
    } */
    .newone img {
        width: 8vw;
        height: 8vw;
    }
    .grid-container .item .play-btn {
        font-size: 25px;
    }

    /*===================================== Host detail page */
    ul.influencerStats li{
        text-align: center;
        margin-right: 10px;
    }
    /*===================================== Stream page */
    .stream-btn {
        font-size: 10px;
        margin-left: 4px;
    }
    .fc .fc-button-primary {
    font-size: 12px !important;
    }
    .fc .fc-daygrid-day-number {
        font-size: 10px;
        font-weight: 400 !important;
    }
    .fc .fc-col-header-cell-cushion{
        font-size: 0.8rem !important;
    }
    .gradient-text {
        font-size: 0.8rem;
    }
    .explore-carousel .category-text {
        font-size: 0.4rem;
    }
    .scrtabs-tabs-fixed-container {
        width: 85% !important;
        padding-left: 0px;
    }
    .details .col-header h5 {
        font-size: 10px !important;
    }
    .col-md-12.liveStreaming .stm-title{
        font-size:0.7rem;
        margin-bottom: 0px !important;
     }
    /*===================================== Episode Card */
    
    .item .title .TitleText {
        font-size: 0.6rem;
    }
    .topHeader .main-nav li button {
        padding: 7px 7px;
        font-size: 0.5rem;
    }
    /* ==========================Dicover page  */
    .video-carousel .owl-stage .owl-item {
        margin-right: 0px !important;
    } 
    h3.users-name {
        font-size: 0.6rem !important;
        margin-bottom: 15px !important;
    }
    .showsCoverArea.influencerCover .thumbnail-card .title h5 {
        font-size: 1rem;
    }

    .episode-card .title {
        padding: 4px 8px !important ;
    }
    /* ======================================Explore page Custom */

    .scrtabs-tab-container {
        height: 23px;
    }
    #MainExploreTabs .nav-item .nav-link {
        padding: 4px 8px;
        /* font-size: 0.5rem; */
        /* height: 100%; */
        height: 28px;
        margin-bottom: 0px !important;
    }
    .count-bubble {
        right: 25px;
    }
    .showsCoverArea .thumbnail-card .host img {
        width: 10vw;
    }
}

@media screen and (max-width: 480px){
    .head-mobile-tabs button{
        font-size: 3vw;  
    }
    .tab-wrap label {
        font-size: 3vw;
    }
    .showsCoverArea .thumbnail-card .host img{
        width: 12vw;
    }
    .showsCoverArea .sub-details {
        font-size: 0.7rem;
    }
    .showsCoverArea.influencerCover .thumbnail-card .title h5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .SocialBtnsTop{
        display: flex;
        align-items: center;  
    }
    .userDropdown img {
        width: 27px;
        height: 27px;
    }
   
    .mt-bar {
        margin: 7rem 0 1rem 0;
        align-items: center;
    }
    .no-video-text {
        font-size: 0.7rem;
    }
    ul.influencerStats li span {
        font-size: 0.6rem;
    }
    /* .dropdown-mobile{
        bottom: 26px;
    } */
    
    .metainfo ul li p {
        font-size: 12px !important;
    }
    .rte-div {
        width: 160px;
    }
    /* buttons */
    .theem-btn {
        padding: 5px 7px;
        font-size: 0.4em;
    }
    .btndots {
        padding: 7px 7px !important;
    }
    /* buttons */
    .topHeader .main-nav li {
        margin: 0px 4px 0px 8px;
    }
    .header-menu ul {
        margin-left: 0;
    }
    .episode-card .title {
        padding: 7px;
    }
    /* =============================episode detail page */
    /* .count-bubble {
        font-size: 7px;
    } */
    ul.influencerStats li {
        padding: 0 7px 0 13px;
    }
   
    #header.stickyHeader .header-menu ul {
        bottom: 15px;
    }
    .loginBtn {
        font-size: 8px;
        padding: 6px 4px;
        margin-top: 0px;
    }
    .searchButton {
        /* right: 82px !important; */
    }
    .createBtn-mobileOnly .btn-creator {
        padding: 5px 0px 5px 18px;
        right: 139px;
        text-align: left;
        width: 59px;
        line-height: 7px;
        font-size: 0.4rem;
    }
    .btn-creator i{
        position: absolute;
    left: 5px;
    font-size: 11px;
    top: 6px;
    } 
}

@media screen and (max-width: 400px){
    .influencerSocialLinks a i {
        font-size: 0.6rem;
        padding: 5px;
        width: 22px;
        height: 22px;
    }
    .influencerSocialLinks {
        right: 10px;
    }
    .metainfo_2 {
        position: relative;
    }
    .dropdown-mobile {
        padding: 6px 8px;
        bottom: 8px;
        font-size: 0.7em;
    }
    .showsCoverArea .poster {
        height: 65%;
    }
    .createBtn-mobileOnly .btn-creator {
        right: 130px;
    }
    .chnl-img img {
        width: 20vw;
        height: 20vw;
    }
    .rating .star-ratings {
        font-size: 16px;
    }
    .showsCoverArea .title {
        padding-bottom: 5px;
    }
    .live-btn {
        right: -30px;
        font-size: 0.5rem;
        padding: 10px 8px 3px 5px;
    }
    /* .new-mob {
        right: 131px;
        top: 18px;
    } */
    .searchButton {
        right: 90px;
    }
    .dropdown.notification.m-0 {
        right: 70px;
    }
}

#MainExploreTabs .owl-stage {
    display: flex;
}