/* Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap*/

/* CELULAR E TABLET RUIM
Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

	.form-inline .input-group, .form-inline .custom-select {
		width: 100% !important;
	}

	.hr-publicidade{
		display: none;
	}

}

/* TABLET
Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.footer .menu-column{
		column-count: 3 !important;
	}

	.pagina-interna .ofertas-lista .menu {
		column-count: 3 !important;
	}

	.pt-30x {
		padding-top: 0px;
	}

	.container-modal .busca-input input {
		border-bottom-right-radius: 5px !important;
		border-top-right-radius: 5px !important;
	}

	.container-modal .busca-input button {
		border-bottom-left-radius: 4px !important;
		border-top-left-radius: 4px !important;
	}



}

/* NOTEBOOK
Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 	

	.container-conteudo-interno {
		max-width: 960px;
	}

	.container-conteudo-interno-texto {
		max-width: 780px;
	}

	.container-cardempresas {
		max-width: 877px;
		
	}

	.container-ofertas{
		max-width: 870px;
	}

	.encontre-negocios .margin-left-tela-grande {
		padding-left: 0px !important; 
	}

	.agenda .data-evento span.dia {
		font-size: 1.4rem;
		font-weight: 900;
		letter-spacing: -0.4px;
		line-height: 0.87em;
		margin: 0 !important;
	}

	.agenda .data-evento span.mes {
		font-size: 0.64rem;
		font-weight: 400;
		letter-spacing: -0.4px;
		line-height: 0.87rem;
	}

	.agenda .data-evento span.dia-semana {
		font-size: 0.64rem;
		letter-spacing: -0.4px;
		line-height: 0.87rem;
	}

	/* Card Oportunidades - Ofertas, Móveis e Carros e Motos */
	.footer .menu-column{
		column-count: 4 !important;
	}

	.pagina-interna .ofertas-lista .menu {
		column-count: 3 !important;
	}

/*	.pagina-interna .veja-mais-conteudo h3 {
		font-size: 1.06rem;
	}
*/


	/*CINEMA*/

	/* Sobre Taubaté */
	.informacoes-sobre-taubate p span.abaixo {
		display: none;
	}



}

/* Extra large devices (large desktops, 1200px and up) LIBERAR DEPOIS DE PRONTO*/
@media (min-width: 1200px) {
	/*.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1270px !important;
	}*/
}

/* Customizaçõe
Para celulares petiticos */
@media (max-width: 380px) {
	html, body {
		font-size: 13px;		
	}

	.list-content-card .card-button-contato{
		display: none !important;
	}
}

/* Customizações Malucas Celular*/
@media (max-width: 575px) {
	.header-home {	   	        
	    min-height: 80vh !important;
		background: #f5f5f5;
	}

	.bg-box-empresa,
	.py-section {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.p-section {
		padding-top: 15px;
	}

	.pb-section {
		padding-bottom: 15px;
	}



	h2 {
		font-size: 1.6rem;
	}

	.carousel-areas .item {
		width: 96px;
		height: 120px;
	}

	.carousel-areas .item small {
		font-size: 0.75rem;
	}

	.header-desktop .span-procurando,
	.header-desktop .span-procurando h1{
		font-size: 1.6rem;
		line-height: 1.4em;
	}

	.header-desktop .logo {
	/*	height: 40px !important;*/
	}

	.header-desktop .btn-encontrar {
		display: block !important;
	}

	.header-desktop .h2-procurando {
		font-size: 1.6rem;
	}

	.mobile-no-margin {
		margin-right: -1rem !important;
		margin-left: -1rem !important;
	}

	.mobile-no-margin .img-conteudo-interno,
	.mobile-no-margin.img-conteudo-interno{
		border-radius: 0px !important;
	}

	.




	/*.mobile-no-margin-card-interna {
		margin-right: -1rem !important; 
		margin-left: -1rem !important;
		border: 1px solid rgba(0, 0, 0, 0.125); 
		border-radius: 0.25rem
	}*/

	.titulo-primario span,
	.titulo-primario small{
		display: block !important;
	}


	.card {
		border-radius: 0 !important;
		border: 0 !important;
	}

	.card .card-body {
		padding: 1rem;
	}

	.empresa-card {
		border-radius: 0 !important;
		margin-bottom: 4px;
	}
	.empresa-card .empresa-card-left:before,
	.empresa-card .empresa-card-left:after,
	.empresa-card .empresa-card-left{
		border-radius: 0 !important;
	}


	.pagina-interna .sub-ofertas .card-subofertas {
		margin-bottom: 15px;
	}

	/* Carousel Cinema */
	.carousel-cinema .owl-carousel .owl-stage {
		margin-left: 1rem;
	}


	/* Carousel Pontos Turísticos */
	.carousel-turismo .owl-carousel .owl-stage {
		margin-left: 1rem;
	}

	.footer-mobile img {
		width: 25%;
	}

	.footer-mobile .info {
		margin-bottom: 50px;
	}

	.footer-mobile .copyright {
		background: #57707E;		
	}
	.footer-mobile .copyright p {
		color: #fff;
		font-size: 0.75rem;
	}

	
	/* Notícia Interna */
	.pagina-interna .header-noticia-interna .d-flex-small {
		display: flex;
		flex-direction: column;		
	}

	.pagina-interna .header-noticia-interna .hr-vertical {
		display: none;
	}

	.pagina-interna .header-noticia-interna .compartilhamento-social {
		margin-top: -10px;
	}

	.compartilhamento-social a {
		font-size: 1.5rem;
		padding: 5px;
/*		margin-left: 10px;*/
	}

	.contato-rede-social a {		
		margin: 2px !important;
	}

	.contato-rede-social .contato-telefone .btn {
		height: 45px;
		width: 45px;
		font-size: 1.5rem;
	}

	.contato-rede-social .contato-telefone .borda {
		margin-top: 3px; 
	}

	.contato-rede-social .contato-whatsapp .btn {	
		height: 35px;
		width: 35px;
		font-size: 1rem;
	}

	.contato-rede-social .contato-email .btn {
		height: 35px;
		width: 35px;
		font-size: 1rem;
	}

	.pagina-interna .header-noticia-interna .compartilhamento-social a {

	}

	.noticia-todas-lista img {
		width: 40%;
		display: block;
	}
	.noticia-todas-lista p {
		display: none;
	}

	.container-conteudo-interno h1.titulo-conteudo-interno {
		font-size: 2rem;
		line-height: 1.1em;
	}

	.container-conteudo-interno h2.subtitulo-conteudo-interno {
		padding-bottom: 15px;
	}

	.pagina-interna .veja-mais-conteudo h3 {		
		/*font-size: 1.26rem;
		line-height: 1.1em;*/
	}


	.container-conteudo-interno-texto  {
		font-size: 1.2rem !important;
		
	}

	.mapa .map-responsivo {
		height: 230px;
	}


	/* UniteGallery Setas */
	.ug-arrow-left.ug-skin-default,
	.ug-arrow-right.ug-skin-default{
		width:20px !important;
		height:40px !important;
	}

	.ug-arrow-left.ug-skin-default:before{
		width: 100%;
		height: 100%;
		font-size: 25px;
		opacity: 0.9;
	}

	.ug-arrow-right.ug-skin-default:before{
		width: 100%;
		height: 100%;
		font-size: 25px;
		opacity: 0.9;
	}


	/*CARD LISTA DE CONTEUDO*/
	.list-content-card .card-img-lat{
		border-radius: 0px !important;
	}
	.list-content-card h3{
		font-weight: 700;
		line-height: 1.2em;
	}
	.list-content-card span{
		font-size: 0.87rem;
		line-height: 1.2em;
		display: block;
		margin-top: 8px;
	}

	/*CARD LISTA DE CONTEUDO*/


	.infotitulodata {
		font-size: 0.75rem !important;
	}


	/* MENU LATERAL*/
	#menu-lateral{
		/*NAO ALTERAR*/
			left: -85% !important;
			width: 85% !important;
		/*NAO ALTERAR*/
	}

	#menu-lateral.open {
		-webkit-transform: translateX(100%) !important;;
		transform: translateX(100%) !important;;
	}
	/* END MENU LATERAL*/

	.paginator {
		margin-top: 0 !important;
		margin-bottom:  0 !important;
	}

	/* Marcielli Cinema */
	.cinema-lista h2 {
	    font-size: 1rem !important;    
	}

	/* Marcielli Fim Cinema */

	/* Marcielli Agenda - Evento */

	

	



	/* Marcielli Fim Agenda - Evento */

	/* Marcielli Busca  */
	.busca-modal .container-modal span {
		font-size: 1.13rem !important;	
		
	}


	.busca-modal .container-modal ul li {
	
		font-size: 1.13rem;
		font-style: italic;
	}

	.busca-modal span.titulo,
	.busca-modal span .titulo-procurando {
		font-size: 1.13rem;
	}	



	/* Marcielli Fim Busca */


	.capa-ofertas .menu a{
		font-size: 1rem;
	}


}


/* Somente notebook */
@media (min-width: 992px) and (max-width:1199px) {
	.card-oportunidades .footer img{
		width: 30px;
	}

	.card-oportunidades h2 {
		font-size: 1.27rem;
	}

	.card-oportunidades h3 {
		font-size: 1rem;
	}

	.card-oportunidades h4 {
		font-size: 1rem;
	}
	.card-oportunidades h5 {
		font-size: 0.87rem;
	}

	.card-oportunidades small {
		font-size: 0.74rem;
	}
	.cinema h3 {
		font-size: 0.87rem !important;
	}
	.agenda h3 {
		font-size: 1rem;
	}

	.agenda .card-body {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.empresa-card .logo {
		height: 35px;
	}

	.empresa-card .card-resumo {
		line-height: 1em;
	}

	.empresa-card h3 {
		font-size: 1rem;
	}

	.empresa-card h4 {
		font-size: 0.75rem;
	}

	.empresa-card h3.card-title {
		margin-bottom: 0.5em;
	}

	.empresa-card .card-footer {
		padding: 0 1rem 1rem 1rem;
	}

	.empresa-card .btn-sm {
		font-size: 0.75rem;
	}

	.carousel-areas {
		margin-left: -15px !important;
	}


	.carousel-areas .item .overlay {
		height: 50%;
		width: 100%;
	}
}


/* Somente tablet */
@media (min-width: 768px) and (max-width:991px) {

	/* Carousel Cinema */
	.cinema .carousel-cinema .owlCinemaBtLeft {		
		top: 110px;
	}

	.cinema .carousel-cinema .owlCinemaBtRight {		
		top: 110px;		
	}

	/* Carousel Turismo */
	.turismo .carousel-turismo .owlPontosTuristicosBtLeft {	
		top: 70px;		
	}

	.turismo .carousel-turismo .owlPontosTuristicosBtRight {
		top: 70px;
	}

	.pt-30x-tablet {
		padding-top: 30px;
	}
}




@media (max-width: 767px) { 
	.footer .guiataubate {
		margin-top: 20px;
		margin-bottom: 20px !important;
	}

	.footer .menu-column{
		column-count: 1 !important;
	}	

	.pagina-interna .ofertas-lista .menu {
		column-count: 2 !important;
	}


	.paginator .paginator_item{
		display: none;
	}
	.paginator .paginator_item:first-child,
	.paginator .paginator_item:last-child{
		display: inline-block !important;
	}

	.pagina-interna .veja-mais-conteudo .contato-rede-social {
		margin-top: 1rem !important;
	}

	/* Marcielli - Cinema Interna */

	.cinema .header-filme{
		padding-top: 1.5rem !important;
	}


	.cinema .conteudo {
		margin-top: 0px;
		margin-left: 0px;
	}
	.cinema h1 {
		font-weight: 700;
		margin-top: 0;
		font-size: 1.6rem;
	}

	.cinema .header-filme:after{
		height: 100%;
		min-height: 250px;
	}
	.cinema .header-filme{
		position: relative;
	}
	.cinema .header-filme:before,
	.cinema .header-filme:after{
		height: 250px
	}


	/*
	.cinema .img-cartaz {
		display: none;
	}

	.cinema .conteudo, .mostrar-sinopse {	
		margin-left: 0 !important;
	}
*/
	/* Marcielli - Fim Cinema Interna */


	/* Evento Marcielli */

	.evento .card-evento {
		display: flex !important;		
	}

	.evento .push-elemento {
		/*width: 400px !important;*/
		min-width: 120px;
		width: 120px;
		height: auto;
		background-size: cover;
		border-top-left-radius: calc(0.25rem - 1px) !important;
		border-top-right-radius: calc(0.25rem - 1px) !important;
	}

	/*.evento .card-evento .card-img-top {
		height: 100%;
	}*/

	.evento .data-evento {
		position: absolute;	
		top: 10% !important;
	}

	.evento .card-body span {
		margin-top: 0 !important;
	}
	

	.evento .data-evento .dia-da-semana {
		font-size: 1.13rem;
		margin-top: 0 !important;
		
	}

	.evento .data-evento .dia-do-mes {
		font-weight: 400;
		font-size: 0.75rem;
		margin-top: 0 !important;
	}

	/* Fim Evento Marcielli */
}

@media (max-width:992px) { 
	.pagina-interna .guia-de-empresas .pesquisa h3 {	
		margin-bottom: 15px;
	}

	.pagina-interna .guia-de-empresas .subtitulo {	
		margin-top: 15px;
	}

	/* Evento Marcielli */

	.evento .data-evento {
		top: 80%;
	}

	.card-titulo-interna{
		padding-bottom: 50px;
		position: relative;
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: start !important;
		background-position: right 40px;
	}
	.card-titulo-interna:before{
		/*background-image: linear-gradient(0deg, #EFEFED1A, #EFEFED 100%) !important;*/
		/*background-image:linear-gradient(to bottom, white, purple);


		*/
		/*background-image:linear-gradient(to bottom, #EFEFED, #EFEFED1A);*/
		position: absolute;
		width: 100%;
		height: 100%;
		content: '';
		bottom: 0;
	}

	/* Fim Evento Marcielli */

	/* Agenda Interna Marcielli */
	.agenda .imagem-size {
		width: 100%;
		text-align: center;
	}
	/* Fim Agenda Interna Marcielli */

	/* Sobre Taubaté */
	.informacoes-sobre-taubate p span.ao-lado {
		display: none;
	}
}