/* Responsividade Geral */

@media (min-width: 1440px){
	.container {
		max-width: 1400px;
	}
}
@media (min-width: 1240px) and (max-width: 1439px){
	.container {
		max-width: 1200px;
	}
}
@media (min-width: 992px) and (max-width: 1239px){
	.container {
		max-width: 950px;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.container {
		max-width: 730px;
	}
}
@media (min-width: 577px) and (max-width: 767px){
	.container {
		max-width: 550px;
	}
}
@media (min-width: 576px) and (max-width: 360px){
	.container {
		max-width: 330px;
	}
}
@media (max-width: 359px){
	.container {
		max-width: 300px;
	}
}


/* MAX 991px */

@media (max-width: 1200px) {
	.materia-box-static-title h4 {
		font-size: 20px;
	}
	.materia-box-headline {
		font-size: 13px;
	}
}


@media (max-width: 991px) {
	.nav-primary-portal .navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		background: #FFF;
		width: 0;
		height: 100% !important;
		padding: 20px;
		margin: 0;
		z-index: 100;
	
		-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);

		transition: all ease-in-out .5s;
	}
	.nav-primary-portal .navbar-collapse ul {
		visibility: hidden;
	}
	.nav-primary-portal .navbar-collapse.show {
		width: 60% !important;
		height: 100%;
	}
	.nav-primary-portal .navbar-collapse.show ul {
		visibility: visible;
	}
	.nav-primary-portal .navbar-collapse a {
		text-align: left;
		width: 100%;
		opacity: 0;
		padding: 15px 20px;

		transition: all ease-in-out .5s;
		transition-delay: .4s;
	}
	.nav-primary-portal .navbar-collapse.show a {
		opacity: 1;
	}
	.nav-primary-portal .navbar-collapse a:hover {
		background-color: #1C75BC;
		color: #FFF;
	}
	.nav-primary-portal .navbar-toggler {
		width: 50px;
		height: 50px;
		border: 0;
		border-radius: 5px;
		background-color:#1C75BC;
	}
	.nav-primary-portal .navbar-toggler i {
		font-size: 21px;
		color: #FFF !important;
	}
	#menunavegacao {
		justify-content: end;
		padding-right: 10px;
		height: 100%;
	}
	.header-bottom {
		height: auto;
	}
	.header-bottom > .container {
		display: flex;
		justify-content: space-evenly;
	}
	.materia-box-headline {
		padding-top: 0;
	}
	.materia-box-static-title {
		padding-bottom: 0;
	}
	.header-bottom .container, .header-bottom .container .row {
		height: 100%;
	}
	.counter-area .row > div {
		margin: 30px 0;
	}
	.materia-box-static-title h4 {
		font-size: 13.5px;
	}
	.materia-box-headline {
		font-size: 13px !important;
	}
	.materia-box-static .data {
		font-size: 14px;
	}
	.owl-carousel .owl-item img {
		width: 100%;
	}
	.menu {
		display: none;
	}
	.canvas_open {
		height: 100%;
		align-items: center;
		display: flex;
		float: right;
		margin-right: 25px;
	}
	.canvas_open a {
		width: 35px;
		height: 35px;
	}
	.canvas_open a span {
		width: 100%;
		height: 3px;
		background: #000;
		margin: 6px 0px;
		display: block;
	}
	.canvas_open a span:nth-child(2) {
		width: 85%;
		margin-left: 15%;
	}
	.top-info-left {
		text-align: left;
	}
	.breadcrumb-area {
		padding: 150px 0px;
	}
	.contact-form-info {
		margin-top: 40px;
	}
	 
}

/* MAX 768px */

@media (min-width: 768px) {
}

/* MAX 767px */

@media (max-width: 767px) {
	.acessibilidade  {
		display: none;
	}
	.header-bottom .row {
		flex-direction: column;
		width: 100%;
	}
	.header-bottom-right {
		margin: 30px 0 0 0;
		justify-content: center;
	}
	.menu-topo {
		position: relative;
	}
	.menu-topo > .container {
		justify-content: center;
		padding: 10px 0;
	}
	.materia-box-static .list-group {
		flex-wrap: wrap;
	}
	.materia-box-static-item {
		width: 100%;
		margin-bottom: 30px;
	}
	.materia-box-static-title, .materia-box-headline, .materia-box-static-item {
		min-height:fit-content;
	}
	.materia-box-static-title h4 {
		font-size: 16px !important;
	}
	.top-info-left {
		text-align: center;
		padding-bottom: 10px;
	}
	.top-info-right {
		text-align: center;
	}
	.hero-slider-item .container .row > div:first-child {
		height: auto;
		padding: 60px 0;
	}
	.hero-slider-item .container .row > div:last-child {
		align-items: center;
		height: auto;
		padding: 0;
	}
	.section-padding {
		padding: 70px 0px;
	}
	.section-padding-2 {
		padding-top: 70px;
		padding-bottom: 40px;
	}
	.breadcrumb-area {
		padding: 100px 0px;
	}
	.breadcrumb-content h2 {
		font-size: 36px;
	}
	.header-bottom {
		padding: 30px 0;
	}
	.logo {
		justify-content: center;
		padding-left: 0;
	}
	.logo img {
		width: 100%;
	}
	#menunavegacao {
        justify-content: end;
        padding-right: 0;
        height: 100%;
		padding: 0 !important;
    }
	.hero-slider-full .row > div:first-child {
		height: 350px !important;
	}
	.hero-slider-full .row > div:last-child {
		display: flex;
		height: 400px !important;
		justify-content: center;
		align-items: center;
	}
	.hero-slider-full .owl-item {
		height: 100%;
	}
	.hero-slider-full .owl-dots .owl-dot span {
		background-color: #1C75BC;
	}
	.hero-slider-full .owl-dots .owl-dot span::after {
		border-color: #1C75BC;
		background-color: #1C75BC;
	}
	#cookieConsent {
        padding: 30px 0;
    }
    #cookieConsent .btn-primary {
        width: 100%;
        margin-top:20px;
    }
	.content-header, .content-body, .content-footer {
		padding-left: 30px;
		padding-right: 30px;
	}
	.modal-dialog, .modal-content {
		width: 100%;
		height: 100vh;
		border-radius: 0;
		border: 0;
	}
	.content > section > .container, .footer > .container {
		padding: 0 30px;
	}
	.materia-box-slide-carousel .materia-box-static-image {
		height: 400px;
	}
	.footer {
		padding-bottom: 120px;
	}
	.footer h2 {
		text-align: center;
		font-size: calc(var(--tamanho-fonte-base));
	}
	.footer p {
		margin: 10px 0 0 0;
		display: block;
		font-size: calc(var(--tamanho-fonte-base));
	}
	.menu-lateral .navbar-collapse {
		width: 60%;
	}
}

/* MAX 676px */

@media (max-width: 676px) {
	.hero-slider-full .owl-dots {
		bottom: 30px;
		text-align: center;
		width: 100%;
	}
	.hero-slider-item {
		padding-top: 20px;
		padding-bottom: 0;
	}
	.breadcrumb-content h2 {
		font-size: 32px;
	}
 
}

/* MAX 576px */

@media (max-width: 576px) {
	.header-bottom, .header-top, .footer-top, .footer-bottom {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.section-headding h3 {
		font-size: 26px;
	}
	.section-padding {
		padding: 60px 0px;
	}
	.section-padding-2 {
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.hero-appointment-form h2 {
		font-size: 22px;
	}
	.breadcrumb-content h2 {
		font-size: 28px;
	}
	.error-404-content h2 {
		font-size: 40px;
	}
	.comments-list-full ul li {
		padding-left: 0px;
	}
	.comments-list-full ul li .thum {
		position: inherit;
		margin-bottom: 15px;
	}
	.materia-texto p {
		flex-direction: column;
	}
	.imagem-materia {
		margin: 0;
	}
	.content-header>.container>.row>div:nth-child(2) {
		flex-direction: column;
		justify-content: center;
	}
	.content-header>.container>.row>div:nth-child(2) div {
		margin: 5px 0 !important;
	}
}

/* MAX 360px */

@media (max-width: 360px) {
	.hero-slider-full .row > div:first-child {
        height: auto !important;
		padding-top: 0 !important;
    }
	.hero-slider-item {
		padding-top: 30px;
		padding-bottom: 0px;
		
		justify-content: center;
	}
	.hero-slider-item img {
		height: auto !important;
	}
	.section-headding h2 {
		font-size: 18px;
	}
	.breadcrumb-content h2 {
		font-size: 26px;
	}
	.accordion-item .accordion-body p {
		line-height: 26px;
		font-size: 14px;
	}
}





/* Precisa Organizar */

@media (min-width: 900px) {
    .h3, h3 {
        font-size: 1.3rem;
    }
	.h4, h4 {
        font-size: 1.1rem;
    }
	.h5, h5 {
        font-size: 9rem;
    }
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.5rem;
    }
	.h4, h4 {
        font-size: 1.3rem;
    }
	.h5, h5 {
        font-size: 1rem;
    }
}

@media (min-width: 1400px) {
	.h3, h3 {
        font-size: 1.75rem;
    }
	.h4, h4 {
        font-size: 1.5rem;
    }
	.h5, h5 {
        font-size: 1.25rem;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.canvas_open {
	  display: block;
	}
}
@media only screen and (max-width: 767px) {
	.canvas_open {
	  right: 20px;
	  top: 27px;
	  display: block;
	  width: 36px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.offcanvas_menu {
	  display: block;
	}
}
@media only screen and (max-width: 767px) {
	.offcanvas_menu {
	  display: block;
	}
}