@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: auto;
  }
  .container > .row {
    margin: auto;
  }
  .logo-nav-wrap .container > .row,
  .footer-top .container > .row,
  .news-events .container > .row {
    margin: 0 -1.5rem;
  }
  /* facility section */
  .two-columns.services .container > .row {
    margin: 0 -1.5rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    width: auto;
  }
  .container > .row {
    margin: auto;
  }
  .logo-nav-wrap .container > .row,
  .footer-top .container > .row,
  .news-events .container > .row {
    margin: 0 -1.5rem;
  }
  /* header style */
  #fixed-navbar .logo-nav-wrap .navbar-brand span {
    display: none;
  }
  #fixed-navbar .navbar-header {
    width: 13%;
  }
  #fixed-navbar .logo-nav-wrap .navbar-brand {
    padding-left: 1.5rem;
  }
  #fixed-navbar .logo img {
    max-width: 80%;
  }
  /* banner style */
  .banner-wrap .carousel-inner .item img {
    max-height: calc(35rem);
    min-height: calc(35rem);
    object-fit: cover;
  }
  /* welcome section */
  .side-img .images img {
    max-height: calc(20rem);
    min-height: calc(20rem);
    width: 100%;
  }
  /* event style */
  .content-wrap .news-events ul li .infos h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* facility style */
  .two-columns.services .container > .row {
    margin: 0 -1.5rem;
  }
  .h.columns-holder .box .image img {
    max-height: calc(12rem);
    min-height: calc(12rem);
  }
  /* footer style */
  .footer-icon .apps-links-wrap ul li:first-child img {
    height: calc(5rem);
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* header style */
  .navbar-header {
    width: 20%;
  }
  .header .logo-nav-wrap .navbar-brand {
    padding-left: 1.5rem;
  }
  .header .logo img {
    max-width: 80%;
  }
  #fixed-navbar .logo img {
    max-width: 100%;
  }
  .header .logo-nav-wrap .nav-wrap .top-nav {
    width: 80%;
  }
  .header .logo-nav-wrap .navbar-brand span,
  #fixed-navbar .logo-nav-wrap .navbar-brand span {
    display: none;
  }
  /* navigation style */
  .header .navigation .navbar-nav > li > a,
  #fixed-navbar .navigation .navbar-nav > li > a {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  #fixed-navbar .navigation .navbar-nav > li > a {
    padding: 1.6rem 0.8rem;
  }

  .header .navigation {
    padding: 0;
  }
  /* news and event style */
  .news-events .container > .row > div {
    width: 100%;
  }
  .news-events .events {
    margin-top: 2rem;
  }
  .news-events .events .col-sm-3 {
    width: 16%;
  }
  .content-wrap .news-events ul li .photo img {
    max-height: calc(10rem);
    min-height: calc(10rem);
  }
  /* notice and service style */
  .h.columns-holder > div {
    width: 100%;
  }
  .h.columns-holder .notices .title {
    font-size: 1.8rem;
  }
  .columns-holder .notices {
    max-height: none;
    min-height: auto;
  }
}

@media only screen and (max-width: 767px) {
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    margin-top: 0;
  }

  /* navigaion style */
  .header .logo img {
    max-width: 16% !important;
  }
  #fixed-navbar .logo img {
    max-width: 18% !important;
  }
  .content-wrap .heading {
    font-size: 2rem;
  }
  /* header style */
  .header .logo {
    /* position: absolute;
			top: 0; */
  }
  .navbar-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 0 15px;
  }
  #fixed-navbar .navbar-header {
    width: auto;
  }
  .header .logo-nav-wrap .navbar-brand span {
    font-size: 1.4rem;
  }

  #fixed-navbar .navbar-collapse.navigation {
    background: #fff;
  }
  .header .logo img,
  #fixed-navbar .logo img {
    max-width: 19%;
  }
  #fixed-navbar .logo img {
    max-width: 84%;
  }
  .navbar-default .navbar-toggle {
    background-color: #eb2222;
    border-color: #fff;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .header .logo-nav-wrap .navbar-toggle {
    z-index: 10;
  }
  #fixed-navbar .logo-nav-wrap {
    padding: 0;
  }
  #fixed-navbar .logo-nav-wrap .nav-wrap .container-fluid {
    padding: 0 15px 0 15px;
  }

  .header .navigation .navbar-nav > li > a,
  #fixed-navbar .navigation .navbar-nav > li > a {
    padding: 1rem 1.5rem;
  }
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background-color: #eb2222b8;
    border-color: #eb2222b8;
  }

  #fixed-navbar .logo-nav-wrap .navbar-brand span,
  .header .logo-nav-wrap .nav-wrap .top-nav,
  #fixed-navbar .logo-nav-wrap .nav-wrap .top-nav {
    display: none;
  }
  #fixed-navbar {
    z-index: 9999;
    padding: 10px 0;
  }

  .navbar-collapse {
    position: absolute;
    top: 85px;
    width: 100%;
    background: #fff;
    height: auto;
    z-index: 111;
  }
  /* banner style */
  .banner-wrap .carousel-inner .item img {
    max-height: calc(22rem);
    min-height: calc(22rem);
  }
  /* content style */
  .section.about,
  .content-wrap .section {
    padding: 2rem 0;
  }

  .title {
    margin-top: 0;
    margin-bottom: 2rem;
  }

  .section.about .side-img .images > img {
    width: 100%;
    margin-bottom: 2rem;
  }
  .content-wrap .news-events ul li .photo img {
    max-height: calc(16rem);
    min-height: calc(16rem);
  }
  .content-wrap .news-events ul li .photo {
    margin-bottom: 2rem;
  }
  /* section about style */
  .section.about .side-img .images {
    max-height: none;
  }
  /* news events */
  .news-events .row > div:first-child {
    margin-bottom: 2rem;
  }
  /* bod style */
  .bod .cols-wrap .general h3 {
    font-size: 2.5rem;
    margin: 0 0 1.5rem;
  }
  .section.bod > .container > .row {
    margin: 0;
  }
  .bod .cols-wrap .general .photo {
    margin-bottom: 0;
  }
  /* footer style */
  .footer .footer-top {
    padding: 2rem 0;
  }
  .footer .footer-top .container > .row > div {
    margin-top: 2rem;
  }
  .footer .footer-top .container > .row > div:first-child {
    margin-top: 0;
  }
  .footer-icon .apps-links-wrap ul {
    display: inline-block;
  }
  .footer-icon .apps-links-wrap ul li {
    width: 40%;
  }
  /* staff section */
  .section.teacher-wrap .container > .row {
    margin: 0;
  }
  .teacher-carousel .item {
    width: 100%;
  }
  .teacher-carousel .holder header .photo img {
    max-height: calc(24rem);
    min-height: calc(24rem);
  }
  /* routine  */
  div.bhoechie-tab-content {
    padding-left: 0;
  }
  .general-wrap .nav-tabs > li {
    width: 100%;
  }
  /* single detail */
  .single .title h2 {
    font-size: 2rem;
    text-align: left;
  }
  .single .content-holder .side-img-left {
    margin-bottom: 1.5rem;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* banner style */
  .banner-wrap .carousel-inner .item img {
    max-height: calc(30rem);
    min-height: calc(30rem);
  }
  /* home about style */
  .section.about .side-img .images {
    margin-bottom: 2rem;
  }
  .news-events .general ul > li {
    border: none;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 1rem;
    margin: 0 -2px 2rem;
  }
  .news-events .general ul > li:first-child {
    padding: 1rem;
  }
  /* home service style */
  .h.columns-holder .row > .column {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px 3rem;
  }
  /* footer style */
  .footer .footer-top .container > .row > div {
    display: inline-block;
    margin: 0 -2px 3rem;
    vertical-align: top;
    width: 50%;
  }
  .footer-icon .apps-links-wrap ul li:first-child img {
    height: calc(4rem);
  }
  /* staff style */
  .teacher-carousel .item {
    width: 50%;
  }
  /* service style */
  .columns-holder .column {
    display: inline-block;
    margin: 0 -2px 3rem;
    vertical-align: top;
    width: 50%;
  }
  /* gallery style */
  .gallery-wrap > .row > div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px 3rem;
  }
  .gallery.inner .gallery-hold > a {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px 3rem;
  }
  /* tab style */
  .general-wrap .nav-tabs > li {
    width: auto;
  }
  .general-wrap .tabs-wrapper .nav > li > a {
    padding: 1rem;
  }
}

@media (max-width: 600px) {
  .section.about .side-img {
    float: unset;
    padding-left: 0;
  }

  .bod .cols-wrap .general .photo {
    float: unset;
    width: 100%;
  }
}