@media (max-width: 575.98px){
	.carousel .ban_d { display: none !important; }
	.carousel .ban_m { display: block !important; }
	
	header #menu-items { width: 80%; }
	header #menu-items .nav-item, header #menu-items .btn { width: 100%; }	
	
	#institutional .img { width: 100%;  }
	#app .img { width: 100%;  }
	#app .text-box .btn { margin-top: 2rem; }
	
	#institutional, #services {
		padding: 4.5rem 1.5rem;
	}
	
	#institutional { top: 0; }
	
	#institutional .img { margin-bottom: 2rem; }

	/*#diferentials { padding: 4.5rem 1.5rem 0 1.5rem; }*/

	.text-box {
		position: initial;
		top: 50%;
		left: 50%;
		transform: none;
		width: 100%;
		height: 50%;
	}
	
	#diferentials .box { margin-bottom: 2rem; }
	
	#form .text-box { padding: 0; }
	
	#app .text-box { padding: 1.5rem 2rem 0; }
	#app .appstore{ width: 100%; }
	#app .text-box .btn { margin-top: 2rem; }
	
	#institutional .btn, #app .btn { width: 100%; }
	
	#partners .box { margin-bottom: 1.5rem; }
	#parceiros { padding: 6rem 0 4rem 0; }
	
	footer p { margin-bottom: 2rem; }
	footer .nav-item { margin: 0; }
	footer .copyright .nav-link:first-child { display: none; margin-bottom: 2rem; }
	footer .copyright .nav-link { width: 100%;}
	
	#plus { display: none; }
	
	#sobre { margin-top: 2rem; margin-bottom: 5rem; }
	#sobre .item1 { background-color: #f68cc6; border-top-left-radius: 2rem; border-top-right-radius: 2rem; }
	#sobre .item2 { background-color: #960cc0; border-radius: 0; }
	#sobre .item3 { background-color: #1bd0b1; border-radius: 0; }
	#sobre .item4 { background-color: #ff64b7; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
	
	#services .nav button, #diferenciais .nav button { bottom: -82px; z-index: 2; }
	
	#sobre .bg-rose-item { border-top-right-radius: 2rem; }
	#sobre .bg-purple-item { border-top-right-radius: 0; }
	#sobre .bg-green-item { border-bottom-left-radius: 0; }
	#sobre .bg-pink-item { border-bottom-left-radius: 2rem; }
	
	#d_plans { display: none; }
	#m_plans { display: block; }
	
	#m_plans #pills-tab .nav-link, #pills-tab .nav-link.active { padding: 0.82rem 1rem; }
	
	.plans .description .odd { border-bottom: 1px solid #e5cbf1; }
	.plans .description .even { border-bottom: 1px solid #e5cbf1; }
	.plans .plan-list-icon li { line-height: 32px; padding: 2rem 0; }	
}

@media (min-width:  575.98px) and (max-width: 576px){
	.carousel .ban_d { display: none !important; }
	.carousel .ban_m { display: block !important; }

	header #menu-items { width: 80%; }
	header #menu-items .nav-item, header #menu-items .btn { width: 100%; }	
	
	#institutional .img { width: 100%;  }
	#app .img { width: 100%;  }
	
	#institutional, #services {
		padding: 4.5rem 1.5rem;
	}
	
	#institutional { top: 0; }

	#institutional .img { margin-bottom: 2rem; }

	/*#diferentials { padding: 4.5rem 1.5rem 0 1.5rem; }*/
	
	.text-box {
		position: initial;
		top: 50%;
		left: 50%;
		transform: none;
		width: 100%;
		height: 50%;
	}

	#diferentials .box { margin-bottom: 2rem; }

	#form .text-box { padding: 0 2rem; }
	
	#app .text-box { padding: 1.5rem 2rem 0; }
	#app .appstore{ width: 100%; }
	#app .text-box .btn { margin-top: 2rem; }
	
	#institutional .btn, #app .btn { width: 100%; }

	#partners .box { margin-bottom: 1.5rem; }
	
	footer .nav-item { margin: 0; }
	
	#plus { display: none; }
}


@media (min-width: 481px) and (max-width: 767px) {
	header #menu-items { width: 80%; }
	header #menu-items .nav-item, header #menu-items .btn { width: 100%; }	
	
	#institutional .img { width: 100%;  }
	#app .img { width: 100%;  }
	
	#institutional, #services {
		padding: 4.5rem 1.5rem;
	}
	
	#institutional { top: 0; }
	
	.text-box {
		position: initial;
		top: 50%;
		left: 50%;
		transform: none;
		width: 100%;
		height: 50%;
	}

	#institutional .img { margin-bottom: 2rem; }

	/*#diferentials { padding: 4.5rem 1.5rem 0 1.5rem; }*/
	#diferentials .box { margin-bottom: 2rem; }

	#form .text-box { padding: 0 2rem; }
	
	#app .text-box { padding: 1.5rem 2rem 0; }
	#app .appstore{ width: 100%; }
	#institutional .btn, #app .btn { width: 100%; }

	#partners .box { margin-bottom: 1.5rem; }
	
	footer .nav-item { margin: 0; }
	
	#plus { display: none; }
}

@media screen and (min-width: 30em) and (orientation: landscape) {
	.carousel-caption h1 { font-size: 42px; font-size: 38px; }
	.carousel-caption h3 { font-size: 1.5rem; }
}

@media (min-width: 1200px){
	#solucoes .item p { font-weight: 300; font-size: 18px; }
	#app h3, .internal-header h3 { font-size: 32px; }
}

@media (min-width: 1400px){
	.carousel-caption h1 { font-size: 42px; font-size: 52px; }
}