/* Media Queries */

/* min-with 992px to 1024px */ 
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.placement-test-content h3 { margin-bottom: 20px !important }
	header nav ul { padding: 0 }
	.header-menu li:last-child { padding-right: 0 }
}

/* 768px to 992px */ 
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.placement-test-wrap .placement-test-content { padding-left: 4% }
	.placement-test-wrap .placement-test-content h1 { font-size: 1.5rem }
	.placement-test-wrap .placement-test-content h3 { font-size: 1.2rem; margin-bottom: 5px !important }
	.placement-test-wrap .placement-test-btn { padding: 6px 20px }
	.blog-wrap .blog-content { flex-direction: column }
	.blog-wrap .blog-content .col-md-12 { margin-bottom: 20px }
}

/* max-with 767px */ 
@media only screen and (max-width: 767px) {
	.lessons-wrap .lessons-list li,
	.placement-test-wrap,
	.lesson-calendar-wrap .lesson-calendar-title,
	.blog-wrap .blog-content {
		flex-direction: column;
	}
	header nav { display: none; }
	.menu-btn { display: block; }
	.placement-test-wrap .placement-test-content,
	.placement-test-wrap .placement-test-image,
	.galeri-wrap {
		width: 100%;
	}
	.galeri-wrap {
		padding: 40px 15px;
	}
	.placement-test-wrap .placement-test-content {
		order: 2;
		padding-left: 5%;
		padding-bottom: 5%;
	}
	.placement-test-wrap .placement-test-content h1 {
		font-size: 1.5rem;
	}
	.placement-test-wrap .placement-test-content h3 {
		font-size: 1.2rem;
	}
	.placement-test-wrap .placement-test-image {
		order: 1;
		margin-bottom: 15px;
	}
	.lesson-calendar-wrap .lesson-calendar-title h4,
	.lesson-calendar-title .lesson-calendar-buttons {
		width: 100%;
		text-align: center;
	}
	.lessons-wrap .lessons-list li,
	.lessons-wrap .lessons-list li h4 {
		margin-bottom: 10px;
	}
	.lesson-calendar-content .calendar-desc { margin-bottom: 6%; }
	.lesson-calendar-content .card-body .row:first-child { margin-bottom: 0; }
	
	footer .d-flex-center {
		margin-bottom: 20px;
		align-items: flex-start;
	}
	.newsletter-form input { margin-bottom: 10px; }
	.galeri-slider-container {
		display: none;
	}
}

/* max-with 375px */ 
@media only screen and (max-width: 375px) {
	body {
		font-size: 1em;
	}
	.lessons-wrap { padding: 40px 0 30px; }
	.lessons-wrap h2 { font-size: 1.2em; }
	.lessons-wrap .lessons-list li { font-size: 1rem; }
	.lessons-wrap .lessons-list li h4 { font-size: 1em; }
	.placement-test-wrap .placement-test-content h1 { font-size: 1.2rem; }
	.placement-test-wrap .placement-test-content h3 { margin-bottom: 25px !important; font-size: 1rem; }
	.placement-test-wrap .placement-test-image { margin-bottom: 30px; }
	.placement-test-wrap .placement-test-content { padding-bottom: 7%; }
	.blog-wrap { margin-bottom: 30px; }
	.blog-content .col-12 { margin-bottom: 30px; }
	footer { padding: 30px 0; }
}