@media screen and (max-width: 1440px) {
    .achievement-section-1 {
        height: 100vh;
    }

    .gallery-section .left-galery-section {
        padding: 0 !important;
    }

    .fix-gal-width {
        width: 30rem !important;
    }

    .achievements .row .col-12 h1 {
        margin-top: -3rem;
    }
}

@media screen and (max-width: 2460px) and (min-width:2000px) {
    html {
        font-size: 16px;
    }
}

@media screen and (max-width:1024px) {
    .achievement-section-1 {
        height: 107vh;
    }

    .achievement-section-1 .container-fluid .row .col-12 h1 {
        font-size: 3rem;
    }

    .notice-board-section .row .col-9 .carousel-control-next,
    .notice-board-section .row .col-9 .carousel-control-prev {
        height: 3rem !important;
        padding: 2px 5px !important;
        font-size: 1.8rem;
    }

    .navbar-brand img {
        width: 8rem;
        height: 5rem;
        transform: translateX(-10px);
    }

    .nav-link {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .navbar-brand .brand-text {
        transform: translateX(6rem);
    }

    .slider-caption h5 {
        font-size: 2em;
    }

    .notice-board-slider {
        margin-top: 3rem !important;
    }

    .heading-primary {
        font-size: 3rem;
    }

    .notice-board-content {
        width: 35rem !important;
    }

    .img-hover-effect {
        width: 100% !important;
    }

    .fix-gal-width {
        width: 23rem !important;
    }

    .achievements .row .col-12 h1 {
        font-size: 6rem !important;
    }

    .footer {
        position: relative;
        top: 5rem;
    }

    .footer .container-fluid .row .col-4 h1 {
        font-size: 1.5rem;
        letter-spacing: 1px;
    }

    .achievements .row .col-12 h1 {
        font-size: 8rem;
    }

    #navbarNavDropdown {
        margin-left: 10rem;
    }

}




@media screen and (max-width:768px) {


    .notice-board-section .row .col-6 .carousel-control-next,
    .notice-board-section .row .col-6 .carousel-control-prev,
    .heading-view-more {
        width: auto !important;
    }

    .notice-board-section .row .col-6 .carousel-control-next {
        left: 15rem !important;
    }

    .heading-view-more a {
        font-size: 1.6rem;
        font-weight: bold;
    }

    .notice-board-inner {
        height: 62rem;
    }

    .quick-item {
        width: unset !important;
    }

    .quick-item img {
        width: 10rem !important;
    }

    .about-school .container,
    .director-desk .container {
        display: block !important
    }

    .achievement-card {
        margin-top: 2rem;
    }

    .dropdown-inner {
        left: 32.2%;
        top: 38%;
    }

}


@media screen and (max-width:425px) {
	
	body{
		box-sizing: unset !important; 
		overflow-x: hidden;
		padding: 0; 
		position: unset; 
		left: unset; 
		transform: unset;
	}
	.about-img,.director-image{
	text-align: center;
	}

    .dropdown-inner {
        left:0%
    }
    .notice-board-inner .row {
        display: block;
    }

    .notice-board-inner .row .col-3 {
        max-width: none !important;
    }

    .notice-board-inner .row:last-child {
        left: 65% !important;
    }

    .heading-view-more-parent {
        left: 65% !important;
    }

    .notice-board-section .container-fluid #carouselExampleSlidesOnly {
        margin-left: -11rem !important;
    }

    .slide-inner {
        height: 60vh !important;
    }

    .about-img img,
    .director-image img {
        width: 34rem !important;
    }

    .footer .container-fluid .cards .card .card-title h2 {
        font-size: 1.2rem;
    }

    .footer .container-fluid .cards .card .card-body ul li a {
        font-size: 1.2rem !important;
    }

    .footer .container-fluid .cards .card .card-body ul li p {
        font-size: 1.2rem !important;
    }

    .footer .container-fluid .cards .card .card-body ul {
        padding-left: 0 !important;
    }
    
}


@media screen and (max-width:375px){
	
	
	.brand-text{	
		text-align: left !important;
	}
	
	.brand-text p span{
		display: inherit;
	}
	.navbar-brand img{
		height: 8rem
	}	
}