/* ==========================================================================
   MEDIA QUERY                              
   ========================================================================== */

/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */

@media (max-width: {{maxWidth}}) {}

/* Landscape tablet and smaller devices
   ========================================================================== */

@media (max-width: 768px) {
	header .menu ul{
		width:100%;
		text-align: center;
	}
	
	.navbar-toggler{
		position: absolute;
		top: 30px;
		right: 0px;	
	}
	
}
     

/* Landscape phones and smaller devices
   ========================================================================== */

@media (max-width: 479px) {
    .navbar-toggler{
		position: absolute;
		top: -60px;
		right: 0px;	
	}
	
	
	header .menu ul li{
		border-bottom:1px solid grey;
	}
	
	header .menu ul li:last-child{
		border-bottom:none;
	}
	
	section.nossa-historia{
		text-align: left;
	}
	
	section.nossa-historia .images-wrapper img{
		margin-bottom:30px;
	}
	
	section.sga-iso h1{
		margin-top:60px;
	}
	
	section.nossos-numeros p{
		text-align: left;
	}
	
	section.nossos-numeros .image-wrapper{
		display:none;
	}
	
	section.ultimas-noticias p{
		text-align: left;
	}
	
	footer{
		text-align: center !important;
	}
	
	footer .iso{
		text-align: center;
	}
	
	section.main-banner .slide-item{
		/* padding: 40px 0px 0px 0px; */
	}
	section .mobile-img.images-rounded-shadow,
	section .mobile-img.images-shadow {
		display:block;
		margin-bottom:30px;
		text-align: center;
	}
	section .images-rounded-shadow,
	section .images-shadow {
		display:none;
	}
	header .menu ul li{
		width:100%;
	}
	header .menu ul li a{
		padding:10px;
	}
	.galeria .slick-slide{
		text-align: center;
	}
	.slick-prev{
		left: 25px;
	}

	.slick-next{
		right:32px;
	}
	.frame,
	.frame img,
	#fluxograma #sistema{
		max-width:330px;
	}

	.frame img{
		max-width: 312px;
	}

	#fluxograma #sistema .bt{
		font-size: 13px;
		width: 25px;
    height: 25px;
    line-height: 25px;
	}
	.aerada{
		left: 250px;
	}
	.decantacao{
		left: 310px;
	}
	.lodo{
		left: 320px;
	}
	#fluxograma #sistema{
		margin-right:0px;
	}
	#fluxograma{
		width:330px;
	}
	.galeria .casa-da-fonte-gallery img{
		max-width:220px;
	}
	body.page-template-page-certificado .img-fluid{
		max-width: 70%;
	}
	section.normas .icons-wrapper,
	section.monitoramento .icons-wrapper{
		text-align: center;
	}
	section.monitoramento .images-wrapper img{
		margin: 0px 0px 30px 0px;
		max-width: 90%;
	}
	section.monitoramento .monitoramento-items .monitoramento-item .icon{
		display:inherit;
		margin-top:25px;
	}
	.offset-2{
		margin-left: 0px;
	}
	.menu-mobile{
		display:block;
	}
	.menu-desk{
		display: none;
	}

	section.conheca-casa-da-fonte .content-wrapper:after{
		content:none;
	}

	.normas .norma-item{
		margin-bottom:30px;
	}

	section.monitoramento .monitoramento-items .monitoramento-item{
		margin-bottom:50px;
	}
	section.monitoramento .monitoramento-items .monitoramento-item .icon img{
		max-width: 140px;
	}

	section.monitoramento .monitoramento-items .monitoramento-item .icon{
		height: 95px;
	}

	section.estrutura-tarifaria .regulamento-items .regulamento-item{
		margin-bottom:100px;
	}

	.inner-space{
		padding: 30px 0px;
	}

	h1{
		font-size: 24px;
	}
	section.blog-listing .sidebar .category-list{
		margin-bottom: 30px;
	}
	section.main-banner h1{
		font-size: 28px;
	}
}