/***********************************************************/
/*                        MOBILE  - 480   X   320          */
/*                        IPAD    - 768   X   979          */
/*                        CONTEUDO- max-width: 1170px;     */
/***********************************************************/

/* DESKTOP */
@media (min-width: 1200px) {
	/* tamanho do desktop */
	.conteudo {
		width: 1170px !important;
		max-width: 1170px !important;
	}
	
	/* corrige fonte do promo */
	.promotxt h3 {
		font-size:21.58px;
	}
	.promotxt>span {
		font-size:17.27px;
	}
}

/* MENU CORREÇÃO AO REDUZIR */
@media (max-width: 1025px) {
	/* corrige a largura do menu */
	header #logo {
		width:14%;
	}
	header #logo a,header.header #logo a  {
		background-size: 100% auto;
	}
	header nav {
		width:84%;
	}
	header nav a {
		font-size:12px !important;
	}
}


/* MENU VIRA MOBILE */
@media (min-width: 925px) {
	/* esconde menu compacto */
	.tracos {
		display: none;
	}
	#menu-principal {
		display:table;
	}
	.curso-tracos {
		display: none;
	}
	.curso-desktop {
		display: block;
	}
}
@media (max-width: 925px) {
	/* menu compacto */
	#menu-principal,#menu-promocao,.topbar-links {
		display:none;
	}
	header .tracos {
		display: block;
		position: absolute;
		left: 0;
		padding-left: 10px;
		height: 46px;
		cursor: pointer;
	}
	header.header .tracos {
		padding-top: 20px;
	}
	#nav-icon3 {
	  width: 30px;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);<script type="text/javascript">…</script>
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	}
	#nav-icon3 span {
	  display: block;
	  position:absolute;
	  float:right;
	  height: 2px;
	  width: 100%;
	  background: #33455a;
	  opacity: 1;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
	#nav-icon3 span:nth-child(1) {
	  top: 2px;
	}
	#nav-icon3 span:nth-child(2) {
	  top: 9px;
	}
	#nav-icon3 span:nth-child(3) {
		top: 16px;
	}
	#nav-icon3.open span:nth-child(1) {
		top: 4px;
		width: 55%;
		left: -3px;
		-webkit-transform: rotate(-220deg);
		-moz-transform: rotate(-220deg);
		-o-transform: rotate(-220deg);
		transform: rotate(-220deg);
	}
	#nav-icon3.open span:nth-child(2) {
		width: 70%;
		transform: rotate(180deg);
	}
	#nav-icon3.open span:nth-child(3) {
		top: 15px;
		width: 55%;
		left: -3px;
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		transform: rotate(225deg);
	}	
	
	header nav#nav ul li ul.dropdown-content {
		display:block;
	}
	header #logo {
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,0%);
		width:130px;
		max-width:initial;
		z-index:2;
	}
	header nav {
		width:auto;
	}
	header .menu_globo {
		max-width:initial;
		float:right;
	}
	header nav a {
		font-size:2.3vw !important;
	}
	
	
	header nav ul.navopen {
		display:none;
		position: fixed;
		left: 0 !important;
		top: 0;
		margin: 0;
		width: 350px;
		height: 100vh;
		background-color: #333146;
		/* padding-top: 25px; */
		overflow: auto;
		z-index: 9999;
	}
	header nav .after-navopen{
		display:none;
		width:100%;
		height:100%;
		top:0;
		right:0;
		position:fixed;
		opaciity:1;
		z-index:3;
		background-color:rgba(0,0,0,.7);
		pointer-events:none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	header nav ul.navopen li {
		float:none;
		text-align: left;
		border-bottom: 1px solid rgba(255,255,255,.05);
		margin: 0;
	}
	header nav ul.navopen li:last-child  {
		margin-bottom:20px;
	}
	header nav ul.navopen li a:not(.navopen_logo_a) {
		font-size: 12px !important;
		color: #fff !important;
		display: block;
		font-weight: 700;
		line-height: 24px !important;
		padding: 13px 20px;
		text-align: left;
		text-shadow: none !important;
	}
	header nav ul.navopen li a:after {
		display:none;
	}
	header nav ul.navopen li.navopen_logo {
		height: 70px;
		text-align: center;
		background-color:#fff;
		background: url(/img/world-map.png),linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.11));
		background-size: contain;
	}
	header nav ul.navopen li.navopen_logo_a {
		display: block;
	}
	header nav ul.navopen li.navopen_logo img {
		padding: 12.5px 0 12.5px;
		height: 45px;
		margin:auto;
		-webkit-filter: drop-shadow(0px -2px 1px #fff);
		filter: drop-shadow(0px -2px 1px #fff);
	}
	header nav ul.navopen li a.menu_globo {
		height: unset;
		float: none;
		width: unset;
		background-position:right center;
	}
	
	header nav ul.navopen span.icon-dropdown-mobile {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		display: block;
		z-index: 10;
		cursor: pointer;
		color: #fff;
	}
	
	header nav ul.traco_submenu {
		/* border-radius: 10px; */
		background-color: rgba(255,255,255,.1);
		position: relative;
		overflow: hidden;
		padding: 0;
		margin: 0;
		display: block;
		max-height: 0;
		opacity: 0;
		height: auto !important;
		transition: all 0.3s ease;
	}
	header nav ul.navopen ul.traco_submenu li:last-child  {
		margin-bottom:auto;
	}
	header nav ul.traco_submenu_open{
		opacity: 1;
		max-height: 5000px;
		overflow: visible;
	}
	header nav li {
		display:block;
	}
}



/* MELHORIA NA TRANSIÇÃO DESKTOP -> TABLET */
@media (max-width: 880px) {	
	/* corrige like-box */
	#footer .redesocial .like-box h2 {
		font-size: 1.6vw;
	}
	
	/* melhora a proporção do fluxo */
	.fluxo1 {
		width: 60%;
	}
	.fluxo2 {
		width: 40%;
	}
	
	.promo-flat a.button {
		font-size:1.5vw;
	}
	
	.curso-secao-bar .curso-secao-nav>li>a {
		padding:6px 0 16px;
	}
	
	#flashMessage {
		width:80%;
	}
	.cart .cart_resumo {
		width:100%;
	}
	
	.plivros-produto .book-images {
		width:auto;
		max-width:85%;
	}
	.plivros-resumo .titulo {
		font-size:26px;
	}
}




/* TABLET */
@media (max-width: 768px) {
	.banner_text_titulo1 {
		font-size:20px !important;
	}
	.banner_text_titulo2 {
		font-size:30px !important;
	}
	.banner_texto .btn{
		font-size:10px !important;
	}
	
	.banner .video {
		display:none;
	}
	
	#featured li {
		width:50%;
	}
	
	.fluxo1,.fluxo2 {
		float:none;
		width:100%;
	}
	
	.section {background: linear-gradient(rgba(255, 255, 255, 0.65),#fff,#fff), url('/img/header/noteheader_mobile.jpg') no-repeat;}
	.section_alt1 {background: linear-gradient(rgba(255, 255, 255, 0.65),#fff,#fff), url('/img/header/normalheader_mobile.jpg') no-repeat;}
	.section_alt2 {background: linear-gradient(rgba(255, 255, 255, 0.65),#fff,#fff), url('/img/header/normalheader2_mobile.jpg') no-repeat;}
	.section_alt3 {background: linear-gradient(rgba(255, 255, 255, 0.65),#fff,#fff), url('/img/header/contactheader_mobile.jpg') no-repeat;}
	
	.cursos-comparativo .col-md-4,#argumentos .card {
		width:50%;
	}
	.cursos-comparativo .p-table .btn-ghost {
		font-size: 1.5vw;
		padding: 8px 18px;
	}
	
	.livro {
		width:50%;
	}
	
	.promotxt h3 {
		font-size:14px;
	}
	.promotxt>span {
		font-size:11px;
	}
	.promo-flat a.button {
		font-size:10px;
		padding:0 10px;
		width:112px !important;
		right:5px;
	}
	.sign {
		min-width: auto;
		max-width: 100%;
		width: auto;
	}
	
	.curso-tracos {
		display: block;
	}
	.curso-desktop {
		display: none;
	}
	.curso-sidebar {
		position:relative;
		margin:0 auto 20px;
		width: 100%;
		float:none;
		max-width: 380px;
	}
	.curso-sidebar .curso-sidebar-in {
		margin:0;
	}
	.curso-sidebar .curso-sidebar-video #course-video {
		width:100%;
	}
	.curso-conteudo {
		width:100%;
	}
	
	.cart thead {
		display:none;
	}
	.cart tbody td {
		width:100%;
		display:block;
	}
	.cart .product-remove {
		text-align:right;
	}
	.cart .product-thumbnail,.cart .product-name p, .cart td.product-price, .cart td.product-subtotal {
		text-align:left;
	}
	.cart tbody tr [data-title]:before {
		content: attr(data-title);
		width: 100px;
		white-space: nowrap;
		font-weight: 700;
		display: inline-block;
		vertical-align: middle;
	}
	.cart .actions .button, .cart_resumo a.button {
		width: 100%;
		margin-bottom: 15px;
		box-sizing: border-box;
		text-align: center;
	}
	.cart .cart_resumo {
		width:100%;
	}
	
	#faq .faqs {
		width:50%;
	}
	
	.press .left,.press .right {
		width:100%;
	}
	
	.contact,.contact2 {
		width:95%;
		clear:both;
		margin:auto;
		float:unset;
	}
	.contact2 {
		margin-top:30px;
		padding-left:0;
	}
	
	#footer .redesocial .like-box {
		width: 50% !important;
	}
}

.menu_compact_anim{
	animation-duration: 0.5s;
	animation-delay: 0s;
	animation-name: fadeInLeft;
}


/* TRANSIÇÃO CELULAR */
@media (max-width: 610px) {
	/* Remove textos do banner */
	.banner_texto {
		display:none;
	}
	#mini-form {
		width:100%;
		right:auto;
		left:auto;
		margin-right:0;
	}
	.bx-controls {
		display:none;
	}
	
	#featured li {
		width:100%;
	}
	
	.cursos-comparativo .col-md-4,#argumentos .card {
		width:100%;
	}
	
	.promo-flat {
		padding-bottom:0;
	}
	.promo-flat .promotxt {
		width:100%;
		display:block;
		max-width:unset;
		margin:0;
	}
	.promo-flat .promotxt:after {
		display: block;
		content: "";
		height: 30px;
		width: 100%;
		position: relative;
	}
	.promotxt h3,.promotxt>span {
		text-align:center;
		margin-bottom:20px;
		font-size: 14px;
	}
	.promotxt h3 {
		font-size:16px;
	}
	.promo-flat a.button {
		position:relative;
		margin:0 auto;
		display:block;
		max-width:unset;
		font-size: 14px;
		width: 140px !important;
	}
	
	.cart .check_resumo .primeiro,.cart .check_resumo .segundo {
		width:100%;
		padding-right: 0;
		padding-left: 0;
	}
	.cart .check_resumo .pagamento .pgto_final {
		position:relative;
	}
	.cart .check_resumo .pagamento p.pgtobt {
		text-align:center;
	}
	
	#faq .faqs {
		width:100%;
	}
	
	#footer .redesocial .like-box {
		width: 100% !important;
		margin-bottom: 20px;
		padding-left: 30px;
		box-sizing: border-box;
	}
	#footer .redesocial .like-box h2 {
		font-size: 15px;
	}
}


/* CELULAR */
@media (max-width: 480px) {	
	
	#mapaheader .livros h3 {
		font-size:23px;
	}
	
	header nav ul.navopen {
		width:280px;
	}
	
	
	.livro {
		width:100%;
	}
	
	.sign .fb {
		width:100%;
		margin-top: 20px;
	}
	.sign .fb-in {
		padding-top:0;
		text-align:center;
	}
	.sign .cadastro {
		width:100%;
		/* margin-top: 20px; */
	}
	
	.curso-secao-bar .curso-secao-nav>li {
		display:table;
	}
	.curso-secao-bar .curso-secao-nav>li>a {
		font-size:14px;
		text-decoration:underline;
	}
	.curso-secao-bar .curso-secao-nav>li.ativo>a {
		text-decoration:none;
	}
	
	.plivros-produto {
		width:100%;
		padding: 0 50px;
		box-sizing: border-box;
	}
	.plivros-resumo {
		width:100%;
		padding: 0 30px;
		box-sizing: border-box;
		text-align: center;
	}
	.plivros-resumo .acao .carrinho {
		margin:0;
	}
	.plivros-resumo .acao .carrinho .quantidade {
		margin: auto;
	}
	.plivros-resumo .acao .carrinho .quantidade input {
		margin:0;
	}
	.plivros-resumo .acao .carrinho .button {
		margin: 15px auto 0;
	}
	
	.contato_left,.contato_dir {
		width:100%;
	}
	
	
	
	#footer h1#logo {
		display:none;
	}
	#footer .menu-footer {
		width:100%;
	}
	#footer #certificados {
		float: none;
		display: flex;
		width:100%;
	}
	#footer #certificados a.weba,#footer #certificados a.weba2 {
		float: none;
		margin:auto;
	}
	#footer .footer-final .conteudo:nth-child(2) {
		margin-top:0 !important;
	}
}