.container-fluid.custom-container, .container-sm.custom-container, .container-md.custom-container, .container-lg.custom-container, .container-xl.custom-container {
    width: calc(100% - 200px);
}

/* ---------- 150% Zoom CSS ----------- */
@media screen and (min-width:1280px) and (max-width:1360px) {
	
body {font-size: clamp(16px, 1vw, 20px);}
.container-fluid.custom-container{width: calc(100% - 20px);}

.course-card .info-icon p{font-size: 0.65rem;} 
.course-card .info-icon p span {font-size: 0.75rem;} 
.course-card .link {font-size: 0.85rem; padding: 12px 7px;}
.testimonial-card p {font-size:0.95rem; line-height: 1.5;}
.share-the-excellence .content-info p { margin-right:10%;}	
.grid3::after {left: -20px;}	
.prorams-card li h3{font-size:1.5rem}
.grid-container .grid7::after { bottom: -40px;  transform: scale(0.7);}
.grid-container .grid1::after {left: -60px;transform: scale(0.5);}
.grid-container .grid3and4::before { right: -70px;transform: scale(0.5);}
.grid-container .grid3and4::after { left: -70px;transform: scale(0.5);}
.grid-container .grid5::before { transform: scale(0.5);}
.grid-container .grid5::after {  transform: scale(0.4);  right: -40px; }	
.slider-container-img{overflow:hidden}
.thank-you-content{min-height:48vh !important;}	
}
/* ---------- 150% Zoom CSS End/ -----------*/	

@media screen and (min-width: 1900px) {

.header .btn-sign-up, .header .btn-sign-up:focus {font-size:20px;}	
.navbar a, .navbar a:focus { font-size:25px;}
.navbar .dropdown ul a {font-size:25px;}	
.owl-lifebits .desc h4 { font-size: var(--fs-2)!important;}	
.share-the-excellence .content-info p { margin-right: 20%;}	
	
}

@media screen and (min-width:1600px) and (max-width:1900px){
.owl-lifebits .desc h4 { font-size: var(--fs-1_5)!important;}
.share-the-excellence .content-info p { margin-right:10%;}		
	
}	

@media screen and (min-width:1440px) and (max-width:1599px){
	
.container-fluid.custom-container{width: calc(100% - 20px);}
.share-the-excellence .content-info p { margin-right:10%;}
.prorams-card li h3{font-size:1.5rem}
.prorams-card  p{font-size:1.2rem}
.grid-container .grid7::after { bottom: -60px;  transform: scale(0.6);}
.grid-container .grid1::after {left: -50px;}
.grid-container .grid3and4::before {right: -60px;}
.grid-container .grid3and4::after {left: -60px;bottom: 0px;}
}	

/* ---------- Laptop Resolution -----------*/
@media screen and (min-width:1361px) and (max-width:1366px){
	
.container-fluid.custom-container{width: calc(100% - 20px);}
.course-card .course-title h2 {font-size: 1.5rem;}	
.course-card .info-icon p {font-size: 0.65rem!important;} 
.course-card .info-icon p span { font-size: 0.85rem;}	
.course-card .link {font-size: 0.85rem; padding: 12px 7px;}	
.testimonial-card p {font-size:0.95rem; line-height: 1.5;}
.share-the-excellence .content-info p { margin-right:10%;}	
.prorams-card li h3{font-size:1.4rem; margin-top:3px}
.prorams-card  p{font-size:1rem}
.section-title h1, .section-title h2{font-size:2.8rem}
.carousel-captions h2{font-size:3.4rem}
.owl-common-navigation.abso .owl-nav { display: flex; position: relative; top: auto; width: auto;  right: auto;  justify-content: center;}
.grid-container .grid7::after { bottom: -30px;transform: scale(0.8);}
.grid-container .grid1::after {left: -50px;  transform: scale(0.6);}
.grid-container .grid3and4::after{left: -70px;  transform: scale(0.6);}
.grid-container .grid3and4::before{right: -80px;  transform: scale(0.6);}
.grid-container .grid5::before{left: -30px;  transform: scale(0.6);}
.grid-container .grid5::after{right: -30px;  transform: scale(0.6);}
.sidebar-contact input, .sidebar-contact select { width: 100%;  padding: 6px;  margin: 5px 0;  font-size: 14px;  border-radius: 5px; }
.thank-you-content{min-height:50vh !important;}		
}
/* ---------- Laptop Resolution End/ -----------*/

@media screen and (min-width:1024px) and (max-width:1279px){
	
.container-fluid.custom-container{width: calc(100% - 20px);}
.sidebar-contact{padding:20px}
.sidebar-contact input, .sidebar-contact select{padding:5px; font-size: 16px;}
	
}

@media screen and (min-width:992px) and (max-width:1080px){
	
.container-fluid.custom-container{width: calc(100% - 20px);}
.sidebar-contact{padding:20px}
.sidebar-contact input, .sidebar-contact select{padding:5px; font-size: 16px;}
	
}


@media screen and (min-width:992px) and (max-width:1024px){
	
.container-fluid.custom-container{width: calc(100% - 20px);}
.sidebar-contact{padding:20px}
.sidebar-contact input, .sidebar-contact select{padding:5px; font-size: 16px;}
	
}

@media screen and (min-width:768px) and (max-width:991px){
	
.container-fluid.custom-container{width: calc(100% - 20px);}
	
/* --- Section title --- */	
.section-title{width:80%; margin:0 auto}
.section-title h2{font-size:var(--fs-2_4); line-height:1}
	
/* --- Owl carousel setting --- */		
.owl-common-navigation .owl-nav{display:none !important}
	
/* --- Excellence made yours --- */
.excellence-made-yours .container{padding-left:0px; padding-right:0px; overflow:hidden; max-width:100%;}	
	
}

@media screen and (max-width: 1024px) {
  .grid-container {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid1, .grid2, .grid5 {
    grid-column: span 2;
  }

  .grid3and4 {
    grid-column: span 4;
  }

  .grid6, .grid7 {
    grid-column: span 2;
  }

  .grid8 {
    grid-column: span 4;
  }
}

@media screen and (max-width: 767px){
	
.container-fluid.custom-container, .container-sm.custom-container, .container-md.custom-container, .container-lg.custom-container, .container-xl.custom-container {
    width: calc(100% - 20px);
}
	
.header {height: 70px;}
.header .logo img { max-height:50px;}
.toggle {right:0; width: 35px; height: 130px; font-size: 1.2rem; letter-spacing:1px!important;}	
	
/* --- Section title --- */	
.section-title{width:80%; margin:0 auto; margin-bottom: 1.5rem}
.section-title h1{font-size:var(--fs-2_1); line-height:1}	
.section-title h2{font-size:var(--fs-2_1); line-height:1}
.section{ padding-top:50px; padding-bottom:50px; position: relative;}
.section-start{padding-top:50px}
.section-bottom-half{ padding-bottom:50px;}
	
.slider-mobile-banner{display: block!important;}
.slider-desktop-banner{display: none!important;}
	
.show-mobile{ display:block!important;}	
.hide-mobile{ display:none!important;}
	
.footer { padding:40px 0px 0px 0px;}
.footer-nav li a.footer-nav-logo img{height: 40px;}	
.footer-nav { flex-direction: column;justify-content: center;}	
.footer-nav li {margin-bottom: 0.5rem;}
.footer-nav li a.footer-nav-logo {margin: 0.5rem 0; display: block;}
.footer .social-icons .icon-border {margin: 5px;}
.footer-bottom {padding-bottom:1.5rem;}		
	
.owl-carousel-common .owl-prev, .slider-owl .owl-prev{width:30px; height:30px; left:20px; transform: scale(0.8)}  
.owl-carousel-common .owl-next, .slider-owl .owl-next{width:30px; height:30px; right:20px; transform: scale(0.8)}
.owl-carousel-common .owl-prev img, .slider-owl .owl-prev img{ height:15px;}
.owl-carousel-common .owl-next img, .slider-owl .owl-next img{ height:15px;}	
	
.slider{margin-top:70px;}	
.search-form-wrap {top: 50px;}

/* --- Buttons --- */	
.download-btn { font-size: var(--fs-1_1); padding: 10px 30px 7px; border-radius: 5px; line-height: 1;}	
	
/* --- Owl carousel setting --- */		
.owl-common-navigation .owl-nav{display:none !important}
.made-impactful .section-title .owl-nav{display:none !important}	
	
/* --- Tabs setting --- */	
.nav-tabs-wrapper .nav-tabs{ gap:10px}
.nav-tabs-wrapper .nav-tabs li button{padding:8px 10px; border-radius: 5px; margin:0; font-size:0.75rem; display:flex; align-items: center;justify-content: center;}
.nav-tabs-wrapper .nav-tabs li button span{margin-top:3px; display:inline-block}
.nav-tabs-wrapper .nav-tabs li button img{width:15px; margin-right:5px;}
.discover-our-programs .nav-tabs-wrapper .nav-tabs li:first-child:not(.dropdown-menu li ){width:30%}
.discover-our-programs .nav-tabs-wrapper .dropdown-toggle {top: 3px; right: -5px;}
.nav-discover-tabs {padding: 0px 0px 0px 15px; margin-bottom: 25px!important;}
.nav-discover-tabs .nav-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch; justify-content: space-between;}
.nav-discover-tabs .nav-tabs li { display: inline-block; width: 100%!important;}	
.nav-discover-tabs .nav-tabs li button {padding: 8px 15px!important; font-size:100%!important;}
.nav-discover-tabs .nav-tabs .nav-link{white-space:nowrap;flex:0 0 auto}	
	
/* --- Excellence made yours --- */
.excellence-made-yours .container{padding-left:0px; padding-right:0px; overflow:hidden}
.subheading-next{margin-bottom:1.5rem !important; margin-top:1rem !important}
.subheading-next p{font-size: 1rem !important; margin-bottom:0 !important}
	
/*---- 7 Reasons -----*/
.ui-slider-handle.ui-state-default.ui-corner-all { width: 35px; height: 35px; top: -15px;  cursor: grab; text-align: center; line-height: 2;  color: var(--text-white); font-size: 17px;}
#sliderbar label { top: -12px;  width: 30px;  margin-left: -10px;  text-align: center;  font-size: 14px;  height: 30px;  line-height: 1.4;}
#sliderImages { margin-top: 2rem;}
#sliderImages .download{width:25px; right:10px; bottom:10px}
#sliderbar { width:96%;}	

.grid-container { grid-template-columns: repeat(7, 1fr);}  

.grid{padding:15px}
.grid h3{font-size:1.5rem !important}
.grid p{font-size:14px}
.grid3::after, .grid5::before, .grid5::after, .grid7::after{display: none}

/*---- Share the excellence -----*/	
.share-the-excellence .student-img{position: relative; margin-top:25px;}	
.share-the-excellence .logo-unit {display: none;}		
.share-the-excellence .content-info {padding:40px; display: flex; flex-direction: column; text-align: center;}
.share-the-excellence .content-info h2.section-title {font-size: 3.5rem; line-height: 3rem;}	
.share-the-excellence .content-info p { max-width:100%;}
.share-the-excellence .content-info .separator { width:100%; height: 1px; margin-right: 0px; margin-left: 0px; margin-top:10px; margin-bottom:20px;}
.share-the-excellence .made-your-exellence { margin-top:0px;}
.share-the-excellence .share-box { width: 50%; margin: auto;}

/*---- Discover our programs -----*/		
.course-card .link{padding:10px 5px; font-size: 0.85rem;}
.course-card .info-icon p {font-size: 0.65rem;}
.course-card .info-icon p span { font-size: 0.8rem!important;}

/* Made impactful ------------------------- */
.made-impactful .section-title {text-align: center!important;}
.made-impactful .section-title::before{display:none;}	
.owl-madeImpactful .section-title {text-align: center!important;}
	
.sidebar-contact{position:relative; top:auto; right:0 !important; width:100% !important; height:auto; padding:20px 20px 20px; transform:none !important; box-shadow: none}
.sidebar-contact .section-title {width: 100%;}		

.testimonial-card {padding: 20px;}	
.testimonial-card p {line-height: 1.3;}	
	
.faqs .banner .carousel-captions h2 {font-size: 2rem;}	

/* Inside Pages ------------------------- */	
	
/* Excellence made yours ------------------------- */	
.emy-video-banner h1{font-size:2.5rem;}
.emy-video-banner h1 span{font-size:3.5rem;}
.nav-line-tabs .nav-tabs .nav-link { font-size:1.5rem;}

/* Programs ------- */	
.carousel-captions{top:20vh;width:90%}
.carousel-captions h2{font-size:2rem}
.programs-more-info .sub.section-title {text-align: center;}	
.prorams-card{flex-direction:column; padding-left:10%; padding-right:10%}
.prorams-card li{border-bottom:#cdcdcd 1px solid;width:100%;border-right:0;justify-content:flex-start; padding:20px 0; margin: 0 !important;}
.prorams-card li h3{font-size:var(--fs-2)}
.photo-card .photo-caption{width:80%}.photo-card h3{font-size:1.8rem}
.accordion-asked-question .accordion-item{padding:15px 5px}
.accordion-asked-question .accordion-button{font-size:1.5rem}.price-card h3{font-size:2.2rem}
.programs-grid{display:grid; grid-template-columns:repeat(2,1fr);gap:16px; grid-auto-flow:dense; grid-template-rows: auto !important;}
.programs-grid .pGrid{padding:15px;grid-column:span 1!important;grid-row:auto!important;grid-column-start:auto!important;grid-row-start:auto!important}
.programs-grid .grid4{grid-column:span 2!important}
.programs-grid .grid10{grid-row:span 1/span 1!important}
.programs-more-info .short-info{margin-top:2rem}
.prorams-card-bg {padding-bottom: 20px;}	
.prorams-card {pointer-events: none}
.owl-program-can-do .slide, .owl-program-what-youcon .slide{height:98%;}

.programs-grid .pGrid.active{height:auto !important;  padding: 12px;}
.programs-grid .pGrid.active p{ font-size:14px;}
.discover-our-programs .nav-tabs-wrapper .dropdown-menu { left: -76px !important; width: 125px !important;  border-radius: 10px;}
.eligibility-tabs #myTab_next.nav-tabs li{width:100%;}
.eligibility-tabs .nav-tabs li button { font-size: 1.4rem;}
.asked-question .section-title{margin-bottom: 20px;}
.events-card {height: auto; margin:0px 5px 0px;}	
.owl-gb-brands .owl-nav{display: flex !important; margin-top: 20px;}
.projects-close{text-align: right; position: static; margin-right:1.5rem}	
.projects-details .projects-heading{gap:10px}
.projects-details .projects-heading img{ height: 40px;}
.project-subheading { margin-top: 0px;}	
.project-subheading h4{font-size:1.5rem; margin-top:5px}	
.grid-container { grid-template-columns: 1fr;}
.grid-container .grid { grid-column: span 1; padding: 26px;}
.grid h3 { font-size: 2rem;}
.grid8 { display: none;}	
.grid-container .grid3and4::before, 	.grid-container .grid3and4::after, .grid-container .grid1::after{display:none}
.grid-container .grid2 { grid-column: span 2 / span 2 !important;}
.programs-grid .pGrid p:not(.more) {font-size: 1.8rem;}
.breakkey, .breakTrimester, .breakkeyAssessments, .breakdown{font-size:1.6rem; width:auto; text-align: left;}
.breakkey::after, .breakTrimester::after, .breakkeyAssessments::after, .breakdown::after{display: none}

.breakdown-more table th, .breakdown-more table td{padding:7px}
.breakdown-more { overflow: scroll;}
.breakmore-key li { width: 100%; flex: 0 0 100%;}
.accordionlearn .accordion-body{overflow:auto}
.learning-feature-block { margin-bottom: 20px;}
.learning-feature-block	img{display: flex; height: fit-content;}
.exam-section {padding: 15px;}	
.contact-link{margin-top:1rem !important;}
.contact-link a{margin-bottom: 10px; padding:10px 10px !important; width: fit-content;}
.contact-link a:first-child{padding-left:15px !important;}
#btn-apply{margin-top:1rem;}
.congratulations .section-title { width: 100%;}	
.congrats-container{margin-bottom:10px;}	
.congrats-box { flex: 1 1 calc(50% - 20px); }
.section-title h2 br{display: none}
.owl-elective {margin-top:20px}
.programs-more-info h2{width:100%;}
.fee-structure-section .nav-tabs-wrapper .nav-tabs{flex-direction: column;}
.owl-multicolors .owl-stage { margin: inherit;}
.owl-elective .owl-nav{display: flex !important;}
.course-header span{display: inline !important;}
.projects-details .rounded-2{margin-bottom: 25px;}
.grid-container .grid7{justify-content: center;}
.grid-container .grid6::after{display: none}
.projects-details .yr_block h5 { padding: 10px 0px;}	
.projects-details .yr_block .text-end {  position: relative; right: 0px; bottom:0px;}	
.owl-tab1_co-curricular .owl-nav{position:relative  !important; justify-content: center !important;}
.contact-banner .w-50{width:80% !important;}
.contact-us input.btn{margin-top:25px;}
}

 @media screen and (max-width: 660px){
.owl-courses{display: block}
.owl-courses .slide{margin:20px}
.grid-container .grid8{display:none}
.projects-details .yr_block{min-height:auto}
.nav-line-tabs .tab-content { margin-top: 20px;}
/*.projects-details{padding:20px 10px}*/
.projects-details .sta_slide{margin-bottom:15px; height:auto}	 
}

@media (max-width: 480px) { 
.congrats-box { flex: 1 1 100%;}
#tab1_co-curricular  .owl-nav{display: flex !important; justify-content: center; position: relative !important; width: fit-content; margin: 0 auto; padding-top:20px;}
.owl-tab1_co-curricular .owl-prev, .owl-tab1_co-curricular .owl-next{position: relative !important; left:auto !important; right: auto !important;}
.php-email-form .d-flex.gap-2:nth-of-type(2){flex-direction: column;}
.grid-container .grid6, .grid-container .grid7 { padding-right: 40px;}

}