@media only screen and (max-width:1525px) {

	#timeline .item {
		position: static;
	}

}

@media only screen and (max-width:1350px) {

	#spanish a {
		width: 80%;
	}

	#main-reasons .cols50 {
		width: calc(100% + 50px);
		margin-left: -25px;
	}

	#main-reasons .prl50 {
		padding: 0 25px;
	}

	#modes .w60 > div .hiddentext .close {
		top: 20px;
		right: 20px;
		left: auto;
		bottom: auto;
		transform: none;
	}

}

@media only screen and (max-width:1180px) {

	.wrapper {
		width: 100%;
		padding: 0 40px;
		float: left;
	}

	#contact-form > div {
		width: 60%;
		padding: 30px;
	}

	#main #langs {
		padding: 0 75px;
	}

	#main #langs li a {
		font-size: 18px;
	}

	#main #highlight .highlight > div {
		margin-right: 20px;
	}

	#main #reasons .w60 {
		width: 100%;
		position: static;
	}

	#main #reasons .w40,
	#main #reasons .w60 > div {
		width: 100%;
		padding: 50px 20px;
		padding-right: 20px;
		padding-left: 20px;
		position: static;
	}

	#main #reasons .w60 > div {
		border-right: 0;
		border-bottom: 2px solid #f6f6f6;
	}

	#main #reasons .w60 > div .icon {
		margin-top: 20px;
	}

	#main #reasons .w60 > div h3,
	#main #reasons .w60 > div p {
		text-align: center;
	}

	#reasons .title .reason-title {
		text-align: center;
		font-weight: 400;
		font-size: 20px;
		margin-top: 20px;
	}

	#main-reasons .w50 {
		width: 100%;
		align-items: center;
		display: flex;
	}

	#main-reasons .reason {
		height: auto !important;
	}

	.reason .title .reson-title {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	#modes .w60 > div .hiddentext {
		padding: 30px;
	}

	#google-reviews {
		width: 60%;
	}

	.reviews-links {
		width: 50%;
	}

}

@media only screen and (max-width:1024px) {

	p {
		font-size: 16px;
	}

	.wrapper {
		padding: 0 20px;
	}

	.panel {
		padding: 50px 0 60px 0;
	}

	#header {
		height: 60px;
	}

	#header #logo {
		width: 140px;
		height: 60px;
	}

	#header #logo img {
		width: 90px;
	}

	#header #mobile {
		width: 40px;
		height: 60px;
		padding: 10px 0;
		margin-right: 20px;
		float: right;
		position: relative;
	}

	#header #mobile span,
	#header #mobile::before,
	#header #mobile::after {
		content: '';
		width: 100%;
		border-top: 2px solid #ff7a01;
		transition: all 720ms ease;
		position: absolute;
		right: 0;
	}

	#header #mobile::before {
		top: 20px;
	}

	#header #mobile span {
		top: 28px;
	}

	#header #mobile::after {
		top: 36px;
	}

	#header.active #mobile::before {
		transform: rotate(135deg);
		top: 27px;
	}

	#header.active #mobile span {
		width: 0;
		right: 50%;
	}

	#header.active #mobile::after {
		transform: rotate(-135deg);
		top: 27px;
	}

	#header nav {
		width: 100%;
		height: calc(100% - 60px);
		background-color: #fff;
		transition: all 720ms ease;
		transform: translateX(100%);
		position: fixed;
		top: 60px;
		right: 0;
	}

	#header nav.active {
		transform: translateX(0);
		right: 0;
	}

	#header nav .menu-main-container {
		width: 40%;
		height: 100%;
		position: absolute;
		right: 0;
	}

	#header nav .langs-menu {
		width: 60%;
		height: 100%;
		border: 0;
		border-right: 2px solid #f6f6f6;
		box-shadow: 0 0 0 transparent;
		top: 0;
		left: 0 !important;
		transform: translateX(0);
	}

	#header nav .langs-menu li:last-child {
		border-bottom: 2px solid #eaeaea;
	}

	#header nav .menu {
		width: 100%;
		height: auto;
		padding-top: 20px;
		display: block;
		float: left;
	}

	#header nav .menu li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
		text-align: left;
		float: left;
	}

	#header nav .menu li a {
		float: none;
		display: inline-block;
		font-size: 14px;
		line-height: 18px;
		text-transform: capitalize;
		padding: 0 20px;
	}

	#header nav .menu li.students {
		margin-bottom: 0;
	}

	#header nav .menu li.students a {
		width: 100%;
		position: static;
	}

	#all.active {
		transform: translateX(calc(-100vw + 140px));
	}

	#all.active::after {
		opacity: 1;
	}

	.contact {
		display: none;
	}

	#header .contact {
		display: block;
		background: #32324d;
		filter: none;
		bottom: 0;
		position: absolute;
		padding: 20px 0 10px 20px;
	}

	#header .contact a {
		opacity: 1;
	}

	#header .contact a span {
		filter: none;
	}

	#contact-form > div {
		width: 90%;
		padding: 30px;
	}

	#main #intro .desktop-image {
		display: none;
	}

	#main #intro .mobile-image {
		display: block;
	}

	#main #langs {
		padding: 0;
		text-align: center;
		display: block;
	}

	#main #langs li {
		margin: 0 5px 5px 5px;
		float: none;
		display: inline-block;
	}

	#main #langs li.marker {
		left: 50% !important;
		transform: translateX(-50%);
	}

	#highlight .w50 p {
		margin-top: 90px;
		margin-bottom: 0;
	}

	#main #highlight.panel {
		padding-bottom: 50px;
	}

	#highlight .w50 {
		width: 100%;
	}

	#highlight .prl25 {
		padding: 0;
	}

	#main #highlight h1,
	#main #reasons .w40 h2 {
		font-size: 30px;
	}

	#main #reasons {
		padding-bottom: 50px;
	}

	#main #reasons .w40 p {
		margin-bottom: 0;
	}

	#main #reasons .w40 a {
		display: none;
	}

	#main #reasons .w60 {
		border-bottom: 0;
	}

	#main #reasons .w60 a {
		margin-top: 50px;
		display: block;
	}

	#main-gallery {
		margin-bottom: 30px;
	}

	#head strong {
		width: 100%;
		padding: 0 20px;
		font-size: 22px;
		text-align: center;
		transform: translateY(-50%);
		left: 0;
	}

	#head img {
		width: 200%;
		margin-left: -100%;
	}

	#langs .lang {
		width: 100%;
		height: 150px;
	}

	.home #langs .lang {
		height: 220px;
	}

	.home #langs .lang h3 {
		margin-bottom: 15px;
	}

	#langs .lang a {
		font-size: 18px;
	}

	#modes .w40,
	#modes .w60 {
		width: 100%;
		padding: 30px 20px;
		padding-right: 20px;
		padding-left: 20px;
		position: static;
	}

	#modes .w60 {
		position: static;
	}

	#modes .w40 #mode-claim {
		font-size: 30px;
		margin-top: 20px;
	}

	#modes .w60 > div .title h3 {
		font-size: 22px;
	}

	#modes .w60 > div {
		display: block;
		border: 0;
	}

	#modes .w60 > div > div {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
		border: 0;
	}

	#modes .w60 > div .title h3 {
		margin-bottom: 0;
	}

	/* #modes .w60 > div:last-child {
		padding-top: 30px;
		border: 0;
		border-top: 2px solid #f6f6f6;
	} */
	.content-wrapper {
		width: 100%;
	}

	.centre .w50 {
		width: 100%;
		padding: 0;
	}

	.centre .cols25 {
		width: 100%;
		margin-left: 0;
	}

	.team .member .description .description-wrapper {
		width: 70%;
	}

	#timeline.visible {
/*		width: 80%;*/
	}

	#footer > .wrapper:first-child::after {
		display: none;
	}

	#footer .w70,
	#footer .w30 {
		width: 50%;
	}

	#footer {
		padding-top: 50px;
	}

	#footer #copy .wrapper {
		display: block;
	}

	#footer .w33 {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	#footer .w33 ul {
		width: auto;
		float: none;
		display: inline-block;
	}

	#footer #copy,
	#footer #copy a {
		float: none;
		display: inline-block;
	}

	.fleft h2 {
		font-size: 21px;
		margin-top: 20px;
	}

	.fleft h3 {
		font-weight: 400;
		font-size: 20px;
		margin-top: 20px;
	}

	.fleft h4 {
		font-size: 18px;
		margin-top: 20px;
	}

	#main #lang-sheet div.features {
		padding-right: 0;
	}

	#main #lang-sheet {
		padding: 30px 20px;
	}

	#google-reviews h3 {
		font-size: 24px !important;
		font-weight: 400;
		margin-top: 20px;
		color: white;
	}

	#timeline .item .year {
		font-size: 20px;
	}

	#main-reasons .cols50 {
		width: 100%;
		margin-left: 0;
	}

	.page-id-27 .owl-carousel .owl-item img {
		max-width: initial;
		object-fit: cover;
	}

}

@media only screen and (max-width:920px) {

	#main #langsnav li a {
		font-size: 16px;
	}

	#breadcrumbs {
		margin-bottom: 30px;
	}

	#highlight .w50 {
		width: 100%;
	}

	#highlight .w50 p {
		margin-top: 0;
	}

	#main #highlight .highlight {
		margin-bottom: 50px;
		padding-bottom: 50px;
	}

	#main #highlight .highlight > div {
		width: calc(100% / 3);
		margin-right: 0;
	}

	.team .w33 {
		width: 50%;
	}

	#content-login {
		width: 100%;
		padding: 30px;
	}

	#blog {
		width: 100%;
		padding-right: 0;
	}

	#sidebar {
		width: 100%;
	}

	.single #related .w50 {
		width: 100%;
		height: auto !important;
	}

	.single #related article:first-child {
		margin-right: 0;
	}

	.single #related article:last-child {
		margin-left: 0;
	}

	.single #blog article header .post-meta {
		padding: 10px;
	}

	.single #blog article header .post-meta a,
	.single #blog article header .post-meta span {
		font-size: 12px;
	}

	.single #blog article footer .share {
		padding: 10px 20px;
		margin: 0;
		background-color: #fff;
		border-top: 2px solid #eaeaea;
		justify-content: center;
		align-items: center;
		display: flex;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 3;
	}

	.single #blog article footer .share li {
		margin-bottom: 0;
		margin-right: 10px;
		float: left;
	}

	.single #blog article footer li a {
		font-size: 20px;
	}

	.single #blog article footer .share li:last-child {
		margin-right: 0;
	}

	.single #blog article footer .share li:first-child {
		width: auto;
		font-weight: 700;
		margin-right: 10px;
		float: left;
	}

	.single #blog article footer .share li:first-child span {
		display: none;
	}

	.lang article .title,
	.lang article .content {
		padding: 30px;
	}

	.lang article .content {
		padding-right: 50px;
	}

	#google-reviews,
	.reviews-links {
		width: 80%;
	}

	#footer .w70,
	#footer .w30 {
		width: 100%;
	}

	#footer .w70 {
		border-bottom: 2px solid #32334d;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

}

@media only screen and (max-width:850px) {

	#main #lang-sheet div.features {
		width: 100%;
	}

	#main #lang-sheet div.image {
		width: 100%;
		margin-top: 30px;
		max-height: 300px;
		overflow: hidden;
		float: left;
		position: static;
	}

}

@media only screen and (max-width:640px) {

	#main #langsnav {
		margin-top: 50px;
		display: block;
		text-align: center;
	}

	#main #langsnav li {
		display: inline-block;
		margin: 0 5px;
		float: none;
	}

	#main #langsnav li.marker {
		display: none;
	}

	#contact-form > h5 {
		font-size: 28px;
	}

	.home #main #schedule .owl-item {
		margin-bottom: 40px;
	}

	.home #main #schedule .owl-dots {
		height: 40px;
	}

	.home #main .owl-nav > button {
		width: 50px;
		height: 38px;
		top: auto;
		bottom: 2px;
	}

	.button.large {
		width: 200px;
		font-size: 16px;
	}

	#main .page-title {
		font-size: 24px;
	}

	.tax-idiomas article.lang h2 {
		font-size: 21px;
	}

	.tax-idiomas article.lang h3 {
		font-size: 18px;
	}

	.tax-idiomas .lang h4 {
		margin-top: 40px;
	}

	.lang article .title {
		width: 100%;
		padding: 10px;
		position: relative;
		border-right: 0;
		border-bottom: 2px solid #f6f6f6;
		float: left;
		display: none;
	}

	.lang article .title span {
		width: 100%;
		float: left;
		position: static;
	}

	.tax-idiomas .lang article .title {
		border-bottom: 0;
		display: block;
	}

	.tax-idiomas .lang article .title span {
		width: auto;
		float: none;
	}

	.lang article .content {
		width: 100%;
		margin-left: 0;
		padding: 20px;
		padding-right: 20px;
		padding-bottom: 60px;
	}

	.lang article .content p {
		font-size: 15px;
		line-height: 22px;
	}

	.lang article .more {
		width: 70px;
		height: 100px;
		padding-left: 0;
		padding-top: 5px;
		transform: translateY(0) translateX(-50%);
		align-items: flex-start;
		justify-content: center;
		top: auto;
		left: 50%;
		right: auto;
		bottom: -60px;
	}

	#main-reasons {
		margin-top: 30px;
		margin-bottom: 0;
	}

	#courses-dates article {
		padding: 20px 10px;
		position: relative;
	}

	#courses-dates article .date {
		padding-right: 20px;
		padding-left: 10px;
		margin-right: 20px;
	}

	#courses-dates article .date .day {
		font-size: 22px;
	}

	#courses-dates article .date .month {
		font-size: 14px;
	}

	#courses-dates article .title {
		width: 100%;
	}

	#courses-dates article .slider-course {
		font-size: 20px;
	}

	#courses-dates article .title > div {
		font-size: 15px;
	}

	#courses-dates article .button {
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
	}

	#courses-dates .more {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		transform: none;
		border-radius: 0;
		opacity: 0;
	}

	#courses-dates h5 {
		font-size: 15px;
		line-height: 20px;
	}

	.single-cursos #main-cta {
		margin-top: 30px;
	}

	#main-cta .cta-title {
		margin-top: 20px;
	}

	#breadcrumbs .wrapper {
		overflow: hidden;
		padding: 0;
		border-left: 20px solid white;
		border-right: 20px solid white;
		position: relative;
	}

	#breadcrumbs .wrapper::after {
		content: '';
		width: 30px;
		height: calc(100% - 2px);
		background: rgb(255, 255, 255);
		background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
		position: absolute;
		top: 0;
		right: 0;
	}

	#breadcrumbs ul {
		width: 300%;
	}

	.google-reviews-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	#google-reviews,
	.reviews-links {
		width: 100%;
	}

	#main #courses .courses a {
		width: 50%;
		padding: calc(25% - 30px);
		height: auto;
	}

	article .button.bottom {
		left: auto;
		transform: none;
	}

}

@media only screen and (max-width:500px) {

	.team .w33 {
		width: 100%;
	}

	.team .member .description .description-wrapper {
		width: 100%;
		height: calc(100% - 58px);
		padding: 30px;
		transform: none;
		top: 58px;
		left: 0;
	}

	.team .member {
		height: auto !important;
	}

	#blog article header h3 {
		font-size: 24px;
	}

	.content-wapper {
		padding: 20px;
	}

	#contact-form {
		display: block;
	}

	#contact-form.active {
		overflow: auto;
	}

	#contact-form > h5 {
		padding: 20px 10px;
		font-size: 20px;
		float: left;
		position: static;
	}

	#contact-form > div {
		width: 100%;
		padding: 20px;
		margin-top: 0;
	}

	#contact-form > div .select,
	#contact-form > div .input {
		width: 100%;
	}

	#contact-form > div .block.last {
		display: block;
	}

	#contact-form > div .acceptance {
		font-size: 13px;
	}

	#contact-form > div input[type="submit"] {
		margin-top: 20px;
		transform: translateX(-50%);
		position: relative;
		left: 50%;
		float: left;
	}

	#contact-form > div .showmessage span {
		display: none;
	}

	#content-login input {
		width: 100%;
		border-right: 2px solid #f6f6f6;
		border-radius: 5px;
	}

	#content-login button {
		margin-top: 10px;
		border-radius: 5px;
		float: right;
	}

	.reviews-links a:first-child {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.reviews-links a {
		width: 100%;
	}

}

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

	#header .contact a {
		margin-left: 10px;
	}

}