/**RESPONSIVE CSS**/

@media screen and (max-width: 1300px)
{
	
	.menu-bar {margin-right: 40px;}
	
}

@media screen and (min-width: 1230px)
{
	.elStoryColumn {padding-left: 86px;}
	
	.escHeading {font-size: 22px;}
}


@media screen and (max-width: 1200px)
{
	.certification-img {width: 46%;}
}


@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;}
	
	.enroll-inner .col-12.col-md-6.col-lg-3 {margin-bottom: 20px;}
	
	#stickyicons li a .stickynavtext, #stickyicons li a .stickynavicon i {display: none;}
	
	#stickyicons {width: 100%; display: inline-block; top: auto; bottom: 0px; z-index: 9; transform: none}
	
	#stickyicons li {width: 33.33%; display: inline-block; float: left; height: 38px;}
	
	#stickyicons li a .stickynavicon {width: 100%; height: 38px; line-height: 38px;}
	
	#stickyicons li .mob-v {display: block;}
	
	footer {padding-bottom: 37px;}
	
	.logos-item {width: 28%;}
	
	.certification-pg .align-items-center {flex-direction: column-reverse; padding: 0 20px;}
	
	.certification-pg .tag {margin: 40px 0 0;}
	
	.certification-pg .pro-title {margin: 30px 0;}
	
}

@media screen and (max-width: 991.5px)
{
	.bottom-inner .menu-bar ul {display: none;}
	
	.bottom-inner .menu-bar ul.navbar-nav.mobile {display: block;}
	
	.bottom-inner .menu-bar ul a.nav-link:hover {color: #fff !important;}
	
	.sidenav .navbar-nav  li.nav-item {width: 100%;}
	
	.sidenav .navbar-nav li.nav-item.drop-down {display: flex; flex-wrap: wrap; border-bottom: 1px solid #fff; align-items: center;}
	
	.navbar-nav .drop-down:hover .dropdown-content {display: none;}
	
	.navbar-nav .drop-down .dropdown-content {background: transparent; padding: 0; position: static; width: 100%; min-width: 100%;}
	
	.navbar-nav .drop-down .dropdown-content a.nav-link {width: 100% !important; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: left;}
	
	.sidenav .navbar-nav li.nav-item.drop-down .nav-link {width: 90%; border: none;}
	
	.sidenav .navbar-nav li.nav-item.drop-down button {padding: 0; color: #fff; display: flex; align-items: center; justify-content: center; width: 10%; height: 25px; background: transparent; border: 1px solid;}
	
	.navbar-nav .drop-down:hover .dropdown-content, .navbar-nav .drop-down .dropdown-content {display: none;}
	
	header .navbar-nav .drop-down .dropdown-content.show {display: block;}
	
	header .bottom-inner .dropdown-content .nav-link p {font-size: 13px}
}

@media screen and (min-width: 992px)
{
	.navbar-nav li.nav-item.drop-down:hover #sub-menu {display: block !important;}
}

@media screen and (max-width: 767px)
{
	.search-bar {width: 100%; justify-content: center;}
	.top-header{padding: 0px;}
	.top-header .align-items-center {gap: 10px; padding: 6px 15px;}
	
	.social-flex {justify-content: center}
	
	.carousel-item .d-block.w-100 {height: 350px; object-fit: cover;}
	
	.social-icons {justify-content: center;}
	
	.footer-logo {text-align: center; margin: 0 0 20px 0;}
	
	.certificate-main {padding-right: 0;}
	
	.certification-img img {width: 100%;}
	
	.certification-img {width: 47.7%;}
	
	.fee-duration-inner .col-md-6:last-child {padding: 40px;}
	
	.program-structure-inner  .col-md-4 {margin-bottom: 20px;}
	
	.program-structure-inner .col-md-4:nth-child(3) {margin-bottom: 0;}
	
	.enroll-inner .col-12.col-md-6.col-lg-3:last-child {margin: 0;}
	
	.awesome-inner {flex-direction: column; gap: 20px;}
	
	.awesome-inner {padding: 30px 15px;}
	
	.awesome-inner h2 {letter-spacing: 0; text-align: center;}
	
	.program-modules .card {padding: 30px;}
	
	.logos-item {width: 44%;}

	.slider-flex {
		flex-direction: column-reverse;
	}
	.homepage-slider .carousel-item > .d-block.w-100 {
    min-height: 300px;
    max-height: 100%;
    height: auto;
}
	.homepage-slider .enquery-form {
		width: 100%;
	}
	.homepage-slider .enquery-form div#ee-form-2 {
		width: 100%;
	}
	.homepage-slider .enquery-form .ee-form-body .ee-row {
    width: 47%;
}
}

@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}
	
	.banner-flex {gap: 10px; padding: 25px  20px; align-items: center; display: flex;}
	
	.banner-flex h2 {font-size: 25px; text-align: center}
	
	.btn-block .banner-btn {padding: 10px 14px;}
	
	.home-demo .card .card-img {height: 200px;}
	
	.Course-section,.common-section {padding: 60px 0;}

	.owl-carousel.owl-theme .owl-nav,.owl-carousel-two.owl-theme .owl-nav, .testimonials .owl-theme .owl-dots {margin-top: 30px;}
	
	.testimonials .card-team, .testimonials .card-team a {flex-direction: column; align-items: center;}
	
	.testimonials .card-team .person-bio {margin: 20px 0 0; text-align: center; padding-left: 0; min-height: unset;}
	
	.heading-main h2 {margin-bottom: 40px;}
	
	.toggle-menu > a {gap: 4px; width: 30px;}
	
	.certification-img {width: 46.6%;}
	
	.logos-grid {gap: 20px;}
	
	.logos-bg {max-height: 80px; min-height: 80px;}
	.top-phone a{font-size: 12px;}
	.modal.show .modal-dialog {width: 100%;}
}
@media screen and (max-width:991px)
{
	p {line-height: normal;}
	
	div#ee-form-2 {
		width: 100%;
	}
}
@media screen and (max-width:767px)
{
	.Register-form-section .main-div {flex-direction: column;}
	
	.Register-form-section .main-div .contact-form-left {width: 100%; margin: 0;}
	
	.main-div .contact-form-right {width: 100%; padding: 50px 0;}
}
@media screen and (max-width: 767.6px)
{
	.homepage-slider {
		position: relative;
		display: flex;
		flex-direction: column-reverse;
	}

	
	.homepage-slider .enquery-form {
		width: 100%;
		position: static;
		transform: none;
		max-width: 100%;
	}
	
	.homepage-slider .enquery-form .ee-form-body .ee-row {
		width: 100%;
	}
	
}