/* SMARTPHONES */

@media(max-width: 500px){
    
    /*=============== PADRAO STYLE SITE ===============*/
    
    
   .verificado {width: 14px;height: 14px}
   .verificado-feed {width: 14px;height: 14px}
   .verificado-artista {width: 14px;height: 14px}

.principal {width: 94%;padding: 0 12px;padding-bottom:20px;}

.padrao {margin: 0 auto;padding: 0px 0px;width: 100%;}

.padrao-banner{
    margin: 0 auto;
    padding: 0px 0px;
    width: 100%;
}

.padrao-banner #banners .grande{
    width: 94%;
    padding: 0 12px;
    padding-bottom: 20px;
}

.padrao-artistas-geral{
    width: 94%;
    padding: 0 12px;}

.padrao-topo-banner {
    margin: 0 auto;
    padding: 0px 0px;
    width: 100%;
    padding-top: 5px;}

.principal .padrao {
    display: flex;
    flex-direction: column;
    gap: 5px;}

#cds{
    display: flex;
    flex-direction: column;
    height: 100%!important;}
    
 #cdss{
    display: flex;
    flex-direction: column;
    height: 100%!important;}   



/*=============== OUVIDOS MOBILE ===============*/

#ouvidos .subtitulo b{width: 100%;text-align: center;font-size:16px;}
    .subtitulo b{margin: 0 5px 0 0;}
    .maisbaixadas { padding: 0;}
	.subtitulo h1 { font-size: 1.4em;}
	.subtitulo h2 { font-size: 1.4em;     width: 96%;}
	.subtitulo strong { margin: 4px 0 0; padding: 4px 3px 0;}
	
	.subtitulo .ouvidasdia, .subtitulo .ouvidassemana, .subtitulo .ouvidasmes, .subtitulo .ouvidasgeral {margin: 4px 0%;padding: 4px 3px 0;width: 20.8%;font-size: 14px;text-align: center;}
    .subtitulo strong.ativo {margin: 3px 0 0;font-size: 15px;font-weight:600;}
	.subbtitulo strong{margin: 2% 3%;border-radius: 40px !important;text-align: center;padding: 8px 9px;font-size: 13px;}


    .layoupadrao {background-color: #fff;border-radius: 4px;height: auto;margin: 0;display: block;}
#ouvidos {
    margin: 10px 0 0;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 0 20px 0 rgb(0 0 0 / 12%);
    padding: 0 0px 15px;}
    
#ouvidos .tab {
    width: 95%;
    background-color: var(--white-50);
    border: 0.025rem solid var(--gray-200);border-radius: 4px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 0 20px 0 rgb(0 0 0 / 12%);display: flex;height: 100px;margin: 0.5rem 0.5rem 0;position: relative;  flex-direction: row;}
    #ouvidos .tab .imagem {width:100px; height: 100px;}
    #ouvidos .tab .imagem .img{
    width:100px;
    height: 100px;
    image-rendering:-webkit-optimize-contrast;}
    
    #ouvidos .tab .imagem .nun {    
    align-items: center;
    border-radius: 15px;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: center;
    left: 0;
    padding:0;
    min-height: 18px;
    min-width: 18px;
    width: 18px;
    position: absolute;
    top: 0;
    z-index: 1;
    font-size: 12px;    
    outline: 3px solid #fff;
    bottom: auto;
    border:0;
    border-top-left-radius: 4px;
}
#ouvidos .tab>a {width:100px;}

#ouvidos .tab .descricao {margin:0;border-radius: 0 4px 4px 0;display: flex;flex-direction: column;justify-content: space-between;padding: 8px;width: calc(100% - 100px);}
#ouvidos .tab .descricao .ou b{font-size: 13.2px;-webkit-box-orient: vertical;display: -webkit-box;font-weight: 600;-webkit-line-clamp: 2;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;max-width: 100%;text-align:left;}
#ouvidos .tab .descricao .nomecantor{justify-content: flex-start;margin-bottom: 0.25rem;font-size: 1rem;margin-top: 7px;}
#ouvidos .tab .descricao .nomecantor span{font-size: 12px;}
#ouvidos .descricao h4{margin:0;}

     #ouvidos .linha3 { display: block;}
     #ouvidos .linha6 { display: none;}
     

     


/*=============== BAIXADOS MOBILE ===============*/

    .subtitulo .baixadasdiaa, .subtitulo .baixadassemanaa, .subtitulo .baixadasmess, .subtitulo .baixadasgerall {margin: 4px 0%;padding: 4px 3px 0;width: 20.8%;font-size: 14px;text-align: center;}
    .subtitulo strong.ativoo {margin: 3px 0 0;font-size: 14px;font-weight:600;}
    

    #baixados {    margin: 10px 0 0;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 0 20px 0 rgb(0 0 0 / 12%);
    padding: 0 0px 15px;}
     #baixados .tab {width: 95%;background-color: var(--white-50);border: 0.025rem solid var(--gray-200);border-radius: 4px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 0 20px 0 rgb(0 0 0 / 12%);display: flex;height: 100px;margin: 0.5rem 0.5rem 0;position: relative;  flex-direction: row;}
     #baixados .tab .imagem {width:100px; height: 100px;}
     #baixados .tab .imagem .img{width:100px; height: 100px;image-rendering:-webkit-optimize-contrast;}
     #baixados .tab .imagem .nun {align-items: center;
    border-radius: 15px;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: center;
    left: 0;
    padding: 0;
    min-height: 18px;
    min-width: 18px;
    width: 18px;
    /* padding-left: 0.25rem; */
    /* padding-right: 0.25rem; */
    position: absolute;
    top: 0;
    z-index: 1;
    font-size: 12px;
    outline: 3px solid #fff;
    bottom: auto;
    border: 0;
    border-top-left-radius: 4px;}
#baixados .tab>a {width:100px;}
#baixados .tab .descricao {margin:0;border-radius: 0 4px 4px 0;display: flex;flex-direction: column;justify-content: space-between;padding: 8px;width: calc(100% - 100px);}
#baixados .tab .descricao .ou b{font-size: 13.2px;-webkit-box-orient: vertical;display: -webkit-box;font-weight: 600;-webkit-line-clamp: 2;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;max-width: 100%;text-align:left;}
#baixados .tab .descricao .nomecantor{justify-content: flex-start;margin-bottom: 0.25rem;font-size: 1rem;margin-top: 7px;}
#baixados .tab .descricao .nomecantor span{font-size: 10.8px;}
#baixados .descricao h4{margin:0;}
     #baixados .linha3 { display: block;}
     #baixados .linha6 { display: none;}
     
     

   
     #playlist .tabb { width: 29.333%; margin: 20px 2% 0;}
     #playlist .tabPlaylistBusc{ width: 29.333%; margin: 20px 2% 0;}
     #playlist .linha3 { display: block;}
     #playlist .linha6 { display: none;}
     


/*=============== PAGINA EXIBIR O CD ===============*/


     .lado1 .esque { width: 92%;}
     #exibicd .lado2 { float: right; width: 50%; margin: 0;}
     #exibicd .artista{margin-bottom:30px;}
    
     #exibicd .lado3 {float: left;width: 100%;margin: 0;}
     #exibicd .capa {width: 256px; margin: 0;}
     #exibicd .capa .imagem .img, #exibicd .capa .imagem .img img {width: 256px;height: 256px;}
     
     
     .AnuCdN{padding: 5px 0 0;}
     
     .nomeMusic {font-weight: bolder;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #d93549 !important;
        text-transform: uppercase !important;
        box-sizing: border-box;
        line-height: 1.2;
        width: 30%;
        margin-left: 2%;
        padding: 8px 0;}
     
    #exibicd .playlist {
    float: left;
    width: 100%;
    max-height: 480px;
    margin: 4px 0 0;
    /* border: 1px solid #CCCCCC; */
    overflow: hidden;
    border-radius: 5px;
    /* -webkit-box-shadow: 0 0 6px rgb(25 25 34 / 16%); */
    /* box-shadow: 0 0 6px rgb(25 25 34 / 16%); */
    background-color: #fff;
} 

#exibicd .playlist .mp3 {
    font-size: 1.25rem;
    font-weight: 400;
    height: 48px;
    justify-content: space-between;
    overflow: hidden;
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #CCCCCC;
}

#exibicd .playlist .mp3 .ouvir {
    display: flex;
    align-items: center;
    /* padding: 14px 100px 14px 10px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;
}

#exibicd .playlist .mp3 .ouvir .nun {
    float: left;
    padding: 0px 8px;
    margin-right: 4px;
    font-size: 15px;
    font-weight: 600;
    color: #9b9b9b;
}

#exibicd .playlist .mp3 .ouvir .nome {
    margin: 2px 0 0;
    text-transform: uppercase;
    line-height: 1;
    font-size: 15px;
    color: #424753;
    font-weight: 600;
}
     
     
     
    #playlist .tabb .imagem .img{height: 163px;}
     
     
.anunCD{
    margin-bottom: 0px;
    padding-top: 30px;}
     
.adsbygoogle{
    width: 100% !important;
    margin-top: 20px;
    height: 60px !important;}

.subbtitulo{
    width: 100%; 
    background: aliceblue;
    margin: 0px 0%; 
    border-radius: 40px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}
     
.subbtitulo strong {
    margin: 2% 4%;
    border-radius: 40px !important;
    text-align: center;
    padding: 8px 16px;}
     
#artistasPer{display:none;}
     
#playlist .tabb .descricao .infLan{
    display:none !important;}
     
     
    
    
    
     /*=============== SINGLES MOBILE ===============*/
     .layoupadrao-musica{background-color: #fff;border-radius: 4px;height: auto;margin: 0;display: block;}
     
     #single {margin: 10px 0 0;width: 100%;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 0 20px 0 rgb(0 0 0 / 12%);padding: 0 0px 15px;}
     #single .tab>a {width: 82px;}
     #single .tab { width: 95%;background-color: var(--white-50);border: 0.025rem solid var(--gray-200);border-radius: 4px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 0 20px 0 rgb(0 0 0 / 12%);display: flex;height: 82px;margin: 0.5rem 0.5rem 0;position: relative;flex-direction: row;}
     #single .linha2 { display: block;}
     #single .linha3 { display: none;}
     #single .titulo-singles{min-height: 40px;
    margin-bottom: 0;}
     #single .titulo-singles h2{    padding: 0 10px;
    font-size: 16px;
    font-weight: 700;}
     #single .titulo-singles c{margin-top: 4px!important;
    margin: 0}
     #single .tab .descricao {padding: 8px;width: calc(100% - 83px);margin: 0;align-items: center;justify-content: space-evenly;box-sizing: border-box;display: flex;font-family: Open Sans,sans-serif;font-size: 15px;font-weight: 600;height: 82px;line-height: 1.2;}
     #single .tab .descricao h3 {height:15px;}
     #single .tab .descricao .ou {    max-height: 35px !important;
    height: 100% !important;
    line-height: 1.2;
    white-space: initial;}
    #single .tab .descricao .nome-artista-single span{font-size: 13px;font-weight: 400;}
     #single .tab .imagem {width: 100%;height: 100%;margin: 0;}
     #single .tab .imagem .img{height: 82px;width: 82px;}
     #single .tab .imagem .obs {width: 100%;}
     #single .tab .imagem .nun{width: 12px;right: 32px;bottom: -10px;z-index: 1;padding: 0px 0;}
   #single .subtitulo h2 c a {width: 24%;font-size: 0.4em;margin: 10px 0px 0px;font-weight: 700;}
   
   

/*=============== LANCAMENTOS MOBILE ===============*/


    #carrosel {margin: 0px 0.8% 0;}
    #carrosel .owl-carousel.owl-loaded{}
    #lancamentos{padding-top: 0;padding-bottom:5px;     margin: 10px 0 0;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 0 20px 0 rgb(0 0 0 / 12%);
    padding: 0 0px 15px;}
    #lancamentos .tab { width: 162px;height:220px; margin: 5px 0% 0;}
    #lancamentos .linha2 { display: block;}
    #lancamentos .linha3 { display: none;}
    #lancamentos .tab .imagem .nun {
    align-items: center;
    border-radius: 15px;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: center;
    left: 0;
    padding: 0;
    min-height: 18px;
    min-width: 18px;
    width: 18px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    font-size: 12px;
    border-bottom-left-radius: 4px;
}
    #lancamentos .tab .imagem{width:162px;height: 162px;}
    #lancamentos .tab .imgList{width:162px;height: 162px;}
    #lancamentos .linha3 { display: block;}
    #lancamentos .linha6 { display: none;}
    #titulo-lancamento{min-height: 40px;margin-bottom:0;}
    #titulo-lancamento h2{padding: 0 10px;font-size: 16px;font-weight: 700;}
    #titulo-lancamento h2 .b {
    float: left;
    margin: 0px 10px 0 0;
    font-size: 15px;
}
    #lancamentos #titulo-lancamento c{margin:0;margin-top: 4px;        float: left;}
    #lancamentos .descricao h3 b {font-size: 13.2px;}
    #carrosel .owl-nav {
    top: -34px;
    right: 6px;}
    #carrosel .owl-nav button{padding: 8px 4px 12px 4px;}
    #lancamentos .tab .descricao .nomecantor span{font-size: 10.8px;}

 /*=============== PLAYLIST MOBILE ===============*/
    
    #carrosel-playlist{background-color: #fff;border-radius: 4px;height: auto;margin: 0;display: -webkit-box;overflow-x: scroll;padding-bottom: 10px;}
    #titulo-playlist{min-height: 40px;margin-bottom: 0;}
    #titulo-playlist h2{padding: 0 10px;font-size: 16px;font-weight: 700;}
    #playlist{margin: 10px 0 0;width: 100%;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 0 20px 0 rgb(0 0 0 / 12%);padding: 0 0px 15px;}
    #playlist .tab {width: 162px;margin: 10px 3% 0;margin-right: 1%;height: 224px;background: #fff;}
    #playlist .tab .descricao{width: calc(92% - -2px);}
    #playlist .tab .imagem {width: 162px;height: 162px;position: relative;display: flex;}
    #playlist .tab .imagem .imgList{height: 162px;}


    
     #playlist .tab .imagem .imgplay {border-radius: 5px 5px 0 0;}
     #playlist .tab .imagem .img{border-radius: 5px 5px 0 0;}
    #playlist .tab.t100{ width: 96.5%;height: 210px;margin: 20px 1% 0;}
    #playlist .tab .descricao .nomecantor span{font-size: 12.8px;}

    
    
    
     /*=============== BUSCA MOBILE ===============*/
     
     .wrapper {width: 100%;}
     .wrapper .tab_wrap{width:99%; padding: 5px 2px; margin: 6px 0;}
     .wrapper .tab_wrap ul li{width:22%; float: left; padding: 3px; font-size: 11px; margin: 2px 2px; background: #becad285; border-radius: 15px;}
     .inbox {width: 100%;float: left;}
      #busca-geral {
         width: 94%;
    padding: 0 12px;
    padding-bottom: 20px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    background-color: #fff;}
    .padrao-busca{
        width: 94%;
    padding: 0;
    padding-bottom: 20px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    background-color: #fff;}
     .padrao-busca-pesc-blog{width: 94%;
    padding: 0;
    padding-bottom: 20px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    background-color: #fff;}
    
    
    .bsc{display: none;}
    .tab-cd-busca>a {width: auto;}
    .tab-cd-busca{background-color: var(--white-50);border: 0.025rem solid var(--gray-200);border-radius: 4px;box-shadow: 0 2px 2px 0 rgba(0,0,0,.08), 0 0 2px 0 rgba(0,0,0,.12);display: flex;height: 100px;margin: 12px 0 0;position: relative;width:100%;border: 1px solid #dbdbdb;}
    .tab-cd-busca .imagem {width: 100px; height:100px;}
    .tab-cd-busca .imagem .img-cd-busca {width: 100px;height: 100px;}
    .tab-cd-busca .descricao-cd-busca{background-color: var(--white);
    border-radius: 0 4px 4px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.75rem;
    width: calc(100% - 100px);margin:0;}
    .tab-cd-busca .descricao-cd-busca .nome-cd-busca b{-webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 14.4px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;max-width:100%;}


.tabPlaylistBusc{
    background-color: var(--white-50);
    border: 0.025rem solid var(--gray-200);
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.08), 0 0 2px 0 rgba(0,0,0,.12);
    display: flex;
    height: 100px;
    margin: 12px 0 0;
    position: relative;
    width: 100%;
    border: 1px solid #dbdbdb;
}

.tabPlaylistBusc .imagem {
    width: 100px;
    height: 100px;
}
.tabPlaylistBusc .imagem .imgplay {
    width: 100px;
    height: 100px;
}

.tabPlaylistBusc .descricao {
    background-color: var(--white);
    border-radius: 0 4px 4px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.75rem;
    width: calc(100% - 100px);
    margin: 0;
}

.tabPlaylistBusc .descricao .busca-play {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 14.4px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

 

     #carrosel .controle { display: none;}
     
     .tabperfil {    align-items: center;
        border: 1px solid #dadada;
    border-radius: 4px;
    display: flex;
    height: 76px;
    justify-content: space-around;width:100%;margin:0;}
     
     .tabperfil .imagemperfil {width: 60px;height: 60px;padding: 8px;}
     .tabperfil .imagemperfil .imgperfil {width: 60px;height: 60px;}
     .tabperfil .descricaoperfil {display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;}
     .tabperfil .descricaoperfil .tiperfil {      display: block;  line-height: 1.4;
    color: #0078d1;
    font-size: .9rem;
    font-weight: 600;
    margin-right: 0.25rem;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;min-height: 0;}
    .tabperfil .fas-buscar {
    width: 26%;
}
     .tabperfil .fas {width: 50%;padding: 0;margin: 0 10%;}
.tabperfil .fas .tempo { background: #2196f3;}
.tabperfil .fas .virar {padding: 0px 0 0px 30px;margin: 0px 0 0 8%;cursor: pointer;border: 2px solid #2196f3;text-align: left;border-radius: 20px 0 0 20px;width: 34%;}
.tabperfil .fas .nun {float: right;width: 35%;margin: 0px -5px 0 0;text-align: center;color: #2196f3;border-left: 1px solid #fff;padding: 0px 0 0px 0px;border: 2px solid #2196f3;border-radius: 0 20px 20px 0;width: 39%;}


     
     .tabBlog {background-color: var(--white-50);
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.08), 0 0 2px 0 rgba(0,0,0,.12);
    display: flex;
    height: 100px;
    margin: 12px 0 0;
    position: relative;
    width: 100%;
    border: 1px solid #dbdbdb;}
	.tabBlog .imagemBlog, .tabBlog .imagemBlog .imgBlog {width: 100px;height: 100px;}
    .tabBlog .descricaoBlog {background-color: var(--white);
    border-radius: 0 4px 4px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.75rem;
    width: calc(100% - 100px);margin:0;}
    .tabBlog .descricaoBlog h4{display:none;}
    .tabBlog .descricaoBlog h3{font-size: 0.9em;font-weight: 700;}
    .descricaoBlog h5{float:left;font-size:13px;bottom: 0px;font-weight: normal;}


     /*===============   ===============*/
    
	
	 #baixados .subtitulo b{width: 100%;text-align: center; margin:0;font-size: 16px;}
    
    .subtitulo b{margin: 0 5px 0 0;}
    .maisbaixadas { padding: 0;}
	.subtitulo h1 { font-size: 1.4em;}
	.subtitulo strong { margin: 4px 0 0; padding: 4px 3px 0;}
	
	.subtitulo .baixadasdia {margin: 4px 4%;padding: 4px 3px 0;width: 13%; font-size: 15px;}
	.subtitulo .baixadassemana {margin: 4px 3%;padding: 4px 3px 0;width: 20%;font-size: 15px;}
	.subtitulo .baixadasmes {margin: 4px 3%;padding: 4px 3px 0;width: 14%;font-size: 15px;}
	.subtitulo .baixadasgeral {padding: 4px 3px 0;margin: 4px 3%;width: 16%;font-size: 15px;}
    .subtitulo strong.ativoo {margin: 3px 0 0;font-size: 15px;}
	.subbtitulo strong{margin: 2% 3%;border-radius: 40px !important;text-align: center;padding: 8px 9px;    font-size: 13px;}
	
	
    
    .AnuVert{width: 98%;margin: 0 1% 0px 0;}
    
    
    .tabUltBlog {width: 100% !important;height: 120px !important;}
     
    .tabUltBlog .imagemUltBlog .imgUltBlog {width: 40% !important;height: 120px !important;}
    
    
    .tabUltBlog .descricaoUltBlog {width: 56%;height: 115px;}
    
    .tabUltBlog .descricaoUltBlog h3 {
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: rgb(0 119 255);
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    height: auto;
    max-height: 125px;
    line-height: 21px;
}
    
    .descricaoUltBlog h5 {bottom: -3px;font-weight: 300;float: left;font-size:12px;}
    .tabUltBlog .descricaoUltBlog h4{display:none}
    
    #tituloBlog b {
    padding: 0 5px;}
    
    
    /*=============== LAYOUT ARTISTA ===============*/
    .anunART{width: 94%;padding: 0 12px;}
    .menu-artista{width: 93%;padding: 0 12px;}
    .padrao-artista-cds{width: 94%;padding: 0;border:0;}
    .padrao-layout-artista{background-color: #fff;border-radius: 4px;height: auto;margin: 0;display: block;}
    
    #cdssART{width:100%;margin:0;}
    .tab-cd-artista{height: 100px;margin:0;margin-bottom:12px;}
    .tab-cd-artista .imagem {width: 102px;height: 102px;}
    .tab-cd-artista .imagem .img {width: 102px;height: 102px;border-radius: 10px 0 0 10px;}
    .tab-cd-artista .descricao {width: calc(100% - 118px);height: 82px;padding: 9px;    border-radius: 0 10px 10px 0;}
    .tab-cd-artista .descricao .noart{font-size:13.2px;margin-bottom:0;line-height: 1.1;margin:0;}
    .tab-cd-artista .descricao .nomeart b{font-size: 11.8px;margin-left:0;}
    .tab-cd-artista .descricao .infLan{display:none !important;}
    .tab-cd-artista .descricao .inf{font-size:10.8px;width: 50%;}
    .tab-cd-artista .descricao .inf .visArtPlay .nun, .tab-cd-artista .descricao .inf .visArtPlay .nom,.tab-cd-artista .descricao .inf .visArtDow .nun,.tab-cd-artista .descricao .inf .visArtDow .nom{border:0;}
    .tab-cd-artista .descricao .inf .visArtDow .nom{width: 72%;}
	
	
	/* CD PLAYLIST ARTISTA */
	
	.tabPlaylist{height:100px;}
	.tabPlaylist .imagem{width:102px;height:102px;}
	.tabPlaylist .imagem .imgartplay {width:102px;height:102px;border-radius: 10px 0 0 10px;}
	.tabPlaylist .descricao{    width: calc(100% - 118px);height: 82px;padding: 9px;border-radius: 0 10px 10px 0;}
	.tabPlaylist .descricao .tituplay-artista{font-size: 13.2px;}
	.tabPlaylist .descricao .nomeplay-artista b{font-size: 11.8px;}
	.tabPlaylist .descricao .inf{font-size: 10.8px;width: 50%;}
	.tabPlaylist .descricao .inf .visArtPlay .nun, .tabPlaylist .descricao .inf .visArtPlay .nom, .tabPlaylist .descricao .inf .visArtDow .nun, .tabPlaylist .descricao .inf .visArtDow .nom{border: 0;}
	
	/* CD DESTAQUE ARTISTA */
	.tabDes{height: 120px;margin-bottom: 16px;}
	.tabDes .imagem {width: 26.924%;height: 98px;padding: 10px;}
	.tabDes .imagem .imgDes {width: 100%;height: 100px;}
	.tabDes .descricaoDes{width: calc(100% - 126px);height: 98px;padding: 4px;margin: 5px 0% 0;}
    .tabDes .Des{background-position: 3px 16%;background-size: 26px;margin: 0px -26px;}
    .tabDes .descricaoDes .nomeDes{font-size: 11px;}
    .tabDes .descricaoDes .noart {display: inline-table;width: 100%;    font-size: 13.5px;margin-top: 8px;margin-right: 0;    color: #148bff;}
	.tabDes .descricaoDes .nomeart{font-size: 16.2px;height: 45px;-webkit-box-orient: vertical;font-weight: 600;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;margin-top:1px;}
	
	
	/* ABA DO EXIBIR O CD */
	    	#exibicd .lado1 .opcao .reproduzir {width: 69%;margin: 4px 9%;height:35%;}
.lado1 .style_download{width: 80%;margin: 0 9%; padding: 12px 0 12px;    background-position: 22px 50%;text-align: center;}

.bannerDentro {width:93.34%;}   
.banner a {font-size: .8rem;}
.banner .text {margin-right: 0.5rem;color: #fff;}

#exibicd .lado1{ width: 92%; padding-top:30px; background: linear-gradient(to bottom,rgb(0 69 101) 0,rgba(29,148,202,0) 400px,rgba(29,148,202,0) 100%); margin-bottom: 0px;}
.lado1 .esque {max-width:100%;place-content: center;display:flex;width: 92%;left: 0;top: 0;margin: 0;position: relative;}
#exibicd .lado1 .centt {align-items: center;display: flex;flex-direction: column;padding: 1rem 0.5rem 0;width: 100%;position: initial;}

#exibicd .lado1 .infoCd{width: 73%;}

#exibicd .lado1 .infoCd section {font-size: 12px;padding-right: 15px;}
.lado1 .infoCd section span {padding: 0 4px 0 4px;}

#exibicd .lado1 .dirr {float: left;width: 90%;margin: 10px 5% 0;}
#exibicd .subtitulo h1 {font-size: 16px; margin: 0 0 10px; color: #0078d1;height: 56px;}

.lado1 .titulo-cd h2 {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    width: 100%;
    height: 40px;
    font-size: 1em;
    color: #2EB2FF !important;
    font-weight: 600;
    padding: 0;
}

.lado1 .titulo-cd h2 a {
    color: #ddd !important;
    font-weight: 100;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.lado1 .titulo-cd h2 a #cdArtis {
    border-radius: 50%;
    border: 2px solid #2EB2FF;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: -15px;
    cursor: pointer;
}

.verOfi {
    max-width: 13%;
    margin: auto 0;
    padding-left: 4px;
    margin-bottom: 0px;
}

.lado1 .titulo-cd h2 a span {
    margin-top: 0px;
}

#exibicd .descricao h5 {color:#838080 !important;text-align: center;}
#exibicd .contagens {-webkit-box-pack: center!important;justify-content: center!important;}

#exibicd .contagens .nuns{width: 41%;display: grid;outline: 1px solid #ccc;margin: 0;border-radius:4px;}

#exibicd .contagens .nuns .nun {width: 94%;max-width: 94%;border: 0;color: #424753;margin: 0;}
#exibicd .contagens #nunplay, #exibicd .contagens #nundown{
    max-width: 30%;
}

#exibicd .contagens .nuns .oque {width: 100%;max-width: 100%;font-size: 12px;padding: 0 0 2px;border: 0;}
#exibicd .contagenscuti {margin: 10px 0 10px;align-items: center;display: flex;justify-content: center;width: 23%;padding: 0;}

#exibicd .formcurtir {width: 100%;min-width: 20%;}
.lado1 .opcao{display: grid;align-items: center;justify-items: center;}

#exibicd .compartilhar {background: #edf5fc;}
#exibicd .lado2 { float: left; width: 100%; margin: 20px 0 0;}





.subbtitulo h2 {display: flex;justify-content: center!important;}

.subbtitulo strong{margin: 2% 1%;border-radius: 40px !important;text-align: center;padding: 8px 9px;font-size: 13px; }

    .subbtitulo{height: 37px;}
    
      
    
    
    #playlist .tab .descricao h3{font-size:12px;}
    #playlist .tab .descricao h3 b{    font-size: 13.2px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: 600;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;}
  
    
#playlist .tabb .descricao .nomeart{
    width: 100%;
    margin: 0;
    height: 37px;
    white-space: normal;
    line-height: 1.3;}

#playlist .tabb { 
    width: 98%; 
    height:100px; 
    margin: 20px 1% 0;}
    
#playlist .tabb .imagem {width: 29.6%;}
#playlist .tabb .imagem .img {height: 100px;}
#playlist .tabb .descricao {width: 68%;margin: 5px 1.2% 0;height: 94px;}
#playlist .tabb .descricao h3 {font-size: 14px;}
#playlist .tabb .descricao .inf {overflow: hidden;font-size: 10px;max-width: 49%;text-align: center;margin: 10px 0.5%;}
#playlist .tabb .descricao .inf .visArtPlay .nun, #playlist .tabb .descricao .inf .visArtPlay .nom{padding:0 !important; border: 0;}


#playlist .tabDes {width: 98%;height: 100px;margin: 20px 1% 5px;}
#playlist .tabDes .imagem {width: 23.6%;height: 76px; padding: 8px;}
#playlist .tabDes .imagem .imgDes {height: 85px;width: 85px;}

#playlist .tabDes .Des.m {display: block;width: 12px;height: 18px;background-size: 22px;margin: -8px -8px;box-shadow: 0 5px 6px 0px rgb(0 57 112);background-color: #0078d1;border-top-left-radius: 10px;border-top-right-radius: 0;border-bottom-right-radius: 45px;border-bottom-left-radius: 0;background-position: -2px 0%;}
#playlist .tabDes .Des {display:none;}
#playlist .tabDes .descricaoDes {width: 68%;margin: 5px 1.2% 0;height: 94px;}
#playlist .tabDes .descricaoDes h3 {font-size: 14px;}
#playlist .tabDes .descricaoDes .nomeart {width: 100%;margin: 0;height: 37px;white-space: normal;line-height: 1.3;font-size: 14px;}
#playlist .tabb .descricao h3 {font-size: 14px;}
#playlist .tabDes .descricaoDes .nomeDes {display: none;}
#playlist .tabDes .descricaoDes .noart {width: 100%; margin-right: 0;}
#playlist .tabDes .descricaoDes .noart b{font-weight: 100;}

/* CD DESTAQUE ARTISTA */
.tabDes .descricaoDes{width: calc(100% - 132px);height: 104px;padding: 4px;margin: 5px 0% 0;}
	
/* PLAYLIST GERAL */
.padrao-playlist-geral{margin: 0 auto;padding: 0px 12px;width: 94%;}
#playlist-geral{padding:0;}
#titulo-playlis-geral{margin-bottom: 0;}
.layout-playlist-geral{background-color: #fff!important;border-radius: 4px!important;height: auto!important;margin: 0!important;display: block!important;}
#playlist-geral .tab{width: 50%;
    margin: 0;
    float: left;
    padding-bottom: 4px;}
#playlist-geral .tab .imagem {    float: left;
    width: 100%;
    position: relative;
    border-radius: 4px;}
#playlist-geral .tab .imagem .imgList {float: left;
    width: 100%;
    height: 182px;
    border-radius: 4px;}
    
    #playlist-geral .tab .descricao{margin: 5px 5% 0;}
    #playlist-geral .descricao h3 b{font-size: 13.2px;}
    #playlist-geral .tab .descricao .nomecantor span{font-size: 10.8px;}


/* LANCAMENTOS FEED CDS */

#feed-lancamento {width: 94%;padding: 0 12px;padding-bottom: 20px;margin: 0;}

#lado-post {margin: 0 auto;padding: 0px 0px;width: 100%;margin-bottom: 16px;}
.feed-principal {width: calc(100% - 1px); /* height: 623px;*/ margin: 20px 0 0;box-shadow: none !important;}
.barra-foto {margin-bottom: 4px;}
.img-feed {width: 42px;height: 42px;}
.ar-feed h3 span {font-size: 14px;}
.nome-feed h5 {font-size: 10px;}
.foto-grande img {
    
    
    width: calc(100% - 0px);
    min-height: 385px;
    max-height: 100%;
    height: auto;    
    
}
.tituCD b {font-size: 15px;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;margin-bottom: 4px;}
.descricao-cd .downloads, .plays{}
.descricao-cd .plays{}
.descricao-cd .downloads p, .plays p{}

.descricao-cd .downloads span, .plays span{}

#lado-artistas {margin: 0 auto;
    padding: 0px 0px;
    width: 100%;
    margin-bottom: 16px;}
#artistas-lancamentos {}
#artistas-lancamentos #titulo{}
#artistas-lancamentos #titulo h2 {display:block;}
#artistas-lancamentos #titulo em {}


/* LANCAMENTOS FEED BLOG */
.feed-principal-blog {
    width: 385px;/* height: 623px; */margin: 20px 0 0;box-shadow: none !important;}
.barra-foto-feed-blog{width: 385px;}
.barra-foto-feed-blog .img-feed-blog{width: 385px;}

}


@media(max-width: 400px) {
    
/* LANCAMENTOS FEED CDS */

#feed-lancamento {width: 94%;padding: 0 12px;padding-bottom: 20px;margin: 0;}

#lado-post {margin: 0 auto;padding: 0px 0px;width: 100%;margin-bottom: 16px;}
.feed-principal {width: calc(100% - 1px); /* height: 623px;*/ margin: 20px 0 0;box-shadow: none !important;}
.barra-foto {margin-bottom: 4px;}
.img-feed {width: 42px;height: 42px;}
.ar-feed h3 span {font-size: 14px;}
.nome-feed h5 {font-size: 10px;}
.foto-grande img {
    
        width: calc(100% - 1px);
    min-height: 336px;
    max-height: 100%;
    height: auto;
    
    
}
.tituCD b {font-size: 15px;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;margin-bottom: 4px;}
.descricao-cd .downloads, .plays{}
.descricao-cd .plays{}
.descricao-cd .downloads p, .plays p{}

.descricao-cd .downloads span, .plays span{}

#lado-artistas {margin: 0 auto;
    padding: 0px 0px;
    width: 100%;
    margin-bottom: 16px;}
#artistas-lancamentos {}
#artistas-lancamentos #titulo{}
#artistas-lancamentos #titulo h2 {}
#artistas-lancamentos #titulo em {}


/* LANCAMENTOS FEED BLOG */
.feed-principal-blog {
    width: 336px;/* height: 623px; */margin: 20px 0 0;box-shadow: none !important;}
.barra-foto-feed-blog{width: 336px;
    height: 258px;}
.barra-foto-feed-blog .img-feed-blog{width: 336px;
    height: 258px;}


   
    #exibicd .completo.baixar{font-size: 15px;
    padding-left: 30px !important;
    width: 59%;
    padding: 14px 6px 12px;
    text-align: center;
    background-position: 18px 50%;}

	#exibicd .capa .imagem .img, #exibicd .capa .imagem .img img {height: 256px;}
	
	/* CD DESTAQUE ARTISTA */
.tabDes .descricaoDes{width: calc(100% - 126px);height: 104px;padding: 4px;margin: 5px 0% 0;}
  
}