/*
================================================
27. Media Quires 
================================================
 */
@media (min-width: 768px) {
.gal-container .modal-dialog {
	width: 55%;
	margin: 50 auto;
}
.contact-wrapper3 .contact-details p {
	padding-right: 15px;
}
}

@media (max-width: 768px) {
.gal-container .modal-content {
	height: 250px;
}
nav.mean-nav .navbar-header {
    background: #0860a3;
}
img.logo-change {
    max-width: 65px;
    position: relative;
    top: 0;
    background:transparent;
    z-index: 1;
				padding-left:10px !important;
				left:-3px;
				float:left;
				font-family: 'Muli', sans-serif !important;
    text-shadow: 0px 3px 4px rgba(0,0,0,0.2);
}
nav.mean-nav .navbar-header {
    padding: 3px 0 !important;
}
.mean-container a.meanmenu-reveal {
    padding: 25px 10px 25px;
				color:#fff;
				z-index: 9;
}
.mean-container a.meanmenu-reveal span {
    background: #fff;
}
a.navbar-brand::before, a.navbar-brand::after  {
 display:none;
}

.notice_line::before {
		width: 70px;
		font-size: 18px;
		padding-top: 11px;
}
.notice_line::after {
    left: 70px;
}
.notice_line {
   padding-left: 100px;
}
.school_name {
    float: left;
    color: #ffd303;
    width: calc(100% - 116px);
    position: relative;
    top: 15px;
}
.callouts-wrapper {
    padding: 18px 10px;
}
.callouts-wrapper h2{ font-size:23px;}
.callouts-wrapper p{ text-align:justify;}
.cta-content-inner {
    margin-top: 0px;
}
.cta-content-inner img {
    width: 60px !important;
    max-width: 60px !important;
}
.cta-content-inner h2 {
    font-size: 18px !important;
    margin-bottom: 4px;
}
.cta-content-inner p {
    margin-top: 0.5em !important;
    margin-bottom: 1em !important;
    padding-top: 0.5em !important;
    font-size: 16px !important;
    font-weight: 100 !important;
    color: #fff !important;
    line-height: 24px !important;

}
.team-wrapper h2 {
    font-size: 23px;
}
.team-wrapper .title p {
    color: #ededed;
    text-align: justify;
    padding: 0px 15px;
}
.team-wrapper .title {
    margin-bottom: 0px;
}
.img_prp {
    width: 145px;
    float: none;
    border-radius: 50%;
    margin: 0px auto;
}
.principal_info {
    float: right;
    width: 100%;
    text-align: center;
		  padding: 10px 10px;
}
.principal_info h3, .principal_info h4, .principal_info h5 {
    text-align: center;
}.testimonials-wrapper {
    padding: 20px 15px;
}
.testimonials-wrapper p {
    padding: 10px;
    text-align: justify !important;
}
.news_event {
    margin-top: 15px;
}
.testimonials-wrapper .col-md-5.col-sm-5 {
    padding: 0px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px !important;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    padding-top: 0px;
}
.in-content {
    padding-left: 96px;
    height: 78px;
    background: #cedbe5;
    width: 100%;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 10px;
}
.in-content h2 {
    margin-bottom: 5px !important;
    margin-top: 6px !important;
}
.in-content p {
    padding: 0px;
}
.table_rest {
    width: 100%;
    overflow-x: auto;
}

}

@media (min-width: 992px) and (max-width: 1024px) {
.callouts-wrapper .callouts .callouts-box .icon-box {
	left: 80px;
}
.hero h1 {
	font-size: 56px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.col-lg-15, .col-md-15 {
	width: 50%;
}
.navbar-header .collapse {
	display: block;
}
.navbar-collapse {
	padding: 0;
	float: none;
}
.hero h1 {
	font-size: 40px;
}
.hero h3 {
	font-size: 16px;
}
.navbar-header {
	width: 100%;
}
.callouts-wrapper div.title {
	margin: 0;
}
.callouts-wrapper .callouts .callouts-box .icon-box {
	position: static;
	top: 0;
	left: 112px;
	margin: 0 auto;
}
.callouts-wrapper .callouts h3 {
	margin: 15px 0 10px;
}
.aboutus-box .aboutus-box-image {
	display: none;
}
.aboutus-box {
	padding: 110px 20px 90px;
}
.aboutus-box .aboutus-box-body {
	padding-right: 25px;
}
.footer-wrapper {
	padding: 15px 0 50px;
}
.blog-details-shareing-tag {
	margin: 10px 0 0;
}
.footer-wrapper [class*="col-sm-"] {
	clear: both;
	margin: 40px 0 0;
	display: inline-block;
	width: 100%;
}
.footer-wrapper .fo-gal li {
	width: auto;
}
.marg-bot-10 {
	margin-bottom: 0px;
}
.course-details-content .single-course-details {
	padding: 30px;
}
.course-details-content .single-item-text {
	padding: 0;
}
.course-details-content {
	margin-left: 0;
}
.course-details-content a img {
	margin: 0;
	width: 100%;
}
.sidebar .widget li:last-child {
	border-bottom: 1px solid #e5e5e5;
}
.inner-page-wrapper.courses-single {
	padding: 60px 0 40px;
}
/* contact us */
.contact-wrapper2-bg .contact-details > div {
	min-height: 160px;
}
}

@media (max-width: 767px) {
/* Common styles */
.text-box.padding-3, .text-box.padding-4, .text-box.padding-5 {
	padding: 20px;
}
.marg-bot-10 {
	margin-bottom: 0px;
}
.col-lg-15, .col-md-15 {
	width: inherit;
}
/* logo wrapper */	 
.logo-bar img {
	height: auto;
	width: 165px;
	margin: 0;
}
.navbar-brand > img {
	padding-left: 15px;
}
.navbar-collapse {
	float: none;
}
.top-wrapper {
	padding: 0;
}
.navbar-header {
	display: block;
	padding: 8px 0;
}
.collapse {
	background: #333 none repeat scroll 0 0;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}
.hover-inn {
	display: none;
}
.navbar-brand {
	padding: 0;
}
ul.nav.navbar-nav li ul {
	margin-left: 5%;
	opacity: 1;
	position: static;
	visibility: visible;
}
ul.nav.navbar-nav li ul {
	width: 260px;
}
/* banner wrapper */
.fade-carousel .hero:before {
	display: none;
}
.banner-wrapper .hero {
	display: none;
}
.fade-carousel .carousel-control {
	display: none;
}
.banner-wrapper .carousel-indicators {
	bottom: 10px;
	left: auto;
	padding: 0 5% 0 35px;
}
.banner-wrapper .hero {
	padding: 0 5% 0 35px;
}
.hero h1 {
	font-size: 25px;
}
.hero h3 {
	font-size: 15px;
}
.banner-wrapper .btn-hero {
	display: none;
}
/* callout wrapper */
.callouts-wrapper .title {
	margin: 0 0 10px;
}
.callouts-wrapper .callouts .callouts-box .icon-box {
	margin: 0 auto;
	position: static;
	top: 0;
}
/* about us home page start */ 
.aboutus-box {
	padding: 50px 0;
}
.aboutus-box-body-content::before, .aboutus-box-body-content::after, .aboutus-box .aboutus-box-image {
	display: none;
}
.aboutus-box .aboutus-box-body {
	padding: 0;
}
.aboutus-box-body-content {
	padding: 0 20px;
}
.special-text small {
	display: block;
}
.about-btn {
	margin: 20px 0 0;
	padding: 0 0 0 20px;
}
/* satisfied wrapper */ 
.satisfied-wrapper .counter:first-child {
	margin-top: -20px;
}
.satisfied-wrapper .counter {
	margin: 30px 0 0;
}
/* Pricing Table wrapper */
.pricing-wrapper-main .title {
	margin: 0;
}
.pricing-wrapper-main [class*="col-sm-"] {
	margin-top: 20px;
}
.pricing-wrapper-main .pricing-table {
	margin-bottom: 60px;
}
.pricing-wrapper-main {
	padding-bottom: 48px;
}
/* Course */
.single-item {
	padding: 0 25px;
}
/* breadcrumb wrapper */
.breadcrumb-bar li {
	margin: 0 10px;
}
/*Courses grid sidebar */
.flat-socials, .flat-socials > li {
	display: inline-block;
}
.course-details-content {
	margin-left: 0;
}
.single-course-details {
	padding: 0;
}
.course-details-content a img {
	margin-left: 0;
	width: 100%;
}
.course-details-content .single-item-text {
	padding: 0 15px 15px;
}
.course-details-area a img {
	margin: 0;
	width: 100%;
}
.author-info > h4 {
	display: block;
}
.single-comment.comment-reply {
	padding-left: 10px;
}
.comments {
	padding: 60px 15px 50px 0;
}
.comment-time {
	float: none;
	font-size: 12px;
}
.courses-single .sidebar .widget.widget-teacher {
	margin: 0;
}
.inner-page-wrapper.courses-single {
	padding: 60px 0 40px;
}
/* team */	
.thumbnail-model {
	width: calc(100% - 0px);
}
.team-wrap {
	padding-bottom: 35px;
}
/* Login */
.login .new-account {
  border-left: medium none;
  padding: 35px 0 0;
}
/* testimonials */		
.testimonials-wrapper blockquote {
	margin: 0 0 30px;
	padding: 20px;
}
/* comming-soon */
.comming-soon .cmg-bg {
	padding: 0;
}
.comming-soon-wrapper .logo-bar {
	padding: 10px 0;
}
.subscirbe .form {
	display: inline-block;
}
.count-down .countdown-row .countdown-amount {
	font-size: 30px;
	line-height: 22px;
}
.subscirbe .sub {
	font-size: 14px;
}
.count-down .countdown-row .countdown-period {
	font-size: 14px;
}
.count-down .countdown-row.countdown-show4 .countdown-section {
	padding: 30px 0;
}
.subscirbe .form input.bttn {
	padding: 9px 10px 10px;
}
/* footer wrapper */
.footer-wrapper {
	padding: 15px 0 0;
}
.footer-wrapper [class*="col-sm-"] {
	clear: both;
	margin: 40px 0 0;
	display: inline-block;
	width: 100%;
}
}