@media (max-width: 1200px) {
.caption.style-1 h1{ font-size: 40px;}
.feature-service.with-angle::before,
.feature-service.with-angle::after{ height: 250px;}
.feature-service{ padding: 30px 40px; min-height: 250px;}
.feature-service.with-angle{ min-height: 264px;}
.caption.style-2 h1{ font-size: 35px;}
.caption.style-2 p{ font-size: 13px;}
.featuers-services{ position: static; margin: -120px 0 0;}
.lectures-detail{ height: 299.5px;}
.caption.style-3{ top: 270px;}
.caption.style-3 h1{ font-size: 35px;}
.testimonial.style-2 p{ font-size: 14px;}
.testimonial.style-2{ top: -225px;}
.profile-section{ margin: -90px 0 0;}
}

@media (max-width: 1199px) {
.event-names ul li h5{ font-size: 13px;}
.event-names ul li p{ font-size: 13px;}
.event-names ul li span{ font-size: 12px;}
.event-names ul li{ margin: 0 0 30px;}
.testimonial{ padding: 30px;}
.facts-lsit ul li{ padding: 0 27px;}
.tags-list li, .meta-post li{ margin: 0 0 0 6px;}
.nav-holder.style-2 .navbar-btn{ color: #fff; line-height: 60px;}
.nav-holder.smaller{ position: static;}
.video-post iframe{ height: 170px;}
.event-grid-detail ul li{ font-size: 10px;}
.course-detail h2{ font-size: 20px;}

.lecturers-column.style-3 .social-icons ul li{ margin: 0 0 0 13px;}

.popular-courses .container{ width: 100%; padding: 0 50px;}

.caption.style-2 h1{ font-size: 38px;}
.caption.style-2 p{ font-size: 13px;}
.search-course-form .btn{ padding: 0;}
.search-course-form ul li{ width: 14.6%;}
.lectures-list li{ margin: 0 0 0 8.9px;}

.news-detail .tags-list li,
.meta-post li{ font-size: 12px;}
.news-detail p{ font-size: 11px;}
.testimonial.style-2 p{ display: none;}
.testimonial.style-2{ width: 100%; top: 0; padding: 42.4px;}
.event-slider-holder h6{ font-size: 12px;}
.event-slider-holder p{ font-size: 13px;}
.event-slider-holder{ padding: 31px;}
.lecturers-column > img{ width: 100%;}

.lecturers-column.style-3 .lectures-detail{ margin: 0 0 0 -98px;}
.lecturers-column.style-3 .social-icons{ padding: 10px;}
.event-grid-img img{ width: 100%;}

.event-detail-img h2{ font-size: 25px;}
.event-profile-widget span{ font-size: 12px;}
.speakers-column h3{ font-size: 19px;}

.about-sec .tc-padding-top{ padding: 60px 0 0;}
.contact-info{ padding: 30px; left: -264px;}
.contact-form h3{ margin: 0 0 14px;}
.contact-form p{ margin: 0 0 14px;}

.cirlec-slider{ padding: 200px 65px;}
.cirlec-slider-bg .f-courses{ width: 33%;} 
}

@media (max-width: 1024px) {
.f-courses-detail{ padding: 130px 30px 80px;}
.cirlec-slider-bg .f-courses{ width: 25%;}
.f-courses-img{ border: 30px solid #f3f3f3;}
.f-courses .name-tag{ height: 100px; width: 100px; padding: 30px 0; font-size: 16px;}
.f-courses-detail{ top: 100px; left: -13px;}
.cirlec-slider{ padding: 150px 65px;}
.cirlec-slider-bg{ height: 780px;}
.about-content big{ margin-left: 0px;}
.about-content p::before{ display: none;}
.about-content p::after{ display: none;}
.toper-images{ display: none;}
.slider-back{ padding-bottom:0px;}

}

@media (max-width: 991px) {
/* Responsive Menu */
.logo a {
    top: 75px;
}
.song {
    display:none;
}
.about-content {
    margin-top: 22px;
}
.about-eruo-name{ width: 100%;}
.marquee1 p{ float: left;}
.main-heading h2 em{ font-size: 18px;}
.affi-non{ float: right;}
.topbar-right .right-bottom{ float: left;}
#best-sellers h2{ text-align: center;}
.our-missions{ text-align: center;}
.our-missions h4{ width:80% !important;}

#thought{ height: 100px;}
.news_date {
    border-bottom: 1px solid #CAC8C8;
    padding: 5px;
}
.achieve-ment p{ padding: 0; margin-top: 11px;}

.news_date {
    border-right:none;
    
}
.topbar-right .school-title{ font-size: 38px; }
.topbar-left{ padding-bottom: 11px; margin-top: 8px;}
.list-widget ul {
    margin: 0 !important;
}
.bxslider2 > li {
    width: 223px !important;
}
.exp-left.main-head h4{ text-align: center; margin-top:12px;}
.enquiry-form-holder{ bottom: -117px;}
.in-hieght{ bottom: 0;}
.right-nav{ position: relative; } 
.nav-list .navbar-toggle{ font-size: 25px;}
.nav-list .navbar-toggle i{ color: #fff;} 
.nav-list .navbar-toggle{ display:block; color:#666; float:right; margin: 8px 0 0; cursor: pointer; padding: 0;}
.nav-list .navbar-collapse.collapse{ display: none !important; height: auto !important; 
overflow: visible !important; visibility: visible !important;}
.nav-list .navbar-collapse{ position: absolute; padding: 0; top:154px; right:25px; background: #fff; z-index: 1000; width: 300px; margin:0;}

.nav-list .navbar-collapse li{ width:100%; margin:0; border-bottom: 1px solid rgba(0,0,0,0.1);}
.nav-list .navbar-collapse li:last-child{ border-bottom: 0;}

.nav-list.style-1 ul li:nth-child(4){ margin: 0;}
.nav-list.style-1 ul li:nth-child(5){ margin: 0;}
.nav-list ul li > ul{ right: 100%;} 
.nav-list ul li:hover > ul{ right: 100%; top: 100%;}
.nav-list ul li ul li:hover > ul{ right: 100%; left: auto;}
.nav-list .navbar-collapse li a{ text-align: left; color: #1F2650; padding: 7px 20px!important;font-weight: bold;
    font-size: 14px;}
.nav-list .navbar-collapse li{ position: relative;}
.nav-list .navbar-collapse li.active a::before{ width: 10px; margin: 0;} 
.nav-list .navbar-collapse.collapse.in{ display:block !important;}
.inner-header .navbar-toggle i{ color: #282828;}
.navbar-btn{ display: block; margin:8px 0px; font-size: 21px; line-height: 0; position: absolute; right: 15px; cursor: pointer;
z-index: 2; color: #fff;}
.destop-none{ display: block!important;}
/* Responsive Menu */
.logo .position-center-y{ left:0px; transform: translate(0, 0); right: auto;}
.nav-holder{ height:36px;}
.nav-holder .container{ position: relative;}


.on-hover .courses-detail p{ font-size: 13px;}
.owl-dots{ bottom: 5px;}
.event-names.style-1{ margin: 0 0 30px;}
.event-names.style-1 ul li{ padding: 0 0 0 100px; text-align: left;}
.event-names.style-1 ul li .dates{ left: 0; right: 0;}
.event-names.style-2{ margin: 30px 0 0;}
.facts-lsit ul li{ padding: 0 23px;}
.facts-lsit ul li strong{ font-size: 40px;}
.facts-lsit ul li h4{ font-size: 12px;}
.course-img img{ } 
.footer-c-widget h3{ font-size: 15px;}

.caption.style-2 p{ display: none;}
.search-course-form ul li{ width: 30.3%; margin: 10px!important;}

.feature-column h3{ font-size: 18px;}
.people-say blockquote{ padding: 20px; font-size: 13px;}
.lecture-about{ width: 77%; margin: 0 auto 30px;}
.leatures-imgs{ width: 75%; margin: 0 auto;}
.news-img img{ width: 100%;}
.news-column.style-2{ margin: 0 0 30px!important;}
.news-column.style-2 .news-detail p{ font-size: 16px;}

.feature-service{ padding: 30px;}
.feature-service h3{ font-size: 14px;}
.feature-service p{ font-size: 13px;}
.feature-service.with-angle::before, .feature-service.with-angle::after{ height: 278px;}
.top-bar.style-2 ul li{ margin: 0 0 0 10px;}

.lectures-detail{ height: 247.5px;}
.lectures-detail p{ font-size: 13px;}
.lectures-detail h2{ font-size: 20px; margin: 0 0 10px;}
.lectures-column h3{ font-size: 14px;}
.event-deta-2{ margin: 0 0 30px;}
.event-img-2 img{ width: 100%;}

.caption.style-3 p{ display: none;}
.caption-img{ right: -120px;}
.event-slider-holder{ padding: 20px 30px;}
.event-slider-holder p{ font-size: 11px; margin: 0 0 7px;}
.testimonial.style-2{ padding: 35.2px 42.4px;}
.nav-holder.style-2 .nav-list li a{ color: #2d2b5e;}

.video-post iframe{ height: 190px;}

.listing-detail{ padding: 0 10px;}

.blog-detail h3{ font-size: 18px;}
.event-grid{ margin: 0 0 30px!important;}

.event-price{ overflow: hidden; margin: 30px 0 0;}
.event-price .btn{ float: left!important;}
.speakers-column{ margin: 0 0 30px;}

.most-f-course{ margin: 0 0 30px!important;}
.course-detail h2{ font-size: 18px;}
.aside-widget .btn.full-width{ padding: 0 25px;}
.rating-stars li{ margin: 0 0 0 2px;}

.about-sec .tc-padding-top{ padding: 0;}

.tc-skillgroup{ margin: 50px 0 0;}

.courses-column{ margin: 0 0 30px!important;}

.contact-info{ padding: 55px; left: -255px;}

.popular-courses .container{ width: 100%; padding: 0 15px;}

.o-lecturers-teacher.style-4{ right: 124px;}
.o-lecturers-teacher.style-2, 
.o-lecturers-teacher.style-4{ top: 17%;}
.o-lecturers-teacher.style-2{ left: 126px;}
.teacher-detail{ padding: 70px 0 0;}

.cirlec-slider-bg{ height: 580px;}
.cirlec-slider-bg .f-courses{ width: 30%;}
.f-courses-detail{ left: -27px;}
.f-courses-detail{ padding: 100px 29px 70px;}

.feature-icon{ height: 140px!important; line-height: 140px!important; width: 140px!important;}
.feature-column p{ padding: 0 10px;}
.nav-list .navbar-collapse li.active a{ color: #fff;}
.nav-list .navbar-collapse .drop li a{ color:#1F2650;} 
.nav-list .navbar-collapse .drop li a:hover{ color:#fff;} 
.nav-list .navbar-collapse .drop li.active a{ color:#fff;} 
}

@media (max-width: 800px) {
.caption.style-3{ top: 200px;}
.caption-img{ width: 50%; right: 0;}

.o-teacher-img{ border: 20px solid #f3f3f3;}
.o-lecturers-teacher.active .o-teacher-img{ border: 15px solid #f8b239;}
.o-teacher-img{ width: 80%;}
.detail-teacher-img{ width: 44%;}
.o-lecturers-teacher.style-3{ top: 42px;}
.o-lecturers-teacher.style-2, 
.o-lecturers-teacher.style-4{ top: 15%;}
.o-lecturers-teacher.style-1, 
.o-lecturers-teacher.style-5{ top: 40%;}
.o-lecturers-bg{ height: 580px;}
.teacher-detail{ padding: 20px 0 0;} 
.teacher-detail p{ font-size: 11px;}
.teacher-detail .btn{ height: 40px; line-height: 40px; padding: 0 25px;}

.cirlec-slider{ padding: 110px 65px;}
}

@media (max-width: 768px) {
.detail-teacher-img{ width: 48.2%; margin: 0 30px 0 0;}

.digree-icons {
    display: inline-block;
    margin-bottom: 20px;
    width: 48%;
    }
.anthem-national {
    background-image: url(../images/indian_national_anthem.jpg);
    min-height: 483px;
    background-size: cover;
    background-position: center center;
}
.anthem-national p.gap
{
	padding-top: 40px;
}
}
@media (min-width:0px) and (max-width: 320px){
	
.logo-top{ width: 60px; }	
.topbar-right{ width: 230px;}

.topbar-right .school-title{ font-size: 15px !important	;}
	
	} 


@media (min-width:768px) and (max-width:1024px){
	
	.ma-nopadding{ position: absolute; z-index: 999; float: left; width: 25%;}
	.hot_news{ position: absolute;float: right;}
	.marquee-top{ height: 24px;}
	.inlclued{ position: static;}
	.logo-top{ top: 12%;}
	.nav-holder{ margin-top: 3px;}
	.topbar-left{ margin-top: 40px;}
	}
@media (max-width: 767px) {
	.cameraCont .imgLoaded{ width: 100% !important; height:auto !important;} 
	.camera_wrap img{ max-width: 100%;}
.camara-container{ width: 100% !important;}
.nav-holder{ margin-top: 7px;}
.topbar-left{ padding: 0px 60px; display: inline-block; width: 100%;}
.topbar-left ul li{ margin-left:16px;}
#camera_wrap_1{ height:153px !important;}
.visiter{ text-align: center;}
.my-poppup .modal-dialog{ width: auto !important;}

.topbar-left a{ font-size:15px;}

.school-title img {
    width: 265px;
}
.banner{ display: none;}
.inlclued{ position: static;}
	.topbar-left ul li{ margin-top:8px;}
	.ma-nopadding{ position: absolute; z-index: 999; float: left; width: 25%;}
	.hot_news{ position: absolute;float: right;}
	.nopadding{ padding:0px 15px;}
	.icaltable td, th{ padding:6px 0px !important;}
p{ text-align: justify;}
.affi-non{ display: none; }
.inner-all .inner-top h1{ padding: 3px 25px;font-size:15px; }
.inner-all .inner-top{ bottom:0;}
.logo-top{ position: static; float: left;}
.caption.style-1 h1{ font-size: 23px;}
.owl-controls{ width: 30%!important;}
.owl-dots{ display: none!important;}
.news-img img{ width: 100%;}
.testimonial-slider .owl-item.active.center{ transform: scale(1);}
.facts-lsit ul li{ border: 0; width: 100%; margin: 0 0 30px;}
.facts-lsit ul li:last-child{ margin: 0;}
.topbar-right{ float: right; margin: 0px; padding: 0px; text-align: right;}
.topbar-right .school-title{ font-size:18px;}
.footer-c-widget{ margin: 0 0 0;}
.affi-non {float: left;width: 100%; }
.logo-top img{ width:72px;}
.topbar-right .right-bottom{float: right;}
.search-course-form{ margin: 80px 0 0 0;}
.search-course-form ul li{ width: 29.6%;}
.caption.style-2 h1{ font-size: 30px;}
.nav-list .navbar-collapse{ top:120px; width: 220px;}
.feature-column{ margin: 15px 0;}

.people-say.style-2{ top: 0; width: 48%;}
.people-say{ top: 0; width: 48%;}
.leatures-imgs{ width: 88%;}
.lecture-about{ width: 88%;}

.profile-section{ margin: 80px 0 0;}
.testimonial.style-2{ position: static;}
.signature{ float: none;}
.event-slider-holder .owl-controls{ width: 100%!important;}
.filter-tags-holder ul li{ margin: 0 0 0 8px;}
.filter-tags-holder ul li a{ padding: 10px;}
.blog-detail-holder{ margin: 0 0  80px;}

.r-pull-none{ float: none!important;}
.event-grid-holder{ margin: 0 0 80px;}
.event-gallery .gallery-figure{ margin: 15px 0!important;} 

.about-sec .tc-padding-top{ padding: 0 0 30px;}

.contact-form-holder{ position: static;}
.contact-form{ position: static; transform: translate(0, 0); padding: 30px;}
.contact-info{ position: static; transform: translate(0, 0);}
.contact-map{ height: 400px;}
}	

@media (max-width: 640px) {

	
.featuers-services{ margin: 80px 0 0;}
.feature-service.with-angle::before, .feature-service.with-angle::after{ height: 315px;} 
.video-post iframe{ height: 170px;}

.o-lecturers-teacher{ position: static; width: 20%; float: left;
-webkit-transform: translate(0, 0)!important;
-moz-transform: translate(0, 0)!important;
-ms-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;}
.o-lecturers-teacher a{ width: auto;}
.o-lecturers-bg{ height: auto;}
.o-lecturers-bg{ background: none!important;}
.o-teacher-detail{ position: static; width: 100%; padding: 70px 0 0; float: left;
-webkit-transform: translate(0, 0)!important;
-moz-transform: translate(0, 0)!important;
-ms-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;}
.owl-carousel .owl-stage-outer{ overflow: visible;}
.o-lecturers{ padding: 0;}
.teacher-detail{ padding: 70px 0 0;}
.detail-teacher-img{ margin: 0 30px 0 24px; width: 44%;}

.cirlec-slider{ padding: 60px 100px;}
.cirlec-slider-bg{ height: 420px;}
.f-courses-detail p{ display: none;}
.f-courses-detail{ padding: 76px 29px 70px; left: -33px; top: 60px;}
.f-courses .name-tag{ font-size: 10px; height: 60px; padding: 15px 0; width: 60px;}
.f-courses-img{ border: 15px solid #f3f3f3;}
.f-courses-detail .btn{ height: 40px; line-height: 40px; padding: 0 20px;}
}

@media (max-width: 480px) {
.nav-list ul li > ul{ right: 0; top: 100%;}
.nav-list ul li:hover > ul{ right: 0; top: 100%;}
.r-full-width{ width: 100%!important;}
.most-f-course > img{ width: 100%;}
.search-course-form ul li{ width: 28.2%;}
.event-column:hover{ transform: scale(1);}
.event-column > img{ width: 100%;}
.people-say{ position: static!important; width: 100%!important;}
.people-say.style-1{ margin: 0 0 130px;}
.lectures-list li{ width: 23.3%;}
.aristotle-heading h2{ font-size: 30px;}
.news-img{ margin: 0 0 30px;}
.logo img{ width: 60%; margin: 0 0 0 -30px;}
.caption.style-2 h1{ font-size: 20px;}
.about-story,
.about-principal{ padding: 40px 30px;}

.feature-service{ margin: 0 0 60px!important;}
.plus-icon{ bottom: 35px;}
.feature-service.with-angle::before, 
.feature-service.with-angle::after{ display: none;} 

.news-column.style-3{ margin: 0 0 30px;}
.news-column.style-3 .news-img{ margin: 0;}
.lectures-detail{ height: 350px;}

.caption.style-3{ top: 150px;}
.caption.style-3 h1{ font-size: 25px;}
.caption-img{ top: 70px;}
.video-post iframe{ height: 250px;}

.listing-detail h3{ font-size: 14px;}
.listing-detail p{ font-size: 13px;}

.realted-tags{ float: none; width: 100%; margin: 0 0 30px;}
.tags-nd-social .social-icons{ float: left; width: 100%;}
.blog-detail-img .dates{ height: 60px; width: 60px; bottom: -30px; padding: 12px 0;}
.dates span{ line-height: 18px;}

.lecturers-column.style-4{ margin: 0 0 50px;}

.detail-teacher-img{ display: none;}
.teacher-detail{ padding: 0 50px 50px; width: 100%; text-align: center;}
.teacher-detail .social-icons ul{ display: inline-block;}
.o-lecturers-teacher.active .o-teacher-img{ border: 10px solid #f8b239;}
.o-teacher-img{ border: 10px solid #f3f3f3;}

.o-featured-courses .container{ width: 100%;}
.cirlec-slider{ padding: 60px 50px;}
.cirlec-slider-bg{ height: 360px;}
.f-courses-detail h4{ font-size: 12px;}
.f-courses-img{ border: 10px solid #f3f3f3;}
.f-courses-detail{ padding: 76px 20px 70px; width: 160px; left: -26px;}
.f-courses .name-tag{ display: none;}

.dates span{ line-height: 25px;}
.news-column .news-img{ margin: 0;}
}

@media (max-width: 479px) {
.cirlec-slider-bg .f-courses{ position: static; margin: 0 0 30px;
-webkit-transform: translate(0, 0)!important;
-moz-transform: translate(0, 0)!important;
-ms-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;}
.cirlec-slider-bg{ background: none!important; height: auto;}
.f-courses.active .f-courses-detail{ left: 150px; top: 50px;}
}

@media (max-width: 320px) {
.caption.style-1 h1 span{ font-size: 30px;}	
.caption.style-1 h1{ font-size: 10px;}
.topbar-right ul li{ margin: 0;}
.event-names.style-1 ul li,
.event-names.style-2 ul li{ padding: 0 0 0 85px;}
.tags-list li, .meta-post li{ font-size: 13px;}
.newslatter-holder{ width: 100%;}
.newslatter-holder h5{ position: static; line-height: 0;}
.newslatter{ padding: 0;}
.caption.style-2 h1{ font-size: 14px;}
.search-course-form ul li{ width: 41.3%;}
.search-course-form .btn{ font-size: 12px;}
.lectures-list li{ width: 22.3%;}
.aristotle-heading h2{ font-size: 20px;}
.aristotle-heading span{ font-size: 14px;}

.caption.style-3{ top: 99px;}
.caption.style-3 h1{ font-size: 15px;}
.lastest-news.style-2 .news-img{ margin: 0;}
.filter-tags-holder ul li{ margin: 0 0 10px 10px!important;}
.filter-tags-holder ul li a{ font-size: 14px;}
.video-post iframe{ height: 170px;}
.comment-text{ padding: 0 0 0 80px;}
.comment-text p{ font-size: 14px;}
.curriculum-shedule ul li ul li{ margin: 0 0 0 10px; font-size: 10px;}
.teacher-detail{ padding: 0 10px 50px;}
.o-lecturers-teacher.active .o-teacher-img{ border: 5px solid #f8b239;}
.o-teacher-img{ border: 5px solid #f3f3f3;}
.lastest-news .news-img{ margin: 0;}
.main-heading span{ margin: 0;}

.cirlec-slider{ padding: 0 0 60px;}
.f-courses.active .f-courses-detail{ left: 100px; top: 38px; width: 160px;}
} 


@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; padding-bottom: 15px; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}