@media screen and (max-width: 1000px) {
	section {padding: 0 10px;}
	.head .tab span {display: none;}
	.head .tab img {margin: 0;}

	.calendar-cont {flex-wrap: wrap;}
	.calendar-cont .col-right, .calendar-cont .col-left {width: 100%;}
}

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

	.wrapper {padding-top: 137px}
	
	.head .btn {padding: 17px 10px 12px;min-width: 50px;}
	.head .tabs-cont {float: none;width: 100%;text-align: center;padding-bottom: 5px;display: flex;align-items: center;justify-content: space-around;}
	.head .tabs-cont .tab {padding: 10px 15px;margin: 0;background: none;border: none;}
	.head .tabs-cont .tab img {width: 25px;}
	.head .tab.active::after {margin-top: -13px;}

	.breadcrumb {top: 105px}

	.wizard-cont .icon {margin: 0 15px;}
	.wizard-cont .icon:before, .wizard-cont .icon:after {width: 15px;}

	.accordion .options .name h1 {font-size: 1.5rem;}
	.accordion .options .name h2 {font-size: 1rem;}

	/* notificacion chat */
	.new-chat {top: 14px;left: 10px;}

}

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

	.login-cont {margin: 10px;}

	.head .logo {width: 250px;}
	.slider.vocabulary {height: 100px;}
	.slider h1 {font-size: 2rem;}

	.wizard-cont {height: 30px;}
	.wizard-cont .wizard {margin-top: -30px;}
	.wizard-cont .icon {width: 40px;height: 40px;margin: 0 10px;}
	.wizard-cont .icon img {width: 70%;}
	.wizard-cont .icon:before, .wizard-cont .icon:after {width: 10px;}

	.footer p {width: 100%;padding: 10px;}
	.footer .logo {width: 100%;text-align: center;}
	.footer .logo img {width: 150px;}

	.class-item h3 {font-size: .9rem;}
}


@media screen and (max-width: 375px) {
	
	.slider h1 {font-size: 2.5rem;}

}