@media(max-width:992px) {

.navbar-toggler {
padding: 0;
position: absolute;
right: 0;
top: 23px;
}

.navbar ul li {
width: 100%;
}

.navbar-toggler:focus {
border: 0;
outline: 0;
box-shadow: none;
}

header button.btn-primary {
height: 2.5rem;
}

header ul.nav li a {
font-size: 0.813rem;
}

img.logo {
width: 100%;
object-fit: contain;
height: 66px;
}

.contact-btn {
position: absolute;
top: 20px;
right: 50px;
}

.carousel-inner .carousel-item h5 {
font-size: 1.5rem;
line-height: 2rem
}

.carousel-caption {
top: 5%;
left: 5%;
right: 5%;
width: 90%;
}

.carousel-inner .carousel-item p {
font-size: 1rem;
line-height: 1.6rem;
}

.banner-text {
padding-left: 20px;
padding-right: 20px;
}

.image-section .banner-text h3,
.about-text h3 {
font-size: 1.375rem;
line-height: 2rem;
}

.about-section .about-text .w-50 {
width: 100% !important;
}

.vision-mission-section h4 {
font-size: 1.375rem;
line-height: 1.375rem;
}

.vision-mission-section p,
.news-update-section p,
.study-material-section p,
.about-section .about-text p {
font-size: 1rem;
}

.news-update-section,
.study-material-section {
padding: 20px 0;
}

.study-material-section a {
display: inline-block;
padding-bottom: 20px;
}

.scolorship-olympiad-section .shadow-box .img-width img {
width: 100%;
height: 100%;
object-fit: contain;
margin-right: 0;
margin-bottom: 15px;
}

.news-update-section h2,
.scolorship-olympiad-section h2,
.study-material-section h2 {
font-size: 1.625rem;
margin-bottom: 0;
}

.news-update-section h3 {
font-size: 1.125rem;
}

.news-update-section .bg-white {
margin-bottom: 15px;
}

.newsletter-section h5 {
font-size: 1.375rem;
line-height: 2rem;
padding-bottom: 15px;
}

.newsletter-section {
padding: 20px 0;
}

.image-section,
.scolorship-olympiad-section,
.vision-mission-section {
padding-top: 15px;
padding-bottom: 15px;
}

.about-text {
z-index: 9;
padding-left: 15px;
padding-right: 15px;
}

.overlay-mobile {
background: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
width: 100%;
height: 100%;
}

footer {
padding: 20px 0;
}

.txt-right{
text-align: left;
}

}