/* Responsive CSS Document */

/* 
    Created on : 07/09/2016. 
    Theme Name : Education.
    Description: Education- Responsive html5 template.
    Version    : 1.0.
    Author     : @TheMazine.
   
*/



@media (min-width: 1400px){
	.cta h2 {
		font-size: 37px;
	}
	.cta h4 {
		font-size: 18px;
		margin: 4px 0 0;
	}
	.main-gallery-block img {
		height: 350px;
	}
	.gallery-count h4 {
		font-size: 28px;
		line-height: 28px;
	}
	.cta .cta-text-widget:before {
		font-size: 4.8em;
	}
	.cta .cta-text-widget {
		padding: 0 0 0 110px;
	}
	.cta .text-link-group a {
		font-size: 26px;
	}
	.cta .container {
		padding: 28px 50px!important;
	}
	.widget-about p {
		font-size: 16px;
		line-height: 26px;
	}
	.brand-logo h1 {
		font-size: 32px;
		line-height: 40px;
	}
	.brand-logo img {
		width: 72px;
	}
	.brand-logo {
		padding-left: 88px;
	}
	.socials a {
		font-size: 21px;
		height: 38px;
		width: 38px;
	}
	.widgets.footer-widgets .widget-title {
		font-size: 24px;
	}
	.widgets.footer-widgets .widget-quick-links ul li a {
		font-size: 16px;
	}
	.widgets.footer-widgets .widget-contact ul li p {
		font-size: 16px;
		line-height: 26px;
	}
	.widgets.footer-widgets .widget-contact ul li span {
		font-size: 18px;
		height: 35px;
		width: 35px;
		line-height: 32px;
	}
	header .top-header {
		padding: 12px 0 40px 0;
	}
	.gallery-count {
		padding: 12px;
	}
	.copyright p, .copyright p a {
		font-size: 14px;
	}
	.main-gallery-content {
		padding: 16px 20px;
		min-height: 96px;
		top: -60px;
	}
	.main-gallery-content h1 {
		font-size: 22px;
		line-height: 30px;
	}
	.welcome-section-content {
		padding: 0;
	}
	.welcome-section:before {
		right: 16%;
	}
	.inner-banner {
		height: 60vh;
	}
	.inner-banner h1 {
		line-height: 80px;
		font-size: 5em;
	}
	.inner-banner nav ol.breadcrumb li.breadcrumb-item {
		font-size: 21px;
	}
	.admission-img img {
		height: 600px;
	}
	.admission-block h1 {
		font-size: 48px;
	}
	.admission-block p.main-text {
		font-size: 19px;
		line-height: 32px;
	}
	a.moreless-but {
		font-size: 15px;
	}
	.admission-block {
		padding: 40px 40px 80px;
	}
	.entry-content {
		min-height: 360px;
	}
	.activity-media {
		padding-bottom: 120%;
	}
	.box20 .title {
		font-size: 21px;
		line-height: 28px;
	}
	.content_visible {
		padding: 40px 20px 20px 20px;
	}
	.main-carousel .carousel-caption h1 {
		font-size: 5.4em;
		line-height: 105px;
	}
	.main-header .container,
    .main-menu-wrapper.fixed .container {
        max-width: 90%!important;
    }
	.main-menu-wrapper {
		margin-left: 0;
		margin-top: -30px;
		margin-right: 0;
	}
	.main-carousel .carousel-caption{
		left: 10%;
	}
	.main-carousel .carousel-control-next, .main-carousel .carousel-control-prev {
		padding: 60px 8px;
	}
	.main-menu-wrapper .nav>li>a {
		font-size: 18px;
		line-height: 86px;
	}
	.main-menu-wrapper .nav>li.dropdown-holder .sub-menu li a{
		font-size: 17px;
		line-height: 46px;
	}
	.welcome-section {
		padding: 90px 0;
	}
	.main-menu-wrapper .nav>li {
		margin: 0 13px;
	}
	.logo span {
		font-size: 32px;
		line-height: normal;
		padding: 12px 0 10px;
	}
	.logo span small {
		font-size: 14px;
	}
	.logo img {
		width: 74px;
	}
	header .top-header div.left-side>ul>li .icon {
		width: 24px;
		height: 24px;
	}
	.top-header ul li a.btn-custom {
		font-size: 15px;
	}
	header .top-header div.left-side>ul>li {
		font-size: 16px;
	}
	header .top-header div.right-side>ul>li {
		font-size: 18px;
	}
	.admission-alert h2 {
		font-size: 48px;
	}
	.admission-alert a {
		font-size: 22px;
	}
	.theme-manage-area .item-part h3 {
		margin-bottom: 14px;
		font-size: 28px;
	}
	.theme-manage-area .item-part p {
		font-size: 18px;
		line-height: 28px;
	}
	.theme-manage-area .item-part a {
		font-size: 14px;
	}
	.theme-manage-area .item-part h3 i {
		font-size: 70px;
		margin: 0 auto 12px;
	}
	.main-menu-wrapper.fixed {
		padding: 5px 30px;
	}
	.section-title h5 {
		margin: 6px 0 30px 0;
		font-size: 20px;
	}
	.section-title h2 {
		font-size: 46px;
	}
	.dates-col ul li a .day {
		font-size: 17px;
		line-height: 25px;
	}
	.dates-col ul li a .date {
		font-size: 40px;
	}
	.dates-col ul li a .month {
		font-size: 16px;
	}
	.dates-col ul li a {
		padding: 20px 20px;
		padding-top: 20px;
		padding-left: 20px;
	}
	.dates-col ul li {
		height: 175px;
	}
	.school-news {
		width: 460px;
		padding: 60px 40px 0;
	}
	.school-news .event-date {
		padding: 8px 12px;
		width: 80px;
	}
	.school-news .event-content .media-heading, .school-news .event-content .media-heading a {
		font-size: 20px;
		margin: 0px 0 5px 0;
	}
	.school-news .event-content span {
		font-size: 15px;
	}
	.school-news .event-date > ul > li {
		font-size: 32px;
		line-height: 34px;
	}
	.school-news .event-date > ul > li + li {
		font-size: 18px;
		line-height: 28px;
	}
	.school-news .media {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	a.explore-more {
		font-size: 16px;
		padding: 4px 16px;
	}
	.school-news {
		padding: 50px 30px 0;
	}
	.slogan3 {
		font-size: 24px;
		line-height: 42px;
	}
	.register-left h3 {
		font-size: 44px;
	}
	.register-left p {
		font-size: 22px;
	}
	.action_buttons a {
		padding: 10px 30px;
		font-size: 22px;
	}
	.register {
		padding: 50px 60px;
	}
	.more {
		font-size: 18px;
	}
	.activities {
		padding: 90px 0;
	}
	.course-progress .opacity h2, .course-progress .opacity p, .course-progress .opacity h6 {
		font-size: 40px;
	}
	.course-progress .opacity p {
		font-size: 22px;
		line-height: 30px;
	}
	.video-btn img {
		width: 92px;
	}
	.course-progress .opacity {
		padding: 80px 0 70px 0;
	}
	.affiliation_box .affiliation-text {
		padding: 70px 100px 70px 30px;
	}
	.affiliation_box .affiliation-text h3 {
		font-size: 44px;
		margin: 0 0 20px 0;
	}
	.affiliation_box .affiliation-text p {
		font-size: 23px;
		line-height: 30px;
	}
	.subscribe-banner h3 {
		font-size: 44px;
	}
	.affiliation_box .affiliation-media img {
		width: 100%;
	}
	footer .top-footer h4 {
		margin-bottom: 40px;
		font-size: 24px;
	}
	footer .top-footer .footer-about p {
		font-size: 18px;
		line-height: 28px;
	}
	footer .top-footer .footer-contact ul li, footer .top-footer .footer-contact ul li a {
		font-size: 18px;
	}
	footer .footer-quick-link ul li a {
		font-size: 18px;
	}
	footer .bottom-footer p {
		font-size: 17px;
	}
	footer .bottom-footer {
		padding: 16px 0 14px 0;
		margin-top: 70px;
	}
	footer {
		padding-top: 70px;
	}
	footer .top-footer .footer-contact ul li i {
		width: 35px;
		height: 35px;
		line-height: 36px;
		font-size: 18px;
		left: -34px;
	}
	footer .top-footer .footer-contact ul li {
		margin-bottom: 25px;
		padding-top: 14px;
		padding-bottom: 14px;
		padding-right: 14px;
		padding-left: 35px;
	}
	.container {
		max-width: 1360px!important;
	}
	.main-menu-wrapper.fixed .logo img {
		width: 66px;
	}
	.main-menu-wrapper.fixed .logo span {
		font-size: 32px;
		line-height: normal;
		padding: 7px 0 0;
	}
	.main-menu-wrapper.fixed .nav > li > a {
		line-height: 78px;
	}
	.theme-manage-area {
		padding: 80px 0 90px 0;
		margin-top: -50px;
	}
}
@media (min-width: 992px) {
	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media (max-width: 1366px) {
    .scroll-top {bottom: 30px; right:30px;}
	.main-menu-wrapper {margin-left: -10px;margin-right: -10px;}
	#banner:after {height: 680px;}
}
@media (max-width: 1199px) {
    header .top-header div.right-side,header .top-header div.left-side {float: none; text-align: center;}
    header .top-header div.left-side>ul>li {margin-bottom: 10px;}
    .theme-manage-area .item2 {display: none;} 
    .faq .wrapper {padding-left: 0;}
    .faq.float-left .wrapper {padding-right: 0;}
    footer .top-footer .footer-about {padding-right: 15px;}
    footer .top-footer .footer-contact,footer .footer-quick-link {padding-left: 15px;}
    footer .top-footer [class*="col-"] {margin-bottom: 50px;}
    footer .bottom-footer {margin-top: 45px;}
    .sidebarOne .wrapper,.sidebarOne .wrapper-left {padding: 0;}
}
/*(max-width: 1199px)*/

@media (max-width: 991px) {
   .navbar-collapse.collapse,.main-menu-wrapper .nav>li>a:before {display: none !important;}
   .navbar-collapse {box-shadow: none;}
   .navbar-collapse.collapse.in,.navbar-toggle,.main-menu-wrapper .nav>li.dropdown-holder .fa {display: block !important;}
   .main-menu-wrapper {margin-right: -15px;margin-left: -15px;}
   .main-menu-wrapper .logo {position: absolute; top:0; left:15px;z-index: 9;}
   .main-menu-wrapper.fixed .logo {left:15px;}
   .main-menu-wrapper form {position: absolute;left:50%;top:30px;margin: 0 0 0 -112px; z-index: 9;}
   .navbar,.navbar-nav {float:none;}
   .navbar-header {float:none;}
   .main-menu-wrapper .nav>li {float:none; margin: 0;}
   .main-menu-wrapper .nav>li>a {line-height: 40px;padding-left: 15px;border-bottom:1px solid #fff;}
   .main-menu-wrapper .nav>li:last-child>a {border:none;}
   .navbar-collapse,.navbar-collapse.collapse.in {padding: 15px;}
   .navbar-nav {border:1px dashed #fff;}
   .main-menu-wrapper .nav>li.dropdown-holder .sub-menu li a {padding-left: 35px;}
   .main-menu-wrapper .nav>li.dropdown-holder .sub-menu li a:before {background:#333333;}
   .main-menu-wrapper.fixed {max-height: 100%;overflow-y:auto;}
   .main-menu-wrapper .nav>li.dropdown-holder .sub-menu {
    display: none;
    opacity: 1;
    visibility: visible;
    position: static;
    width: 100%;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
    -webkit-transform: scaleY(1);
       -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
   }
   .section-title p {width:100%;}
   .welcome-section-two .row p {margin: left:0; margin-right: 0;}
   .sidebarOne,.teacher-profile .teacher-sidebar .img-holder {margin-top: 50px;}
   .teacher-profile .text-warpper,.contact-us-page .contactUs-address {padding-left: 0;}
   .error-page .error-wrapper img,.error-page .error-wrapper .text {float:none;}
   .error-page .error-wrapper .text {text-align: center;}
   .contact-us-page .contactUs-address {margin-top: 80px;}
}
/*(max-width: 991px)*/

@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu-wrapper form { margin: 30px 10px 0 10px;}
    .main-menu-wrapper .nav>li {margin:0 12px;}
    .welcome-section .row h3 {font-size: 19px;}
    .popular-course .course-item-wrapper .text>div.clear-fix {padding-right: 0;}
    .popular-course .course-item-wrapper .text>div ul li {margin-right: 0;}
    .popular-course .course-item-wrapper .text p {padding: 22px 10px;}
    .event-section .single-event {padding-left: 84px;}
    .event-section .single-event .date {left:4px;}
    .information-banner h3 {font-size: 21px;}
    .subscribe-banner form {width:60%;}
    .inner-page-banner .opacity {padding-top: 290px;}
    .sidebarOne .sidebar-box .box-wrapper {padding-left: 10px;}
    .event-details-page .event-details-content .sub-text #google-map {width:50%;}
    .course-v2 .single-course .img-holder {width:72%;}
    .course-v2 .single-course .text p {padding-bottom: 10px;}
    .course-details-page .course-details-content .sub-text ul.st-requirements-list li {float:none; width:100%;}
    .course-details-page .course-details-content .course-instructor .single-box-content .item {width: 50%;margin-bottom: 20px;}
    .course-details-page .course-details-content .sub-text.course-curriculum {padding-right: 25px;}
    .course-details-page .course-details-content .course-curriculum .course-curriculum-panel .panel-heading tr td:nth-child(1) {width:58%;}
    .course-details-page .course-details-content .course-curriculum .course-curriculum-panel .panel-heading tr td span {margin-left: 10px;}
    .teacher-profile .teacher-sidebar .teachers-bio p,.teacher-profile .teacher-sidebar .teachers-bio ul {padding-left: 30px;}
    .teacher-profile .text-warpper .row ul {margin-bottom: 40px;}
    .error-page .error-wrapper {padding: 0;}
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (min-width: 768px) and (max-width: 991px) {
    header .top-header div.left-side>ul>li {width:50%; margin-right: 0; float:left;}
    header .top-header div.left-side {text-align: left;}
    header .top-header div.left-side>ul>li:nth-child(2),
    header .top-header div.left-side>ul>li:nth-child(4) {text-align: right;}
    .course-search-option .input-one {width:35%;}
    .course-search-option .input-three {width:19%;}
    .course-search-option .input-two {width:23%;}
    .subscribe-banner form {width:81%;}
    .inner-page-banner .opacity {padding-top: 310px;}
    .event-details-page .event-details-content .sub-text #google-map {width:55%;}
    .course-v2 .single-course .img-holder {width:70%;}
    .course-details-page .course-details-content .sub-text.course-curriculum {padding-right: 20px;}
    .error-page .error-wrapper h2 span.opps {left:auto; right:27%;}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
    .main-menu-wrapper .logo img {width:60%;}
    .navbar-toggle {margin: 13px 0;}
    .main-menu-wrapper form {top:10px;}
    .theme-manage-area .item1,.course-details-page .course-details-content .sub-text ul.st-requirements-list li {width: 100%;}
    .course-search-option .input-one,.course-search-option .input-two,.course-search-option .input-three {width:50%; margin-bottom: 20px;}
    .popular-course .course-item-wrapper .text>div ul { text-align: left;}
    .popular-course .course-item-wrapper .text>div ul li {display: block; border:none;}
    .popular-course .course-item-wrapper .text>div a {float:right;}
    .popular-course .course-item-wrapper .text p {padding-left: 10px;padding-right: 10px;}
    .subscribe-banner form {width:100%;}
    .subscribe-banner input {width:90%; margin: 0 auto; display: block; float:none;}
    .subscribe-banner button {margin: 20px auto 0 auto; display: block; float:none;}
    header {position: relative;background: #cd2122;}
    .inner-page-banner .opacity {padding-top: 90px;}
    .event-details-page .event-details-content .sub-text .table-fix {width: 100%; margin-bottom: 40px;}
    .event-details-page .event-details-content .sub-text #google-map {width: 94%; margin-right: 3%;}
    .course-v2 .single-course .img-holder,.course-v2 .single-course .img-holder img,.course-v2 .single-course .text {width:100%; float:none;}
    .course-v2 .single-course .course-heading {margin-top: 30px;}
    .course-v2 .single-course .course-heading,.course-v2 .single-course>p {padding-left: 20px;}
    .course-details-page .course-details-content .sub-text,.course-details-page .course-details-content .sub-text.course-curriculum {padding-left: 10px;padding-right: 10px;}
    .course-details-page .course-details-content h3,.course-details-page .course-details-content ul.post-info {padding-left: 10px;}
    .course-details-page .course-details-content .course-instructor .single-box-content .item {width: 100%;margin-bottom: 10px;}
    .course-details-page .course-details-content .course-instructor .item ul.contact-list {text-align: center;}
    .course-details-page .course-details-content .course-curriculum .course-curriculum-panel .panel-heading tr td {width:33.33333% !important;}
    .course-details-page .course-details-content .course-curriculum .course-curriculum-panel .panel-heading tr td>div {margin: 0;float:right;}
    .course-details-page .course-details-content .course-curriculum .course-curriculum-panel .panel-heading tr td span {margin:0;}
    .teacher-profile .text-warpper .row ul {margin-bottom: 40px;}
    .error-page .error-wrapper {padding: 0;}
    .error-page .error-wrapper img {margin: 0 auto;}
    .error-page .error-wrapper h2 span.opps {position: static;}
    #banner h1 {font-size: 30px;line-height: 40px;}
    #banner h5 {font-size: 14px;}
}
/*(max-width: 767px)*/

@media (max-width: 650px) {
    .popular-course .course-item-wrapper .item .img-holder img,.course-page-single .popular-course .course-item-wrapper img {margin: 0 auto;}
    .owl-theme .owl-dots {display: none !important;}
    .our-certification .item img {margin: 0 auto;}
    .latest-event-slider .item>img,.course-page-single .popular-course .course-item-wrapper [class*="col-"] {width:100%;}
    .contact-us-form #success,
    .contact-us-form #error {
      width: 84%;
      height: auto;
      top: 50%;
      margin-top: -50px;
      margin-left: 0;
      left: 8%;
      padding: 30px 10px;
    }
}

@media (max-width: 600px) {
   .latest-news .single-post,.latest-news .img-holder img {width:100%;}
   .blog-details-page .blog-details-page-content .main-post-content,
   .blog-details-page .blog-details-page-content ul.post-info {padding-left: 20px;padding-right: 20px;}
}

@media (max-width: 500px) {
   .blog-details-page .blog-details-page-content .main-post-content .admin-text,
   .blog-details-page .blog-details-page-content .main-post-content .single-comment {padding-left: 20px;}
   .blog-details-page .blog-details-page-content .main-post-content .admin-text .img-content,
   .blog-details-page .blog-details-page-content .main-post-content .single-comment .img-content,
   .blog-details-page .blog-details-page-content .main-post-content .admin-text ul.share-icon {position: static; text-align: center;}
   .blog-details-page .blog-details-page-content .main-post-content .admin-text .img-content img,
   .blog-details-page .blog-details-page-content .main-post-content .single-comment .img-content img {margin: 0 auto;}
   .blog-details-page .blog-details-page-content .main-post-content .admin-text .img-content h6,
   .blog-details-page .blog-details-page-content .main-post-content .single-comment .img-content p {margin-bottom: 10px;}
   .blog-details-page .blog-details-page-content .main-post-content .single-comment.reply-comment {margin-left: 30px;}
   .blog-details-page .blog-details-page-content .main-post-content .single-comment {margin-left: 12px;}
   .blog-details-page .blog-details-page-content .main-post-content .admin-text p {margin-top: 10px;}
   .hermes.tparrows:hover .tp-arr-allwrapper {display: none !important;}
   .contact-us-page .contact-us-form input, .contact-us-page .contact-us-form textarea {padding: 0 10px;}
   #banner h1{font-size: 20px;}
   #banner h5 {font-size: 12px;}
}

@media (max-width: 480px) {
   .main-menu-wrapper .logo {top:60px;left:15px;}
   .main-menu-wrapper form {position: relative;width:100%;margin: 0 0 20px 0;left:auto;}
   .navbar-collapse,.navbar-collapse.collapse.in {padding-left: 0;padding-right: 0;}
   .main-menu-wrapper.fixed form,header .top-header div.right-side {display: none;}
   .main-menu-wrapper.fixed .logo {top:0;}
   .scroll-top {right:5px; bottom: 15px;}
   .course-v2 .single-course .course-heading ul li {display: block;margin: 0 0 5px 0;}
}

@media (max-width: 450px) {
   header .top-header div.left-side>ul>li {width:100%;float:left;text-align: left;}
   
}

@media (max-width: 380px) {
    .course-progress .col-xs-6,.course-search-option .input-one,footer .top-footer .footer-contact ul li,
    .course-search-option .input-two, .course-search-option .input-three,.contact-us-page .contactUs-address ul li {width:100%;}
    .test-faq .testimonial .single-box .img {left:5px;}
    .test-faq .testimonial .single-box {padding-left: 78px;}
    .test-faq .testimonial .single-box h6 span {display: block;margin: 5px 0 0 0;}
    .event-section .single-event .date {left:8px; padding-right: 15px;}
    .event-section .single-event {padding-left: 88px;}
    .event-details-page .event-details-content .sub-text h6,.blog-details-page .blog-details-page-content .main-post-content .share-option h6 {margin-top: 30px;}
    .event-details-page .event-details-content .sub-text {padding-left: 5px;}
    .sidebarOne .sidebar-box .box-wrapper {padding-left: 10px;}
    .sidebarOne .feature-event .post {width:76%;}
    .teacher-profile .teacher-sidebar .teachers-bio p,.teacher-profile .teacher-sidebar .teachers-bio ul {padding-left: 20px;}
    .faq .faq_panel .panel-group .panel-heading a,.faq .faq_panel .panel-group .panel-heading + .panel-collapse > .panel-body {padding-left: 40px;}
    .faq .faq_panel .panel-group .panel-heading a:before {left:10px; line-height: 0;top:50%;}
    .error-page .error-wrapper h2 {font-size: 70px;line-height: 45px;}
    .error-page .error-wrapper p {margin-top: 20px;}
}