/**RESPONSIVE CSS**/

@media screen and (max-width: 1300px)
{
	
	.menu-bar {margin-right: 40px;}
	
}

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


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


@media screen and (max-width: 991px)
{
	.mobile {display: block;}
	
	.navbar {display: none;}
	
	.banner-flex h2 {font-size: 30px;}
	
	.btn-block .banner-btn {font-size: 14px; padding: 10px 20px;}
	
	body .owl-carousel .owl-dots.disabled, body .owl-carousel .owl-nav.disabled {display: block;}
	
	.sidenav ul a {padding: 15px 0; font-size: 18px; font-weight: 500;}
	
	.nav-link img {background: #fff; border-radius: 4px; padding: 4px;}
	
	
	
}

@media screen and (max-width: 767px)
{
	.search-bar {width: 100%; justify-content: center;}
	
	.top-header .align-items-center {gap: 10px; padding: 10px 15px;}
	
	.social-flex {justify-content: center}
	
		.banner-flex {flex-direction: column;}
	
	.banner-content-main {padding: 40px 10px;}
	
	.choose-card {margin: 10px 0;}
	
	.selection-layout {flex-direction: column;}
	
	.sl-arrow img {max-width: 40px; transform: rotate(90deg);}
	
	.s-l.bg {width: 100%;}
	
	.programme-layout {flex-wrap: wrap;}
	
	.layout-part {width: 50%;}
	
	.layout-icon-content p {font-size: 13px;}
	
	.banner-content-main ul {margin: 45px 0 0;}
	
	.banner-content-main h1 {font-size: 30px;}
	
	.apply-now {text-align: center;}
	
	.faq-tabs .tab {flex-direction: column;}
	
	.faq-tabs .tab button {width: 100%; font-size: 16px;}
	
	.logos-grid .logos-item {width: 48%;}
	
	.methodlogy-section, .candidate-hired-section {padding: 80px 0;}

	.top-header-left{width: 100%;}
	.top-header-left p {font-size: 12px; width: 75%;}
	.top-header-left img {float: left; width: 25%;}
	.social-flex{width: 100%;}
	.apply-now{display: flex;}
	.apply-now .btn {font-size: 8px;}
	.story_card {width: 50%; margin-bottom: 40px;}
	.story_card-content{height: auto;}
	
}

@media screen and (max-width: 480px)
{
	.social-icons a {width: 30px; height: 30px;}
	
	.login-register {gap: 10px;}
	
	.header-logo img {max-width: 120px;}
	
	.login-register a {font-size: 12px;}
	
	.social-flex {gap: 10px}
	
	
}