/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px){
	body, html{
		height: 100%;
	}
	#status img {
		width: 60px;
		height: 60px;
	}
	.custom-toggler .navbar-toggler-icon{
		width: 35px;
		height: 30px;
		top: 25px;
		right: 15px;
		position: absolute;
		margin: 0;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		-webkit-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	.custom-toggler .navbar-toggler-icon span{
	    background-color: var(--cor_background_secondary);
	    display: block;
	    position: absolute;
	    height: 5px;
	    width: 100%;
	    border-radius: 9px;
	    opacity: 1;
	    left: 0;
	    -webkit-transform: rotate(0);
	    -ms-transform: rotate(0);
	    transform: rotate(0);
	    -webkit-transition: .25s ease-in-out;
	    -o-transition: .25s ease-in-out;
	    transition: .25s ease-in-out;
	}
	.custom-toggler .navbar-toggler-icon span:nth-child(1){
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		top: 0;
	}
	.custom-toggler .navbar-toggler-icon span:nth-child(2){
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		top: 10px;
	}
	.custom-toggler .navbar-toggler-icon span:nth-child(3){
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		top: 20px;
	}
	.custom-toggler .navbar-toggler-icon.open span:nth-child(1){
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 0;
		left: 5px;
	}
	.custom-toggler .navbar-toggler-icon.open span:nth-child(2){
		width: 0%;
		opacity: 0;
	}
	.custom-toggler .navbar-toggler-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 24px;
		left: 5px;
	}
	#header {
		z-index: 5;
	}
	#header #header-home{
		position: absolute;
		z-index: 9999;
		width: 100%;
		top: 0;
		left: 0;
	}
	#header .navbar{
		background-color: var(--cor_background_quinary);
	}
	#header .navbar #navbarNav{
		background-color: var(--cor_background_primary)!important;
		margin: 1rem 0;
		height: 100vh;
	}
	#header .navbar #navbarNav ul.navbar-nav{
		padding: 1rem 0;
	}
	#header .navbar #navbarNav ul.navbar-nav li a{
		border-bottom: 1px solid var(--cor_white);
		color: var(--cor_white)!important;
		padding: .5rem .2rem;
	}
	#header .navbar #navbarNav ul.navbar-nav li a.active,
	#header .navbar #navbarNav ul.navbar-nav li a:hover,
	#header .navbar #navbarNav ul.navbar-nav li a:focus{
		color: var(--cor_secondary)!important;
	}
	#header .navbar #navbarNav ul.navbar-nav li:last-child a{
		background-color: var(--cor_background_white)!important;
		color: var(--cor_primary)!important;
		border-radius: 10px;
		font-weight: bold;
		padding: .2rem;
	}
	#header .navbar #navbarNav ul.navbar-nav li:last-child a:not(:disabled):not(.disabled):active:focus,
	#header .navbar #navbarNav ul.navbar-nav li:last-child a:disabled, 
	#header .navbar #navbarNav ul.navbar-nav li:last-child a.active,
	#header .navbar #navbarNav ul.navbar-nav li:last-child a:active,
	#header .navbar #navbarNav ul.navbar-nav li:last-child a:hover,
	#header .navbar #navbarNav ul.navbar-nav li:last-child a:focus {
		background-color: var(--cor_background_secondary)!important;
		color: var(--cor_white)!important;
		border-radius: 10px;
		font-weight: bold;
	}	
	#header #header-home nav ul li:last-child, #header #header-interna nav ul li:last-child{
		padding: 1rem;
		display: flex;
	}
	#header.fixed-top #header-home,
	#header.fixed-top #header-interna{
		background-color: var(--cor_quinary);
	}
	#header.fixed-top .line-h{
		border-top: 3px solid var(--cor_primary);
	}
	#header.fixed-top #header-home nav a img,
	#header.fixed-top #header-interna nav a img{
		transition: transform .4s , -webkit-transform .4s;
		-webkit-transition: -webkit-transform .4s;
		transition: -webkit-transform .4s;
		-o-transition: transform .4s;
		transition: transform .4s;
		-webkit-filter: none;
		-moz-filter: none;
		-o-filter: none;
		filter: none;
	}
	#app-video video{
		width: 100%;
		height: auto;
	}
	.videos{
		width: 100%;
		height: 250px;
	}
	#home .content-box,
	#como-funciona .content-box,
	#academias .content-box,
	#politica-de-privacidade .content-box,
	#termo-de-uso .content-box,
	#central-de-ajuda .content-box,
	#area-da-academia .content-box,
	#cadastre-se .content-box,
	#confirmacao-de-cadastro .content-box,
	#obrigado .content-box,
	#error-404 .content-box{
		padding: 3rem 0!important;
	}
	#home .item .content-box{
		padding: 10rem 0;
	}
	#home.bg-full-banner{
		background-position: center center;
		margin: 96px 0 0 0;
	}
	.bg-full-banner{
		background-position: right bottom;
	}
	#img-full-banner{
		position: relative;
		margin-top: 0;
		margin-left: 0;
		width: 100%;
		height: auto;
		z-index: 4;
	}
	.section-content .box-container{
		padding: 0;
	}
	.align-sm-items-center{
		-ms-flex-align: normal!important;
    	align-items: normal!important;
	}
	#criacao-e-desenvolvimento-web .media-column-left,
	#performance .media-column-right,
	#gestao-de-redes-sociais .media-column-left,
	#identidade-visual .media-column-right{
		z-index: 1;
		width: 100%;
	}
	#criacao-e-desenvolvimento-web .media-column-left:after,
	#gestao-de-redes-sociais .media-column-left:after{
		background-color: rgba(52, 55, 64, 0.9);
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		opacity: 1;
	}
	#performance .media-column-right:after,
	#identidade-visual .media-column-right:after{
		background-color: rgba(7, 215, 118, 0.9);
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		opacity: 1;
	}
	.section-resp,
	.section-resp .container{
		padding-top: 10px!important;
		padding-bottom: 10px!important;
	}
	.media-column-resp{
		padding: 2rem 0;
		z-index: 2;
	}
	#performance .content-box h3,
	#identidade-visual h3{
		color: #343740!important;
	}
	#criacao-e-desenvolvimento-web .content-box p,
	#performance .content-box p,
	#gestao-de-redes-sociais .content-box p,
	#identidade-visual .content-box p{
		color: #fff;
	}
	.content-box-planos{
		margin: 1rem 0;
	}
	#beneficios .owl-carousel .owl-item .item{
		padding: 0;
	}
	#dicas .owl-carousel .owl-item .item{
		padding: 0;
	}
	#footer .footer-content .footer-rede-sociais{
		padding: 1rem 0;
	}
	#copyright p{
		padding: 1rem 0;
	}
	.termlgpd{
		font-size:15px;
		padding: 15px;
	}
	.d-sm-block{
		display: block!important;
	}
	.justify-content-sm-start{
		-ms-flex-pack: start!important;
		justify-content: flex-start!important;
	}
	.justify-content-sm-end{
		-ms-flex-pack: end!important;
		justify-content: flex-end!important;
	}
	.justify-content-sm-center{
		-ms-flex-pack: center!important;
		justify-content: center!important;
	}
	.justify-content-sm-between{
		-ms-flex-pack: justify!important;
		justify-content: space-between!important;
	}
	.justify-content-sm-around{
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important;
	}
	.m-sm-0{
		margin: 0!important;
	}
	.mb-sm-0, .my-sm-0{
		margin-bottom: 0!important;
	}
	.mt-sm-0, .my-sm-0{
		margin-top: 0!important;
	}
	.ml-sm-0, .mx-sm-0{
		margin-left: 0!important;
	}
	.mr-sm-0, .mx-sm-0{
		margin-right: 0!important;
	}
	.m-sm{
		margin: .5rem!important;
	}
	.mb-sm, .my-sm{
		margin-bottom: .5rem!important;
	}
	.mt-sm, .my-sm{
		margin-top: .5rem!important;
	}
	.ml-sm, .mx-sm{
		margin-left: .5rem!important;
	}
	.mr-sm, .mx-sm{
		margin-right: .5rem!important;
	}
	.p-sm-0 {
		padding: 0!important;
	}
	.pb-sm-0, .py-sm-0 {
		padding-bottom: 0!important;
	}
	.pt-sm-0, .py-sm-0 {
		padding-top: 0!important;
	}
	.pl-sm-0, .px-sm-0 {
		padding-left: 0!important;
	}
	.pr-sm-0, .px-sm-0 {
		padding-right: 0!important;
	}
	.p-sm{
		padding: .5rem!important;
	}
	.pb-sm, .py-sm{
		padding-bottom: .5rem!important;
	}
	.pt-sm, .py-sm{
		padding-top: .5rem!important;
	}
	.pl-sm, .px-sm{
		padding-left: .5rem!important;
	}
	.pr-sm, .px-sm{
		padding-right: .5rem!important;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px){
	#app-video video{
		width: 100%;
		height: auto;
	}
	.videos{
		width: 100%;
		height: 350px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px){
	#app-video video{
		width: 100%;
		height: auto;
	}
	.videos{
		width: 100%;
		height: 450px;
	}
	.justify-content-md-start{
		-ms-flex-pack: start!important;
		justify-content: flex-start!important;
	}
	.justify-content-md-end{
		-ms-flex-pack: end!important;
		justify-content: flex-end!important;
	}
	.justify-content-md-center{
		-ms-flex-pack: center!important;
		justify-content: center!important;
	}
	.justify-content-md-between{
		-ms-flex-pack: justify!important;
		justify-content: space-between!important;
	}
	.justify-content-md-around{
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important;
	}
	.m-md-0{
		margin: 0!important;
	}
	.mb-md-0, .my-md-0{
		margin-bottom: 0!important;
	}
	.mt-md-0, .my-md-0{
		margin-top: 0!important;
	}
	.ml-md-0, .mx-md-0{
		margin-left: 0!important;
	}
	.mr-md-0, .mx-md-0{
		margin-right: 0!important;
	}
	.m-md{
		margin: .25rem!important;
	}
	.mb-md, .my-md{
		margin-bottom: .25rem!important;
	}
	.mt-md, .my-md{
		margin-top: .25rem!important;
	}
	.ml-md, .mx-md{
		margin-left: .25rem!important;
	}
	.mr-md, .mx-md{
		margin-right: .25rem!important;
	}
	.p-md-0 {
		padding: 0!important;
	}
	.pb-md-0, .py-md-0 {
		padding-bottom: 0!important;
	}
	.pt-md-0, .py-md-0 {
		padding-top: 0!important;
	}
	.pl-md-0, .px-md-0 {
		padding-left: 0!important;
	}
	.pr-md-0, .px-md-0 {
		padding-right: 0!important;
	}
	.p-md{
		padding: .25rem!important;
	}
	.pb-md, .py-md{
		padding-bottom: .25rem!important;
	}
	.pt-md, .py-md{
		padding-top: .25rem!important;
	}
	.pl-md, .px-md{
		padding-left: .25rem!important;
	}
	.pr-md, .px-md{
		padding-right: .25rem!important;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px){
	#app-video video{
		width: 100%;
		height: auto;
	}
	.justify-content-lg-start{
		-ms-flex-pack: start!important;
		justify-content: flex-start!important;
	}
	.justify-content-lg-end{
		-ms-flex-pack: end!important;
		justify-content: flex-end!important;
	}
	.justify-content-lg-center{
		-ms-flex-pack: center!important;
		justify-content: center!important;
	}
	.justify-content-lg-between{
		-ms-flex-pack: justify!important;
		justify-content: space-between!important;
	}
	.justify-content-lg-around{
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important;
	}
	.m-lg-0{
		margin: 0!important;
	}
	.mb-lg-0, .my-lg-0{
		margin-bottom: 0!important;
	}
	.mt-lg-0, .my-lg-0{
		margin-top: 0!important;
	}
	.ml-lg-0, .mx-lg-0{
		margin-left: 0!important;
	}
	.mr-lg-0, .mx-lg-0{
		margin-right: 0!important;
	}
	.m-lg{
		margin: .25rem!important;
	}
	.mb-lg, .my-lg{
		margin-bottom: .25rem!important;
	}
	.mt-lg, .my-lg{
		margin-top: .25rem!important;
	}
	.ml-lg, .mx-lg{
		margin-left: .25rem!important;
	}
	.mr-lg, .mx-lg{
		margin-right: .25rem!important;
	}
	.p-lg-0 {
		padding: 0!important;
	}
	.pb-lg-0, .py-lg-0 {
		padding-bottom: 0!important;
	}
	.pt-lg-0, .py-lg-0 {
		padding-top: 0!important;
	}
	.pl-lg-0, .px-lg-0 {
		padding-left: 0!important;
	}
	.pr-lg-0, .px-lg-0 {
		padding-right: 0!important;
	}
	.p-lg{
		padding: .25rem!important;
	}
	.pb-lg, .py-lg{
		padding-bottom: .25rem!important;
	}
	.pt-lg, .py-lg{
		padding-top: .25rem!important;
	}
	.pl-lg, .px-lg{
		padding-left: .25rem!important;
	}
	.pr-lg, .px-lg{
		padding-right: .25rem!important;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){
	#app-video video{
		width: 100%;
		height: auto;
	}	
}