.TOP-HEADER {
	WIDTH: 100%; 
	height: auto !important;
	}

.container_btnNAV {
	margin-top: 20px;
	}

/**BANNER FOR INDIVIDUAL CHANNEL **/
.content-wrapper-header {
  	display: flex;
  	align-items: center;
  	width: 100%;
  	justify-content: space-between;

  	border-radius: 14px;
  	999padding: 20px 40px;
	padding: 0;
	}
/**END OF BANNER FOR INDIVIDUAL CHANNEL **/


/** CHANNEL'S BANNER **/
.image-fit-inside-div {/**VERY IMPORTANT -- PLEASE KEEP IT AS IT IS -- DO NOT CHANGE OR REMOVE OR UPDATE**/
	/**div to fit inside div and always keep the aspect ratio**/
		max-height:100%; 
		max-width:100% !important;
	/**end of div to fit inside div and always keep the aspect ratio**/
  	border-radius: 14px; 
	}



.profile-img-large {
  width: 80px;
  height:80px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--theme-color);
  margin-left: 22px;
	margin-left: auto;
	margin-right: auto;
}







#channel-logo-image-front-view {
  	77777width: 186px; 777777height: 186px;
  	-o-object-fit: cover;
     	   object-fit: cover;
  	margin-top: -25px;  margin-top: -50%; 
  	-o-object-position: center;
     	   object-position: center; 
	/**POSITION HORIZONTALLY**/
  		11position: relative; 
  		11right: 50%;
  		11-webkit-transform: translateX(-50%);
  		11-ms-transform: translateX(-50%);
  		11transform: translateX(-50%);
	/**END OF POSITION HORIZONTALLY**/
	}



/* SMALLER TABLET screens */   /* SMALLER TABLET */
@media screen and (max-width: 480px) {
  	#channel-logo-image-front-view {
		width: 86px; 
		height: 86px;    
  		}

  	#channel-logo-image-front-view {
		width: 86px; 
		height: 86px; 
  		}
	}





@media only screen and (min-width : 320px) and (max-width : 480px) {/* Mobile portrait */
	.content-wrapper-img {
		width: 96px; 
		height: 96px;
		}

  	#channel-logo-image-front-view {
		width: 96px; 
		height: 96px; 
  		}
	}





@media only screen and (min-width : 480px) and (max-width : 595px) {/* Mobile landscape */
	.content-wrapper-img {
		width: 106px; 
		height: 106px;
		}

  	#channel-logo-image-front-view {
		width: 106px; 
		height: 106px;  
  		}
	}





@media only screen and (min-width : 595px) and (max-width : 690px) {/* Small tablet portrait */
	.content-wrapper-img {
		width: 116px; 
		height: 116px;
		}

  	#channel-logo-image-front-view {
		width: 116px; 
		height: 116px;   
  		}
	}





@media only screen and (min-width : 690px) and (max-width : 769px) {/* Tablet portrait */
	.content-wrapper-img {
		width: 126px; 
		height: 126px;
		}

  	#channel-logo-image-front-view {
		width: 126px; 
		height: 126px;   
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture) --- SMALLER TABLET */
@media only screen and (min-width : 769px) and (max-width : 800px) {/* Small tablet landscape */
	.content-wrapper-img {
		width: 136px; 
		height: 136px;
		}

	#channel-logo-image-front-view {
		width: 136px; 
		height: 136px;   
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture --- SMALLER TABLET */
@media only screen and (min-width : 800px) and (max-width : 1024px) {/* Small tablet landscape */
	.content-wrapper-img {
		width: 146px; 
		height: 146px;
		}

  	#channel-logo-image-front-view {
		width: 146px; 
		height: 146px;     
  		}
	}





@media only screen and (min-width : 1024px) and (max-width : 1224px) {/* Tablet landscape */
	.content-wrapper-img {
		width: 156px; 
		height: 156px;
		}

  	#channel-logo-image-front-view {
		width: 156px; 
		height: 156px;   
  		}
	}






/* Desktops and laptops */  /* SMALL DESKTOP */
@media only screen 
and (min-width : 1224px) {
	.content-wrapper-img {
		width: 186px; 
		height: 186px;
		}

  	#channel-logo-image-front-view {
		width: 186px; 
		height: 186px;   
		} 
	}





@media screen and (max-width: 570px) {
  .content-wrapper-img {
    width: 110px; width: 73px;
  }

  7878#channel-logo-image-front-view {
    77width: 110px; 77height: 110px ;77width: 73px; 77height: 73px;
  } 
}



.channel-banner {
	width: auto;
	height: auto;
	border: 0px;
	}

#positioning-tag {
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: box;
  box-pack: center;
  box-align: center;
	}

.channel-identify {
	width: auto;
	height: auto;
	font-weight: bold;
	font-size: 24px;
	color: #FFFFFF;
	float: left;
	77left: 0;
	margin-left: 20px;
	margin-top: 0px;
	77position: absolute;
	border: 0px;
	}

#channel-name {

	}

.at-channel {
	font-size: clamp(0.8rem, 1.1vw, 1.5rem) !important;
	margin-bottom: 22px; 
	}




/**SITE NAME**/
.page-name-intro {
  font-weight: bold;
}



@link stylestage.dev 
**/
* {
  box-sizing: border-box;
}


.sticker {
  --c1: #750b33;
  --c2: #000000;
  --c3: #7da112;
  --c4: #3bf0c1;
  --c5: #750da5;
  --shine-angle: 15deg;
  display: inline-grid;
  grid-template-areas: "text";
  place-items: center;
  font-family: "Alegreya Sans SC", sans-serif;
  font-weight: 900;
  	7878font-size: clamp(0.7rem, 1.5vw, 1rem);          
  text-transform: uppercase;
  color: var(--c5);
}


.sticker {
  font-family: "Alegreya Sans SC", sans-serif;
  font-weight: 900;
  	77font-size: clamp(0.7rem, 1.5vw, 1rem) !important;   
  	font-size: clamp(0.7rem, 1.1vw, 1.5rem) !important;             
  text-transform: uppercase;
}






.sticker-lg {
  	???????font-size: clamp(1.4rem, 3vw, 2rem);  font-size: clamp(0.7rem, 1.1vw, 1.5rem) !important; 
}
.sticker > *, .sticker::before, .sticker::after {
  grid-area: text; 
}
.sticker::before, .sticker::after {
  content: attr(data-text);
  color: #FFF;
}

/** END OF SITE NAME **/