@media (min-width:320px) and (max-width:990px) {
	.navbar {
		display: none;
	}

	.sarch_bar {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.icon {
		display: block;
	}

	.navbar ul .nav-menu {
		display: block;
	}

	.show {
		display: block;
	}

	.nav-menu {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.login_button {
		position: absolute;
		top: 215px;
		right: 10px;
	}

	ul.nav-menu {
		position: relative;
	}

	#navbars {
		margin-top: 32px;
	}

	.nav-item {
		padding: 9px 8px;
		font-size: 20px;
	}

	.logo img {
		width: 45%;
		padding: 18px 0;
	}

	.login_button {
		position: absolute;
		top: 80px;
		right: 22px;
	}

	.search-container {
		display: flex;
		justify-content: space-between;
		width: 95%;
	}

	.icon.ms-2 i {
		background: #ff5700;
		padding: 10px 15px;
		font-size: 21px;
		color: white;
		border-radius: 3px;
	}

	.logo {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.mobile_button {
		display: block;
	}

	.login_button button {
		display: none;
	}

	.kindergarten-banner-content h1 {
		font-size: 27px;
		width: 100%;
	}

	.kindergarten-banner-content p {
		font-size: 13px;
		text-align: center;
	}

	.more_button {
		margin: 26px 0;
		text-align: center;
	}

	.more_button a {
		padding: 11px 22px;
	}

	.home_bner img {
		width: 70%;
		margin: 0 auto;
		align-items: center;
		display: flex;
	}

	#home,
	#passion,
	#bast_kids,
	#Distinctiv,
	#national,
	#upcoming,
	#lastext,
	#ournews,
	#footer,
    #Voluptatem,
    #future,
	#Curriculum,
	#pre_section {
		padding: 30px 15px;
	}

	#bast_kids {
		margin: 0 0 !important;
	}

	.passion_img .kindergarten {
		position: unset;
		margin-top: 13px;
		width: 100%;
	}

	section#passion {
		margin-bottom: 0;
		margin-top: 0;
	}

	.passion_contant h4 {
		font-size: 25px;
	}

	.passion_contant h5 {
		font-size: 18px;

		text-align: center;
		margin-top: 15px
	}

	.passion_contant p {
		margin-bottom: 5px;
		font-size: 13px;
	}

	.lastext_heading .overs {
		font-size: 18px;
		margin: 0 0;
	}

	.lastext_heading h4 {
		font-size: 25px;
		margin: 0 0;
	}

	.lastext_heading p {
		font-size: 13px;
	}

	.lastext_heading {
		padding-bottom: 0;
	}

	#national .container {
		margin: 0 0 !important;
	}

	.national_box h4 {
		font-size: 25px;
	}

	.national_box p {
		font-size: 13px;
		margin-bottom: 0;
	}

	.national_box {
		background: #f83737;
		padding: 17px;
		border-radius: 13px;
	}

	.national_box p br {
		display: none;
	}

	.lastext_heading p {
		font-size: 13px;
		margin-top: 13px;
	}

	.lastext_heading p br {
		display: none;
	}

	.upcoming_heading h4 {
		font-size: 25px;
		color: black;
	}

	.upcoming_heading p br {
		display: none;
	}

	.upcoming_heading p {
		font-size: 13px;
	}

	.upcoming_main {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.upcoming_img {
		width: 36%;
	}

	.upcoming_img img {
		width: 100%;
	}

	.upcoming_box {
		width: 66%;
		padding: 0px 23px;

	}
#footer {padding:0px!important;}


	.upcoming_box h4 {
		font-size: 14px;
	}

	.upcoming_box p {
		margin: 5px 0;
		font-size: 13px;
	}

	.lastext_contant p {
		font-size: 13px;
		margin: 5px 0;
	}

	.lastext_contant {
		padding: 10px;
	}

	.lastext_contant h5 {
		font-size: 19px;
	}

	#ournews .container {
		margin: 0 0 !important;
	}

	.ournews_img img {
		height: 260px;
		margin-top: -13px;
	}

	.footer-newsletter p {
		font-size: 13px;
	}

	.newsletter-form button {
		padding: 3px 10px;
		font-size: 14px;
	}

	.newsletter-form input {
		padding: 6px;
		font-size: 13px;
	}

	.footer-logo img {
		width: 50%;
	}

	.mobile_button button {
		padding: 8px 7px;

	}

	.passion_img img {
		width: 100%;
	}
    #Voluptatem .container {
        margin: 0 0 !important;
    }
    #Voluptatem h3 {
        font-size: 27px !important;
        margin: 0 0;
    }
    #Voluptatem .row {
        margin: 21px 0 !important;
    }
    .Voluptatem_text p {
        font-size: 13px;
        line-height: 1.6;
    }
    .Voluptatem_text2 p{
        font-size: 13px;
        line-height: 1.6;
        
    }
    .Voluptatem_text2 img {
        margin: 0 0 !important;
        width: 100% !important;
    }
    #future {
        margin: 0 0 !important;
    }
    .future_contant h1 {
        font-size: 27px;
        margin: 0 0;
    }
    #addmit {
        margin: 0 0 !important;
        padding: 30px 15px;
    }
    .details h1 {
        font-size: 25px;
    }
    .details p {
        font-size: 13px;
    }
    #Pre-Primary {
        margin: 0 0 !important;
        padding: 30px 15px;
    }
    #Pre-Primary h3 {
        font-size: 25px !important;
        text-align: unset !important;
        margin: 0 0;
    }
    #Pre-Primary .row {
        margin: 0 0 !important;
    }
    .pre_ceck i {
        color: #f83737;
        font-size: 16px;
    }
    .pre_ceck ul li {
		padding: 1px 0;
		font-size: 13px;
		font-weight: 500;
		margin: 9px 0;
	}
	#Curriculum {
		margin: 0 0 !important;
	}
	.Curriculum_text p {
		font-size: 13px;
		line-height: 1.6;
		margin: 0 0;
	}
	.curriclum_baner {
		margin: 0 0  !important;
		padding: 0px 15px;
	}
	#pre_section {
		margin: 0 0 !important;
		padding: 30px 15px 0px 15px !important;
	}
	#pre_section p {
		font-size: 13px;
		line-height: 1.6;
		margin: 0 0;
	}
	#pre_section .row {
		margin: 14px 0 !important;
	}
	#logical {
		margin: 0 0 !important;
		padding: 0 15px;
	}
	#pre_section ul {
		padding: 6px 12px;
		font-size: 13px;
		text-align: unset;
	}
	#logical p {
		font-size: 13px;
		margin: 0 0;
	}
	#logical ul li {
		margin: 10px 0;
		font-size: 13px;
	}
	.row.moral.mt-4 {
		padding: 0px 15px;
		margin: 0 0 !important;
	}
	.moral  p {
		font-size: 13px;
		line-height: 1.6;
	}
#header_mobil {
		margin-top: 17px;
	}
	.Primary_text p {
		font-size: 13px;
		margin: 9px 0;
	}
	#Pre-Primary p {
		font-size: 13px;
		margin: 12px 0;
	}
	#Educursions_home {
		margin: 0 0 !important;
		padding: 30px 15px;
	}
	.Educursions_text p {
		font-size: 13px;
		line-height: 1.6;
	}
	#Bonding {
		margin: 0 0 !important;
		padding: 1px 15px;
	}
	.Bonding_text {
		padding: 0 0;
	}
	.Bonding_text p {
		font-size: 13px;
		line-height: 1.6;
	}
	.Bonding_contant  p {
		padding: 0;
		text-align: unset !important;
		font-size: 13px;
		line-height: 1.6;
		padding-bottom: 23px !important;

	}
	.Bonding_contant.mt-4 {
		margin: 11px 0 !important;
	}
	.Educursions {
		padding: 0 0;
		text-align: unset !important;
		font-size: 13px;
		line-height: 1.6;
	}
	#Uniform {
		padding: 30px 15px;
		margin: 0 0 !important;
	}
	
.Socks {
		margin: 20px 0 !important;
		padding-bottom: 8px;
	}
	.Scholarships_texst p {
		font-size: 13px;
		margin-bottom: 16px;
	}
	#cca h3 {
		font-size: 23px;
	}
	.cca_logo img {
		width: 17%;
	}
	.cca_logo h5 {
		font-size: 13px;
		padding-top: 17px;
	}
	p.Getting {
	padding: 12px 20px;
	text-align: unset;
	
	}#cca {
		padding: 30px 15px;
	}
	  @media screen and (max-width: 768px) {
            .nav {
                display: none;
                flex-direction: column;
                background: linear-gradient(to bottom, #ff9800, #d66d00);
                width: 100%;
                position: absolute;
                top: 100%;
                left: 0;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            }

            .nav.active {
                display: flex;
            }

            .nav-item {
                margin: 10px 0;
            }

            .menu-toggle {
                display: flex;
            }
        }
		.nav {
			display: none;
			flex-direction: column;
			background: linear-gradient(to bottom, #f83737, #d66d00);
			width: 100%;
			position: absolute;
			top: 100%;
			left: 0;
			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
		}
		.nav.active {
			display: flex;
		}

		.nav-item {
			margin: 10px 0;
		}

		.menu-toggle {
			display: flex;
		}
		#Construction {
			background: #e6e6e6;
			padding: 69px 0;
		}
		.Construction_heding  h3 {
			font-size: 29px;
		}
		.Construction_heding  h4 {
			font-size: 27px;
			letter-spacing: 0px;
		}
		.Construction_heding  p {
			letter-spacing: 3px;
			font-size: 13px;
		}

}