@media (max-width: 767px) {
  body {
    margin: 0;
    min-width: 100%;
    padding: 0;
    overflow-x: hidden; }

  .hideMobile {
    display: none !important; }

  .showMobile {
    display: block !important; }

  .content-area {
    float: left;
    width: 100%; }

  .entry-content:after {
    content: '';
    display: table;
    clear: both; }

  .container {
    margin: 0 auto;
    position: relative;
    width: 94%; }

  .logo {
    float: left;
    margin-left: 0 !important;
    padding: 6px 0;
    text-align: center;
    width: 100% !important; }

  .logo img {
    max-width: 100% !important; }

  .mainMenu {
    float: left;
    display: none; }

  .mobileBar {
    display: block !important;
    float: left;
    width: 100%; }

  .header-right {
    float: right;
    width: 100%; }

  .header-right .topHeader {
    float: right;
    margin-top: 15px;
    width: 100%; }

  .searchBar {
    background: #2680a8 none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px; }

  .bx-wrapper .bx-caption {
    background: rgba(80, 80, 80, 0.75) none repeat scroll 0 0;
    bottom: 0;
    float: left !important;
    left: 0;
    position: relative !important;
    width: 100% !important; }

  .bx-wrapper img {
    display: none !important;
    height: auto !important;
    width: 100% !important; }

  .bx-wrapper .bx-caption {
    background: rgba(80, 80, 80, 0.75) none repeat scroll 0 0;
    bottom: 0 !important;
    left: 0;
    position: absolute;
    width: 100%; }

  .banner .bx-caption {
    background: transparent url("../images/bgLayer.png") repeat scroll left top !important;
    bottom: 0;
    display: block;
    float: left;
    font-size: 35px;
    height: auto !important;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%; }

  .bx-wrapper .bx-caption span {
    color: #fff;
    display: block;
    font-family: "robotothin";
    font-size: 18px !important;
    padding: 0 !important; }

  .sectionTitle {
    float: left;
    padding-top: 25px;
    width: 100%; }

  .sectionTitle h2 {
    font-family: "robotothin";
    font-size: 25px;
    margin: 0 0 10px;
    text-align: left;
    text-transform: uppercase; }

  .newsPost {
    float: left;
    margin-right: 2%;
    min-height: auto;
    width: 100%; }
    .newsPost img {
      height: auto; }

  .banner {
    float: left;
    width: 100%; }

  .home #second {
    background: #076883 none repeat scroll 0 0;
    color: white;
    float: left;
    overflow: hidden;
    padding: 0; }

  .HomeText {
    min-height: auto; }
    .HomeText p {
      color: #383838;
      float: left;
      font-family: "robotothin";
      font-size: 20px;
      line-height: 1;
      padding: 20px 0;
      width: 100%; }

  .HomeTextRight .circleImage {
    left: 0;
    z-index: 99999;
    right: 0 !important;
    top: 100px;
    width: 100%;
    text-align: center; }

  .sectionTitle2 h2 {
    font-size: 28px; }

  .HomeTextLeft .circleImage {
    left: 0;
    right: 0 !important;
    top: 100px;
    width: 100%;
    text-align: center; }

  .home #third {
    background: transparent url("../images/SectionMain.png") repeat-y fixed 100% 0/100% auto;
    color: white;
    float: left;
    padding-top: 280px;
    width: 100%; }

  .home .readMore {
    background: transparent url("../images/readmore.png") no-repeat scroll left top;
    display: block;
    float: left;
    height: 30px;
    margin-bottom: 20px;
    margin-left: 0 !important;
    margin-right: 0;
    margin-top: 20px;
    width: 119px; }

  .home #fifth {
    background: transparent url("../images/SectionMain2.png") repeat-y fixed 100% 0/100% auto;
    color: white;
    float: left;
    padding-top: 275px;
    width: 100%; }

  .home .sectionTitle2 {
    float: left;
    padding-bottom: 15px;
    padding-top: 35px;
    width: 100%; }

  .leftMenu {
    float: left;
    width: 100%; }

  .rightText {
    float: left;
    margin-left: 0;
    margin-top: 20px;
    text-align: left;
    width: 100%; }

  .home td .readMore {
    background: transparent url("../images/readmore.png") no-repeat scroll left top/100% auto;
    display: block;
    float: left;
    height: 30px;
    margin-bottom: 20px;
    margin-left: 0 !important;
    margin-right: 0;
    margin-top: 20px;
    width: 91px !important; }

  tr.schoolsHead {
    background: transparent url("../images/aboutImage.png") no-repeat scroll left center/100% auto; }

  tr.schoolsHead td a {
    color: #fff;
    display: block;
    font-family: sans-serif;
    font-size: 12px !important;
    line-height: 32px;
    margin: 15px 0 50px auto;
    width: 98%; }

  .numberVal {
    font-family: sans-serif;
    font-size: 35px; }

  .enrolTxt {
    font-family: sans-serif;
    font-size: 17px; }

  .home #admissions {
    float: left;
    padding-top: 295px !important;
    width: 100%; }

  .footer-info p {
    color: #88b6d1;
    float: left;
    font-size: 14px;
    width: 100%; }

  .footer .socialIcons {
    float: right;
    padding: 35px 0 0;
    position: absolute;
    right: 20px;
    top: 30px;
    width: 120px; }

  .footer .socialIcons {
    float: right;
    padding: 35px 0 0;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 120px; }

  .footer {
    background: #022b43 none repeat scroll 0 0;
    float: left;
    padding-bottom: 0;
    position: relative;
    width: 100%; }

  .footer-info {
    color: #88b6d1;
    float: left;
    font-size: 12px;
    margin-left: 2%;
    width: 96%; }

  .footerMiddle {
    float: left;
    padding: 15px 0;
    width: 100%; }

  .footer-menu ul li {
    float: left;
    padding: 5px; }

  .section {
    float: left;
    padding-bottom: 0;
    text-align: center;
    width: 100%; }

  .greyBg .section .sectionTitle {
    color: #022b43;
    float: left;
    padding-top: 30px;
    width: 100%; }

  .row {
    float: left;
    margin-top: 0;
    width: 100%; }

  .buttonlinkSmall {
    background: transparent url("../images/downArrow.png") no-repeat scroll 95% center;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 15px;
    margin-right: 10px;
    padding: 5px 4% 5px 1%;
    text-align: left;
    width: 94%; }

  .buttonlink {
    background: transparent url("../images/downArrow.png") no-repeat scroll 98% center;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
    padding: 5px 3%;
    text-align: left;
    width: 94%; }

  .greyBg .section p {
    color: #022b43;
    margin: 0; }

  .section p img {
    float: left;
    margin-bottom: 0px;
    margin-left: 0px; }

  .videoFrameBig {
    width: 90%; }

  .rightalignBoxSmall {
    float: left;
    margin-left: 0;
    width: 100%;
    text-align: center; }
    .rightalignBoxSmall img {
      display: inline-block;
      margin: 0 auto; }

  .leftalignBoxSmall {
    float: left;
    text-align: justify;
    width: 100%; }

  #grade_6_admission .section ul li {
    color: #022b43;
    float: left;
    font-size: 16px;
    list-style-position: inside;
    list-style-type: disc;
    width: 100%; }

  tr.admissionsHead {
    background: none; }
    tr.admissionsHead td {
      position: relative;
      padding-bottom: 36px; }
      tr.admissionsHead td:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 27px;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: #fff; }
      tr.admissionsHead td a {
        margin: 0; }

  .row5 {
    float: left;
    margin-right: 2%;
    text-align: left;
    width: 100%; }

  .rightTxtSection .leftalignBox {
    float: right !important;
    width: 100% !important; }

  .rightTxtSection .rightalignBox {
    float: left !important;
    margin-left: 5% !important;
    width: 90% !important; }

  .btn {
    background: transparent url("../images/button-arrow.png") no-repeat scroll 95% center;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: sans-serif;
    font-size: 14px;
    margin: 30px 0 10px;
    padding: 5px 25px 5px 5px !important;
    text-align: center;
    text-transform: uppercase; }

  .buttonlinkDark {
    background: transparent url("../images/downArrowDark.png") no-repeat scroll 95% center;
    border: 1px solid #022b43;
    border-radius: 5px;
    color: #022b43;
    float: left;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 15px;
    margin-right: 10px;
    padding: 5px 4% 5px 1%;
    text-align: left;
    width: 92%; }

  .rightalignBox {
    float: left;
    margin-left: 0;
    width: 100%; }

  .leftalignBox {
    float: right;
    text-align: justify;
    width: 100%; }

  .row3 {
    float: left;
    margin-right: 2%;
    text-align: left;
    width: 98%; }

  #contact_map {
    height: auto;
    position: relative;
    right: inherit;
    top: inherit;
    width: 100% !important; }

  .rightTxtSectionBig .leftalignBox {
    float: left !important;
    width: 100% !important; }

  .rightTxtSectionBig .rightalignBox {
    float: right !important;
    margin-left: 0 !important;
    padding-top: 40px !important;
    width: 100% !important; }

  .careerFrom label {
    background: transparent none repeat scroll 0 0;
    border-radius: 5px;
    color: #022b43;
    display: block;
    float: left;
    font-family: "robotoregular";
    font-size: 19px;
    line-height: 35px;
    margin-right: 10px;
    min-height: 30px;
    text-align: left;
    width: 100%; }

  .careerFrom .inpTxt {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #022b43;
    border-radius: 5px;
    float: left;
    font-family: "robotoregular";
    font-size: 19px;
    height: 34px;
    padding-left: 15px;
    width: 100%;
    padding-right: 15px;
    box-sizing: border-box; }

  .careerFrom textarea {
    width: 100% !important; }

  .section input[type="submit"] {
    width: 100%; }

  .fieldBox {
    color: #022b43;
    float: left;
    font-family: "robotoregular";
    line-height: 35px;
    margin-bottom: 0;
    width: 100%; }

  .careerFrom .careerFromLeft {
    float: left;
    margin-right: 0;
    width: 100%; }

  .careerFrom select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #022b43;
    border-radius: 5px;
    float: left;
    font-family: "robotoregular";
    font-size: 19px;
    height: 34px;
    padding-left: 15px;
    width: 100% !important; }

  .careerFrom .careerFromRight {
    float: left;
    margin-left: 0;
    width: 100%; }

  #reunions p img {
    float: right;
    margin-bottom: 15px;
    margin-left: 20px;
    width: 150px; }

  .row4 {
    float: left;
    margin-right: 2%;
    text-align: left;
    width: 48%; }

  .whiteContainerBox p img {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%; }
  .whiteContainerBox.int-exposure-map p {
    float: left !important;
    margin-top: 0; }

  .btn.btn-int-exposure-map {
    margin-bottom: -40px;
    position: relative;
    z-index: 1;
    margin-top: 5px; }

  .numberVal2 {
    color: #000;
    font-family: sans-serif;
    font-size: 18px; }

  #orgBg2 .markDate .dateTxt {
    color: #022b43;
    font-family: sans-serif;
    font-size: 13px;
    margin: 15px 0;
    text-transform: uppercase; }

  #orgBg2 .markDate .dateBox {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c4c4c4;
    margin: 0 auto;
    min-height: 150px;
    width: 95%; }

  #academic_calendar .markDate .dateBox {
    min-height: 158px; }
    #academic_calendar .markDate .dateBox .dateTxt {
      height: 30px;
      font-size: 14px; }
    #academic_calendar .markDate .dateBox .numberVal {
      height: 40px;
      font-size: 35px; }

  .img-home-campus-life {
    height: auto; }

  .map {
    width: 100%;
    background-size: cover;
    height: auto;
    margin-bottom: 20px; }
    .map:before {
      padding-top: 49.6%;
      content: '';
      display: block; }

  .newsPost .postTitle {
    min-height: 40px;
    height: auto; }

  .btn-news-alert .btn {
    margin-top: 0; }

  .home .newsEvents {
    padding-bottom: 25px; }

  .full-container:after {
    content: '';
    display: table;
    clear: both; }

  .btn-news-alert {
    padding-right: 0; } }
.mainMenu > ul > li > ul > li > ul{
    position: absolute;
    left: 250px;
    top: 20px;
}
.mainMenu > ul > li > ul > li:hover ul{
display: block!important;
}
/*# sourceMappingURL=style-responsive.css.map */