/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; margin-top:-1px;  }
	.contact-branches{
		/*background-image:url('../images/contact-bg.jpg');
		background-size:contain;
		margin-top:10rem;
		background-repeat:no-repeat;*/
		background-color: #7a75b55c;
    
	}
	.cb-translate{
		/*transform:translate(0px, -10rem);*/
	}
	.my-navbar .bs-menu[data-bs-popper] {
		top: 169%;
		left: 0;
		margin-top: var(--bs-dropdown-spacer);
	}
	
}	
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
	    max-height: 90vh;
	    margin-top:10px;
	}
	.testimonial{ margin: 30px; }
	.why-stud{
		display:none;
	}
	.contact-form {
		padding: 1rem;
	}
}
/* ============ mobile view .end// ============ */

@media only screen and (max-width: 767px){
	.vision{
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0px;
	}
	.mission{
		border-top-right-radius: 0px;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	.about-team .atb2{
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	
	.aoe li{
		padding: 5px 15px;
	}

	p {
		font-size: 14px;
	}
	#why ul li {
		line-height: 28px;
		font-size: 14px;
	}
    .placement{
        text-align: center;
    }
    .placement .pic{
        float: none;
        margin: 20px auto 0;
    }
    .placement .placement-content{
        width: 100%;
        float: none;
        padding: 20px 0;
    }
    .placement .description{
        font-size: 14px;
    }
	#offer-bar i {
		font-size: 16px;
	}
	#offer-bar marquee {
		padding-top: 0px;
	}
	.navbar-brand img {
		width: 250px;
	}
	.home-lapws .nav-pills .nav-link {
		width: 50%;
		padding: 0px;
		text-align: center;
		margin: 0 auto;
	}
	.heading>p {
		font-size:12px
	}
	.heading>h1 {
		font-size: 24px;
	}
	
	.footer-top-links span {
		width: 80%;
		margin-bottom: 2px;
	}
	.owl-carousel .owl-stage{
		margin-top:25px;
	}
	#offer-bar ul li{
		margin-right:0px;
	}
}
@media only screen and (max-width: 480px){
    .placement{ padding: 0 20px; }
    .placement .placement-title{
        font-size: 22px;
    }
}

