/* ----------150% Zoom CSS -----------*/
@media screen and (min-width:1280px) and (max-width:1360px) {	
body {font-size: clamp(16px, 1vw, 20px);}	
	
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:100px!important; padding-right:100px!important;}
header .logo img{height:40px;}

.value-proposition-card-content h3{font-size:1.5rem}	
.faq_question-text h3 {font-size: 18px;}
	
.enquiry-content {padding:20px 20px 20px; max-width:400px;}
.enquiry-content h4 {font-size: 0.75rem;}	
.enquiry-content input, .enquiry-content select {padding:10px; font-size: 14px;}
.enquiry-content .mobile-container select {font-size: 10px!important;}	
.enquiry-content .captcha-container img {width: auto;height: 35px;}
.download-brochure h4 {font-size:1rem;}	
	
}
/* ----------150% Zoom CSS End/-----------*/	

@media screen and (min-width: 1600px) {
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:150px!important; padding-right:150px!important;}
	
}

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

@media screen and (min-width:1440px) and (max-width:1599px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left: 50px!important; padding-right:50px!important;}

.enquiry-content h4 {font-size:0.95rem;}	
.faq_question-text h3 {font-size: 18px;}	
	
}	

@media screen and (min-width:1361px) and (max-width:1366px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left: 50px!important; padding-right:50px!important;}

.value-proposition-card-content h3{font-size:1.5rem}	
.faq_question-text h3 {font-size: 18px;}
.enquiry-content h4 {font-size: 0.80rem;}	
.enquiry-content .mobile-container select {font-size: 10px!important;}	
	
}

@media screen and (min-width:1024px) and (max-width:1280px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:100px!important; padding-right:100px!important;}	
#content .industry-leader .container-fluid { padding-right:0px !important; position: relative; overflow: hidden;}
	
}

@media screen and (min-width:992px) and (max-width:1080px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:50px!important; padding-right:50px!important;}
#content .industry-leader .container-fluid { padding-right:0px !important; position: relative; overflow: hidden;}
	
}


@media screen and (min-width:992px) and (max-width:1024px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:50px!important; padding-right:50px!important;}	

	
}

@media screen and (min-width:992px){
.section-title h1, .section-title h2{font-size: 2.5rem;}
.program-overview .btn{font-size: 1.2rem; padding:0.5rem;}
.apply-now .btn{font-size: 1.5rem; padding:0.5rem 2rem;}	
.placement-data ul li h2 {font-size:2rem;}
.owl-carousel-common .program-card .content h1, .owl-carousel-common .program-card .content h2, .owl-carousel-common .program-card .content h3,
.owl-carousel-common .program-card .content h4, .owl-carousel-common .program-card .content h5, .owl-carousel-common .program-card .content h6 {min-height:60px;}	
}

@media screen and (min-width:768px) and (max-width:991px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:50px!important; padding-right:50px!important;}

	
}

@media screen and (max-width: 767px){

header{background: #276d79;}	
header .logo { padding: 10px 10px;}
header .logo img{height: 40px;}	
#burger-menu {margin: 10px 20px;}
#menu.overlay {background: rgba(36,104,114,0.99);}
#menu a {font-size: 20px;}	
	
#slider .carousel-item{margin-top:60px;}	
	
/* --- Section title --- */	
.section{ padding-top:40px; padding-bottom:40px; position: relative;}
.section-bottom-half{ padding-bottom:40px;}
	
.slider-mobile-banner{display: block!important;}
.slider-desktop-banner{display: none!important;}
	
.show-mobile{ display:block!important;}	
.hide-mobile{ display:none!important;}
	
.text-wrap{display: inline;}	

.about-us h1{text-align: center;}	
.about-us .content-wrapper::before {display: none;}
	
.value-proposition .owl-carousel::after {display: none;}	
	
.placement-data ul { flex-wrap: wrap; justify-content: center;}
.placement-data ul li {flex: 0 0 48%; box-sizing: border-box; margin-bottom: 10px; padding: 10px; text-align: center; position: relative;}
.placement-data ul li::before {display: none;}
.placement-data ul li img {height: 40px;}
	
.tab-btn { font-size: 14px; padding: 10px 20px;}	
	
.clients ul { flex-wrap: wrap;}
.clients ul li { display:flex; justify-content: center; margin: 10px 20px; flex: 0 0 35%;}    
.clients ul li img {width:auto;}
	
.testimonials-container {display: flex; flex-direction: column;}
.testimonial-img{margin-bottom: 15px;}
	
.faq_question-text h3 {font-size: 16px;}
	
.videoModal .btn-close { position: absolute; right: 0px;}
	
.footer hr {margin-top:0.5rem;}
.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-copyright {padding-bottom: 0.25rem;}	
	
.owl-carousel-common .owl-prev, .testimonials-owl .owl-prev{width:30px; height:30px; left:-10px; transform: scale(0.8)}  
.owl-carousel-common .owl-next, .testimonials-owl .owl-next{width:30px; height:30px; right:-10px; transform: scale(0.8)}
.owl-carousel-common .owl-prev img, .testimonials-owl .owl-prev img{ height:15px;}
.owl-carousel-common .owl-next img, .testimonials-owl .owl-next img{ height:15px;}
.program-overview .owl-nav-active .owl-next, .program-overview .owl-nav-active .owl-prev{position: absolute; top:25%;}
.testimonials .owl-nav-active .owl-next, .testimonials .owl-nav-active .owl-prev{position: absolute; top:25%;}	

.enquiry-btn {font-size: 1rem;}
.enquiryForm-wrapper::after {display: none;}	
.enquiry-content .mobile-container select { width:20%;}
.enquiry-content .mobile-container input { width:80%;}

.thank-you{padding-bottom:5rem;}	
.thank-you-container { padding-top:150px;}
.thank-you-container::after {display: none;}	
.thank-you-box {width:90%; padding: 1rem 2rem 1rem;}
.thank-you-box h1 {font-size: 2rem;}
.thank-you-box p { font-size: 1rem;}
.brochure-list li:last-child {flex: 0 0 auto; width:50%;}	
	
}