/*** media queries***/
@media all and (min-width: 992px) {
	ul.main-nav>li {
		padding-right: 25px;
	}
	.main-nav {
		text-align: right;
	}
}

}
@media all and (min-width: 768px) {
	.footer {
		margin: 0 !important;
	}
	.sticky-nav-wrapper {
		display: none;
	}
	/* .col-12.col-md-4.p-3.gallery {
    max-height: 270px;
    overflow: hidden;
   } */
}
@media all and (max-width: 1199px) {
	.h1, h1 {
		font-size: 34px;
	}
	.h2, h2 {
		font-size: 30px;
	}
	.h3, h3 {
		font-size: 25px;
	}
	.h4, h4 {
		font-size: 20px;
	}
	.h5, h5 {
		font-size: 18px;
	}
	ul.main-nav>li a {
		font-size: 12px;
	}
	.height-100 {
		height: 500px;
		min-height: 500px;
	}
	.quote:before {
	    width: 80px;
		height: 70px;
	    left: 0;
	    top: -80px;
	}
	.quote::after {
	    width: 80px;
		height: 70px;
	    right: 20px;
	    bottom: -80px;
	}
	.gallery {
	    height: 222px;
	}
}
@media all and (max-width: 991px) {
	.h1, h1 {
		font-size: 28px;
	}
	.h2, h2 {
		font-size: 25px;
	}
	.h3, h3 {
		font-size: 20px;
	}
	.h4, h4 {
		font-size: 14px;
	}
	.h5, h5 {
		font-size: 12px;
	}
	.logo.mobile {
		display: block;
	}
	.hero-banner h1 {
	   font-size: 40px;
	}
	/***toggle menu***/
	.navigation.mobile-menu {
		background: transparent;
		z-index: 10;
	}
	.toggle-btn {
		display: block;
		float: right;
		width: 40px;
		cursor: pointer;
		padding: 5px;
	}
	.mobile-menu .toggle-btn span {
		display: block;
		height: 2px;
		background: #4b237c;
		margin-bottom: 6px;
	}
	.mobile-menu ul.main-nav>li a::after {
		display: none;
	}
	.mobile-menu .toggle-btn span:last-child {
		margin: 0;
	}
	ul.main-nav>li a,
	ul.main-nav>li i.fa.fa-home {
		color: #fff;
	}
	.mobile-menu .main-nav {
		position: fixed;
		top: 0;
		bottom: 0;
		right: -220px;
		width: 220px;
		overflow-y: auto;
		background: rgba(75, 35, 124, .95);
		transition: all .5s ease-out;
		-webkit-transition: all .5s ease-out;
		-moz-transition: all .5s ease-out;
		-o-transition: all .5s ease-out;
	}
	.mobile-menu.active .main-nav {
		right: 0;
	}
	.mobile-menu ul li {
		display: block;
		width: 100%;
		margin-bottom: 0;
		margin-right: 20px;
		padding: 0 20px;
	}
	.mobile-menu>ul>li:first-child {
		margin-top: 30px;
	}
	.mobile-menu ul li a {
		font-size: 14px;
		font-weight: bold;
	}
	.mobile-menu .submenu {
		background: transparent;
		position: relative;
		display: block;
	}
	.mobile-menu .submenu li {
		margin: 0;
	}
	.close-btn {
		position: absolute;
		right: 15px;
		top: 15px;
		width: 25px;
		height: 25px;
		cursor: pointer;
		z-index: 1;
	}
	.close-btn span {
		width: 25px;
		background: #fff;
		height: 2px;
		margin-top: 10px;
		display: block;
	}
	.close-btn span:first-child {
		transform: rotate(45deg);
	}
	.close-btn span:last-child {
		transform: rotate(-45deg);
		margin-top: -2px;
	}
	#services p {
		font-size: 16px;
	}
	#services p::after {
		right: -10px;
		bottom: -10px;
	}
	#services p::before {
		left: -10px;
		top: -10px;
	}
	#hero-banner.bg-img {
	    background: url(../images/banner.jpg) no-repeat 80% 0 / cover;
	    background-attachment: unset;
	}
	#about.bg-img {
	    background: url(../images/G3.jpg) no-repeat 50% 0 / cover;
	    background-attachment: unset;
	}
	#my-education.bg-img {
	    background: url(../images/about.jpg) no-repeat 50% 0 / cover;
	    background-attachment: unset;
	}
	#gallery.bg-img {
	    background: url(../images/gallery.jpg) no-repeat 50% 0 / cover;
	    background-attachment: unset;
	}
	#services.bg-img {
		background: url(../images/services.jpg) no-repeat 85% 0 / cover;
	    background-attachment: unset;
	}
	#our-team.bg-img {
		background: url(../images/team.jpg) no-repeat 50% 0 / cover;
	    background-attachment: unset;
	}
	#testimonial.bg-img {
	    background: url(../images/testimonial.jpg) no-repeat 50% 0 / cover;
	    background-attachment: unset;
	}
	#why-choose-us.bg-img {
	    background: url(../images/why.jpg) no-repeat 0 60% / cover;
	    background-attachment: unset;
	}
	#contact-us.bg-img {
	    background: url(../images/contact-us.jpg) no-repeat 50% 60% / cover;
	    background-attachment: unset;
	}
	.icon {
	    max-width: 50px;
	}
	.gallery {
	    height: 135px;
	}

}
@media all and (max-width: 767px) {
	.h1, h1 {
		font-size: 24px;
	}
	.p-60 {
		padding: 30px 0;
	}
	.footer p {
		font-size: 12px;
	}
	.sticky-nav-wrapper {
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		background: rgba(75, 35, 124, 1);
		color: gray;
		z-index: 5;
	}
	.sticky-nav li {
		padding: 8px;
		text-align: center;
	}
	.sticky-nav li a {
	    color: #fff;
	}
	.sticky-nav .fa {
		font-size: 25px;
		color: #fff;
	}
	.sticky-nav li span {
		display: block;
		font-size: 14px;
		text-align: center;
		color: #fff;
	}
	.m-overlay {
		background: rgba(255, 255, 255, 0.75);
	}
	.footer {
	    margin-bottom: 65px;
	}

}
@media all and (max-width: 575px) {
	#hero-banner .text {
	    text-align: center;
	}
	.jack {
	    padding-top: 40px;
	}
	.gallery {
	    height: 185px;
	}
	.footer p {
		float: none;
	}
	.footer .fa {
		font-size: 9px;
		width: 18px;
		height: 18px;
	}
	.footer .row div:first-child {
		margin-bottom: 0;
	}
	.footer {
		text-align: center;
	}
}