body, html, * {
	margin: 0;
	padding: 0;
	box-sizing: border-box; 
}

#header {
	background: #fff;
	display: flex;
}

#menu-desktop {
	list-style: none;
	display: flex;
	font-family: LatoLight;
}

#menu-desktop > li {
	margin: 0 10px;
	color: #555555;
	cursor: pointer;
}

#menu-desktop > .active {
	font-family: LatoBold;
	color: #3f8ebf;
}

#menu-desktop > li:first-child {
	margin-left: 0;
}

#menu-desktop > li:last-child {
	margin-right: 0;
}

.phone {
	font-family: LatoBold;
	display: flex;
}

.phone > span {
	margin: auto;
	color: #00759a; 
	margin-left: 4px;
}

#home {
	background: #3f8ebf;
	position: relative;
	overflow: hidden;
}

#home #container-dot {
	position: absolute;
	bottom: 0;
	height: 15%;
	width: 100%;
	background: linear-gradient(to top, rgba(0,0,0,.4), rgba(100,100,100,0));
	display: flex;
}

#home #container-dot > ul {
	margin: auto;
	list-style: none;
	display: flex;
}
#home #container-dot > ul > li {
	z-index: 2;
	height: 10px;
	width: 10px;
	margin: 0 5px;
	border-radius: 50%;
	border: 1px solid #fff;
	cursor: pointer;
}

#home #container-dot > ul > .active {
	background: #fff;
}

#home #container-dot > ul > li:first-child {
	margin-left: 0;
}

#home #container-dot > ul > li:last-child {
	margin-right: 0;
}

#home .carrousel {
	height: 100%;
	width: 300%;
	display: flex;
	transition: transform .6s ease-in-out;
}

#home .carrousel-item {
	height: 100%;
	width: 100vw;
	backface-visibility: hidden;
	display: flex;
	background-image: url(../img/banner1.png);
	background-position: 80% 52%;
	background-repeat: no-repeat;
	background-size: 950px;
	transition: transform .6s ease-in-out;
}

#home .carrousel-item-container {
	height: 100%;
}

#home .c-item-text {
	color: #fff;
	display: block;
	margin: auto 0;
}

#home .c-item-text > .title-top {
	font-family: LatoLight;
}

#home .c-item-text > .title-destaque {
	font-family: LatoBold;
	text-transform: uppercase;
	font-weight: 100;
}

#home .c-item-text > .detalhes {
	font-family: OpenSansLight;
}

#clinica {
	height: 400px;
	padding-top: 2%;
	padding-bottom: 2%;
	overflow: hidden;
	text-align: center; 
	background-image: url(../img/clinica-background.jpg);
	background-position: right 52%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display: flex;
	flex-direction: column;
}

#clinica > .top {
	font-family: LatoLight;
	color: #000;
	display: flex;
}

#clinica > .top > span {
	margin: 0 auto
}

#clinica > .title {
	font-family: LatoBold;
	color: #3f8ebf;
	text-transform: uppercase;
	font-size: 25px;
	display: flex;
	margin-bottom: 20px;
}

#clinica > .title > span {
	margin: 0 auto
}

#clinica > .text {
	font-family: LatoLight;
	color: #555555;
	font-size: 14px;
	display: flex;
	padding: 0 calc(10vw + (80vw / 100) * 6.66%); 
}

#clinica > .text > span {
	margin: 0 auto
}

#clinica > .items {	
	margin: auto 0;
	display: flex;
	min-height: 175px;
	transition: transform .6s ease-in-out;
}

#clinica > .items > .item:first-child {
	margin-left: 0; 
}

#clinica > .items > .item:last-child {
	margin-right: 0; 
}

#clinica > .items > .item > img {
	height: 64px;
	margin-bottom: 10px;
}

#clinica > .items > .item > .item-title {
	font-family: LatoBold;
	color: #00759a;
	font-size: 18px;
	margin-bottom: 5px;
}

#clinica > .items > .item > .item-text {
	font-family: LatoLight;
	color: #555555;
	font-size: 12px;
}

#clinica #container-dot-2 {
	position: absolute;
	bottom: 0;
	height: 15%;
	width: 100%;
	display: flex;
}

#clinica #container-dot-2 > ul {
	margin: auto;
	list-style: none;
	display: flex;
}
#clinica #container-dot-2 > ul > li {
	z-index: 2;
	height: 15px;
	width: 15px;
	margin: 0 5px;
	border-radius: 50%;
	border: 1px solid #00759b;
	cursor: pointer;
}

#clinica #container-dot-2 > ul > .active {
	background: #00759b;
}

#clinica #container-dot-2 > ul > li:first-child {
	margin-left: 0;
}

#clinica #container-dot-2 > ul > li:last-child {
	margin-right: 0;
}

#carrousel {
	position: relative;
	overflow: hidden;
}

#carrousel .carrousel {
	display: table;
	clear: both;
	overflow: hidden;
	transition: transform .6s ease-in-out;
}

#carrousel .carrousel > .carrousel-item-container {
	height: 200px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
}

#carrousel .arrow-left {
	position: absolute;
	border-radius: 4px;
	left: 10%;
	top: 50%;
	height: 30px;
	width: 30px;
	background-image: url(../img/left-arrow.png);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center;
	background-color: #fff;
	cursor: pointer;
	z-index: 2;
}

#carrousel .arrow-right {
	position: absolute;
	border-radius: 4px;
	background-image: url(../img/right-arrow.png);
	right: 10%;
	top: 50%;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center;
	background-color: #fff;
	cursor: pointer;
	z-index: 2;
}

#especialidades {
	padding-top: 2%;
	padding-bottom: 2%;
	background-image: url(../img/especialidades-background-2.jpg);
	background-size: cover;
}

#especialidades .top {
	font-family: LatoLight;
	color: #fff;
	display: flex;
}

#especialidades .top > span {
	margin: 0 auto;
}

#especialidades .title {
	font-family: LatoBold;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	display: flex;
}

#especialidades .title > span {
	margin: 0 auto;
}

#especialidades .menus {
	display: flex;
	margin-top: 30px;
}

#especialidades .menus > .menu {
	width: 30%;
	display: flex;
	margin: auto 0;
	margin: 0 auto;
	flex: 1;
	cursor: pointer;
}

#especialidades .menus > .menu > img {
	height: 50px;
	margin-left: auto;
	margin-right: 20px;
	opacity: .5;
	transition: opacity .3s ease-in;
}

#especialidades .menus > .menu.active > img {
	opacity: 1;
}

#especialidades .menus > .menu > .menu-title {
	font-family: LatoLight;
	font-size: 20px;
	margin: auto 0;
	margin-right: auto;
	text-align: center;
	color: #fff;
	opacity: .5;
	transition: opacity .3s ease-in;
}

#especialidades .menus > .menu.active > .menu-title {
	opacity: 1;
}

#especialidades .bar-container {
	height:  1px; 
	background-color: #28abca;
	margin-top: 10px;
}

#especialidades .bar-container > .bar {
	width: 30%;
	height: 1px;
	background-color: #fff;
	transition: margin .4s ease-in;
}

#especialidades .bar-container > .bar.orto {
	margin-left: 2.5%;
}

#especialidades .bar-container > .bar.fisio {
	margin-left: 35%;
}

#especialidades .bar-container > .bar.espo {
	margin-left: 69%;
}

#especialidades .content {
	margin-top: 35px;
	display: flex;
}

#especialidades .content > div {
	margin: 0 auto;
}

#especialidades .content > .img {
	background-image: url(../img/especialidades-image.jpg);
	background-size: cover;
}

#especialidades .content > .items > .disabled {
	display: none;
}

#especialidades .content > .items > .item {
	color: #fff;
}

#especialidades .content > .items > .item > .item-title {
	font-family: LatoBold;
	font-size: 20px;
	margin-bottom: 20px
}

#especialidades .content > .items > .item > .item-text {
	font-family: LatoLight;
	margin-bottom: 20px;
}

#especialidades .content > .items > .item > .item-list {
	font-family: LatoLight;
	margin-left: 15px;
}

#clinico {
	padding-top: 2%;
	padding-bottom: 2%;
	overflow: hidden;
}

#clinico .top {
	font-family: LatoLight;
	display: flex;
}

#clinico .top > span {
	margin: 0 auto;
}

#clinico .title {
	font-family: LatoBold;
	font-size: 30px;
	color: #3f8ebf;
	text-transform: uppercase;
	display: flex;
}

#clinico .title > span {
	margin: 0 auto;
}

#clinico .content {
	margin-top: 20px;
	display: flex;
}

#clinico .content > div {
	margin: 0 auto;
}

#clinico .content > .medicos-info {
	position: relative;
	min-height: 200px;
}

#clinico .content > .medicos-info > .arrows {
	position: absolute;
	left: 0;
	bottom: 10px;
}

#clinico .content > .medicos-info > .arrows > div {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px;
	background-color: #00759a;
	cursor: pointer;
	float: left;
	margin-right: 5px;
}

#clinico .content > .medicos > .arrow-left, .arrow-right {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px;
	background-color: #00759a;
	cursor: pointer;
}

#clinico .content > .medicos {
	position: relative;
}

#clinico .content > .medicos > .arrow-left {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 2;
}

#clinico .content > .medicos > .arrow-right {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 2;
}


#clinico .content .arrow-left {
	background-image: url(../img/left-arrow-white.png);
}

#clinico .content .arrow-right {
	background-image: url(../img/right-arrow-white.png);
}

#clinico .content > .medicos-info > .info.disabled {
	display: none;
}

#clinico .content > .medicos-info > .info > .nome {
	font-family: LatoBold;
	font-size: 20px;
	color: #00759a;
}

#clinico .content > .medicos-info > .info > .detalhes {
	font-family: LatoLight;
	font-size: 18px;
	color: #28abca;
}

#clinico .content > .medicos-info > .info > .text {
	font-family: LatoLight;
	color: #555555;
}

#clinico .content > .medicos {
	height: 300px;
	overflow: hidden;
	position: relative;
}

#clinico .content > .medicos > .medico {
	transition: transform .4s ease-in, width .4s ease-in, height .4s ease-in, opacity .7s ease-in;
}

#clinico .content > .medicos > #medico1 {
	position: absolute;
	bottom: -8%;
	background-image: url(../img/cc-shape1.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}

#clinico .content > .medicos > #medico2 {
	position: absolute;
	bottom: 0;
	background-image: url(../img/cc-shape2.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}

#clinico .content > .medicos > #medico3 {
	position: absolute;
	bottom: 0;
	background-image: url(../img/cc-shape3.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}

#clinico .content > .medicos.one > #medico1 {
	width: 30%;
	height: 60%;
	transform: translate(20%,0);
	opacity: .5;
	z-index: 1;
}

#clinico .content > .medicos.one > #medico2 {
	width: 30%;
	height: 80%;
	transform: translate(125%,0px);
	opacity: 1;
	z-index: 3;
}

#clinico .content > .medicos.one > #medico3 {
	width: 40%;
	height: 70%;
	transform: translate(160%,0);
	opacity: .5;
	z-index: 2;
}

#clinico .content > .medicos.two > #medico1 {
	width: 35%;
	height: 70%;
	transform: translate(200%,0);
	opacity: .5;
	z-index: 2;
}

#clinico .content > .medicos.two > #medico2 {
	width: 30%;
	height: 60%;
	transform: translate(20%,0);
	opacity: .5;
	z-index: 1;
}

#clinico .content > .medicos.two > #medico3 {
	width: 30%;
	height: 90%;
	transform: translate(130%,0);
	opacity: 1;
	z-index: 3;
}

#clinico .content > .medicos.three > #medico1 {
	width: 35%;
	height: 90%;
	transform: translate(90%,0);
	opacity: 1;
	z-index: 3;
}

#clinico .content > .medicos.three > #medico2 {
	width: 30%;
	height: 55%;
	transform: translate(200%,0);
	opacity: .5;
	z-index: 2;
}

#clinico .content > .medicos.three > #medico3 {
	width: 30%;
	height: 60%;
	transform: translate(20%,10%);
	opacity: .5;
	z-index: 1;
}

#noticias {
	background-color: #f1f5f9;
	padding-top: 2%;
	padding-bottom: 2%;
}

#noticias .top {
	font-family: LatoLight;
	display: flex;
}

#noticias .top > span {
	margin: 0 auto;
}

#noticias .title {
	font-family: LatoBold;
	font-size: 30px;
	text-transform: uppercase;
	color: #3f8ebf;
	display: flex;
}

#noticias .title > span {
	margin: 0 auto;
}

#noticias .content > .items {
	display: flex;
}

#noticias .content {
	margin-top: 30px;
}

#noticias .content > .items > .item {
	margin: 0 auto;
	background: #fff;
}

#noticias .content > .items > .item > .item-text {
	position: relative;
	font-family: LatoRegular;
	font-size: 18px;
	color: #00759a;
	min-height: 75px;
	padding: 15px 63px 15px 15px;
	display: flex;
	flex: 1;
}

#noticias .content > .items > .item > .item-text > span {
	margin: auto auto auto 0;
}

#noticias .content > .items > .item > .item-text > .date {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 3px;
	bottom: 65%;
	border-radius: 50%;
	border: 2px solid #fff;
	background: #28abca;
	align-items: center;
	align-content: center;
	text-align: center;
	font-family: TahomaRegular;
	color: #fff;
}

#noticias .content > .items > .item > .item-text > .date {
	padding-top: 0px;
}

#noticias .content > .items > .item > .item-text > .date > div > .day {
	margin: auto;
	position: relative;
	top: 3px;
	text-transform: uppercase;
	font-size: 28px;
}

#noticias .content > .items > .item > .item-text > .date > div > .month {
	margin: auto;
	position: relative;
	top: -5px;
	text-transform: uppercase;
	font-size: 14px;
}

#noticia1 > .bg {
	background-image: url(../img/n-shape1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

#noticia2 > .bg {
	background-image: url(../img/n-shape2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

#noticia3 > .bg {
	background-image: url(../img/n-shape3.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

#noticias .btn-more {
	display: flex;
	margin: 3% 0;
}

#noticias .btn-more > a {
	text-decoration: none;
	margin: auto;
	font-family: LatoLight;
	font-size: 20px;
	padding: 5px;
	text-transform: uppercase;
	background: #00759a;
	color: #fff
}

#agendar {
	height: 300px;
	background-image: url(../img/mapa.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#agendar .form {
	height: 100%;
	width: 40%;
	background: #fff;
	padding: 10px;
}

#agendar .form > .title {
	font-family: LatoBold;
	font-size: 20px;
	color: #3f8ebf;
	text-transform: uppercase;
}

#agendar .form > form > .row {
	display: flex;
	margin-top: 20px;
}

#agendar .form > form > .row input {
	background: transparent;
	width: 100%;
	border: none;
	border-bottom: 2px solid #ddd;
}
#agendar .submit {
	display: flex;
}
#agendar .form > form > .row input[type="submit"] {
	border: none;
	margin: 0 auto;
	background: #00759a;
	color: #fff;
	font-size: 20px;
	padding: 5px;
	font-family: LatoLight;
	text-transform: uppercase;
}

#agendar .form > form > .row input::-webkit-input-placeholder {
   color: #bbb;
}

#agendar .form > form > .row input:-moz-placeholder { /* Firefox 18- */
   color: #bbb;  
}

#agendar .form > form > .row input::-moz-placeholder {  /* Firefox 19+ */
   color: #bbb;  
}

#agendar .form > form > .row input:-ms-input-placeholder {
   color: #bbb;
}

#agendar .form > form > .row > textarea {
	width: 100%;
	height: 100%;
	resize: none;
	border: 2px solid #ddd;
}

#agendar .form > form > .row select {
	-webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
    background: url(../img/select.png) no-repeat;
    background-size: 10px 5px;
    background-position: right center;
    border: none;
    border-bottom: 2px solid #ddd;
    width: 100%;
    height: 100%;
    color: #bbb;
}

#agendar .form > form > .row {
	flex: 1;
}

#agendar .form > form > .row > div {
	width: 45%;
}

#agendar .form > form > .row > div:first-child {
	margin-right: auto;
}

#agendar .form > form > .row > div:last-child {
	margin-left: auto;
}

#detalhes {
	background: #00759a;
	min-height: 100px;
}
#detalhes > div {
	display: flex;
	margin: auto;
	min-height: 100px;
}
#detalhes > div > img {
	margin: auto;
	display: flex;
}
#detalhes > div > span {
	margin: auto;
	font-family: LatoBold;
	color: #fff;
}
#detalhes > div > span:firt-child {
	margin-right: 0;
}
#detalhes > div > span:left-child {
	margin-left: 0;
}

footer {
	display: flex;
	min-height: 100px;
}
footer > div {
	display: flex;
}
#copyright {
	font-family: OpenSansLight;
	color: #292929;
}
footer > div > div > div {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* Extra small devices (portrait phones, less than 576px) */
@media only screen and (min-width: 0px) and (max-width: 575px) {
	.wrapper {
		padding: 0 5vw;
		width: 100%;
	}
	#header {
		height: 70px;
	}
	#header > div {
		margin: auto 0;
	}
	#header > #navigation {
		margin-left: auto;
	}
	.logo > img {
		height: 40px;
	}
	#menu-desktop {
		display: none;
	}
	#home, #clinica, #especialidades, #clinico {
		min-height: 100vh;
		height: auto;
	}
	#home {
		height: 100vh
	}
	#home .c-item-text {
		width: 70%;
	}
	#home .c-item-text > .title-top {
		font-size: 15px;
	}
	#home .c-item-text > .title-destaque {
		font-size: 35px;	
	}
	#home .c-item-text > .detalhes {
		font-size: 14px;
		display: none;
	}
	#clinica {
		padding-bottom: 16%; 
	}
	#clinica > .items {
		width: 400%;
		margin-bottom: 16%;
	}
	#clinica > .items > .item {
		width: 92vw;
		padding: 0 4vw;
	}
	#clinica > .text {
		margin-bottom: 30px;
	}
	#carrousel .carrousel > .carrousel-item-container {
		width: 100vw;
	}
	#carrousel .carrousel {
    	width: 1000vw;
	}
	#especialidades .content {
		flex-direction: column-reverse;
		margin-top: 10px;
	}
	#especialidades .bar-container {
		margin-top: 5px;
	}
	#especialidades .menus {
		margin-top: 10px;
	}
	#especialidades .menus > .menu {
		flex-direction: column-reverse;
	}
	#especialidades .menus > .menu > img {
		margin-right: auto;
		height: 40px;
	}
	#especialidades .menus > .menu > .menu-title {
		opacity: 0;
		font-size: 16px;
		margin-bottom: 5px;
		margin: auto;
	}
    #especialidades .content > div {
		width: 100%;
	}
	#especialidades .content > .img {
		height: 150px;
	}
	#especialidades .content > .items > .item {
		padding: 2% 5vw;
	}
	#clinico .content {
		flex-direction: column;
	}
	#clinico .content > .medicos {
		height: 200px;
	}
	#clinico .content > div {
		width: 100%;
	}
	#clinico .content > .medicos-info {
		padding: 2% 5vw;
		display: flex;
	}
	#clinico > .content > .medicos-info > .arrows {
		display: none;
	}
	#clinico .content > .medicos-info > .info {
		margin: auto;
	}
	#noticias .content > .items {
		flex-direction: column;
	}
	#noticias .content > .items > .item {
    	width: 70%;
    	min-width: 256px;
    	margin-bottom: 20px;
	}
	#noticias .content > .items > .item > .bg {
		height: 135px;
		width: 100%;
	}
	#noticia3 {
		display: none;
	}
	#detalhes {
		flex-direction: column;
	}
	#detalhes > div {
		flex-direction: column;
		padding: 15px;
	}
	#detalhes > div > span {
		text-align: center;
	}
	#detalhes > div:nth-child(2n) {
		background: #28aaca;
	}
	#detalhes > div > img {
		height: 50px;
		margin-bottom: 10px;
	}
	#agendar {
		background-image: url(../img/mapa_mobile.jpg);
		height: 200px;
	}
	#agendar .form {
		display: none;
	}
	#copyright {
		display: none;
	}
	footer {
		flex-direction: column;
	}
	footer > div {
		width: 100%;
		display: flex;
		min-height: 130px;
	}
	footer > div:last-child {
		height: 50px;
		min-height: 50px;
	}
	footer > div > div {
		display: flex;
		margin: auto;
	}
	footer > div > div > img {
		height: 50px;
	}
	footer > div > div > div {
		background-image: url(../img/summer_logo_novo_white.png);
	}
	footer > div > div > span {
		margin: auto;
	}
	footer > div > div > img {
		margin: auto;
	}
	footer > div > div > div {
		margin: auto;
	}
	footer > div:nth-child(3n) {
		background: #28aaca;
	}
	footer > div > div > div {
		height: 40px;
		width: calc((80 * 40px) / 28);
	}
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.wrapper {
		padding: 0 5vw;
		width: 100%;
	}
	#header {
		height: 70px;
	}
	#header > div {
		margin: auto 0;
	}
	#header > #navigation {
		margin-left: auto;
	}
	.logo > img {
		height: 40px;
	}
	#menu-desktop {
		display: none;
	}
	#home, #clinica, #especialidades, #clinico {
		min-height: 100vh;
		height: auto;
	}
	#home {
		height: 100vh
	}
	#home .c-item-text {
		width: 50%;
	}
	#home .c-item-text > .title-top {
		font-size: 20px;
	}
	#home .c-item-text > .title-destaque {
		font-size: 50px;	
	}
	#home .c-item-text > .detalhes {
		font-size: 14px;
		display: none;
	}
	#clinica {
		padding-bottom: 16%; 
	}
	#clinica > .items {
		width: 400%;
		margin-bottom: 16%;
	}
	#clinica > .items > .item {
		width: 92vw;
		padding: 0 4vw;
	}
	#clinica > .text {
		margin-bottom: 30px;
	}
	#carrousel .carrousel > .carrousel-item-container {
		width: 100vw;
	}
	#carrousel .carrousel {
    	width: 1000vw;
	}
	#especialidades .content {
		flex-direction: column-reverse;
		margin-top: 10px;
	}
	#especialidades .bar-container {
		margin-top: 5px;
	}
	#especialidades .menus {
		margin-top: 10px;
	}
	#especialidades .menus > .menu {
		flex-direction: column-reverse;
	}
	#especialidades .menus > .menu > img {
		margin-right: auto;
		height: 40px;
	}
	#especialidades .menus > .menu > .menu-title {
		opacity: 0;
		margin-bottom: 5px;
		font-size: 16px;
		margin: auto;
	}
    #especialidades .content > div {
		width: 100%;
	}
	#especialidades .content > .img {
		height: 150px;
	}
	#especialidades .content > .items > .item {
		padding: 2% 5vw;
	}
	#clinico .content {
		flex-direction: column;
	}
	#clinico .content > .medicos {
		height: 200px;
	}
	#clinico .content > div {
		width: 100%;
	}
	#clinico .content > .medicos-info {
		padding: 2% 5vw;
		display: flex;
	}
	#clinico > .content > .medicos-info > .arrows {
		display: none;
	}
	#clinico .content > .medicos-info > .info {
		margin: auto;
	}
	#noticias .content > .items {
		flex-direction: column;
	}
	#noticias .content > .items > .item {
    	width: 70%;
    	min-width: 350px;
    	margin-bottom: 20px;
	}
	#noticias .content > .items > .item > .bg {
		height: 170px;
		width: 100%;
	}
	#noticia3 {
		display: none;
	}
	#detalhes {
		flex-direction: column;
	}
	#detalhes > div {
		flex-direction: column;
		padding: 15px;
	}
	#detalhes > div > span {
		text-align: center;
	}
	#detalhes > div:nth-child(2n) {
		background: #28aaca;
	}
	#detalhes > div > img {
		height: 50px;
		margin-bottom: 10px;
	}
	#agendar {
		background-image: url(../img/mapa_mobile.jpg);
		height: 200px;
	}
	#agendar .form {
		display: none;
	}
	#copyright {
		display: none;
	}
	footer {
		flex-direction: column;
	}
	footer > div {
		width: 100%;
		display: flex;
		min-height: 130px;
	}
	footer > div:last-child {
		height: 50px;
		min-height: 50px;
	}
	footer > div > div {
		display: flex;
		margin: auto;
	}
	footer > div > div > img {
		height: 50px;
	}
	footer > div > div > div {
		background-image: url(../img/summer_logo_novo_white.png);
	}
	footer > div > div > span {
		margin: auto;
	}
	footer > div > div > img {
		margin: auto;
	}
	footer > div > div > div {
		margin: auto;
	}
	footer > div:nth-child(3n) {
		background: #28aaca; 
	}
	footer > div > div > div {
		height: 40px;
		width: calc((80 * 40px) / 28);
	}
}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.wrapper {
		padding: 0 5vw;
		width: 100%;
	}
	#header {
		height: 70px;
	}
	#header > div {
		margin: auto 0;
	}
	#header > #navigation {
		margin-left: auto;
	}
	.logo > img {
		height: 40px;
	}
	#menu-desktop {
		display: none;
	}
	#home, #clinica, #especialidades, #clinico {
		min-height: 100vh;
		height: auto;
	}
	#home {
		height: 100vh
	}
	#home .c-item-text {
		width: 40%;
	}
	#home .c-item-text > .title-top {
		font-size: 20px;
	}
	#home .c-item-text > .title-destaque {
		font-size: 50px;
	}
	#home .c-item-text > .detalhes {
		font-size: 14px;
		display: none;
	}
	#clinica {
		padding-bottom: 16%; 
	}
	#clinica > .items {
		width: 400%;
		margin-bottom: 16%;
	}
	#clinica > .items > .item {
		width: 92vw;
		padding: 0 4vw;
	}
	#clinica > .text {
		margin-bottom: 30px;
	}
	#carrousel .carrousel > .carrousel-item-container {
		width: 100vw;
	}
	#carrousel .carrousel {
    	width: 1000vw;
	}
	#especialidades .content {
		flex-direction: column-reverse;
		margin-top: 10px;
	}
	#especialidades .bar-container {
		margin-top: 5px;
	}
	#especialidades .menus {
		margin-top: 10px;
	}
	#especialidades .menus > .menu {
		flex-direction: column-reverse;
	}
	#especialidades .menus > .menu > img {
		margin-right: auto;
		height: 40px;
	}
	#especialidades .menus > .menu > .menu-title {
		opacity: 0;
		margin-bottom: 5px;
		font-size: 16px;
		margin: auto; 
	}
    #especialidades .content > div {
		width: 100%;
	}
	#especialidades .content > .img {
		height: 150px;
	}
	#especialidades .content > .items > .item {
		padding: 2% 5vw;
	}
	#clinico .content {
		flex-direction: column;
	}
	#clinico .content > .medicos {
		height: 200px;
	}
	#clinico .content > div {
		width: 100%;
	}
	#clinico .content > .medicos-info {
		padding: 2% 5vw;
		display: flex;
	}
	#clinico > .content > .medicos-info > .arrows {
		display: none;
	}
	#clinico .content > .medicos-info > .info {
		margin: auto;
	}
	#noticias .content > .items {
		flex-direction: column;
	}
	#noticias .content > .items > .item {
    	width: 50%;
    	min-width: 470px;
    	margin-bottom: 20px;
	}
	#noticias .content > .items > .item > .bg {
		height: 190px;
		width: 100%;
	}
	#noticia3 {
		display: none;
	}
	#detalhes {
		flex-direction: column;
	}
	#detalhes > div {
		flex-direction: column;
		padding: 15px;
	}
	#detalhes > div > span {
		text-align: center;
	}
	#detalhes > div:nth-child(2n) {
		background: #28aaca;
	}
	#detalhes > div > img {
		height: 50px;
		margin-bottom: 10px;
	}
	#agendar {
		background-image: url(../img/mapa_mobile.jpg);
		height: 200px;
	}
	#agendar .form {
		display: none;
	}
	#copyright {
		display: none;
	}
	footer {
		flex-direction: column;
	}
	footer > div {
		width: 100%;
		display: flex;
		min-height: 130px;
	}
	footer > div:last-child {
		height: 50px;
		min-height: 50px;
	}
	footer > div > div {
		display: flex;
		margin: auto;
	}
	footer > div > div > img {
		height: 50px;
	}
	footer > div > div > div {
		background-image: url(../img/summer_logo_novo_white.png);
	}
	footer > div > div > span {
		margin: auto;
	}
	footer > div > div > img {
		margin: auto;
	}
	footer > div > div > div {
		margin: auto;
	}
	footer > div:nth-child(3n) {
		background: #28aaca; 
	}
	footer > div > div > div {
		height: 40px;
		width: calc((80 * 40px) / 28);
	}
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.wrapper {
		padding: 0 4vw;
		width: 100%;
	}
	#header {
		height: 100px;
	}
	#header > div {
		margin: auto 0;
	}
	#header > #navigation {
		margin-left: auto;
	}
	.logo > img {
		height: 50px;
	}
	#home {
		height: 443px;
	}
	#home .c-item-text {
		width: 40%;
	}
	#home .c-item-text > .title-top {
		font-size: 20px;
	}
	#home .c-item-text > .title-destaque {
		font-size: 50px;
	}
	#home .c-item-text > .detalhes {
		font-size: 14px;
	}
	#clinica > .items {
		padding: 0 4vw;
	}
	#clinica > .items > .item {
		width: 20%;
		margin: auto;
	}
	#clinica > .text {
		margin-bottom: 40px;
	}
	#container-dot-2 {
		display: none !important;
	}
	#carrousel .carrousel > .carrousel-item-container {
		width: 20vw;
	}
	#carrousel .carrousel {
    	width: 200vw;
	}
	#especialidades {
		height: 500px;
	}
	#especialidades .content > div:first-child {
    	margin-left: 0;
	}
	#especialidades .content > div:last-child {
    	margin-right: 0;
	}
	#especialidades .content > .img {
    	margin-top: 20px;
    	height: 225px;
	}
	#especialidades .content > div {
		width: 45%;
	}
	#especialidades .content {
		padding: 0 10vw;
	}
	#clinico .content > div:first-child {
		margin-left: 0;
	}

	#clinico .content > div:last-child {
		margin-right: 0;
	}
	#clinico .content > div {
		width: 48%;
	}
	#clinico .content {
		padding: 0 5vw;
	}
	#clinico {
		height: 400px;
	}
	#clinico .content > .medicos > .arrow-left, #clinico .content > .medicos > .arrow-right {
		display: none;
	}
	#noticias {
    	height: 500px;
	}
	#noticias .content > .items > .item {
    	width: 30%;
	}
	#noticias .content > .items > .item > .bg {
		height: 160px;
		width: 100%;
	}
	#detalhes {
		padding: 0 4vw;
		display: flex;
	}
	#detalhes > div {
		width: 33.3333%;
	}
	#detalhes > div > img {
		margin-right: 10px;
		height: 50px;
		margin-right: 20px;
	}
	#detalhes > div > span {
		margin-left: 0;
	}
	footer {
		padding: 0 10vw;
	}
	footer > div {
		width: 33.333333%;
		display: flex;
	}
	footer > div > div {
		display: flex;
		margin: auto;
	}
	footer > div:first-child > div {
		margin-left: 0;
	}
	footer > div:last-child > div {
		margin-right: 0;
	}
	footer > div > div > img {
		width: 60%;
	}
	footer > div > div > div {
		background-image: url(../img/summer_logo_novo.png);
	}
	footer > div > div > span {
		margin: auto;
	}
	footer > div > div > img {
		margin: auto;
	}
	footer > div > div > div {
		margin: auto;
	}
	footer > div > div > div {
		height: 30px;
		width: calc((80 * 30px) / 28);
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.wrapper {
		padding: 0 10vw;
		width: 100%;
	}
	#header {
		height: 100px;
	}
	#header > div {
		margin: auto 0;
	}
	#header > #navigation {
		margin-left: auto;
	}
	.logo > img {
		height: 50px;
	}
	#home {
		height: 443px;
	}
	#home .c-item-text {
		width: 35%;
	}
	#home .c-item-text > .title-top {
		font-size: 20px;
	}
	#home .c-item-text > .title-destaque {
		font-size: 50px;
	}
	#home .c-item-text > .detalhes {
		font-size: 14px;
	}
	#clinica > .items {
		padding: 0 4vw;
	}
	#clinica > .items > .item {
		width: 20%;
		margin: auto;
	}
	#clinica > .text {
		margin-bottom: 40px;
	}
	#container-dot-2 {
		display: none !important;
	}
	#carrousel .carrousel > .carrousel-item-container {
		width: 20vw;
	}
	#carrousel .carrousel {
    	width: 200vw;
	}
	#especialidades {
		height: 500px;
	}
	#especialidades .content {
		padding: 0 10vw;
	}
	#especialidades .content > div:first-child {
    	margin-left: 0;
	}
	#especialidades .content > div:last-child {
    	margin-right: 0;
	}
	#especialidades .content > .img {
    	margin-top: 20px;
    	height: 225px;
	}
	#especialidades .content > div {
		width: 45%;
	}
	#clinico .content > div:first-child {
		margin-left: 0;
	}

	#clinico .content > div:last-child {
		margin-right: 0;
	}
	#clinico .content > div {
		width: 48%;
	}
	#clinico .content {
		padding: 0 5vw;
	}
	#clinico {
		height: 400px;
	}
	#clinico .content > .medicos > .arrow-left, #clinico .content > .medicos > .arrow-right {
		display: none;
	}
	#noticias {
    	height: 500px;
	}
	#noticias .content > .items > .item {
    	width: 30%;
	}
	#noticias .content > .items > .item > .bg {
		height: 160px;
		width: 100%;
	}
	#detalhes {
		padding: 0 10vw;
		display: flex;
	}
	#detalhes > div {
		width: 33.3333%;
	}
	#detalhes > div > img {
		margin-right: 20px;
		height: 50px;
		margin-right: 20px;
	}
	#detalhes > div > span {
		margin-left: 0;
	}
	footer {
		padding: 0 10vw;
	}
	footer > div {
		width: 33.333333%;
		display: flex;
	}
	footer > div > div {
		display: flex;
		margin: auto;
	}
	footer > div:first-child > div {
		margin-left: 0;
	}
	footer > div:last-child > div {
		margin-right: 0;
	}
	footer > div > div > img {
		width: 60%;
	}
	footer > div > div > div {
		background-image: url(../img/summer_logo_novo.png);
	}
	footer > div > div > span {
		margin: auto;
	}
	footer > div > div > img {
		margin: auto;
	}
	footer > div > div > div {
		margin: auto;
	}
	footer > div > div > div {
		height: 30px;
		width: calc((80 * 30px) / 28);
	}
}