@media (min-width: 1200px) {
    .container {width:100%;}
    .ni-lg-11 {width: 91.66666667%;}
    .ni-lg-10 {width: 83.33333333%;}
    .ni-lg-9 {width: 75%;}
    .ni-lg-8 {width: 66.66666667%;}
    .ni-lg-7 {width: 58.33333333%; }
    .ni-lg-6 {width: 50%;  }
    .ni-lg-5 { width: 41.66666667%; }
    .ni-lg-4 { width: 33.33333333%; }
    .ni-lg-3 { width: 25%; }
    .ni-lg-2 { width: 16.66666667%;}
    .ni-lg-1 { width: 8.33333333%; }
}
@media (max-width: 1199px) {
    .container {width: 100%; max-width:1170px;}

    .ni-lg-11 {width: 91.66666667%;}
    .ni-lg-10 { width: 83.33333333%;}
    .ni-lg-9 {width: 75%; }
    .ni-lg-8 {width: 66.66666667%;}
    .ni-lg-7 { width: 58.33333333%;}
    .ni-lg-6 {width: 50%; }
    .ni-lg-5 {width: 41.66666667%; }
    .ni-lg-4 {width: 33.33333333%; }
    .ni-lg-3 {width: 25%; }
    .ni-lg-2 {width: 16.66666667%; }
    .ni-lg-1 {width: 8.33333333%; }
}


@media (max-width: 991px) {
    .container {max-width: 970px; width:100%; }
    .ni-md-11 {width: 91.66666667%;     }
    .ni-md-10 { width: 83.33333333%; }
    .ni-md-9 { width: 75%; }
    .ni-md-8 {width: 66.66666667%; }
    .ni-md-7 { width: 58.33333333%; }
    .ni-md-6 {width: 50%; }
    .ni-md-5 { width: 41.66666667%; }
    .ni-md-4 { width: 33.33333333%; }
    .ni-md-3 { width: 25%; }
    .ni-md-2 { width: 16.66666667%; }
    .ni-md-1 { width: 8.33333333%; }
}

@media (max-width: 768px) {
    .container {max-width: 750px; width:100%}
    .ni-sm-12 { width: 100%; }
    .ni-sm-11 { width: 91.66666667%;  }
    .ni-sm-10 { width: 83.33333333%; }
    .ni-sm-9 { width: 75%; }
    .ni-sm-8 { width: 66.66666667%; }
    .ni-sm-7 { width: 58.33333333%; }
    .ni-sm-6 {width: 50%;}
    .ni-sm-5 { width: 41.66666667%; }
    .ni-sm-4 { width: 33.33333333%; }
    .ni-sm-3 {width: 25%; }
    .ni-sm-2 {width: 16.66666667%;}
    .ni-sm-1 {width: 8.33333333%; }
	 .tblResponsive {width: 100%;margin-bottom: 15px;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #ddd;}
  .tblResponsive .table {margin-bottom: 0;}
  .tblResponsive tr th, .tblResponsive tr td{white-space: nowrap;}
  header .logo{ width:inherit}
  .founderblock h2, .contactAddress h2, #ourHero h2, #gallery h2, #news h2, #contact h2 {text-align: center; font-size: 26px; margin-bottom: 20px;}
  .founderblock p {text-align: center;}
  .founderblock .btnWrap {margin-bottom: 90px; padding-top: 10px;}

}
@media all and (max-width: 575px) {
    .container {max-width: 100%; width:100%}
    .ni-xs-12{ width: 100%;}
    .ni-xs-11 {width: 91.66666667%;}
    .ni-xs-10 { width: 83.33333333%;}
    .ni-xs-9 {width: 75%;;}
    .ni-xs-8 {width: 66.66666667%;;}
    .ni-xs-7 {width: 58.33333333%;}
    .ni-xs-6 {width: 50%;}
    .ni-xs-5 {width: 41.66666667%;}
    .ni-xs-4 {width: 33.33333333%;;}
    .ni-xs-3 {width: 25%;}
    .ni-xs-2 {width: 16.66666667%;}
    .ni-xs-1 {width: 8.33333333%;}
}
@media all and (max-width: 750px) {
	
.menu-content.overlay{ position:fixed; left:0; top:0;}
.menuSubMenuItem{ width:100%;}
.menuSubMenu > li > a{ padding:10px 40px;}
.menuSubMenuItem{ border-bottom:#385a69 solid 1px;}
.menuItem a .arrow:before, .menuSubMenu a .arrow:before {padding:5px;} 
}

/*Custom Media Quiery*/


@media (max-width: 1134px) {
	
.navigation-top {margin-left: -40px;}
.founder { max-width: 80%;}
	
}

@media (max-width: 1090px) {
	
.navigation-top {margin-left: -70px;}
	
}

@media (max-width: 1024px) {

	
}




@media (max-width: 991px) {
#site-navigation{ float:none; margin:20px 0 10px;}
header .logo {width: 100%;    text-align: center;}
.logo #logo {position:static; }
.menu{ width: 100%;}
footer .ftrMenu li a {padding: 0 6px;}	
.navigation-top{ margin:0; width:100%;}
#top-menu{ text-align:center;}
}

@media (max-width: 768px) {
#site-navigation {margin: 20px 0 0px;}	
.main-navigation li{ padding:2px 0; }
.navigation-top .current-menu-item > a{ border-bottom:none;}
#top-menu.menu li.menu-item a{ display:block;}
#slider .item {background-position: center center;height: 340px;}
#slider .sliderCapation h2 {font-size: 30px;}
#slider .sliderCapation p {max-width:75%;}
#mainContent {margin: 10px 0px 0 0;}
.counter_box {margin-bottom: 35px;}
.counter_box .counter_number {font-size: 32px;padding-bottom: 0px;}
#ourHero, #gallery{padding: 25px 0;}
#gallery{ height:auto;margin-bottom: 0;}
#gallery .item {height: auto;}
#news .newsBlock {border-right: 0;margin-bottom: 20px;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
#contact .ni-lg-2{  width: 100%; text-align: center;margin-bottom: 20px;}
.address h3 {margin-bottom: 5px;font-size: 22px;text-align: center;}
.address p {line-height: 27px;max-width: 80%;margin: 0 auto;text-align: center; margin-bottom: 20px;}
.contactLogo{ text-align:center;}
.founder {width: 415px;}
.founderblock span{ display: block;text-align: center;}
footer .logo, footer .copyRight, footer .ftrMenu{text-align: center; margin-bottom: 10px;}
.copyRight .widget {padding-bottom: 0;}
.ftrMenu {margin-top: 0;}
.information{ text-align:center;}
.schoolImg img{ width:100%;}
.page-banner .innerCapation {top: 22%;}
.aboutInfo, .aboutInfo + h3{ text-align:left;}
  #slider .sliderCapation h2{ font-size:18px;}
  #slider .sliderCapation p{ font-size:16px;}
  #heroCarousel.owl-carousel .owl-stage-outer{ padding:0;}
} 

@media (max-width: 768px) {
#top-menu {text-align: left;}
#news {padding:0 15px;}
#news .archiveNews:nth-child(odd) {border-right: 0px solid #ccc;}
.tblResponsive tr th, .tblResponsive tr td {white-space:normal;}
.ni-lg-6.ni-md-6.ni-sm-12.archiveNews {text-align: center;border-bottom: 1px solid #ccc;padding: 15px 0 30px 0;}
.archiveNews .button { float:none;}
.schoolImg{ margin-bottom:20px;}
.map{ margin-top:15px;}
}
@media (max-width: 640px) {
.page-banner .innerCapation {top: 13%;}
body.page:not(.twentyseventeen-front-page) .entry-title{    font-size: 14px;padding: 7px 7px;    }
.page-banner #breadcrumbs{    font-size: 12px;}
#news .navigation.pagination {float:none;   margin: 0 auto;}
/*.page-numbers {    padding: 5px 10px;}*/
#site-navigation{ margin:5px 0 0;}
#breadcrumbs {display: none;}
.page-banner .innerCapation{ position:static; width:100%;}
.innerCapation .entry-title { padding:10px; font-size:15px; width:100%; background-color:#333;}


}


@media (max-width: 480px) {
#slider .sliderCapation h2 {font-size: 16px;}
#slider .sliderCapation p { font-size:14px;}
.founderblock h2, .contactAddress h2, #ourHero h2, #gallery h2, #news h2, #contact h2 {center;font-size: 25px;}
#heroCarousel .owl-item img {width: 100%;}
.page-banner {min-height: 105px;}
.ngg-breadcrumbs {margin: 0 auto!important;max-width: 55%;}
.ngg-gallery-thumbnail-box {float: left;width: 100%;}
.ngg-gallery-thumbnail img {width: 100%;}

.aboutSchool h2 {font-size: 22px; margin-bottom: 10px;}
#news h2 {font-size: 24px;margin-bottom: 0px;}
}