/*
* ----------------------------------------------------------------------------------------
* Responsive CSS                                         
* ----------------------------------------------------------------------------------------
*/
/* Medium Layout: 1280px. */
@media only screen and (min-width: 1281px) and (max-width: 1690px) {
	#scroll-top .to-top a {
	    font-size: 12px;
	    height: 45px;
	    width: 45px;
	    line-height: 45px;
	    right: 30px;
	}	
	.about_us_thinking .title {
	    padding: 50px 30% 80px 4%;
	    text-align: left;
	}
	.about_us_thinking:before {
		display: none;
	}
	.about_us_thinking .title .step_services {
	    padding-right: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1280px) {
		.features_4 .features_wrapper_box {
		    padding-right: 0;
		}
	#scroll-top .to-top a {
	    font-size: 12px;
	    height: 30px;
	    width: 30px;
	    line-height: 30px;
	    right: 15px;
	}	
	section, header{
		overflow: hidden !important;
	}
	.mainmenu .navbar-nav li {
	    margin-right: 26px;
	}
	.about_top_wrapper .banner_learn img {
	min-height: auto;
	}
	.about_top_wrapper .banner_learn {
	padding-left: 50px;
	    margin-bottom: 0;
	}
	.about_top_wrapper .title {
		width: 100%;
		padding-right: 30px;
		padding-left: 15px;
	}
	.about_top_wrapper .items_shape {
		margin-top: -50px;
		height: 300px;
	}
	.testimonial ul.slick-dots {
		right: 32px;
	}
	.about_us .about_content_wrapper {
	    margin-top: 10px;
	}
	.register_area .form-full-box {
	    margin: 0 10% 0px 15px;
	}

	#courses_details_wrapper .blog-right-items .courses_features .features_items, .event_details_wrapper .blog-right-items .courses_features .features_items {
	    padding-left: 40px;
	    padding-right: 20px;
	}

	.event_details_wrapper .location_bottom_wrapper {
	    display: inherit;
	}
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 767px) and (max-width: 991px) {
	.features_4 .features_wrapper_box {
	    padding-right: 0;
	}
	#scroll-top .to-top a {
	    font-size: 12px;
	    height: 30px;
	    width: 30px;
	    line-height: 30px;
	    right: 15px;
	}
	.navbar-brand{
		display: none;
	}
	header .edu_nav nav {
	    display: none;
	}
	header .header_top {
	    padding-top: 53px;
	}
	.search_area {
	    position: absolute;
	    top: -59px;
	    right: 35px;
	    z-index: 999;
        display: none;
	}	
	#search input[type="search"] {
	    padding: 0 30px;
	}
	#search button.close {
	    right: 30px;
	}
	header .edu_nav nav .search_area .navbar-nav li i:before {
	    color: #fff !important;
	}
	section, header{
		overflow: hidden;
	}
	.about_top_wrapper .title h2 {
	    font-size: 40px;
	    line-height: 55px;
	}
	.sub_title h2 {
	    font-size: 40px;
	    letter-spacing: 1px;
	}
	.title h2 {
	    font-size: 40px;
	    letter-spacing: 1px;
	}
	.cources_highlight {
	    margin-top: 100px;
	}

	.cources_highlight .latest_blog_carousel .single_item_center .blog-img {
	    height: auto;
	}
	.learn_shep .title {
	    position: static;
	    padding-right: 50px;
	    padding-top: 0px;
	    margin-bottom: 80px;
	}

	.about_top_wrapper .banner_learn img {
	    min-height: auto;
	}
	.about_top_wrapper .banner_learn {
	    padding-left: 45%;
	        margin-bottom: 0;
	}
	.about_top_wrapper .story_about .story_banner {
	    height: 400px;
	    width: 400px;
	}

	.about_top_wrapper .title {
	    width: 45%;
	    padding-right: 30px;
	    padding-left: 15px;
	    padding-top: 0;
	}
	.about_top_wrapper .items_shape {
	    margin-top: 50px;
	    height: 300px;
	}
	.testimonial ul.slick-dots {
	    right: 32px;
	}
	.testimonial .carousel_images .restimonial_single_img {
	    height: 233px;
	}
	footer .footer_top .information {
	    margin-left: 0;
	}
	footer .footer_top .contact {
	    margin-left: 0;
	}
	footer .footer_top h3 {
	    margin-bottom: 20px;
	    margin-top: 40px;
	}


/*========= Index Two =========*/
	.register_area .form-content h2 {
	    font-size: 40px !important;
	    line-height: 55px;
	}
	.register_area .form-content {
	    padding: 100px 0 0 0px;
	}
	.register_area .form-full-box {
	    margin: 0 10% 0px 15px;
	}
	.register_area .form-content .count_student .single_count {
	    margin-right: 0;
	    width: 33.33%;
	}
	.our_instructors .team-single-item figure figcaption {
		background: #fff;
		margin: 0;
		padding: 20px 15px;
		box-shadow: 0px 0px 15px 0px rgba(47, 47, 47, 0.05);
	}
	.our_instructors .team-single-item figure figcaption .member-name {
	    padding: 0;
	}
	.our_instructors .team-single-item figure figcaption:before {
	display: none;
	}
	.our_instructors .team-single-item {
	    padding: 0;
	    margin-bottom: 50px;
	}
	.our_instructors .team-single-item figure figcaption .member-name h4 {
	    font-size: 20px;
	}
	.our_instructors .team-single-item figure figcaption .member-name span {
	    font-size: 20px;
	}


	.about_us_thinking .banner_learn img {
	    min-height: auto;
	}
	.about_us_thinking .title {
	    padding: 120px 30% 80px 4%;
	}
	.footer_3 .become_instractor {
	    display: inherit;
	}
	.envent_all_view {
	    margin-top: 50px;
	}
	.app_download .single_features .feature_banner img {
	    position: absolute;
	    top: 15%;
	    right: -20px;
	    width: 100%;
	}
	.about_us.about_content_wrapper {
	    margin-top: 100px;
	}
	@media only screen and (max-width: 767px) {
		.about_us.campus_about_title {
		    margin-top: 0px;
			margin-bottom: 0px;
		}
	}

	.blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .tags-items ul li a {
	    padding: 6px 17px;
	    font-size: 12px;
	}
	.blog_wrapper .blog_wrapper_right {
	    padding-left: 0;
	}

	#courses_details_wrapper .blog-right-items .courses_features .features_items, .event_details_wrapper .blog-right-items .courses_features .features_items {
	    padding-left: 40px;
	    padding-right: 20px;
	}
	.event_details_wrapper .location_bottom_wrapper .event_location_map .google_map #map {
	    height:300px;
	    width: 100%;
	}
	.event_details_wrapper .location_bottom_wrapper .event_location_map {
	    padding-left: 0;
	}

	.event_details_wrapper .location_bottom_wrapper {
	    display: inherit;
	}

}




/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	/* Force main content containers to be visible and not collapsed on mobile */
	.container,
	.row,
	.section,
	.page-content,
	.gallery-bx {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		width: 100% !important;
		float: none !important;
		position: static !important;
		overflow: visible !important;
		min-height: 1px !important;
	}
	.home_1_update .rev_slider_wrapper {
	    margin: 0px;
	    width: 100% !important;
	}	
	.features_4 .features_wrapper_box {
	    display: inline-block;
	    padding-right: 0;
	}
	.features_4 .features_wrapper_box .features_wrappe_single {
	    width: 100%;
	    padding-right: 0;
	}
	.features_4 .features_wrapper_box .single_item:last-child {
	    margin-bottom: 0;
	    margin-bottom: 30px;
	}
	.row.res_mobile {
	    flex-direction: column-reverse;
	}
	.features_4 .features_4_content .title h2 {
	    font-size: 36px;
	    margin-bottom: 30px;
	}
	.features_4 .features_4_content {
	    padding-bottom: 50px;
	}
	.home_1_update .social_wrapper {
	    justify-content: center;
	}



	#scroll-top .to-top a {
	    font-size: 12px;
	    height: 30px;
	    width: 30px;
	    line-height: 30px;
	    right: 15px;
	}
	.header_3 .edu_nav nav .search_area .navbar-nav li {
	    padding:0px;
	}
	.search_area{
	    display: none;
	}	
	.login_signup_option .login_modal_body {
	    width: 85%;
	}
	.login_signup_option .tab-content {
	    padding: 10px;
	}
	.header_3 .edu_nav nav .search_area ul li{
		width: 50px;
	}
	.mean-container .mean-bar {
	    z-index: 9;
	}
	.header_3 .search_icon {
	    margin-top: -15px;
	}

	.navbar-brand{
		display: none;
	}
	.search_area {
	    position: absolute;
	    top: -160px;
	    right: 35px;
	    z-index: 999;
	}
	#search input[type="search"] {
	    padding: 0 30px;
	}
	#search button.close {
	    right: 30px;
	}
	header .edu_nav nav .search_area .navbar-nav li i:before {
	    color: #ffffff !important;
	}
	header .header_top {
	    padding-top: 53px;
	    overflow: hidden;
	}

	header .header_top .info_wrapper {
	    display: initial;
	    justify-content: center;
	    align-items: center;
	        text-align: center;
	}
	header .header_top .info_wrapper .login_info {
	    justify-content: center;
	    padding-bottom: 10px;
	}
	header .header_top .info_wrapper .login_info .apply_btn {
	    height: 38px;
	    line-height: 38px;
	    font-size: 12px;
	    padding: 0 15px;
	}

	section, header{
		overflow: hidden !important;
	}
	.sub_title h2 {
	    font-size: 36px;
	    letter-spacing: 1px;
	}
	.cources_highlight {
	    margin-top: 100px;
	}
	.cources_highlight .latest_blog_carousel .single_item_center .blog-img {
	    height: auto;
	}
	.cources_highlight .latest_blog_carousel .single_item {
	    width: 100%;
	    margin-bottom: 30px;
	}
	.cources_highlight .latest_blog_carousel {
	    display: inherit;
	}
	.cources_highlight .latest_blog_carousel .single_item .blog_title h3 {
	    font-size: 25px;
	    padding: 5px 0 20px;
	    line-height: 30px;
	}
	.cources_highlight .latest_blog_carousel .single_item .blog_title {
	    padding: 50px 15px;
	}
	.about_top_wrapper .title {
	    position: static;
	    padding-right: 0;
	    padding-top: 0px;
	}
	.about_top_wrapper .title h2 {
	    font-size: 36px;
	    line-height: 46px;
	}
	.about_top_wrapper .banner_learn img {
	    min-height: auto;
	}
	.about_top_wrapper .story_about .story_banner {
	    height: 290px;
	    width: 290px;
	}
	.about_top_wrapper .story_about .about_story_title {
	    padding-top: 100px;
	}
	.about_top_wrapper .story_about .about_story_title h2 {
	    font-size: 36px;
	}
	.about_top_wrapper .story_about .about_story_title p {
	    padding-right: 0;
	}

	.events-area .event_title_wrapper {
	    display: inherit;
	}
	.envent_all_view {
	    margin-top: 50px;
	}

	.events-area .events_single {
	display: inherit;
	}
	.events-area .events_single_left {
		display: flex;
		flex-direction: column-reverse;
	}
	.events-area .events_single .event_banner {
	    width: 100%;
	}
	.events-area .events_single .event_info {
	    width: 100%;
	    padding: 30px 15px;
	}
	.events-area .events_single .event_info h3 a {
	    font-size: 22px;
	}
	.events-area .events_single .event_info .events_time {
	    display: inline-grid;
	}
	.events-area .events_single_left .event_info {
	    width: 100%;
	    padding: 30px 15px !important;
	}


	.testimonial .testimonial_title h2 {
	    font-size: 36px;
	}
	.testimonial .testimonial_text_wrapper {
	    padding-left: 0;
	}
	.testimonial .testimonial_text_wrapper .carousel_text .single_box {
	    padding-right: 0;
	    padding-left: 0;
	}
	.testimonial .testimonial_text_wrapper .reviewer_info {
	    top: -160px;
	    transform: rotate(0deg);
	    left: 0;
	}
	.testimonial .carousel_images {
	    margin: 0;
	}
	.testimonial .carousel_images .restimonial_single_img .name_position {
	    transform: rotate(0deg);
	    padding-top: 150px;
	    margin-left: -15px;
	}
	.testimonial .carousel_images .restimonial_single_img img {
	    height: 70px;
	    width: 70px;
	    border-radius: 50%;
	    transform: rotate(0deg);
	    margin-bottom: 100px;
	}
	.testimonial .carousel_images .restimonial_single_img.slick-current img {
	    transform: rotate(0deg);
	}
	.testimonial .testimonial_text_wrapper .carousel_text .single_box {
	    min-height: 400px;
	}
	.testimonial .testimonial_text_wrapper .carousel_text .single_box p {
	    font-size: 18px;
	    line-height: 30px;
	}
	.testimonial .carousel_images .restimonial_single_img, .testimonial .carousel_images .restimonial_single_img.slick-current{
	   height: 255px;
	}

	.our_sponsor .sponsored_company_logos li {
	    margin-bottom: 50px;
	    width: 40%;
	}
	.our_sponsor .sponsored_company_logos_2 {
	    justify-content: space-between !important;
	}
	.our_sponsor .sponsored_company_logos_2 li {
	    padding: 0;
	}
	footer .become_techer_wrapper .become_a_teacher {
	    padding: 70px 15px;
	}
	footer .become_techer_wrapper .become_a_teacher .title h2 {
	    font-size: 36px;
	}
	footer .footer_top .information {
	    margin-left: 0;
	}
	footer .footer_top h3 {
	    margin-bottom: 20px;
	    margin-top: 40px;
	}
	footer .footer_top .contact {
	    margin-left: 0;
	}
	footer .footer_top .footer_single_col .social_items {
	    padding: 20px 0 0;
	    position: relative;
	    z-index: 1;
	}


/*============= Index Two==========*/

	.unlimited_possibilities .single_item {
	    margin-bottom: 30px;
	}
	.learn_shep .title {
	    position: static;
	    padding-right: 0;
	    padding-top: 0;
	}
	.learn_shep .title h2 {
	    font-size: 36px;
	}
	.learn_shep .shep_banner_wrapper {
	    padding: 50px 15px 0;
	}
	.learn_shep .shep_banner_wrapper .step_single_banner img {
	    padding: 2px;
	}
	.register_area {
	    padding: 160px 0 100px;
	}
	.register_area .form-full-box {
	    margin: 0;
	    padding: 40px 15px;
	}
	.register_area .form-content {
	    padding: 100px 15px 0 15px;
	}
	.register_area .form-content h2 {
	    font-size: 36px !important;
	    line-height: 48px;
	}
	.register_area .form-content .count_student {
	    flex-wrap: wrap;
	    justify-content: space-between
	}
	.register_area .form-content .count_student .single_count {
	    margin-right: 0;
	    width: 50%;
	    padding-bottom: 30px;
	}
	.register_area .form-content .count_student .single_count .counter {
	    font-size: 32px;
	    padding-bottom: 0px;
	}
	.our_instructors .team-single-item figure figcaption {
		background: #fff;
		margin: 0;
		padding: 20px 15px;
		box-shadow: 0px 0px 15px 0px rgba(47, 47, 47, 0.05);
	}
	.our_instructors .team-single-item figure figcaption .member-name {
	    padding: 0;
	}
	.our_instructors .team-single-item figure figcaption:before {
		display: none;
	}
	.our_instructors .team-single-item {
	    padding: 0;
	    margin-bottom: 50px;
	}
	.testimonial_2 .testimonial_single {
	    margin: 0px 15px 0;
	    padding: 100px 0;
	}
	.testimonial_2 .title h2 {
	    font-size: 36px;
	}
	.slick-list {
	    margin: 0px;
	}
	.teamgroup .teamgroup_info_wrapper {
	    padding: 0 15px 100px;
	}
	.teamgroup .teamgroup_info_wrapper h2 {
	    font-size: 30px;
	    line-height: 42px;
	}


/*========== Index Three ==========*/
	.header_3 .intro_wrapper {
	    padding: 100px 0 0;
	}
	.header_3 .intro_wrapper h1 {
	    font-size: 45px;
	    line-height: 55px;
	    letter-spacing: 1px;
	}
	.header_3 .intro_wrapper .search_wrapper {
	    padding-top: 100px;
	}
	.header_3 .intro_wrapper .search_wrapper .search-option form {
	    justify-content: space-between;
	    flex-wrap: wrap;
	}
	.header_3 .intro_wrapper .search_wrapper .search-option form .dropdown {
	    width: 100%;
	}
	.header_3 .intro_wrapper .search_wrapper .search-option form .form-group {
	    margin: 10px 0;
	    width: 100%;
	}
	.header_3 .intro_wrapper .search_wrapper .search-option {
	    width: 100%;
	    border-radius: 0;
	    padding: 20px 15px;
	    margin-bottom: 70px;
	}
	.about_us_thinking .banner_learn img {
	    min-height: auto;
	}
	.about_us_thinking .title {
	    padding: 100px 0 80px 0;
	}
	.about_us_thinking .title h2 {
	    font-size: 36px;
	    line-height: 50px;
	}
	.about_us_thinking .title .step_services {
	    margin-bottom: 40px;
	    padding-right: 0;
	}
	.video_online {
	    padding: 150px 0 0;
	}
	.video_online .video_wrapper .video_banner img {
	    width: 100%;
	}
	.video_online .video_wrapper {
	    margin-left: 0;
	}
	.video_online .counter_single_wrapper .count_single .counter {
	    font-size: 40px;
	    line-height: 50px;
	}
	.video_online .counter_single_wrapper {
	    min-height: 180px;
	}
	.testimonial_3 .testimonial_single {
	    margin-bottom: 30px;
	}
	.meet_our_team .meet_team_wrapper {
	    display: inherit;
	    margin: 0px 0 60px;
	}
	.meet_our_team .testimonial_single .reviewer_info .pro_pic_teacher img {
	    height: 80px;
	    width: 80px;
	}
	.priceing .pricing_wrapper {
	    display: inline;
	}
	.priceing .pricing_wrapper .single_price_table {
	    width: 100%;
	}
	.priceing .pricing_wrapper .single_price_table.active {
	    width: 100%;
	    margin: 30px 0;
	}
	.app_download .single_features .feature_banner img {
	    position: static;
	    top: 0;
	    right: 0;
	    width: 100%;
	}
	.app_download {
	    padding: 50px 0 100px;
	}
	.app_download .single_features .feature_intro_wrapper {
	    padding: 0px 0 0 0px;
	}
	.app_download .single_features .feature_intro_wrapper .feature_intro h2 {
	    font-size: 36px;
	    margin-bottom: 40px;
	}
	.app_download .single_features .feature_intro_wrapper .download_app_icon a{
	    margin-right: 38px;
	    width: 40%;
	}
	.app_download .single_features .feature_intro_wrapper .download_app_icon a img{
		width: 100%;
	}

	.footer_3 .become_instractor {
	    display: inherit;
	}


/* ============= Inner Pages header  ============*/
	.header_inner .intro_wrapper {
	    padding: 80px 0;
	}
	.header_inner .intro_wrapper h1 {
	    font-size: 34px;
	    line-height: 45px;

	}
	.about_us .about_title {
	    text-align: left;
	    padding: 0 0 50px;
	}
	.about_us .about_title h2 {
	    font-size: 36px;
	    line-height: 46px;
	    letter-spacing: 1px;
	}
	.about_us .about_content_wrapper {
	    margin-top: 50px;
	}
	.about_us .about_content_wrapper .about_banner_down {
	    padding: 0 15px;
	}
	.about_us .about_content_wrapper .about_content {
	    padding-top: 50px;
	}
	.out_count_student .counter_wrapper {
	    display: inherit;
	}
	.out_count_student .counter_wrapper .counter_single_wrapper {
	    width: 100%;
	    margin-bottom: 30px;
	}
	.out_count_student .counter_wrapper .counter_single_wrapper::before {
		display: none
	}

	.faq_about .faq_wrapper .single_faq {
	    padding-left: 40px;
	    padding-right: 0;
	    width: 100%;
	    margin-bottom: 50px;
	}
	.faq_about .faq_wrapper .single_faq h3 span {
	    left: -45px;
	    top: -1px;
	    height: 34px;
	    width: 34px;
	    line-height: 34px;
	    font-size: 18px;
	}
	.blog_wrapper .single_blog .post_content_wrapper {
	    padding: 40px 15px;
	}
	.blog_wrapper .single_blog .post_content_wrapper .post_by {
	    display: inline !important;
	}
	.blog_wrapper .single_without_img .post_content_wrapper {
	    padding: 45px 15px 45px !important;
	}
	.blog_wrapper .single_without_img .post_content_wrapper .post_bloger {
	    padding: 15px 0 !important;
	}
	.blog_wrapper .blog_wrapper_right {
	    padding-left: 15px;
	    margin-top: 50px;
	}

	.blog_wrapper .blog_post .postpage_content_wrapper {
	    display: inherit;
	}
	.blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items {
	    display: flex;
	    margin: 0;
	}
	.blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper {
	    padding-right: 0;
	    display: flex;
	}
	.blog_wrapper .blog_post .post_by span {
	    padding-right: 10px;
	}
	.blog_wrapper .blog_post .post_by span:before {
	    right: 5px;
	}
	.blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper h4 {
	    line-height: 34px;
	    padding-right: 15px;
	}
	.blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li {
	    padding-right: 10px;
	    padding-bottom: 0;
	}
	.blog_wrapper .blog_post h3 {
	    font-size: 30px;
	}
	.blog_wrapper .blog_post .postpage_content_wrapper .blog_post_content h3 {
	    font-size: 28px;
	}
	.blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list {
	    display: inline-block;
	}
	.blog_wrapper .author_name {
	    display: inline-grid;
	    padding-top: 15px;
	}
	.blog_wrapper .reply-comment {
	    padding-top: 15px;
	}
	.blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .reply_comment_text {
	    padding-left: 20px !important;
	}
	.blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .items_title .title {
	    font-size: 30px;
	}
	.contact_form_wrapper {
	    padding-right: 15px;
	}
	#courses_details_wrapper .courses_details .single-curses-contert .review-option, .event_details_wrapper .courses_details .single-curses-contert .review-option {
	    display: flex;
	    flex-wrap: wrap;

	    justify-content: center;
	}
	.single-curses-contert .single_items {
	    padding: 0 10px 25px;
	}
	#courses_details_wrapper .courses_details .courses_tab_wrapper .courses_details_nav_tabs ul li a, .event_details_wrapper .courses_details .courses_tab_wrapper .courses_details_nav_tabs ul li a {
	    padding: 7px 15px;
	    font-size: 12px;
	}
	#courses_details_wrapper .blog-right-items .courses_features .features_items, .event_details_wrapper .blog-right-items .courses_features .features_items {
	    padding-left: 40px;
	    padding-right: 20px;
	}
	#related_courses_wrapper .title h2 {
	    font-size: 30px;
	}
	.popular_courses .single-courses .courses_info_wrapper {
	    padding: 30px 15px;
	}
	#related_courses_wrapper #related_courses .single-courses {
	    margin: 50px 0px;
	}
	#courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body {
	    padding: 35px 0;
	}
	.lecture {
	    display: inline-grid;
	}
	#courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single {
	    display: inline-block;
	}
	#courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single a, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single a {
	    padding: 5px 15px;
	}
	#courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content {
	    display: inherit;
	}
	#courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating {
	    width: 100%;
	}
	#courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box {
	    width: 100%;
	}
	#courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .bar, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .bar {
	    width: 150px;
	    margin: 0 7px;
	}
	.event_details_wrapper .event_intro .post_content {
	    padding: 30px 15px;
	}
	.event_details_wrapper .location_bottom_wrapper .event_details .event_location_info {
	    padding: 15px;
	    display: inherit;
	}
	.event_details_wrapper .location_bottom_wrapper .event_details .event_location_info ul {
	    width: 100%;
	    margin-bottom: 40px;
	}
	.event_details_wrapper .location_bottom_wrapper {
	    display: inherit;
	}
	.event_details_wrapper .location_bottom_wrapper .event_location_map .google_map #map {
	    height:300px;
	    width: 100%;
	}
	.event_details_wrapper .location_bottom_wrapper .event_location_map {
	    padding-left: 0;
	}

}
/* Mobile Styles for Page Banner */
@media only screen and (max-width: 767px) {
  .page-banner-wrap {
    position: relative;
    padding: 20px 0;
  }
  .page-banner {
    position: relative;
    z-index: 2;
    padding: 20px 15px;
  }

/* Mobile Styles for Hero Slider */
	.edubin-slider-section-03 {
		padding-top: 24px !important;
		margin-top: 0 !important;
	}

	.hero-slider-active {
		border-radius: 0 0 28px 28px;
		/*box-shadow: 0 18px 40px rgba(2, 30, 64, 0.18);*/
	}

	.hero-slider-active .swiper-wrapper,
	.hero-slider-active .swiper-slide {
		clip-path: none !important;
	}

	.hero-slide-item {
		min-height: 72vh !important;
		height: auto !important;
		padding: 24px 0 56px !important;
		align-items: center !important;
		background-size: cover !important;
		background-position: center center !important;
		background-color: #021e40 !important;
	}
	.hero-slider-active .swiper-pagination {
		background: rgba(4, 20, 40, 0.55) !important;
		border: 0.5px solid rgba(255, 255, 255, 0.12)!important;
		width: 100%;
		padding: 8px 0;
		border-radius: 0;
		backdrop-filter: blur(4px)!important;
	}

	.hero-slide-item::before {
		background: linear-gradient(180deg, rgba(2, 30, 64, 0.06) 0%, rgba(2, 30, 64, 0.34) 36%, rgba(1, 12, 26, 0.82) 100%) !important;
	}

	.hero-slide-item .container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.hero-slide-item .row {
		margin-left: 0;
		margin-right: 0;
	}

	.hero-slider-active {
		border-radius: 0;
		border: none;
		overflow: visible;

	}
	.hero-slide-item [class*=col-] {
		padding-left: 0;
		padding-right: 0;
	}

	.edubin-slider-section-03 .slider-cont {
		max-width: 100%;
		margin: 0;
		padding: 22px 20px 20px !important;
		border-radius: 0px;
		background: linear-gradient(180deg, rgba(4, 20, 40, 0.44) 0%, rgba(4, 20, 40, 0.78) 100%);
		/*border: 1px solid rgba(255, 255, 255, 0.14);*/
		box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
		/*backdrop-filter: blur(1px);*/
		text-align: center !important;
	}

	.edubin-slider-section-03 .slider-cont .title {
		position: static;
		margin: 0 0 12px !important;
		padding: 0 !important;
		background: none;
		border-radius: 0;
		text-align: center;
		font-size: 30px !important;
		line-height: 1.15;
		letter-spacing: -0.03em;
	}

	.edubin-slider-section-03 .slider-cont span {
		font-size: 14px !important;
		line-height: 1.6;
		margin: 0 0 16px !important;
		color: rgba(255, 255, 255, 0.9);
	}

	.edubin-slider-section-03 .slider-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		padding: 11px 18px !important;
		border-radius: 9px !important;
		font-size: 12px !important;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.slider-statistics {
		margin: 22px 0 0 !important;
		max-width: 100% !important;
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
	}

	.slider-statistics .row {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: none !important;
	}

	.slider-statistics [class*=col-] {
		width: auto !important;
		max-width: none !important;
		flex: none !important;
		padding: 0 !important;
	}

	.slider-statistics .single-counter {
		padding: 14px 12px !important;
		margin: 0 !important;
		width: 100% !important;
		min-height: 84px;
		border-radius: 16px;
		text-align: center !important;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 6px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.08) 100%);
		border: 1px solid rgba(255, 255, 255, 0.12);
		backdrop-filter: blur(8px);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	}

	.slider-statistics .stat-number {
		font-size: 24px !important;
		line-height: 1 !important;
		display: block !important;
		color: #ffffff;
		font-weight: 800 !important;
		letter-spacing: -0.04em;
		margin: 0 !important;
	}

	.slider-statistics p {
		font-size: 11px !important;
		margin: 0 !important;
		line-height: 1.3 !important;
		color: rgba(255, 255, 255, 0.8) !important;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.06em;
	}

	.slider-controls {
		left: 20px;
		right: 20px;
		bottom: 12px;
		padding: 0 !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}

	.slide-counter {
		min-width: 42px;
		color: #ffffff;
		font-size: 12px;
		font-weight: 700;
	}

	.hero-slider-active .swiper-pagination {
		order: 3;
		flex: 0 0 100%;
		width: 100%;
		min-width: 0;
		margin-top: 6px;
		padding: 0 10px;
		background: rgba(255, 255, 255, 0.18);
	}

	.hero-slider-active .swiper-pagination-bullet {
		width: 42px;
		max-width: none;
	}

	.pause-btn {
		border-color: rgba(255, 255, 255, 0.45);
		color: #ffffff;
	}
}

@media only screen and (max-width: 575px) {
	.hero-slide-item {
		min-height: 68vh !important;
		padding-bottom: 52px !important;
	}

	.edubin-slider-section-03 .slider-cont {
		padding: 18px 16px 16px !important;
		border-radius: 18px;
	}

	.edubin-slider-section-03 .slider-cont .title {
		font-size: 26px !important;
	}

	.edubin-slider-section-03 .slider-cont span {
		font-size: 13px !important;
	}

	.slider-statistics .single-counter {
		min-height: 78px;
		padding: 12px 10px !important;
	}

	.slider-statistics .stat-number {
		font-size: 21px !important;
	}

	.slider-statistics p {
		font-size: 10px !important;
	}
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.testimonial .testimonial_text_wrapper .carousel_text .single_box {
	    min-height: 300px;
	}
	.register_area .form-content .count_student {
	    flex-wrap: wrap;
	    justify-content: space-between
	}
	.register_area .form-content .count_student .single_count {
	    margin-right: 0;
	    width: 40%;
	}
	.register_area .form-full-box {
	    margin: 0 100px;
	    padding: 40px 15px;
	}
	.out_count_student .counter_wrapper {
	    display: flex;
	    flex-wrap: wrap;
	}
	.out_count_student .counter_wrapper .counter_single_wrapper {
	    width: 45%;
        margin-top: 30px;
        margin-bottom: 0;
	}

}
footer .become_techer_wrapper .become_a_teacher .shape_t_1, footer .round_shape{
    display: none;
}
header.header_four .header_top:before {
    background: url(../images/shapes/shape_top_red.png) repeat center center;
}

/* ============= Page Banner Section — Mobile Responsive ============= */

/* Tablet: 768px – 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    section.blog {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
        height: auto !important;
        position: static !important;
    }
    .page-banner-section {
        padding-top: 100px;
        min-height: 260px;
        margin-top: 0;
        margin-bottom: 40px;
    }
}

/* Mobile: ≤767px */
@media only screen and (max-width: 767px) {
    .page-banner-section {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        padding-top: 80px !important;
        min-height: 200px !important;
        margin-top: 0 !important;
        margin-bottom: 60px !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center center !important;
        background-attachment: scroll !important; /* prevents iOS Safari blank-bg bug */
        animation: none !important;               /* saves battery / CPU on mobile */
    }

    .page-banner-section::before {
        position: absolute !important;
        content: "" !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 0 !important;
        background: linear-gradient(
            135deg,
            rgba(52, 168, 83, 0.55) 0%,
            rgba(0, 60, 30, 0.82) 50%,
            rgba(15, 157, 88, 0.65) 100%
        ) !important;
    }

    /* keep text above the overlay */
    .page-banner {
        position: relative;
        z-index: 1;
		margin-top: 0px !important;
    }

    .page-banner .section-title .title {
        font-size: 24px;
        line-height: 1.35;
        margin-bottom: 10px !important;
    }

    .breadcrumb .breadcrumb-item {
        font-size: 13px;
    }

    .breadcrumb .breadcrumb-item + .breadcrumb-item {
        padding-left: 5px;
    }

    .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        content: "\f16e";
        font-family: flaticon !important;
        font-size: 9px;
        padding-right: 5px;
        position: relative;
        top: 4px;
        color: #ffffff;
        vertical-align: middle;
    }
}

/* Small phones: ≤575px */
@media only screen and (max-width: 575px) {
    .page-banner-section {
        padding-top: 70px !important;
        min-height: 175px !important;
        margin-top: 0 !important;
        margin-bottom: 50px !important;
    }

    .page-banner .section-title .title {
        font-size: 20px;
        line-height: 1.4;
    }

    .breadcrumb .breadcrumb-item {
        font-size: 12px;
    }
}

/* Extra-small phones: ≤480px */
@media only screen and (max-width: 480px) {
    .page-banner-section {
        padding-top: 62px !important;
        min-height: 160px !important;
        margin-top: 0 !important;
        margin-bottom: 40px !important;
    }

    .page-banner .section-title .title {
        font-size: 18px;
        line-height: 1.45;
        word-break: break-word;
    }

    .breadcrumb {
        flex-wrap: wrap;
    }

    .breadcrumb .breadcrumb-item {
        font-size: 11px;
    }

    .breadcrumb .breadcrumb-item + .breadcrumb-item {
        padding-left: 4px;
    }

    .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        content: "\f16e";
        font-family: flaticon !important;
        font-size: 8px;
        padding-right: 4px;
        position: relative;
        top: 3px;
        color: #ffffff;
        vertical-align: middle;
    }
}

/* ── Hero Banner: edubin-slider-section-08 ── */

/* Real div overlay — strictly contained within the slider */
.hero-img-overlay {
    display: none; /* hidden on desktop — ::before handles it there */
}

@media only screen and (max-width: 991px) {
    .edubin-slider-section-08 {
        height: auto !important;
        min-height: 500px;
        margin-top: 0 !important;
        margin-bottom: 20px !important;
        overflow: hidden;
        position: relative;
    }
    /* disable ::before entirely on mobile — use .hero-img-overlay div instead */
    .edubin-slider-section-08::before {
        display: none !important;
    }
    /* real overlay div — guaranteed to stay inside slider bounds */
    .hero-img-overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(360deg, rgba(3,11,20,0.6) 0%, rgba(2,7,14,0.6) 100%);
        z-index: 1;
        pointer-events: none;
    }
    /* keep text above the overlay */
    .edubin-slider-section-08 .container {
        position: relative;
        z-index: 2;
    }
    .edubin-slider-section-08 .shape-1 {
        display: none !important;
    }
    .edubin-category-section-05 {
        margin-top: 0 !important;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .edubin-slider-section-08 {
        height: auto !important;
        min-height: 400px;
        margin-top: 0 !important;
        margin-bottom: 40px;
        background-attachment: scroll !important;
        overflow: hidden;
    }
    .edubin-slider-section-08 .shape-1 {
        display: none;
    }
    .edubin-slider-section-08 .hero-content {
        padding-top: 90px;
        padding-bottom: 50px;
        text-align: center;
    }
    .edubin-slider-section-08 .hero-content .main-title {
        font-size: 28px;
        line-height: 38px;
    }
    .edubin-slider-section-08 .hero-content .sub-title {
        font-size: 12px;
    }
    .edubin-slider-section-08 .hero-content .text {
        font-size: 14px;
        margin-top: 15px;
    }
    .edubin-slider-section-08 .hero-content .hero-btn-wrap {
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 25px;
    }
    .edubin-slider-section-08 .hero-content .hero-btn-wrap .hero-btn .btn {
        margin-right: 0;
        padding: 10px 20px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 480px) {
    .edubin-slider-section-08 {
        min-height: 340px;
    }
    .edubin-slider-section-08 .hero-content {
        padding-top: 70px;
    }
    .edubin-slider-section-08 .hero-content .main-title {
        font-size: 22px;
        line-height: 30px;
    }
}

/* ============================================================
   Campuses Page — responsive overrides (moved from style.css)
   ============================================================ */

/* -- Hero Banner (edubin-slider-section-08) -- */
@media only screen and (max-width: 1199px) {
    .edubin-slider-section-08 .shape-1 {
        bottom: -70px;
    }
    .edubin-slider-section-08 .hero-content {
        padding-top: 200px;
    }
    .edubin-slider-section-08 .hero-content .main-title {
        font-size: 42px;
        line-height: 60px;
    }
}

@media only screen and (max-width: 575px) {
    .edubin-slider-section-08 .hero-content .main-title {
        font-size: 30px;
        line-height: 42px;
    }
}

/* -- Key Academic Areas (edubin-category-section-05) -- */
@media only screen and (max-width: 991px) {
    .edubin-category-section-05 .edubin-category-box .category-item {
        padding: 40px 20px;
    }
}
@media only screen and (max-width: 767px) {
    .edubin-category-section-05 .category-content-wrap {
        margin-top: 20px;
    }
    .edubin-category-section-05 .category-content-wrap::before {
        display: none;
    }
    .edubin-category-section-05 .edubin-category-box {
        border-right: 0;
    }
    .edubin-category-section-05 .edubin-category-box .category-item {
        justify-content: center;
        padding: 0;
        margin-top: 30px;
    }
    .edubin-category-section-05 .edubin-category-box .category-item .category-content {
        margin-left: 0;
    }
}

/* -- Campus About section (edubin-about-section-07) -- */
@media only screen and (max-width: 1199px) {
    .edubin-about-section-07 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .edubin-about-section-07 .about-content-wrap {
        padding-left: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .section.edubin-about-section-07 {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 0px !important;
		margin-top: 0 !important;
        overflow: hidden;
    }
    .edubin-about-section-07 .about-img-wrap {
        padding-left: 0;
        max-width: 100%;
        overflow: hidden;
    }
    .edubin-about-section-07 .about-img-wrap .svg-shape {
        top: 0;
        left: 0;
        width: 48%;
        max-width: 180px;
    }
    .edubin-about-section-07 .about-img-wrap .svg-shape svg {
        width: 100%;
        height: auto;
    }
    .edubin-about-section-07 .about-img-wrap .about-img-big img {
        width: 100%;
        height: auto;
        max-height: 380px;
    }
    .edubin-about-section-07 .about-img-wrap .about-img-sm {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 20px;
    }
    .edubin-about-section-07 .about-img-wrap .about-img-sm img {
        width: 100%;
        height: auto;
        max-height: 260px;
        object-fit: cover;
    }
}
@media only screen and (max-width: 991px) {
    .edubin-about-section-07 .about-content-wrap {
        padding-left: 0;
        margin-top: 70px;
    }
}



/* -- Campus Life section (edubin-hero-section-10) -- */
@media only screen and (max-width: 1199px) {
    .edubin-hero-section-10 .hero-content .title {
        font-size: 42px;
        line-height: 60px;
    }
    .edubin-hero-section-10 .hero-images {
        padding-top: 110px;
    }
}
@media only screen and (max-width: 991px) {
    .edubin-hero-section-10 {
        padding-top: 20px;   
        padding-bottom: 60px;     

    }
}

@media only screen and (max-width: 767px) {
    .iq_content_wrap {
        padding-bottom: 30px;
		margin-bottom: 30px;   
    }
    .section.edubin-hero-section-10 {
        margin-top: 30px;          
        padding-top: 40px;
        padding-bottom: 60px;
        overflow: hidden;
    }
    .edubin-hero-section-10 .shape-3,
    .edubin-hero-section-10 .hero-images .shape-1,
    .edubin-hero-section-10 .hero-images .shape-2 {
        max-width: 120px;
        opacity: 0.45;
        pointer-events: none;
    }
    .edubin-hero-section-10 .shape-3 img,
    .edubin-hero-section-10 .hero-images .shape-1 img,
    .edubin-hero-section-10 .hero-images .shape-2 img {
        width: 100%;
        height: auto;
    }
    .edubin-hero-section-10 .shape-3 {
        left: auto;
        right: 5%;
        top: 6%;
    }
}
@media only screen and (max-width: 991px) {
    .edubin-hero-section-10 .hero-content .title {
        font-size: 32px;
        line-height: 48px;
    }
}
@media only screen and (max-width: 767px) {
    .edubin-hero-section-10 .hero-images {
        padding-top: 35px;
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
    }
    .edubin-hero-section-10 .hero-images .images {
        text-align: center;
        position: relative;
        z-index: 2;
    }
    .edubin-hero-section-10 .hero-images .images img {
        width: 100%;
        height: auto;
        max-height: 340px;
        object-fit: cover;
        border-radius: 10px;
    }
    .edubin-hero-section-10 .hero-images .image-content {
        left: 0%;
        top: auto;
        bottom: 15px;
    }
}
@media only screen and (max-width: 575px) {
    .edubin-hero-section-10 .hero-images {
        padding-top: 25px;
        padding-left: 0;
        padding-right: 0;
    }
    .edubin-hero-section-10 .svg-shape svg {
        height: 24px;
    }
}

/* -- Campus about_us section -- */
@media (max-width: 767.98px) {
    section.about_us .row,
    section.about_us .about_content_wrapper {
        flex-direction: column !important;
    }
    section.about_us .col-12,
    section.about_us .col-sm-12,
    section.about_us .col-md-7,
    section.about_us .col-md-5,
    section.about_us .col-lg-7,
    section.about_us .col-lg-5 {
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    section.about_us .about_title,
    section.about_us .about_content {
        text-align: left;
        padding: 10px 0;
    }
    section.about_us .about_title {
        margin-top: 0;
        margin-bottom: 20px;
    }
    section.about_us .banner_about {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    section.about_us .banner_about img {
        min-height: 300px;
        margin: 0 auto 60px auto;
        padding-right: 40px;
    }
    section.about_us .about_banner_down img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 60px auto;
    }
    section.about_us .about_content a {
        display: inline-block;
        margin-top: 15px;
        font-size: 1rem;
    }
	section.about_us {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
	section.about_us .campus_about_title h3{
		font-size: 32px;
		line-height: 32px;
		font-weight: 700;
		margin-bottom: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .blog .single_item  {
        margin-bottom: 50px;
    }
    section.blog {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
        height: auto !important;
        position: static !important;
    }
  
}

/* -- ANNIVERSARY MOBILE RESPONSIVE CSS START HERE-- */
@media (max-width: 991px) {
  .anniversary-section {
	margin-top: 200px !important;
  }
  .anniversary-section .row {
    flex-direction: column !important;
    text-align: center;
  }
  .anniversary-logo {
    margin-bottom: 18px;
  }
  .anniversary-content {
    padding: 0;
	margin-top: 20px !important;
  }
}

@media (max-width: 575px) {
  .anniversary-section-title {
    font-size: 1.3rem;
  }
  .anniversary-content {
    padding: 0;
  }
  .anniversary-logo img.anniversary-square-img {
    max-width: 90vw;
    height: auto;
  }
  section.blog {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    height: auto !important;
    position: static !important;
  }
}

/* -- ANNIVERSARY MOBILE RESPONSIVE CSS END HERE-- */