/*--------------------------------------- Responsive (MIN) ------------------------------------------*/
@media (min-width: 1367px) {
	.container {max-width:1240px}
}

@media (min-width: 1200px) {
	.container {max-width:1140px}
}

@media (min-width: 768px) {
	.banner .figure-main {padding: 0; right:-24px}
}

@media (max-width: 1366px) {
	.year {font-size: 14px;left: -40px;bottom: 244px;}
}

@media (max-width: 990px) {
	
}

@media (max-width: 768px) {
	header .navbar-light .navbar-collapse {display: inline-block;align-self: center;}
	header .navbar-light .navbar-collapse .navbar-nav.mobile {display: flex;flex-direction: row;justify-content: flex-end;}
	header .navbar {flex-wrap: nowrap;justify-content: space-between;}
	header .navbar-brand img {max-width: 160px;}
}

@media (max-width: 640px) {
	header {padding-top: 4px;}
	header .navbar-light .navbar-collapse .navbar-nav {margin-right: 0;flex-direction: row;justify-content: flex-end;}
	header .navbar-light .navbar-nav .nav-link {font-size: 14px;padding-left: 20px;}
	
	.banner {padding-top: 0;padding-bottom: 32px;}
	.banner h2 span.typewriter-text i {width: 20px}
	.banner h2 {font-size: 36px;padding-top: 48px;}
	.banner h2 span.divide {height: 30px; top: -6px;}
	.banner h2 span.divide::before {top: 28px;}
	.banner .descript {font-size: 24px;margin-top: 7px;}
	
	.banner .mw-60 {max-width: 48%;}
	
	.dots {top: 13px;right: 16px;text-align: right;}
	.close-1 {display: none;}
	.close-2 {right: 130px;bottom: initial;top: 10px;}
	.subtr {display: none;}
	.cours {
    padding-top: 32px;
}
	.cours h2 {margin-bottom: 20px;font-size: 32px;}
	.cours .cour {margin-bottom: 24px;}
	.cours h4 {margin-bottom: 8px;}
	
	footer .contact {padding-bottom: 72px;}
	footer .contact h2 {font-size: 32px}
	
}

@media (max-width: 414px) {
	
}

@media (max-width: 375px) {
	header .navbar-brand img {max-width: 136px;}
	header .navbar-light .navbar-nav .nav-link {font-size: 13px;text-transform: uppercase;padding-left: 16px;}
	
	.dots {top: 13px;right: 13px;text-align: right;}
}