/*
* @file: responsive.css;
* @author: Cassio Vieira;
* @authorEmail: programacao@tdh.com.br;
* @authorURL: www.tdh.com.br;
* @authorCompany: TDH Websites;
*/
@media (min-width: 1024px) and (max-width: 1169px) {
	/* Pagina Informativos */
	.pagina-informativos .list-item {
		margin: 30px 0 0;
		width: 100%;
	}
	.pagina-informativos .list-item:first-child {
		margin: 0;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	/* Logo */
	#logo {
		margin: 30px 0 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	/* Nav */
	#nav {
		margin: 20px 0 0;
		width: 100%;
	}
	
	/* Slide */
	.mod-slide .mod-item .item-content .item-sub-title {
		font-size: 30px;
	}
	
	/* Mod Home Highlights */
	.mod-home-highlights .mod-item {
		padding: 0 10px;
	}
	.mod-home-highlights .mod-item:before {
		z-index: -1;
	}
	
	/* Mod Title */
	.mod-title {
		margin: 0 0 40px;
	}
	
	/* Agreements */
	#agreements {
		margin: 60px 0 0;
	}
	
	/* Mod Informative */
	.mod-informative .mod-item .item-content {
		padding: 22px;
	}
	.mod-informative .mod-item .item-title {
		font-size: 18px;
	}
	
	/* Mod Contact Bottom */
	.mod-contact-bottom .mod-item .column {
	}
	.mod-contact-bottom .mod-item .column:before {
		background-position: center 0;
		background-size: 50%;
		height: 65px;
		right: 0;
	}
	
	/* Pagina Informativos */
	.pagina-informativos .list-item {
		margin: 30px 0 0;
		width: 100%;
	}
	.pagina-informativos .list-item:first-child {
		margin: 0;
	}
	
	/* Pagina Contato */
	.formulario-contato {
		width: 100%;
	}
	.sidebar-contato {
		margin: 30px 0 0;
		width: 100%;
	}
	
	/* Mod Technical Staff */
	.mod-technical-staff .mod-item .item {
		font-size: 13px;
		padding: 15px;
	}
}
@media (max-width: 767px) {
	/* Nav Top */
	ul.nav-top li {
		margin: 0;
	}
	
	/* Mod COntact Top */
	.mod-contact-top .mod-item p.mapa {
		display: none;
	}
	
	/* Header */
	#header {
		margin: 0 0 40px;
	}
	
	/* Logo */
	#logo {
		margin: 30px 0 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	/* Nav */
	#nav {
		margin: 40px 0 0;
		width: 100%;
	}
	#nav .toggle-menu {
		display: none;
	}
	#nav #link-toggle-menu {
		background-color: #2b96cc;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		color: #ffffff;
		display: block;
		font-weight: 700;
		margin: 0 0 1px;
		padding: 18px;
		position: relative;
		text-transform: uppercase;
		width: 100%;
	}
	#nav #link-toggle-menu:hover {
		background-color: #207199;
	}
	#nav #link-toggle-menu:before {
		background-image: url("../images/bg/icon-menu-mobile.png");
		background-position: 0 0;
		background-repeat: no-repeat;
		content: "";
		height: 14px;
		margin-top: -7px;
		position: absolute;
		right: 18px;
		top: 50%;
		width: 20px;
	}
	ul.menu-principal {  }
	ul.menu-principal > li {
		margin: 1px 0 0;
		width: 100%;
	}
	ul.menu-principal > li:first-child {
		margin: 0;
	}
	ul.menu-principal > li > a,
	ul.menu-principal > li > span.separator {
		background-color: #e5e5e5;
		padding: 18px;
		text-align: left;
	}
	ul.menu-principal > li:hover > a,
	ul.menu-principal > li.active > a,
	ul.menu-principal > li:hover > span.separator,
	ul.menu-principal > li.active > span.separator {
		background-color: #cccccc;
	}
	ul.menu-principal > li > ul.submenu {
		background: none;
		display: block !important;
		margin: 1px 0 0;
		padding: 0;
		position: relative;
		width: auto;
	}
	ul.menu-principal > li > ul.submenu:before {
		display: none;
	}
	ul.menu-principal > li > ul.submenu > li {
		margin: 1px 0 0;
		padding: 0 0 0 18px;
	}
	ul.menu-principal > li > ul.submenu > li:first-child {
		margin: 0;
	}
	ul.menu-principal > li > ul.submenu > li a {
		background-color: #e5e5e5;
		padding: 18px;
		text-align: left;
	}
	ul.menu-principal > li > ul.submenu > li:hover a,
	ul.menu-principal > li > ul.submenu > li.active a {
		background-color: #cccccc;
	}
	
	/* Slide */
	#slide {
		display: none;
	}
	
	/* Home Highlights */
	#home-highlights {
		margin: 0;
	}
	
	/* Consultation Banner */
	#consultation-banner {
		display: none;
	}
	
	/* Mod Home Highlights */
	.mod-home-highlights .mod-item {
		border: 1px solid #f2f2f2;
		margin: 2%;
		min-height: 1px;
		padding: 20px;
		width: 46%;
	}
	.mod-home-highlights .mod-item:before {
		display: none;
	}
	.mod-home-highlights .mod-item .item-link {
		bottom: auto;
		left: auto;
		position: relative;
	}
	
	/* Mod Title */
	.mod-title {
		margin: 0 0 40px;
	}
	
	/* Agreements */
	#agreements {
		margin: 60px 0 0;
	}
	.mod-agreements {
		padding: 0;
	}
	.mod-agreements .list-item {
		border: solid 1px #e5e5e5;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		display: table;
		margin: 30px auto 0;
		padding: 10px;
	}
	.mod-agreements .list-item:first-child {
		margin-top: 0;
	}
	.mod-agreements .custom-link {
		margin: 30px 0 0;
		text-align: center;
		width: 100%;
	}
	.mod-agreements .custom-link a {
		background-color: #d2000d;
		color: #ffffff;
		display: inline-block;
		font-weight: 600;
		padding: 10px 20px;
	}
	.mod-agreements .custom-link a:hover {
		background-color: #2b96cc;
	}
	
	/* Mod Informative */
	.mod-informative .mod-item .item-content {
		padding: 22px;
	}
	.mod-informative .mod-item .item-title {
		font-size: 18px;
	}
	
	/* Mod Contact Bottom */
	.mod-contact-bottom .mod-item .column:before {
		display: none;
	}
	
	/* Item Header */
	.item-header {
		margin: 0 0 30px;
		padding: 20px;
	}
	.item-header:before {
		display: none;
	}
	
	/* Title Page */
	.title-page {
		font-size: 28px;
	}
	
	/* Corpo Clinico Diretoria */
	.pagina-corpo-clinico.diretoria .list-item {
		display: inline-block;
		margin: 0 0 0 3%;
		max-width: none;
		width: 31.33%;
	}
	.pagina-corpo-clinico .item-image {
		float: none;
	}
	
	/* Pagina Informativos */
	.pagina-informativos .list-item {
		margin: 30px 0 0;
		width: 100%;
	}
	.pagina-informativos .list-item:first-child {
		margin: 0;
	}
	
	/* pagina Laboratorio*/
	.pagina-institucional .item-image > span {
		display: inline-block;
		max-width: 640px;
		width: 100%;
	}
	.pagina-institucional .item-image > span img {
		width: auto !important;
	}
	
	/* Pagina Contato */
	.formulario-contato {
		width: 100%;
	}
	.sidebar-contato {
		margin: 30px 0 0;
		width: 100%;
	}
	.mod-form-contato .field {
		margin: 20px 0 0;
		width: 100%;
	}
	.mod-form-contato .field:first-child {
		margin: 0;
	}
	
	/* Mod Technical Staff */
	.mod-technical-staff .mod-item-header .item {
		border-top: 1px solid #ffffff;
		margin: 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
	.mod-technical-staff .mod-item-header .item:first-child {
		border: none;
	}
	
	.mod-technical-staff .mod-item {
		background-color: #ffffff;
		border-color: #ccc;
		padding: 10px 0;
	}
	.mod-technical-staff .mod-item:nth-child(2n+1) {
		background-color: #fafafa;
	}
	.mod-technical-staff .mod-item .item {
		border-color: #e5e5e5 !important;
		border-style: solid !important;
		border-width: 1px 0 0 !important;
		margin: 0;
		padding: 12px 0;
		text-align: center;
		width: 100% !important;
	}
	.mod-technical-staff .mod-item .item:first-child {
		border-top: none !important;
	}
}
@media (max-width: 640px) {
	/* Mod Home Highlights */
	.mod-home-highlights .mod-item {
		margin: 30px 0 0;
		width: 100%;
	}
	.mod-home-highlights .mod-item:first-child {
		margin: 0;
	}
	
	/* About Us */
	#about-us {
		padding: 40px 0;
	}
	
	/* Mod Contact Bottom */
	.mod-contact-bottom .mod-item .column {
		margin: 40px 0 0;
		min-height: 1px;
		text-align: center;
		width: 100%;
	}
	.mod-contact-bottom .mod-item .column:first-child {
		margin: 0;
	}
	.mod-contact-bottom .mod-item .column .title:before {
		left: 50%;
		margin-left: -57.5px;
	}
	
	/* Mod Informative */
	.mod-informative .mod-item {
		border: 1px solid #e5e5e5;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		margin: 30px 0 0;
		padding: 12px;
		text-align: center;
		width: 100%;
	}
	.mod-informative .mod-item:first-child {
		margin: 0;
	}
	.mod-informative .mod-item .item-image {
		background-color: #2b96cc;
		float: none;
		padding: 20px 20px 0;
	}
	.mod-informative .mod-item .item-image img {
		border: 3px solid #ffffff;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
	}
	.mod-informative .mod-item .item-content {
		min-height: 1px;
		overflow: visible;
		padding: 20px;
	}
	
	/* Footer */
	#footer {
		padding: 30px 0;
	}
	#logo-footer {
		display: none;
	}
	#footer .row {
		margin: 0;
	}
	#webmail {
		display: none;
	}
	#copyright {
		margin: 0;
		width: 100%;
	}
	#tdh {
		margin: 30px 0 0;
		text-align: center;
		width: 100%;
	}
	
	/* Nav Top */
	#nav-top {
		width: 100%;
	}
	ul.nav-top {
		display: table;
		margin: 0 auto;
	}
	
	/* Top Right */
	#top-right {
		margin: 10px 0;
		text-align: center;
		width: 100%;
	}
	.mod-contact-top .mod-item {
		padding: 0;
		text-align: center;
	}
	
	/* Title Page */
	.title-page {
		margin: 0;
		text-align: center;
		width: 100%;
	}
	
	/* Subtitle */
	.subtitle-page {
		font-size: 24px;
	}
	
	/* Breadcrumbs */
	.breadcrumbs {
		display: none;
	}
	
	/* pagina Corpo Clinico */
	.pagina-corpo-clinico .sub-categories .sub-category-title {
		font-size: 28px;
		margin: 0 0 20px;
		padding: 0 0 10px;
	}
	.pagina-corpo-clinico .list-item {
		border: 1px solid #e5e5e5;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		margin: 0 0 30px !important;
		padding: 12px;
		text-align: center;
		width: 100% !important;
	}
	.pagina-corpo-clinico .list-item:first-child {
		margin: 0 !important;
	}
	.pagina-corpo-clinico .item-image {
		background-color: #2b96cc;
		float: none;
		padding: 20px 20px 0;
	}
	.pagina-corpo-clinico .item-image img {
		border: 3px solid #ffffff;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
	}
	.pagina-corpo-clinico .list-item .item-content {
		min-height: 1px;
		overflow: visible;
		padding: 20px;
	}
	
	/* Pagina Informativos */
	.pagina-informativos .list-item {
		border: 1px solid #e5e5e5;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		margin: 30px 0 0;
		padding: 12px;
		text-align: center;
		width: 100%;
	}
	.pagina-informativos .list-item:first-child {
		margin: 0;
	}
	.pagina-informativos .list-item .item-image {
		background-color: #2b96cc;
		float: none;
		padding: 20px 20px 0;
	}
	.pagina-informativos .list-item .item-image img {
		border: 3px solid #ffffff;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
	}
	.pagina-informativos .list-item .item-content {
		min-height: 1px;
		overflow: visible;
		padding: 20px;
	}
	.pagina-detalhe-informativos .item-image {
		float: none;
		margin: 0 0 20px;
	}
}
@media (max-width: 480px) {
	/* Top Right */
	#top-right {
		display: none;
	}
	
	/* Item Header */
	.item-header {
		padding: 10px;
	}
	
	/* Title Page */
	.title-page {
		font-size: 24px;
	}
	
	/* Subtitle */
	.subtitle-page {
		font-size: 18px;
	}
	
	/* Pagina Convenios */
	.pagina-convenios .list-items .row {
		border: none;
		margin: 0;
		padding: 0;
	}
	.pagina-convenios .list-item {
		border: 1px solid #f7f7f7 !important;
		margin: 1%;
		width: 48%;
	}
}
@media (max-width: 380px) {
	/* Top */
	#top {
		background: none;
		padding: 10px 0 0;
	}
	ul.nav-top {
		display: table;
		margin: 0 auto;
		width: 100%;
	}
	ul.nav-top li {
		margin: 1px 0 0;
		width: 100%;
	}
	ul.nav-top li a {
		background-color: #2b96cc;
	}
	ul.nav-top li:hover a, ul.nav-top li.active a {
		background-color: #2583b3;
	}
	
	/* Pagina Informativos */
	.pagina-informativos .list-item .item-title {
		font-size: 18px;
	}
	
	/* Pagina Convenios */
	.pagina-convenios .list-item {
		margin: 0;
		width: 100%;
	}
}
@media (max-width: 320px) {  }