@media only screen and (min-width : 320px) and (max-width : 767px) {

	html, body {
		height: auto;
	}

	body {
		overflow: visible;
	}

	p {
		font-size: 1.5em;
	}

	.image img {
		width: 100%;
		height: auto;
	}

	.listing-item {
		font-size: 1.5em;
	}

	.side-menu {
		display: none;
	}

	.bg-video video {
		width: auto;
		height: 100%;
	}

	.ta-c,
	.ta-r {
		text-align: left;
	}

	.section-title {
		font-size: 2em;
	}

	.ta-r .section-title:after,
	.ta-c .section-title:after {
		left: 0;
		right: auto;
	}

	.section-header:after, .section-title:after {
		width: 100%;
	}

	section {
		min-height: 0;
		height: auto;
		padding: 25px 0;
	}

	.section-padding {
		padding: 25px 0;
	}

	.next-slide-section {
		display: none;
	}

	.menu-content {
		width: auto;
		padding: 10px 15px;
	}

	.menu-content .accordion-item {
		padding: 10px;
	}

	.menu-content .accordion-header	{
		position: relative;
		padding-right: 45px;
	}

	.menu-content .accordion-link {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}

	.menu-content .accordion-title {
		font-size: 1.5em;
	}

	.menu-content .accordion-list {
		padding-left: 30px;
	}

	.topic {
		background: #35b2b9;
		height: auto;
		min-height: 0;
	}

	.topic .offset-1 {
		margin-left: 10%;
	}

	.topic-number {
		width: auto;
		font-size: 2.5em;
	}

	.topic-title {
		font-size: 3.5em;
	}

	.vertical-center {
		top: 0;
		transform: none;
	}

	.flashcard-item .vertical-center {
		top: 50%;
		transform: translateY(-50%);
	}

	.box-retractile {
		width: auto !important;
		position: static;
		padding: 25px 10%;
		transform: translateX(0);
		margin: 0 !important;
	}

	.box-retractile-right .box-retractile-content {
		padding: 0;
		height: auto;
	}

	.box-retractile-button {
		display: none;
	}

	.box-retractile-image {
		float: none;
		width: auto;
		margin: 0;
	}

	.box-retractile-text {
		float: none;
		width: auto;
	}

	.box-retractile .grid {
		margin: 0;
	}

	[class^="grid-"], [class*=" grid-"] {
		float: none;
		width: auto;
		margin: 0 10%;
	}

	.opening {
		min-height: 100%;
		height: 480px;
	}

	.opening .vertical-center {
		top: 50%;
		transform: translateY(-50%);
	}

	.opening .logo {
		width: auto;
	}

	.opening .logo img {
		width: 200px;
		height: auto;
	}

	.opening .title {
		font-size: 2.8em;
		text-align: left;
	}

	.opening-first .title {
		font-size: 5em;
		text-align: center;
	}

	.opening .module-number {
		width: auto;
		font-size: 1.7em;
		text-align: left;
	}

	.opening .next-slide .notice {
		display: none;
	}

	.book {
		padding: 0;
		margin-bottom: 40px;
	}

	.book-image {
		position: static;
		width: auto;
		text-align: center;
		margin-bottom: 20px;
	}

	.bottom-box {
		position: static;
	}

	iframe {
		width: 100%;
		height: 300px;
		margin: 0 0 20px;
	}

	.tab {
		min-height: 0;
		padding: 0;
	}

	.tab .bg-blue-light,
	.tab .bg-red-light {
		margin: 0;
	}

	.tab-nav,
	.tab-content .featured {
		display: none;
	}

	.tab-content .featured {
		padding-right: 0;
	}

	.tab-content .tab-item {
		display: block;
		border-top: 1px solid #696267;
		margin: 20px 0;
	}

	.tab-content .tab-item:first-child {
		border-top: 0;
	}

	.tab-content .tab-item:first-child .featured {
		display: block;
	}

	.tab .column {
		float: none;
		width: auto;
		margin-left: 0;
	}

	.tab-vertical .tab-nav {
		position: static;
		min-height: 0;
		height: auto;
		padding: 30px 0;
	}

	.tab-vertical .tab-nav-list {
		float: none;
		text-align: right;
	}

	.tab-vertical .tab-nav-item {
		padding-right: 40px;
	}

	.tab-content {
		height: auto;
	}

	.tab-vertical .tab-item {
		padding: 20px 0;
	}

	.tab-horizontal .tab-nav-list {
		display: block;
	}

	.tab-horizontal .tab-nav-item {
		display: block;
	}

	.top-box {
		position: static;
		height: auto;
	}

	.top-box .image {
		position: static;
	}

	.slideshow-pagination {
		display: none;
	}

	.slideshow-prev {
		left: -30px;
		margin-top: 0;
		transform: translateY(-50%);
	}

	.slideshow-next {
		right: -30px;
		margin-top: 0;
		transform: translateY(-50%);
	}

	.info-extra-type-1 .info-extra-title,
	.info-extra-type-2 .info-extra-title,
	.info-extra-type-3 .info-extra-title,
	.info-extra-type-4 .info-extra-title {
		font-size: 2em;
	}

	.info-extra-type-1 p {
		font-size: 1.5em;
	}

	.info-extra-type-3 .featured p,
	.practice-type-2 .featured p {
		font-size: 1.5em;
	}

	.box-green {
		padding: 25px 10%;
	}

	.tooltip-content {
		background: #0a507c;
		width: auto;
		max-width: 200px;
		height: auto;
		padding: 10px 20px;
	}

	.tooltip-link .vertical-center {
		top: 50%;
		transform: translateY(-50%);
	}

	.form-storage {
		margin-right: 0;
		margin-left: 0;
	}

	.m1-q5,
	.m1-q6 {
		padding-bottom: 0;
	}

	.m1-q6 .topic-list-item {
		float: none;
		width: auto;
		margin-left: 0;
		margin-bottom: 30px;
	}

	.m1-q6 .topic-list-item p {
		margin: 0;
	}

	.m1-q7 .image-tooltip-link-1,
	.m1-q7 .image-tooltip-link-2,
	.m1-q7 .image-tooltip-link-3 {
		font-size: 1.6em;
	}

	.m1-q11 {
		background: #cbebfa;
	}

	.m1-q11 h3 {
		font-size: 2.6em;
	}

	.m1-q11 h4 {
		font-size: 2em;
	}

	.m1-q13 {
		background: #ed6843;
	}

	.m1-q15 {
		padding-bottom: 0;
	}

	.m1-q15 .bottom-box {
		padding: 25px 0;
	}

	.m1-q15 .bottom-box h4 {
		font-size: 2em;
	}

	.m1-q16 {
		padding: 35px 0 25px;
	}

	.m1-q16 h3 {
		font-size: 2.6em;
	}

	.m1-q17 h3 {
		font-size: 2.6em;
	}

	.m1-q18 {
		background: #31b6ba;
	}

	.m1-q19 .grid-8 {
		padding: 0;
		background: none;
	}

	.m1-q20 form {
		margin: 20px 0;
	}

	.m1-q22 .grid-5 strong {
		font-size: 2em;
	}

	.m1-q23 .image img {
		width: auto;
		height: auto;
	}

	.m1-q23 .grid-8 h3 {
		font-size: 2em;
		padding: 0 0 15px;
	}

	.m1-q24 {
		padding: 0;
	}

	.bg-absolute {
		display: none;
	}

	.m1-q24 .vertical-center .grid-6:first-child {
		background: #0a507c;
	}

	.m1-q24 .vertical-center .grid-6 {
		background: #389bd9;
		padding: 25px 10%;
		margin: 0;
	}

	.m1-q25 {
		padding-top: 0;
	}

	.m2-q6 {
		padding: 0;
	}

	.m2-q6 .grid-5 {
		background: #002e5e;
		margin: 0;
		padding: 25px 10%;
	}

	.m2-q6 .grid-4 {
		padding: 25px 0;
	}

	.m2-q6 .grid-5 p {
		font-size: 1.5em;
	}

	.m2-q7 {
		padding: 0;
	}

	.m2-q7 .grid-7 {
		margin: 0;
	}

	.m2-q7 .grid-6 {
		padding: 25px 0;
	}

	.m2-q7 .grid-6 p {
		font-size: 1.5em;
	}

	.m2-q11 {
		padding-bottom: 0;
	}

	.m2-q14 {
		background: none;
	}

	.m2-q17 {
		background: #c5e1ed;
	}

	.m2-q20 {
		padding-bottom: 0;
	}

	.m2-q20 .grid-13 img {
		width: 100%;
		height: auto;
	}

	.m2-q20 .grid-13 {
		padding-bottom: 25px;
	}

	.m2-q26 {
		background: #c5e1ed;
	}

	.m2-q28 {
		padding: 0;
	}

	.m2-q28 p {
		font-size: 1.5em;
	}

	.m2-q28 .vertical-center .grid:first-child {
		background: #0a507c;
	}

	.m2-q28 .vertical-center .grid {
		background: #389bd9;
		padding: 25px 10%;
		margin: 0;
	}

	.m2-q30 {
		padding: 0;
	}

	.m2-q30 .grid-9 {
		margin: 0;
		padding: 25px 10%;
		background: #cce0ec;
	}

	.m2-q30 .grid-4 {
		padding: 25px 0;
	}

	.m4-q5 {
		padding: 0;
	}

	.m4-q5 .grid-5 {
		padding: 25px 0;
	}

	.m4-q5 .grid-5 blockquote p {
		font-size: 2em;
	}

	.m4-q5 .grid-5 p {
		font-size: 1.5em;
	}

	.m4-q5 .grid-8 {
		margin: 0;
	}

	.m4-q5 .box {
		padding: 25px 10%;
	}

	.m4-q6 {
		background: #30517a;
	}

	.m4-q6 .grid-5 strong {
		font-size: 2em;
	}

	.m4-q8 {
		padding: 0;
	}

	.m4-q8 .grid-6 {
		padding: 25px 0;
	}

	.m4-q8 .box {
		background: #253e6c;
		padding: 25px 10%;
		margin: 0;
	}

	.m4-q8 .box strong {
		font-size: 2em;
	}

	.m4-q10 .grid-12 {
		margin: 0;
	}

	.m4-q11 .subtitle {
		font-size: 2em;
	}

	.m4-q15 {
		background: #909f5f;
	}

	.m4-q16 .section-title {
		font-size: 2em;
	}

	.a1-q1 .vertical-center {
		margin: 0 10%;
	}

	.a1-q2 {
		background: #7f8e4b;
	}

	.a1-q4 img {
		width: 100%;
		height: auto;
	}

	.practice-title,
	.practice-type-1 .practice-content .featured {
		font-size: 2em;
	}

	.featured-green {
		font-size: 2.2em;
	}

	.image {
		margin: 0 0 20px;
	}

	img.flipInY {
		width: 100%;
		height: auto;
	}

	.m3-q6,
	.m3-q9 {
		padding-top: 40px;
	}

	.m3-q14 {
		padding-bottom: 0;
	}

	.m3-q14 .bg-gray {
		background: #f6f6f6;
		padding: 25px 10%;
		margin: 0;
	}

	.m3-q15 .topic-title {
		font-size: 3em;
	}

	.m3-q18 .grid-7 {
		padding: 25px 10%;
		margin: 0;
	}

	.m3-q19 .grid-7 {
		padding: 20px 10%;
		margin: 0;
	}

	.m3-q20 {
		padding-bottom: 0;
	}

	.m3-q20 .bg-gray {
		background: #f6f6f6;
		padding: 25px 10%;
		margin: 0;
	}

	/* TABELA RESPONSIVA */
	table {
		border: 0;
	}

	table caption {
		font-size: 1.8em;
	}

	table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}

	table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: 1.6em;
		text-align: right;
	}

	table td::before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	table td:last-child {
		border-bottom: 0;
	}
	/* TABELA RESPONSIVA */

	/* ====================================================
	BOX ORNAMENTS (M12)
	====================================================
	/*Azul Clarissimo*/
	.ornament .box.bg-blue-soft {
		background: #c5e1ed;
		margin: 0px 20px;
		padding: 10px 20px;	
	}
	/*Azul claro */
	.ornament .box.bg-blue-light {
		background: #84d3fc;
		margin: 0px 20px;
		padding: 10px 20px;	
	}
	/*Azul médio */
	.ornament .box.bg-blue {
		background: #379bd9;
		margin: 0px 20px;
		padding: 10px 20px;		
	}
	/*Azul escuro */
	.ornament .box.bg-blue-dark  {
		background: #174a9b;
		margin: 0px 20px;
		padding: 10px 20px;			
	}
	.ornament .box.bg-navy {	
		background: #1c315c;
		margin: 0px 20px;
		padding: 10px 20px;			
	}
	.ornament .box.bg-orange {
		background: #fe5629;
		margin: 0px 20px;
		padding: 10px 20px;				
	}
	.ornament .box.bg-yellow-dark  {
		background: #d09811;
		margin: 0px 20px;
		padding: 10px 20px;			
	}
	.ornament .box.bg-green {
		background: #86934d;
		margin: 0px 20px;
		padding: 10px 20px;					
	}
	.ornament .box.bg-cyan {
		background: #58a3a6;
		margin: 0px 20px;
		padding: 10px 20px;				
	}

	/* ====================================================
	BACKGROUND (M13)
	====================================================*/
	
	.M13 .vertical-center .grid {
		background: #0a507c;
		padding: 25px 10%;
		margin: 0;
	}

	.M13 .vertical-center .grid:first-child {
		background: #389bd9;
	}
}