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


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

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

@media (min-width: 1200px) and (max-width: 1599px){
	.program-details-title {font-size: 50px;}
	.live-project-title {font-size: 50px;}
	.service-card h5{min-height:40px;}
	section{width:100%; overflow-x:hidden;}
}

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

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

@media only screen and (max-width: 991.9px) {    
.navbar-toggler { background: #ff5b5c; float: left;margin: 0; height: 45px; width: 45px; border-radius: 0;z-index: 1; float: left;    margin-top: 5px; }
.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){
	section{width:100%; overflow-x:hidden;}
	.top-menu{padding:5px 0;}
     .social-links{justify-content: center;}
	.social-links a{padding: 5px;}
	.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:#ff5b5c}
	.top-menu .navbar-collapse li{padding:0 10px !important;}
	.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;width: 100%;}
	.top-menu .navbar-nav {gap:8px;}
	.banner-caption h1 {font-size:34px;}
	.banner-caption h3{font-size: 13px;}
	.banner-caption ul { display: grid;grid-template-columns: 1fr;}
	.banner-caption ul::after{display:none;}
	.contact-card{padding: 0px 0px;}
	.banner-caption {padding-right: 0px;text-align: center;}
	.video-banner { height: auto;overflow: hidden;}
	.contact-card{margin-top: 15px;}
	.banner .custom-input {  border-radius: 8px;  padding: 14px 18px 14px 35px;  font-size: 12px;}
	.fld-box i { width: 20px; height: 20px;}
	.stats-box{margin:0 auto;}
	.banner .contact-body {padding: 20px 15px;}
	.banner .submit-btn{padding: 16px 10px;}
	.lead-section-title h2{font-size: 20px;}
	.lead-logo-card{display:flex;padding: 5px 5px;}
	.lead-logo-card h3{font-size:15px;}
	.lead-logo-card{font-size:14px;}
	.lead-logo-card span{margin: 0 2px 0;}
	.lead-section-title h2::before{top: -20px;  right: 40%;}
	.lead-section-title h2::after{bottom: -20px; left: 42%; top:inherit;}
	.blue-box{padding:40px 20px 30px;}
	.top-small{font-size:16px;}
	.career-title {font-size:36px;}
	.right-text{font-size: 15px;}
	.career-points {margin-top: 50px;}
	#why-choose .owl-stage-outer{padding-top:0;}
	.career-points .col{padding: 0 10px;border-right:0px solid #2b2b76;border-bottom: 1px solid #2b2b76; margin-bottom:8px;}
	.career-points {  margin-top: 50px !important;display: block;}
	.about-krit h2.why-title{font-size:40px;line-height:44px;text-align: center;}
	.about-krit h2.why-title span:after{display:none;}
	.why-image { margin-top: 15px;}
	.program-details-title {font-size:30px;}
	.program-box{margin:0;}
	.program-content {  padding: 20px 20px;  text-align: center;}
	.program-list {text-align: left;}
	.program-title {text-align: left;}
	.program-footer { text-align: left;}
	.why-choose-card{padding:0 15px;}
	.degree-small {	font-size: 30px;}
	.degree-title {font-size: 30px;}
	.degree-list i {margin-right: 4px;}
.degree-list li {font-size: 14px;}
.degree-image {height: 260px;margin: 15px 0;}
.banner-title{font-size:30px;}
.banner-subtitle{font-size:14px;}
.career-btn{padding:12px 20px;font-size:13px;}
.live-project-title {font-size: 30px;}
.project-card .logo-holder {  width: 120px;  height: 120px;  padding: 10px;}
	.footer-bottom{flex-direction:column;gap:10px;text-align:center;}
.footer-links a{margin:0 10px;}
.footer-address{padding-top:15px;}	
	.go-top-btn{bottom:55px;}
	.top-menu .navbar-nav .contact-btn{text-align:center;}	
	.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;}
	
	.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;}
	a.float-btn{bottom:5px;width: 90%;  left: 5%;}
	
	.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%;}
	.program-image { max-height: 100%; }
	#why-choose .owl-stage-outer {
    min-height: 410px;
	}
}

@media (max-width: 575.98px){
    
}

@media only screen and (max-width: 480.98px) {	
    
}