/* ============ for tablet ============ */
@media (max-width: 991px) {
	/* -- header -- */
	header i.fa-bars {
	  cursor: pointer;
	  font-size: 21px;
	  padding: 0 10px;
	  position: absolute;
	  right: 20px;
	  top: -15px;
	}
	header ul.menu {
	  display: none;
	}
	header ul.menu li {
	  float: none !important;
	  font-size: 13px;
	  margin: 0 0 5px;
	} 
}



/* ============ for mobile ============ */
@media (max-width: 768px) {
	/* === banner === */
	.banner-section .banner-caption {padding: 10px 0;}
	.banner-section .banner-caption, .banner-section .register-form {
	  left: 0 !important;
	  position: relative !important;
	  top: 0 !important;
	  transform: none !important;
	  text-align: center;
	}
	.banner-section .banner-caption h2 {
/*	  color: #424244 !important;*/
	  font-size: 15px !important;
	  line-height: 26px !important;
	  margin: 0 !important;;
	  text-align: center;
	  top: 0;
	}
	.banner-section .banner-caption span {font-size: 14px; color: #424244 !important;}
	.banner-section .register-form {
	  padding: 20px 20px 50px !important;
	  width: 100% !important;
	}
	.banner-section .carousel-control-prev, .banner-section .carousel-control-next {
	  top: 43% !important;;
	}
	.banner-section .carousel-control-prev {left: 0 !important;}
	.banner-section .carousel-control-next {right: 0 !important;}

	/* === ranked-courses-section === */
	.ranked-courses-section, .scholarship-section, .top-courses-section {padding: 30px 0 !important;}
	.ranked-courses-section h2, .scholarship-section h2, .top-courses-section h2 {
	  font-size: 19px !important;
	  line-height: 23px !important;
	}
	.ranked-courses-section .box {margin: 20px 0 0 !important;}
	
	/* === scholarship-courses-section === */
	.scholarship-section .scholarship-description {
	  flex-wrap: wrap-reverse;
	}
	.scholarship-section h2, .scholarship-section h3 {
	  margin-bottom: 20px !important;
	  top: 0 !important;
	}
	.scholarship-section h2::before, .scholarship-section h2::after {display: none;}
	.scholarship-section h3 {
	  font-size: 14px !important;
	  height: auto !important;
	  margin: 0 auto 10px !important;
	  max-height: 160px !important;
	  padding: 15px 10px !important;
	  text-align: center;
	  width: 90% !important;
	}
	.scholarship-section h3 img {
	  display: block !important;
	  float: none !important;
	  margin: auto !important;
	}
	.scholarship-section p {
	  width: 100% !important;
	}

	/* === why-section === */
	.why-section {text-align: center;}
	why-section .why-box {padding: 0 !important}
	.why-section .why-box h2 {
	  font-size: 20px !important;
	}

	/* === top-courses-section === */
	.top-courses-section ul {
	  margin: 0 0 15px !important;
	}
	.top-courses-section ul li {font-size: 13px;}

	/* === copyright-section === */
	.copyright-section p {
	  font-size: 12px !important;
	}


}