/** QUANDO NÃO FOR MOBILE **/
@media only screen and (min-width: 992px){
	.reponsivo-total-menus-topo,
	.reponsivo-lista-menus,
	.reponsivo-lista-menus a,
	.responsivo-btt-upgrade{
		display:none;	
	}
	.responsivo-icone-barra-left,
	.responsivo-icone-barra-right{
		display:none;	
	}
}

/** QUANDO FOR ANTES DE TABLET **/
@media only screen and (max-width: 1130px){
	.barra-logo{
		width:275px !important;	
	}
	.barra-busca {
		width: calc(100% - 762px) !important;
	}
	.barra-busca input{
		width:100% !important;
		min-width:100% !important;
		max-width:100% !important;	
	}
	.top-bar .player-display{
		padding-left:15px !important;
		padding-right:15px !important;	
	}
}

/** QUANDO FOR MOBILE E TABLET **/
@media only screen and (max-width: 991px){
	.barra-right{
		height: calc(100% - 80px) !important;
		top:0px !important;	
	}
	.barra-left{
		height: calc(100% - 80px) !important;
		position:absolute !important;
		left:-270px;
		z-index:192 !important;
		top:0px !important;
		float:left !important;
	}
	.conteudo-total-interno{
		width:100% !important;
		padding-left: 30px !important;
		padding-right: 25px !important;
		padding-bottom: 40px !important;
		padding-top: 15px !important;
	}
	.barra-busca{
		height:45px !important;
		width:100% !important;
		float:none !important;
		display:none;	
		position:absolute;
		top:60px;
		z-index:189;
	}
	.barra-busca input{
		height:45px !important;
		margin-top:0px !important;
		background: url(../imagens/icone-busca.jpg) 15px 14px #FFF no-repeat !important;
	}
	.top-bar, .player-timeline{
		width:100% !important;	
	}
	.jp-volume-bar, .player-display, .jp-controles-total{
		display:none !important;	
	}
	.player-play, .player-pause{
		margin-left:3px !important;
		margin-right:5px !important;
	}
	
	/** RESPONSIVO BARRA TOPO **/
	.barra-logo{
		width:205px !important;	
	}
	.titulo-logo{
		font-size:13px !important;	
	}
	.barra-logo img{
		width:50% !important;
		padding-top:17px !important;
		padding-left:13px !important;	
	}
	.reponsivo-total-menus-topo{
		display:block;
		float:right;
		width:91px;
		margin-top:11px;	
	}
	.reponsivo-abrir-menu-busca, .reponsivo-abrir-menu{
		width:38px;
		height:38px;
		float:left;
		cursor:pointer;
		border-radius:5px;	
	}
	.reponsivo-abrir-menu-busca{
		background:url(../imagens/responsivo/responsivo-icone-busca.png) 50% 50% no-repeat #9F3530;	
	}
	.busca-ativa{
		background:url(../imagens/responsivo/responsivo-icone-busca-fechar.png) 50% 50% no-repeat #9F3530 !important;
	}
	.reponsivo-abrir-menu{
		background:url(../imagens/responsivo/responsivo-icone-menu.png) 50% 50% no-repeat #9F3530;	
	}
	.reponsivo-abrir-menu{
		margin-left:8px;	
	}
	.reponsivo-lista-menus{
		width:100%;
		height:auto;
		display:none;
		position:absolute;
		top:60px;	
		left:0px;
		z-index:191;
		background: #D24A43;
	}
	.reponsivo-lista-menus a{
	    width: 100%;
		color: #FFF;
		height: 36px;
		font-size:13px;
		line-height: 36px;
		background: #D24A43;
		border-top:1px solid #9F3530;
		text-transform: uppercase;
		text-align: center;
	}
	.responsivo-btt-upgrade{
		margin:0 auto !important;
		width: 147px !important;
		height: 35px !important;
		font-size: 12px !important;
		margin-top: 13px !important;
		margin-bottom:13px !important;
		border:0px !important;
		font-weight: 700 !important;
		line-height: 35px !important;
		background: #FFF !important;
		text-align: center !important;
		color: #D24A43 !important;
		cursor: pointer !important;
		outline: none !important;	
	}
	.menu-sair-responsivo{
		border-bottom:1px solid #9F3530;	
	}
	/* END RESPONSIVO BARRA TOPO */
	
	/* RESPONSIVO PLAYER */
	.responsivo-icone-barra-left{
		width:80px;
		height:80px;
		cursor:pointer;
		display:block;
		background:url(../imagens/responsivo/responsivo-icone-barra-left.png) 50% 50% no-repeat;
		border-right:1px solid #202328;
		float:left;	
	}
	.icone-barra-left-active{
		background:url(../imagens/responsivo/responsivo-icone-barra-left-active.png) 50% 50% no-repeat !important;	
	}
	.responsivo-icone-barra-right{
		width:80px;
		height:80px !important;
		cursor:pointer !important;
		display:block !important;
		margin-left:0px !important;
		margin-top:0px !important;
		background:url(../imagens/responsivo/responsivo-icone-barra-right.png) 50% 50% no-repeat !important;
		border-left:1px solid #202328;
		float:left;	
	}
	.open-playlist.active{
		background:url(../imagens/icone-playlist-aberto.png) 50% 50% no-repeat !important;		
	}
	.top-bar{
		padding-top:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
		z-index:20 !important;	
	}
	.top-bar .player-controls{
		width:calc(100% - 160px) !important;	
	}
	.contorno-player-controls{
		display:table;
		margin:0 auto;
		padding-top:13px;	
	}
	/* END RESPONSIVO PLAYER */
	
	.sombra-total-site{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		opacity:0.4;
		display:none;
		background:#000;
		z-index:190;	
	}	
	.sombra-topo{
		top:105px !important;
		height:calc(100% - 105px) !important;	
	}
	.sombra-topo-menu{
		top:60px !important;
		height:calc(100% - 60px) !important;	
	}
	
	/* MINHA CONTA */
	.total-botoes-minhaconta{
		display:none !important;	
	}
	.form-alterar-senha, .form-alterar-dados, .form-alterar-endereco,.form-configuracoes{
		width:100% !important;
		padding-right:0px !important;
		border-left:0px !important;
		padding-left:0px !important;
	}
	.form-alterar-endereco{
		margin-top:20px;	
	}
	.endereco-left, .endereco-right{
		width:100% !important;
		padding-left:0px !important;
		padding-right:0px !important;	
	}
	.botao-alterardados, .botao-alterar-senha{
		width:60% !important;	
	}
	/* END MINHA CONTA */
	
	.conteudo-total-interno h1{
		font-size:20px !important;
		padding-top:6px !important;
	}
	.botoes-mapeamento{
		margin-top:0px !important;
		float:none !important;	
	}
	.contorno-ul-listagem{
		overflow:auto !important;
		overflow-x:scroll !important;	
	}
	.cabecalho-playlist, .ul-playlist, .ul-playlist li{
		width:1200px !important;	
	}
	.btt-tocarlista, .btt-addlista-favoritos, .btt-exportar{
		display:table !important;
		float:none !important;
		margin-left:0px !important;
		margin-top:10px !important;
		margin-bottom:10px;
	}
	.btt-addlista-favoritos{
		padding-left:27px !important;
		background: url(../imagens/icone-favoritos.png) 0px 8px no-repeat !important;	
	}
	.btt-exportar{
		padding-left:27px !important;
		background: url(../imagens/btt-exportar.png) 0px 8px no-repeat !important;	
	}
	.mapeamento{
		display:none !important;
		float:none !important;
		margin-top:10px !important;	
	}
	.mensagem-minhaconta{
		height:auto !important;
		min-height:10px !important;
		line-height:normal !important;	
	}
	
	.container-cabecalho-playlists{
		margin-top:0px !important;
		padding-top:0px !important;	
		width:100% !important;
		background:none !important;
		position:relative !important;
	}
	.contorno-ul-listagem{
		margin-top:0px !important;	
	}
	
}

/* APENAS PRA MOBILE */
@media only screen and (max-width: 767px){
	.barra-right{
		height: calc(100% - 80px) !important;
		top:0px !important;	
		width:275px !important;	
	}
	.foto-playlist-execucao{
		display:none !important;
	}
	.cabecalho-playlist-execucao{
		padding-left:7px !important;
		padding-right:7px !important;
		padding-top:10px !important;
		padding-bottom:10px !important;	
	}
	.contorno-right-playlist, .contorno-left-playlist{
		width:100% !important;
		float:none !important;	
	}
	.botoes-cabecalho-playlist{
		width:100% !important;
		margin-bottom:10px !important;
	}
	.botao-definir-padrao{
		float:left;
		width: calc(50% - 10px) !important;
		background:#30363F !important;
		padding-left:7px !important;
		padding-right:7px !important;	
		margin-left:10px !important;
	}
	.botao-tocar-padrao{
		float:left;
		width: calc(50% - 10px) !important;
		background:#30363F !important;
		padding-left:7px !important;
		padding-right:7px !important;	
		margin-left:10px !important;
	}
	.botao-embaralhar-musicas{
		float:left;
		width: calc(50% - 10px) !important;
		background:#30363F !important;
		padding-left:7px !important;
		padding-right:7px !important;
		margin-left: 10px !important;
	}
	.botao-avaliar-playlist{
		float:left;
		width: calc(50% - 10px) !important;
		background:#30363F !important;
		padding-left:7px !important;
		padding-right:7px !important;
		margin-left:10px !important;
	}
	.nenhuma-playlist{
		padding-top:50px !important;	
	}
	.star-avaliacao img{
		width:40px !important;	
	}
	/* POPUPS */
	.contorno-popup{
		width:100% !important;
		left:0px !important;
		margin-left:0px !important;	
		min-width:100% !important;
	}
	/* END POPUPS */
	.arrow-voltar, .arrow-ir{
		display:none !important;	
	}
}

@media only screen and (max-width: 400px){
.conteudo-total-interno h1{
		font-size:20px !important;
		padding-top:6px !important;
		width: 100%;
	}
}