/*================= Hi-res laptops and desktops================= */
@media (min-width: 1170px) and (max-width: 1281px) {	

}
/*================ Normal desktop ==================== */
@media (min-width: 992px) and (max-width: 1199px) {
	/*Navigation*/
	nav.navigate-mumi ul li a {
	    padding: 15px 10px;
	}
	/*Course*/
	.course-details span.price:before {
		display: none;
	}
	.course-details span.price {
	    margin-right: 5px;
	}
	.admit {
	    margin-right: 0px;
	}
	.admit button.btn.btn-mumi.mborder {
	    padding: 5px;
	}
	/*Blog*/
	.news-area .entry-meta:before {
	    border-left: 261px solid #28a745;
	}
}
/*================ Tablet desktop :768px.==================*/
@media (min-width: 768px) and (max-width: 991px) {	
	/*Slider (social link)*/
	.social-links ul {
	    top: 5%;
	}
	/*Course*/
	.course-details span.price {
	    margin-right: 10px;
	}
	.course-details span.price:before,
	.review {
		display: none;
	}
	.admit button.btn.btn-mumi.mborder {
	    padding: 5px;
	}
	/*Project*/
	.filter-menu button {
	    padding: 5px 15px;
	}
	/*About*/
	.about-content {
	    padding-left: 20px;
	}
	/*Blog*/
	.news-area .entry-meta:before {
	    border-left: 189px solid #28a745;
	}
	.news-area .entry-meta:after {
	    border-right: 175px solid #babfc4;
	}
}
/* ======================Large Mobile :480px.================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {	
.container {width:450px}
	
	.quote-top {
		display: none;
	}

}
/*================== small mobile :320px. ===================*/
@media (max-width: 767px) {	
	.order-one { 
		order: 1;
	}
	.order-two { 
		order: 2;
	}
	.about-content-2 {
	    padding-top: 40px;
	}
	.social-links ul,
	.quote-top,
	.review {
	    display: none;
	}
	.about-img-wrap:before {
	    right: 0;
	}
	/*Blog*/
	.news-area .entry-meta:before {
	    border-left: none;
	}
	.news-area .entry-meta:after {
		border-right: none;
	}		
}