@media only screen and (max-width: 1392px){
	.contact iframe{
		width: -webkit-fill-available;
	}
}
@media only screen and (max-width: 1199px) {
	header .navbar {
		padding: 30px 0 20px;
	}

	.hero-banner h1 {
		font-size: 50px;
		line-height: 66px;
	}

	.hero-banner-academic h1 {
		font-size: 50px;
		line-height: 66px;
		margin-top: 5vh;
	}

	/* .hero-academic-img img {
		width: 50%;
	} */

	.hero-banner p {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 60px;
	}

	.btn-primary {
		font-size: 26px;
	}

	.heading h1 {
		font-size: 5vw;
	}

	.grid-1 h1 {
		font-size: 49px !important;
	}

	.grid-7 .image {
		display: flex;
		align-items: center;
	}

	.class {
		padding-right: 1.5vw !important;
		padding-left: 0.9vw !important;
	}
}

@media only screen and (max-width: 991px) {
	header .navbar .navbar-nav {
		padding: 15px 0;
	}

	header .navbar .navbar-nav .nav-item {
		margin-left: 0;
	}

	header .navbar .navbar-nav .nav-item .nav-link {
		border-left: none;
		border-right: none;
		border-top: none;
		border-radius: 0;
	}

	header .navbar .navbar-nav .nav-item .nav-link:hover,
	header .navbar .navbar-nav .nav-item .nav-link.active {
		border-left: none;
		border-right: none;
		border-top: none;
		border-radius: 0;
	}

	header button:focus:not(:focus-visible) {
		box-shadow: none;
	}

	.hero-banner h1 {
		font-size: 40px;
		line-height: 56px;
		margin-bottom: 30px;
	}

	.hero-banner p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.btn-primary {
		font-size: 22px;
	}

	.hero-banner {
		padding: 60px 0;
	}

	.heading h1 {
		font-size: 5vw;
	}

	.grid {
		padding: 2vh !important;
	}

	.timetable {
		padding-right: 2vw !important;
	}
	.grid .mt-4{
		margin-top: 0.5rem !important;
	}
	.grid{
		padding-bottom: 0 !important;
	}
	.grid-1 .text {
		padding: 1rem !important;

	}

	.image {
		padding: 1rem !important;
	}

	.grid-1 h1 {
		font-size: 50px !important;
		text-align: center;

	}

	.grid-7 h1 {
		font-size: 50px !important;
		text-align: center;
	}

	.grid-7 .text {
		display: block !important;
		padding: 1rem !important;
		padding-top: 16px !important;
	}

	.grid-8 h1 {
		font-size: 50px !important;
	}

	.grid-8 .text {
		padding: 1rem !important;
		padding-top: 3vh !important;
	}

	.last{
		margin-left: 10px !important;
	}

	.animated-text {
		margin-bottom: 2vh;
	}

	.form-1 {
		padding: 1vh 0;
	}

	.contact {
		padding: 50px 0 0 0 !important;
	}

	.contact .p-5 {
		padding: 1rem !important;
	}

	.features {
		padding-bottom: 0px !important;
	}

	.features .card {
		margin-top: 15px !important;
	}

	.query-bg {
		height: auto !important;
		background-position: left;
	}

	.content {
		padding-bottom: 0px !important;
	}

	.animate-bottom,
	.animate-bottom2,
	.animate-bottom3 {
		animation: animatebottom 1.5s ease-in-out;
	}


	.query {
		padding: 50px 0;
	}

	.query {
		padding-top: 25px;
	}

	.details {
		padding-bottom: 20px !important;
		padding-top: 20px !important;
	}

	.view-button {
		padding: 3vh 0 1vh 0;
	}

	.students {
		padding-left: 12px;
	}

	.class {
		padding-left: 15px !important;
		padding-right: 22px !important;
	}

	.academic-query::before {
		top: 210vh;
	}

	.contact form {
		padding: 30px 0 50px 0 !important;
	}

	iframe {
		width: 100%;
	}

	.card-link svg {
		animation: arrow-animation 0.5s linear infinite alternate;
	}
}

@media only screen and (max-width: 767px) {
	header .navbar {
		padding: 15px 0 15px;
	}

	.hero-banner {
		text-align: center;
	}

	.hero-banner p {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	.hero-banner .btn-primary {
		margin-bottom: 30px;
	}

	header .navbar .navbar-brand img {
		max-width: 100px;
	}

	.heading h1 {
		font-size: 6vw;
	}

	/* .plus{
		display: none;
	} */
	input {
		margin-bottom: 10px;
	}

	.query-bg {
		height: 350px;
	}

	.query-bg .p-5 {
		padding: 1.3rem !important;
	}

	.animate {
		animation: fadeInRight 2.5s ease-in-out;
	}

	.card-link svg {
		animation: arrow-animation 0.5s linear infinite alternate;
	}

}


@media only screen and (max-width: 479px) {
	html, body{
		width: 100%;
		height: 100%;
		overflow-x: hidden;
	}
	.hero-banner {
		padding: 40px 0;
	}

	.hero-banner h1 {
		font-size: 34px;
		line-height: 50px;
		margin-bottom: 30px;
	}
	.reveal{
		opacity: 1 !important;
	}
	.fade-right, .fade-left, .fade-up{
		animation: none !important;
	}
	.btn-primary {
		font-size: 20px;
	}

	.heading h1 {
		font-size: 10vw;
	}

	.hero-academic-heading {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.hero-academic-img {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.hero-academic-img img {
		float: none;
	}

	.hero-banner-academic {
		padding-bottom: 50px !important;
	}

	.grid, .info {
		padding: 2vh 2vw 2vh 0 !important;

	}

	.grid .text {
		padding: 1rem !important;
	}

	.image {
		padding: 1rem !important;
	}

	.timetable,
	.class {
		padding: 0px 12px 0px 12px !important;
	}

	.division {
		padding-left: 3vw !important;
	}

	.teacher,
	.students,
	.subjects {
		padding: 0px !important;
	}

	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-7,
	.grid-8 {
		margin-top: 2vh;
		margin-left: 0;
		padding: 0;
	}

	.grid-3 .image {
		padding: 2rem !important;
	}

	.grid-8 {
		margin-top: 0 !important;
	}

	.grid-8 .text {
		padding-bottom: 0 !important;
	}

	.grid-8 .image {
		padding-top: 0 !important;
	}

	.exam h1 {
		font-size: 33px !important;
		line-height: 30px !important;
	}

	.attendance .text {
		padding: 0 !important;
	}

	.homework h1 {
		font-size: 38px !important;
		line-height: 30px !important;
	}

	.homework .image {
		justify-content: center;
	}

	.homework img {
		max-width: 75% !important;
	}

	.remote h1 {
		font-size: 44px !important;
		line-height: 45px !important;
	}
	.fee h1{
		line-height: 55px !important;
	}
	.directory h1{
		font-size: 37px !important;
		line-height: 39px !important;
	}
	

	/* .plus{
		display: none;
	} */
	input {
		margin-bottom: 10px;
	}

	.info {
		max-height: 500px;
		overflow: hidden;

	}

	.content {
		padding-bottom: 0px !important;
	}

	.content p {
		font-size: 150% !important;
		line-height: 28px !important;
		margin-top: 3vh;
		margin-bottom: 0 !important;
	}

	@keyframes fadeInRight {
		from {
			opacity: 0;
			transform: translateY(300px);
			/* transform: rotate(90deg); */
		}

		to {
			opacity: 1;
			transform: rotate(0deg);
		}
	}

	.animate {
		animation: fadeInRight 1s ease-in-out;
	}

	.card {
		box-shadow: 0px 0px 9px rgba(0, 17, 54, 0.15);
		margin-top: 60px !important;
	}

	.hero-banner h1 {
		margin-bottom: 2vh;
	}

	.animated-text svg {
		width: 133%;
	}

	.hero-banner .animated-text {
		padding-left: 6.5vw;
	}

	.download-link {
		margin: 5vh 0;
	}

	.form-1 {
		padding: 0;
	}

	/* .contact-image {
		display: none;
	} */

	.contact {
		padding: 5px 0 !important;
	}

	.contact-form {
		padding: 1rem !important;
	}

	.contact form {
		padding: 10px 0 !important;
	}

	.contact .form-group:not(.submit-button) {
		padding: 2px 0 !important;
	}

	.numbers {
		padding: 1rem !important;
	}

	.info p {
		text-align: justify !important;
	}

	.collapse .text-muted {
		text-align: justify !important;
	}

	.features {
		padding-bottom: 50px;
	}

	.query {
		padding-bottom: 50px;
	}
	.query-1{
		padding-bottom: 0 !important;
	}
	.query-2{
		padding: 0 !important;
	}
	/* .query-select{
		padding-bottom: 1.5vh ;
	} */
	option { 
		min-height: 150px !important; 
	}
	.query-city-2{
		display: block !important;
	}
	.query-city-1{
		display: none !important;
	}
	.query-bg {

		background-position-x: left;
	}

	.animate-bottom,
	.animate-bottom2,
	.animate-bottom3 {
		animation: animatebottom 1s ease-in-out;
	}

	.hero-academic-heading img {
		width: 50%;
	}

	.hero-academic-heading {
		margin-bottom: 3vh;
	}

	.query-bg .p-5 {
		padding-bottom: 15px !important;
		padding-top: 30px !important;
	}

	/* .grid .container {
		padding: 0 !important;
	} */
	#query-placeholder .container{
		padding: 0 5vw 0 5vw !important;
	}
	.timetable-2 {
		padding-left: 12px !important;
	}

	.card-link svg {
		animation: arrow-animation 0.5s linear infinite alternate;
	}

	.academic-query {
		padding-top: 25px;
	}
	.copyright-text p{
		font-size: 12px !important;
	}
	.copyright-text .copyright{
		display: block;
	}
	.phone img{
		max-width: 75% !important;
		float: none;
	}

}

@media only screen and (max-width: 320px) {
	.hero-banner h1:not(svg){
		font-size: 50px;
	}
}

@media only screen and (max-width: 280px) {
	.hero-banner {
		padding-top: 0;
	}

	.hero-banner h1 {
		font-size: 44px !important;
		line-height: 50px !important;
	}

	.features .card .card-body .card-text {
		line-height: 17px;
	}

	.query-bg .p-5 {
		padding-bottom: 7px !important;
		padding-top: 18px !important;
	}

	.hero-banner-academic h1 {
		font-size: 40px !important;
	}

	.grid-3 .image {
		padding: 16px !important;
	}

	.view-button {
		padding-top: 3vh !important;
		padding-bottom: 3vh !important;
	}

	.details {
		padding-top: 0 !important;
	}

	.card {
		box-shadow: 0px 0px 9px rgba(0, 17, 54, 0.15);
		/* margin-top: 60px !important; */
	}

	.collapse .text-muted {
		line-height: 20px !important;
	}

	.card-link svg {
		animation: arrow-animation 0.5s linear infinite alternate;
	}

	.hero-banner-academic {
		padding-bottom: 25px !important;
	}

	.grid-7 .text {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}

	.grid-8 .text {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}

	.grid-8 h1 {
		font-size: 39px !important;
	}

	.content p {
		font-size: 100% !important;
		line-height: 25px !important;
	}
}