@charset "utf-8";
/* CSS Document */


@media (min-width: 1920px) and (max-width: 2500px){
	
}

@media (min-width: 1601px) and (max-width: 1920px){
	.why-thumb img {width: 80%; height: auto;}
}


 @media (min-width: 1300px) and (max-width: 1550px){
	.banner-caption h1 {font-size: 66px;line-height: 75px;}
	.stat-item p {font-size: 12px; font-weight:500;}
	.why-thumb {top: 130px;}
	.port-thumb{height:420px;}
}

@media (min-width: 1200px) and (max-width: 1299px){
	.banner-caption h1 {font-size: 60px;line-height: 70px;}
	.stat-item p {font-size: 12px; font-weight:500;}
	.why-thumb {top: 130px;}
	.port-thumb{height:350px;}
}

@media (min-width: 992px) and (max-width: 1024px) {
	
}

@media only screen and (max-width: 991.98px) {    
.navbar-toggler { float: left;margin: 0; height: 45px; width: 45px; border-radius:6px;z-index: 1; background:#002b6f;}
.navbar-toggler .icon-bar { width: 24px; background: #fff;transition: .5s ease;}
.navbar-toggler.collapsed .icon-bar:nth-child(2){transform: rotate(0) translateY(0) translateX(0);}
.navbar-toggler.collapsed .icon-bar:nth-child(3){opacity:1}
.navbar-toggler.collapsed .icon-bar:nth-child(4){transform:rotate(0) translateY(0) translateX(0);}
.navbar-toggler .icon-bar:nth-child(2){transform: rotate(-45deg) translateY(5px) translateX(-5px);}
.navbar-toggler .icon-bar:nth-child(3){opacity: 0}
.navbar-toggler .icon-bar:nth-child(4){transform:rotate(45deg) translateY(-4px) translateX(-3px);}
.navbar-header {display: block;}
}


@media (max-width: 767.98px){
	.social-links {display: none;}
	.top-email{display:none;}
	.btn-solid {  font-size: 14px;  padding: 12px 16px;}
	.btn-bdr-only {  font-size: 14px;  padding: 12px 16px;}
	.hero-heading {font-size:35px;}
	.hero-divider{margin: 15px 0 0px;}
	.dwn-btn { padding: 22px 12px; left: 50%;left: 45%;bottom: 10px;}
	.home-hero-banner .carousel-indicators{bottom: 10px;}
    .social-links{justify-content: center;}
	.social-links a{padding: 5px;}
	.navbar-brand img {height: 35px;}
	header.scrolled .navbar-brand img { height:30px;}
	.footer-logo img {max-height: 40px;}
	.about-content{text-align:center;}
	.top-menu {padding: 5px 10px;}
	.top-info i{font-size: 15px;height: 30px;  width: 30px;padding-top: 5px;}
	.top-info h2 { font-size: 11px;}
	.top-info h2 a{font-size: 12px;}
	.top-info-hold{padding-top: 7px;}
	.navbar-header{background:#A6CF53}
	.top-menu .navbar-collapse {  border-left: 0px solid #ccc;  padding: 20px 0;  position: absolute;  background: #fff;  width: 100%;  left: 0;  top:90px;  z-index: 999;}
	.top-menu .navbar-collapse li{margin: 0; border-bottom:1px solid #f1f1f1;padding-left: 20px;}
	.top-menu .navbar-nav {gap:8px;}
	.tab-buttons-inner {display: grid;width: 100%;}
	.tab-btn:after{display:none;}
	.home-hero-banner .carousel img {
  height: 400px;object-position: right;}
  .carousel-caption{padding-top:0;}
  #carouselExampleCaptions .carousel-caption{top:0;}
	.card-image {height: 170px;}
	.lead-logo-container .owl-nav button {  top: 20%;  width: 30px;	height: 30px;}
	.lead-logo-container .owl-nav .owl-prev {left: -7px;}
	.lead-logo-container .owl-nav .owl-next {  right:-7px;}
	.port-tab-holder .owl-nav button {  top:25%;  width: 30px;	height: 30px;}
	.testimonials-carousel .owl-nav button{width: 30px;	height: 30px;}
	.testimonials-carousel .owl-nav .owl-prev {  left: -10px;}
	.testimonials-carousel .owl-nav .owl-next {  right: -10px;}
	.card-title {font-size: 13px;}
	.card-content {padding: 15px 20px;}
	.stats-box { padding: 22px 20px 0;}
	.video-banner { height: auto;overflow: auto;}
	.contact-card{margin-top: 15px;}
	.banner .custom-input {  border-radius: 8px;  padding: 14px 18px;  font-size: 12px;}
	.banner .contact-body {padding: 20px 15px;}
	.banner .submit-btn{padding: 16px 10px;}
	.lead-section-title h2{font-size: 20px;}
	.lead-logo-card{height:75px;display:flex;}
	.lead-section-title h2::before{top: -20px;  right: 40%;}
	.lead-section-title h2::after{bottom: -20px; left: 42%; top:inherit;}
	.why-title {font-size: 32px;margin-bottom: 20px;}
	.highlight-text{font-size: 14px;}
	.why-school .why-title {margin-bottom: 20px;text-align: center;}
	.why-content {text-align: center;}
	.about-title {font-size:32px;}
	.about-section {padding-top: 0 !important;}
	.port-thumb {height: 245px;}
	.why-thumb { width: 95%;}
	.blank-space { min-height: 250px;}
	.why-text { font-size: 14px;text-align: center;}
	.green-band {margin-top: 0px;}
	.green-band p { font-size: 16px;text-align: center;}
	.our-service-section {  padding: 40px 0 40px;overflow-x: hidden; width: 100%;}
	.service-card{text-align:center;}
	.our-portfolio-section {padding: 40px 0 50px;}
	.tab-btn {font-size: 13px;padding: 10px 15px;}
	.card-box-before h2 {font-size: 20px;  margin-bottom: 10px;  padding-left: 10px;  text-align:center;  padding-top:10px;	}
	.card-box-before p{padding-left:30px; text-align:center;}
	.card-box-before .portfolio-logo img{margin:0 auto;}
	.card-box-before{margin-bottom:10px;border-radius:20px;}
	.card-box-after{border-radius:20px;}
	.card-box-caption{width:100%; margin:10px auto;}
	.card-box-caption h3 {font-size: 15px;}
	.spirit-box { width: 100%;}
	.spirit-box .icon-box::after{width:100%; height:1px; top:inherit;bottom: 0px;}
	.lead-logo-container { margin-left: 3%; margin-right: 3%;}
	.why-spirit-section {padding: 0px 0 20px;}
	.acc-number{height:28px;}
	.accordion-header h6{font-size:14px;}
	.enquiry-box{padding: 30px 20px;}
	.enquiry-title{margin-bottom: 30px;  font-size: 22px;}
	.enquiry-box .submit-btn{padding: 22px 60px;}
	.footer-item a{text-align: left;}
	.footer-item{margin-bottom:10px;}
	.port-tab-holder .owl-nav .owl-next {right: 0px;}
	.port-tab-holder .owl-nav .owl-prev {left: 0px;}
	.card-box-after span{left: 33%;}
	.career-title {font-size:35px;}
	.right-text {text-align: right;}
	.career-points {margin-top: 50px;display: block;}
	.career-points .col {border-right:0px solid rgba(255,255,255,0.2);width: 100%;}
	.lead-logo-section {  padding: 20px 0 50px;}
.lead-logo-card img { width: 100% !important; height: auto !important;}
}