/* TABLET */
@media only screen and ( min-width:720px ) and (max-width:1060px){
	.desktop, .movil{ display: none; }
	.tablet{ display: block; }

	body{
		padding-top: 67px;
	}
	header nav, header .inicio-session, header .selector{
		display: none;
	}
	#menu{
		display: block;
	    position: absolute;
		left: 15px;
		top: 20px;
	    z-index: 1001;
	}
	.nav-movil{
		position: fixed;
	    width: 100%;
	    height: 100%;
	    background: #ffffff;
	    top: 67px;
	    z-index: 1000;
	    right: 0;
	}
	.nav-movil ul{
		list-style: none;
		padding: 20px;
    	margin: 0;
	}
	.nav-movil ul li{
	    padding: 20px 0px 20px 0;
	    font-size: 16px;
	    display: table;
	    clear: both;
	}
	.nav-movil ul li a{
		color: #9c9b9b;
	}
	.nav-movil ul li.active{
		border-bottom: 3px solid #ffca34;
	    padding-bottom: 5px;
	    transition: 0.3s all ease;
		-webkit-transition: 0.3s all ease;
	}
	.nav-movil ul li.active a{
		color: #3b3b3a;
		font-weight: 400;
		transition: 0.3s all ease;
		-webkit-transition: 0.3s all ease;
	}
	.nav-movil ul li a.btn{
		color: #3b3b3a;
	    font-size: 14px;
    	padding: 10px 20px;
	}

	span#x {
	  display: block;
	  width: 30px;
	  height: 30px;
	  cursor: pointer;
	  -webkit-transition: all .3s ease, -webkit-transform .2s ease;
	          transition: all .3s ease, transform .2s ease;
	  background: -webkit-linear-gradient(to bottom, transparent 0%, transparent 10%, #e1e1e1 10%, #e1e1e1 20%, transparent 20%, transparent 40%, #e1e1e1 40%, #e1e1e1 50%, transparent 50%, transparent 70%, #e1e1e1 70%, #e1e1e1 80%, transparent 80%), linear-gradient(transparent, transparent);
	  background: linear-gradient(to bottom, transparent 0%, transparent 10%, #e1e1e1 10%, #e1e1e1 20%, transparent 20%, transparent 40%, #e1e1e1 40%, #e1e1e1 50%, transparent 50%, transparent 70%, #e1e1e1 70%, #e1e1e1 80%, transparent 80%), linear-gradient(transparent, transparent);
	  -webkit-transform: scale(0.9);
	      -ms-transform: scale(0.9);
	          transform: scale(0.9);
	}
	span#x.clicked {
	  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, #e1e1e1 46%, #e1e1e1 55%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 46%, #e1e1e1 46%, #e1e1e1 55%, transparent 51%, transparent 100%);
	  background: linear-gradient(-45deg, transparent 0%, transparent 46%, #e1e1e1 46%, #e1e1e1 55%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 46%, #e1e1e1 46%, #e1e1e1 55%, transparent 51%, transparent 100%);
	  -webkit-transform: rotate(180deg);
	      -ms-transform: rotate(180deg);
	          transform: rotate(180deg);
	}
	span#x.clicked:active, span#x.clicked:hover {
	  -webkit-transform: scale(0.9) rotate(180deg);
	      -ms-transform: scale(0.9) rotate(180deg);
	          transform: scale(0.9) rotate(180deg);
	}
	header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9990;
	}
	header .btn{
		font-size: 12px;
		margin-right: 15px;
		padding: 10px;
	}
	header .logo{
		max-width: 80px;
	}
	footer{
		position: relative;
	}
	footer nav ul{
		margin-top: 20px;
	}
	footer nav ul li{
	    margin: 10px 20px 0 0;
    	text-align: center;
    	width: 100%;
	}
	footer .iso{
	    position: absolute;
	    top: 10px;
	    left: calc(50% - 17px);
	}
	.sobre .head .prev, .sobre .head .next{
		display: none;
	}
	.content{
		padding: 20px 10px;
	}
	.content p{
		padding: 0 30px;
		margin: 30px auto;
	}
	.content .nav{
		display: none;
	}
	.select{
	    width: 30px;
	    height: 20px;
	    background: url(../img/select-arrow.png) center center no-repeat;
	    display: inline-block;
	    position: relative;
	    transition: 0.3s all ease;
	    -webkit-transition: 0.3s all ease;
	}
	.sobre .head .title ul{
		display: none;
	    margin: 0 auto;
	    list-style: none;
	    padding: 0;
	}
	.sobre .head .title ul li{
		text-align: center;
	    padding: 10px;
	    float: left;
	    width: 100%;
	    font-size: 12px;
	}
	.sobre .head .title ul li a{
	    color: #3b3b3a;
    	font-size: 12px;
	}
	.content .cols .col{
		width: 100%;
    	margin: 0 auto;
    	float: none;
    	display: table;
    	clear: both;
    	max-width: 252px;
	}
	.content .cols .col:nth-child(3n){
		margin: 0 auto;
	}
	.content .cols .col p{
		padding: 0;
	}
	.content .cols .mid{
		width: 100%;
		margin: 0 auto;
	}
	.content .cols .mid:nth-child(2n){
		margin: 0 auto;	
	}
	.content .cols .mid .box{
		padding: 0 40px;
	}
	.content .cols .mid .text{
		width: 100%;
    	margin: 10px 0 0;
	}
	.content .cols .mid p{
		padding: 0;
	}
	.estudios .boxes .box{
		width: 100%;
	}
	.estudios .clases .clase{
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	.inst-estudio .instructor .name{
		opacity: 1;
	}
	.comunidad .box{
		width: 100%;
		margin: 0 auto 50px;
	}
	.comunidad .box:nth-child(4n){
		margin: 0 auto 50px;
	}
	.calendario .title{
		position: relative;
		padding: 20px 40px;
		font-size: 18px;
		background: transparent;
		width: 100%;
		height: auto;
	}
	.calendario #map{
		width: 100%;
	}
	.calendario .dias .dia .box{
	    padding: 8px;
    	font-size: 12px;
	}
	.calendario .dias .dia .box span{
		font-size: 16px;
	}
	.calendario .clases .clase{
		width: 100%;
	}
	.instructors .content .inst{
		border-right: 0;
		width: calc(100% / 3);
		max-height: 200px;
		border-top: 0;
		border-bottom: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
	}
	.instructors .content .inst:nth-child(3n){
		border-right: 0;
	}
	.instructors .content .inst:nth-child(5n){
		border-right: 1px solid #f0f0f0;	
	}
	.instructors .content .inst img{
	    width: auto;
	    height: 200px;
	    margin: 0 auto;
	    display: table;
	    padding-top: 20px;
	}
	.instructors .content .inst .name{
		position: absolute;
	    top: 0;
	    left: 0;
	    text-align: left;
	    padding-left: 20px;
	}
	.instructors .head{
		padding: 0;
	}
	.instructors .selector{
		width: 100%;
	}
	.instructors .buscador{
		width: 100%;
	}
	.instructor .box{
		width: 100%;
	}
	.instructor .box p{
		padding: 0;
	}
	.instructor .box:nth-child(2){
		padding: 0;
	}
	.instructor #map{
		margin-bottom: 20px;
	}
	.proximas-clases .clases .clase{
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	.instructor .img.movil{
	    width: 150px;
	    height: 150px;
	    border-radius: 100%;
	    border: 5px solid #939598;
	    margin: -50px auto 20px;
	    overflow: hidden;
	    z-index: 1;
	    position: relative;
	    background: #ebebeb;
	}
	.clase-estudio .instructor{
	    width: 100px;
    	height: 100px;
    	left: calc(50% - 80px);
	}
	.login-page{
		padding: 20px 40px;
	}
	.login-page .mid{
		width: 100%;
	}
	.nav-datos{
		padding: 15px;
	}
	.nav-datos .movil{
		text-align: center;
		color: #9c9b9b;
	}
	.nav-datos ul{
		display: none;
	}
	.nav-datos ul li{
	    float: left;
	    width: 100%;
	    text-align: center;
	    padding: 8px 0;
	}
	.nav-datos ul li.active{
		display: none;
	}
	.nav-datos .select{
	    height: 15px;
	    width: 100%;
	    margin-top: 8px;
	}
	.page{
		padding: 20px;
	}
	.page h3{
		display: none;
	}
	.page .col{
		width: 100%;
		margin: 0 0 30px;
	}
	.page .clases{
		margin-top: 10px;
	}
	.page .clases .clase{
		width: 100%;
		margin-right: 0;
	}
	.page .filtro{
		width: 100%;
	}
	.page .compra-creditos{
		display: none;
	}
	.page .lista{
		width: 100%;
	}
	.page .lista .item span{
		display: block;
		margin: 0;
	}
	.page .lista .item strong{
		float: none;
		display: block;
	}
	.comprar-clases{
		padding: 0;
	}
	.comprar-clases .title{
		width: 100%;
	}
	.comprar-clases .oferta{
		width: 100%;
		margin-right: 0;
	}
	.comprar-clases .planes .plan{
		width: 100%;
	}
	.comprar-clases .planes{
		margin: 5px 0 0;
	}
	.carro .title{
		padding: 20px 20px 0;
	}
	.carro .cart .head{
		padding: 0 20px;
	}
	.carro .cart .head .campo-l{
		padding-bottom: 20px;
	}
	.carro .cart .head .campo-m{
		display: none;
	}
	header .log-content{
		padding: 30px 40px 50px;
	}
	header .log-content .title{
		width: 100%;
	}
	header .log-content .others{
		display: none;
	}
	header .log-content .close{
		right: 40px;
	}
	header .log-content .recuperar input[type="text"]{
		width: 100%;
	}
	header .log-content input[type="submit"]{
		width: 100%;
		margin-top: 15px;
	}
	.trabaja{
	    background: url('../img/trabaja-con-nosotros.png') right top no-repeat;
	}
	.trabaja form{
		width: 100%;
		margin: 0;
		padding: 0 40px;
	}
	.contacto{
		    background: url(../img/contacto-corporativo.png) right top no-repeat;
	}
	.contacto form{
		width: 100%;
		margin: 0;
		padding: 0 40px;
	}

	.carro .cart .body{
		padding: 0 20px;
	}
	.carro .cart .foot .resumen, .carro .cart .foot .total{
		padding-right: 20px;
		width: calc(46% - 5px);
	}
	.carro .cart .foot .codigo{
		padding: 0 20px;
		width: calc(54% + 5px);
	}
	.carro .cart .foot .codigo input{
		width: 100%;
	}
	.carro .cart .foot .pago{
		width: calc(46% - 5px);
		padding: 0 20px;
	}
	.carro .cart .foot .resumen .line{
		padding: 10px 20px;
	}
	.carro .cart .foot .total .line{
		padding: 10px 20px;
	}
	footer nav{
		width: 100%;
	}
	#instafeed a{
	    width: calc(100% / 4 - 1px);
	}
	#instafeed a:nth-child(5n){
		margin-right: 0;
	}
	#instafeed a:nth-child(7n){
		margin-right: 1px;
	}
	footer .social{
		float: none;
		display: table;
		clear: both;
		margin: 0 auto;
		padding-top: 10px;
	}

	.nav-com{
		text-align: center;
	}
	.nav-com h2{
		width: calc(100% - 30px);
	}
	.nav-com ul{
		display: none;
	    margin: 0 auto;
	    list-style: none;
	    padding: 0;
	}
	.nav-com ul li{
		text-align: center;
	    padding: 10px;
	    float: left;
	    width: 100%;
	    font-size: 12px;
	}
	.nav-com ul li a{
	    color: #3b3b3a;
    	font-size: 12px;
	}
	.nav-com .select{
		margin-top: 5px;
	}
	.comunidad{
		padding: 0 20px 30px;
	}
}

/* SMARTPHONE */
@media only screen and ( min-width:320px ) and (max-width:719px){
	.desktop, .tablet{ display: none; }
	.movil{ display: block; }

	body{
		padding-top: 67px;
	}
	header nav, header .inicio-session, header .selector{
		display: none;
	}
	#menu{
		display: block;
	    position: absolute;
		left: 15px;
		top: 20px;
	    z-index: 1001;
	}
	.nav-movil{
		position: fixed;
	    width: 100%;
	    height: 100%;
	    background: #ffffff;
	    top: 67px;
	    z-index: 1000;
	    right: 0;
	}
	.nav-movil ul{
		list-style: none;
		padding: 20px;
    	margin: 0;
	}
	.nav-movil ul li{
	    padding: 20px 0px 20px 0;
	    font-size: 16px;
	    display: table;
	    clear: both;
	}
	.nav-movil ul li a{
		color: #9c9b9b;
	}
	.nav-movil ul li.active{
		border-bottom: 3px solid #ffca34;
	    padding-bottom: 5px;
	    transition: 0.3s all ease;
		-webkit-transition: 0.3s all ease;
	}
	.nav-movil ul li.active a{
		color: #3b3b3a;
		font-weight: 400;
		transition: 0.3s all ease;
		-webkit-transition: 0.3s all ease;
	}
	.nav-movil ul li a.btn{
		color: #3b3b3a;
	    font-size: 14px;
    	padding: 10px 20px;
	}

	span#x {
	  display: block;
	  width: 30px;
	  height: 30px;
	  cursor: pointer;
	  -webkit-transition: all .3s ease, -webkit-transform .2s ease;
	          transition: all .3s ease, transform .2s ease;
	  background: -webkit-linear-gradient(to bottom, transparent 0%, transparent 10%, #e1e1e1 10%, #e1e1e1 20%, transparent 20%, transparent 40%, #e1e1e1 40%, #e1e1e1 50%, transparent 50%, transparent 70%, #e1e1e1 70%, #e1e1e1 80%, transparent 80%), linear-gradient(transparent, transparent);
	  background: linear-gradient(to bottom, transparent 0%, transparent 10%, #e1e1e1 10%, #e1e1e1 20%, transparent 20%, transparent 40%, #e1e1e1 40%, #e1e1e1 50%, transparent 50%, transparent 70%, #e1e1e1 70%, #e1e1e1 80%, transparent 80%), linear-gradient(transparent, transparent);
	  -webkit-transform: scale(0.9);
	      -ms-transform: scale(0.9);
	          transform: scale(0.9);
	}
	span#x.clicked {
	  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, #e1e1e1 46%, #e1e1e1 55%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 46%, #e1e1e1 46%, #e1e1e1 55%, transparent 51%, transparent 100%);
	  background: linear-gradient(-45deg, transparent 0%, transparent 46%, #e1e1e1 46%, #e1e1e1 55%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 46%, #e1e1e1 46%, #e1e1e1 55%, transparent 51%, transparent 100%);
	  -webkit-transform: rotate(180deg);
	      -ms-transform: rotate(180deg);
	          transform: rotate(180deg);
	}
	span#x.clicked:active, span#x.clicked:hover {
	  -webkit-transform: scale(0.9) rotate(180deg);
	      -ms-transform: scale(0.9) rotate(180deg);
	          transform: scale(0.9) rotate(180deg);
	}
	header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9990;
	}
	header .btn{
		font-size: 12px;
		margin-right: 15px;
		padding: 10px;
	}
	header .logo{
		max-width: 80px;
	}
	header .user-log{
		display: none;
	}
	.nav-movil ul li a.user-log{
		display: flex;
	}
	footer{
		position: relative;
	}
	footer nav ul{
		margin-top: 20px;
	}
	footer nav ul li{
	    margin: 10px 20px 0 0;
    	text-align: center;
    	width: 100%;
	}
	footer .iso{
	    position: absolute;
	    top: 10px;
	    left: calc(50% - 17px);
	}
	.sobre .head .prev, .sobre .head .next{
		display: none;
	}
	.content{
		padding: 20px 10px;
	}
	.content p{
		padding: 0 30px;
		margin: 30px auto;
	}
	.content .nav{
		display: none;
	}
	.select{
	    width: 30px;
	    height: 20px;
	    background: url(../img/select-arrow.png) center center no-repeat;
	    display: inline-block;
	    position: relative;
	    transition: 0.3s all ease;
	    -webkit-transition: 0.3s all ease;
	}
	.sobre .head .title ul{
		display: none;
	    margin: 0 auto;
	    list-style: none;
	    padding: 0;
	}
	.sobre .head .title ul li{
		text-align: center;
	    padding: 10px;
	    float: left;
	    width: 100%;
	    font-size: 12px;
	}
	.sobre .head .title ul li a{
	    color: #3b3b3a;
    	font-size: 12px;
	}
	.content .cols .col{
		width: 100%;
    	margin: 0 auto;
    	float: none;
    	display: table;
    	clear: both;
    	max-width: 252px;
	}
	.content .cols .col:nth-child(3n){
		margin: 0 auto;
	}
	.content .cols .col p{
		padding: 0;
	}
	.content .cols .mid{
		width: 100%;
		margin: 0 auto;
	}
	.content .cols .mid:nth-child(2n){
		margin: 0 auto;	
	}
	.content .cols .mid .box{
		padding: 0 40px;
	}
	.content .cols .mid .text{
		width: 100%;
    	margin: 10px 0 0;
	}
	.content .cols .mid p{
		padding: 0;
	}
	.estudios .boxes .box{
		width: 100%;
	}
	.estudios .clases .clase{
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	.inst-estudio .instructor .name{
		opacity: 1;
	}
	.comunidad .box{
		width: 100%;
		margin: 0 auto 50px;
	}
	.comunidad .box:nth-child(4n){
		margin: 0 auto 50px;
	}
	.calendario .title{
		position: relative;
		padding: 20px 40px;
		font-size: 18px;
		background: transparent;
		width: 100%;
		height: auto;
	}
	.calendario #map{
		width: 100%;
	}
	.calendario .dias .dia .box{
	    padding: 8px;
    	font-size: 12px;
	}
	.calendario .dias .dia .box span{
		font-size: 16px;
	}
	.calendario .clases .clase{
		width: 100%;
	}
	.instructors .content .inst{
		border-right: 0;
		width: 100%;
		max-height: 200px;
		border-top: 0;
		border-bottom: 1px solid #f0f0f0;
	}
	.instructors .content .inst:first-child{
		border-top: 1px solid #f0f0f0;	
	}
	.instructors .content .inst img{
	    width: auto;
	    height: 200px;
	    margin: 0 auto;
	    display: table;
	    padding-top: 20px;
	}
	.instructors .content .inst .name{
		position: absolute;
	    top: 0;
	    left: 0;
	    text-align: left;
	    padding-left: 20px;
	}
	.instructors .head{
		padding: 0;
	}
	.instructors .selector{
		width: 100%;
	}
	.instructors .buscador{
		width: 100%;
	}
	.instructor .box{
		width: 100%;
	}
	.instructor .box p{
		padding: 0;
	}
	.instructor .box:nth-child(2){
		padding: 0;
	}
	.instructor #map{
		margin-bottom: 20px;
	}
	.proximas-clases .clases .clase{
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	.instructor .img.movil{
	    width: 150px;
	    height: 150px;
	    border-radius: 100%;
	    border: 5px solid #939598;
	    margin: -50px auto 20px;
	    overflow: hidden;
	    z-index: 1;
	    position: relative;
	    background: #ebebeb;
	}
	.clase-estudio .instructor{
	    width: 100px;
    	height: 100px;
    	left: calc(50% - 80px);
	}
	.login-page{
		padding: 20px 40px;
	}
	.login-page .mid{
		width: 100%;
	}
	.nav-datos{
		padding: 15px;
	}
	.nav-datos .movil{
		text-align: center;
		color: #9c9b9b;
	}
	.nav-datos ul{
		display: none;
	}
	.nav-datos ul li{
	    float: left;
	    width: 100%;
	    text-align: center;
	    padding: 8px 0;
	}
	.nav-datos ul li.active{
		display: none;
	}
	.nav-datos .select{
	    height: 15px;
	    width: 100%;
	    margin-top: 8px;
	}
	.page{
		padding: 20px;
	}
	.page h3{
		display: none;
	}
	.page .col{
		width: 100%;
		margin: 0 0 30px;
	}
	.page .clases{
		margin-top: 10px;
	}
	.page .clases .clase{
		width: 100%;
		margin-right: 0;
	}
	.page .filtro{
		width: 100%;
	}
	.page .compra-creditos{
		display: none;
	}
	.page .lista{
		width: 100%;
	}
	.page .lista .item span{
		display: block;
		margin: 0;
	}
	.page .lista .item strong{
		float: none;
		display: block;
	}
	.comprar-clases{
		padding: 0;
	}
	.comprar-clases .title{
		width: 100%;
	}
	.comprar-clases .oferta{
		width: 100%;
		margin-right: 0;
	}
	.comprar-clases .planes .plan{
		width: 100%;
	}
	.comprar-clases .planes{
		margin: 5px 0 0;
	}
	.carro .title{
		padding: 20px 20px 0;
	}
	.carro .cart .head{
		padding: 0 20px;
	}
	.carro .cart .head .campo-l{
		padding-bottom: 20px;
	}
	.carro .cart .head .campo-m{
		display: none;
	}
	header .log-content{
		padding: 30px 40px 50px;
	}
	header .log-content .title{
		width: 100%;
	}
	header .log-content .others{
		display: none;
	}
	header .log-content .close{
		right: 40px;
	}
	header .log-content .recuperar input[type="text"]{
		width: 100%;
	}
	header .log-content input[type="submit"]{
		width: 100%;
		margin-top: 15px;
	}
	.trabaja{
	    background: url('../img/trabaja-con-nosotros.png') left top no-repeat;
	}
	.trabaja form{
		width: 100%;
		margin: 0;
		padding: 0 40px;
	}
	.contacto{
		    background: url(../img/contacto-corporativo.png) left top no-repeat;
	}
	.contacto form{
		width: 100%;
		margin: 0;
		padding: 0 40px;
	}
	.carro .cart .body{
		padding: 0 20px;
	}
	.carro .cart .body .dato-l{
		width: 100%;
		border: 0;
	}
	.carro .cart .body .dato-m{
		width: calc(100% / 3);
		border-bottom: 1px solid #f0f0f0;
	}
	.carro .cart .body .precio{
		padding: 32px 0 31px;
	}
	.carro .cart .foot .resumen, .carro .cart .foot .total{
		padding-right: 20px;
		width: 100%;
	}
	.carro .cart .foot .codigo{
		padding: 0 20px;
		width: 100%
	}
	.carro .cart .foot .codigo input{
		width: 100%;
	}
	.carro .cart .foot .codigo a{
		width: 100%;
	}
	.carro .cart .foot .pago{
		width: 100%;
		padding: 0 20px;
	}
	.carro .cart .foot .resumen .line{
		padding: 10px 20px;
	}
	.carro .cart .foot .total .line{
		padding: 10px 20px;
	}
	footer nav{
		width: 100%;
	}
	#instafeed a{
	    width: calc(100% / 2 - 1px);
	}
	#instafeed a:nth-child(3n){
	    margin-right: 1px;
	}
	#instafeed a:nth-child(7n){
		margin-right: 0px;
	}
	footer .social{
		float: none;
		display: table;
		clear: both;
		margin: 0 auto;
		padding-top: 10px;
	}
	.nav-com{
		text-align: center;
	}
	.nav-com h2{
		width: calc(100% - 30px);
	}
	.nav-com ul{
		display: none;
	    margin: 0 auto;
	    list-style: none;
	    padding: 0;
	}
	.nav-com ul li{
		text-align: center;
	    padding: 10px;
	    float: left;
	    width: 100%;
	    font-size: 12px;
	}
	.nav-com ul li a{
	    color: #3b3b3a;
    	font-size: 12px;
	}
	.nav-com .select{
		margin-top: 5px;
	}
	.comunidad{
		padding: 0 20px 30px;
	}
	.comunidad .content p{
		padding: 0;
	}
	.banner .title{
	    width: 98%;
	    top: auto;
	    left: 1%;
	    font-size: 24px;
	    padding: 20px 0;
	    height: auto;
	    bottom: -15px;
	}
	.frmMetodoPago{
		flex-direction: column;
		padding: 40px 0;
	}
	.frmMetodoPago .radio{
		padding: 20px;
	}
	.calendario .head{
		padding: 0;
	}
	.calendario .selector{
		width: 100%;
		letter-spacing: 0px;
	}
	.calendario .title{
		display: none;
	}
	.sobre .content .principal{
		flex-direction: column;
	}
}
@media only screen and (max-width:900px){
    .banner_estudios{background-size: auto 100%; height: 250px;}
}

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

    .info404{top: 50px; left: 0px; width: 100%; margin-top: 50px;}
    .cont404{float: right; width: 100%; margin-top: 200px;}
    
    
.info404 h4{float: left; width: 100%; margin: 0; padding: 0; font-size: 40px; text-align: center;}
.info404 h2{float: left; width: 100%; margin: -20px 0 0 0; padding: 0; font-size: 100px; color: #ffb718; text-align: center;}
.info404 p{float: left; width: 100%; margin: 0; padding: 0; font-size: 16px; text-align: center;}
    

}