@media all and (max-width:1200px) {
    #mainNav ul {
        display: inline-block;
        padding-left: 5px
    }
    #mainNav ul li {
        margin-right: 0px
    }
    #mainNav ul li a {
        padding: 7px 6px
    }
    .facts .col-md-4 {
        padding: 35px 15px
    }
    .homeAlumni .carousel,
    .homeAlumni .carousel-inner,
    .homeAlumni .carousel-inner>.item {
        height: 480px
    }
    .profileCard {
        height: 440px
    }
}

@media all and (max-width:992px) {
    #mainNav,
    #subNav,
    .desktoponly {
        display: none
    }
    #mobileNav {
        display: block
    }
    .respAbsoluteCenter{
      position: absolute;
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    .portal {
        padding-top: 110px
    }
    .homeAlumni .carousel,
    .homeAlumni .carousel-inner,
    .homeAlumni .carousel-inner>.item {
        height: 430px
    }
    .profileCard {
        height: 390px
    }
    .footer {
        overflow: hidden;
        padding: 0
    }
    .footer .qtemPijl {
        right: 0;
        width: 150px;
        top: calc(100% - 102px)
    }
    .corporatePartnerDetail img.logo {
        width: 33.3333333%;
        margin-left: 0
    }
    .white-padded-box {
        padding-bottom: 14px
    }
    .white-padded-box .col-xs-6 {
        margin-bottom: 25px
    }
    .editRow .row.marginB>div:last-child {
        margin-top: 25px
    }
    .editRow .row.marginB>div:first-child {
        margin-top: 0
    }
}

@media all and (max-width:767px) {
    .alignRight.mobileAlignLeft{text-align: left;}
    .mobileAlignCenter{ text-align: center; }
    .mobileMarginB{ margin-bottom: 30px;}

    
    .quotesRow>div:first-child {
        margin-bottom: 30px
    }
    .quotes .paddedBox {
        height: 100%!important
    }
    .mobileonly {
        display: block
    }
    .desktoptabletonly {
        display: none
    }
    .facts .col-md-4 {
        padding: 35px 65px
    }
    .newsletterSignup {
        padding: 0 15px 30px
    }
    .newsletterSignup input {
        display: block
    }
    .facts .carousel-inner {
        height: 495px
    }
    .homeAlumni .carousel,
    .homeAlumni .carousel-inner,
    .homeAlumni .carousel-inner>.item {
        height: 580px
    }
    .profileCard {
        height: 520px
    }
    .videoBox {
        max-width: 400px;
        margin: 0 auto 50px
    }
    .emptyLabel {
        display: none
    }
    .studentCard {
        overflow: inherit;
        height: auto
    }
    .studentCard .nameBox {
        height: 90px
    }
    .studentCard .imgBox {
        height: 174px;
        max-width: 100%
    }

    .mobileHideSearch .searchContainer{
      margin-top: 0px;
      display: none;
    }
    .toggleSearch{
      background: #E7EDEF;
    }
    .toggleSearch:hover{
      background: #e9eff1;
    }
    .toggleSearch a{
      font-family: 'Montserrat', sans-serif;
      font-size: 14px;
      color: #4C7988;
      letter-spacing: 0.39px;
      line-height: 44px;
      padding-left: 30px;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
    }
    .toggleSearch a:hover{
      text-decoration: none;
    }
    .toggleSearch a.openSearch{
      background: URL('/img/icons/icon-filter.png') left center no-repeat;
      display: block;
    }
    .toggleSearch a.closeSearch{
      background: URL('/img/icons/icon-close.png') left center no-repeat;
      display: inline-block;
      display: none;
    }
    .toggleSearch a.resetSearch{
      display: none;
      font-family: 'Open sans', sans-serif;
      font-size: 14px;
      color: #20A8D6;
      text-decoration: underline;
      width: auto;
    }
    .toggleSearch a span.filterLbl{
      font-family: 'Open sans', sans-serif;
      font-weight: bold;
      letter-spacing: 0.5px;

    }
    .toggleSearch a span i.filterSpan{
      display: inline-block;
      width: 4px; height: 4px;
      background: #87A5AF;
      border-radius: 50%;
      margin: 3px 7px 3px 5px;
    }

    a.openSearch:after {
      background: red;
      content: ' ';
      width: 70px;
      height: 44px;
      display: block;
      margin-right: 10px;
      /* z-index: 9999; */
      position: absolute;
      top: 0;
      right: 0;
      background: red; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(left, rgba(231, 237, 239, 0.2) , #e7edef); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(right, rgba(231, 237, 239, 0.2) , #e7edef); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(right, rgba(231, 237, 239, 0.2) , #e7edef); /* For Firefox 3.6 to 15 */
      background: linear-gradient(to right, rgba(231, 237, 239, 0.2) , #e7edef); /* Standard syntax */
      linear-gradient(to right, rgba(231, 237, 239, 0) , #e7edef)
    }
    .admissionsProcess .paddedBox.whiteBox{
      margin-bottom: 25px;
    }
}

@media all and (max-width:639px) {
    .story iframe {
        width: auto!important;
        height: auto!important
    }
    .aboutBody .contentBox,
    .aboutBody .contentBox.contentBoxRight {
        padding: 49px 5px!important
    }
    div.course-table-div {
        overflow-x: scroll
    }
    .mobile-nopadding {
        padding: 0
    }
    .facts .carousel-inner {
        height: 545px
    }
    #alumniMobileCarousel .col-xs-2 {
        width: 10%
    }
    #alumniMobileCarousel .col-xs-8 {
        width: 80%
    }
    .homeAlumni .carousel,
    .homeAlumni .carousel-inner,
    .homeAlumni .carousel-inner>.item {
        height: 520px
    }
    .profileCard {
        height: 450px
    }
    .bigQuote,
    .smallQuote {
        width: 100%;
        margin-bottom: 30px
    }
    .quotes .quotesRow {
        margin-bottom: 0
    }
    .applicationForm .alignRight,
    .contactForm .alignRight,
    .jobCard .alignRight,
    .searchContainer .alignRight {
        text-align: left
    }
    .jobCard .iconSpan,
    .jobCard .partnerSpan {
        display: block;
        margin-bottom: 5px
    }
    .applicationForm,
    .contactForm,
    .searchContainer {
        padding: 50px 30px
    }

    .mobileHideSearch .searchContainer{
      background-color: #fff;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center center;
      height: 100%;
      opacity: 0;
      overflow-y: scroll;
      position: fixed;
      display: none;
      width: 100%;
      z-index: -1;
      left: 0;
      top: 0;
      padding-top: 80px;
    }
    .search-open .mobileHideSearch .searchContainer {
      display: block;
      opacity: 1;
      padding-bottom: 60px;
      z-index: 299;
    }
    .search-open .toggleSearch{
      position: fixed;
      left: 0;
      top: 0;
      z-index: 399;
      width: 100%;
    }
    .mobileHideSearch .searchContainer a.btn{
      width: 100%;
    }
    .daterangepicker.dropdown-menu.ltr.show-calendar {
      position: fixed;
      left: 0!important;
      top: 0!important;
      width: 100%;
      height: 100%;
    }
    .daterangepicker.ltr .calendar.left, .daterangepicker.ltr .calendar.right{
      float: none;
      max-width: 100%;
    }
    .daterangepicker td.active.start-date, .daterangepicker td.active.end-date {
      position: inherit;
    }

    .newAcademicBody .respAbsoluteCenter{
      display: none;
    }
    .newAcademicBody .openHeadBox{height: auto; min-height: 310px;}
    .newAcademicPage .header h2{
      font-size: 28px;
      line-height: 36px;
    }
}

@media all and (max-width:479px) {
    .headerBox,
    .mobile-fullwidth {
        width: 100%
    }
    .events .descrBlock p,
    .nextAction,
    .prevAction,
    .videoBox-2,
    .videoBox-3 {
        display: none
    }
    .mobile-nopadding {
        padding: 0
    }
    .mobile-fullwidth .paddedBox {
        margin-left: 15px;
        margin-right: 15px
    }
    .programModules .mobile-fullwidth {
        padding-left: 15px;
        padding-right: 15px
    }
    .wrap {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .wrap.textOverlay {
        padding-top: 0;
        padding-bottom: 0;
        margin: 0
    }
    .sideWrap {
        padding-left: 0;
        padding-right: 0
    }
    .introRow {
        padding-top: 0
    }
    h2{
        font-size: 36px;
        line-height: 50px
    }
    .conference h2 {
        font-size: 24px;
        line-height: 28px
    }
    .headerContent {
        top: auto;
        bottom: 0;
        padding: 0
    }
    .headerBox {
        box-shadow: none;
        max-width: 100%;
        border-radius: 0
    }
    .serviceNav {
        background: url(/img/globe.png) right -290px bottom -330px no-repeat #104C60;
        background-size: 620px
    }
    .facts .col-xs-12 {
        padding: 25px 15px
    }
    .facts .carousel-inner {
        height: 495px
    }
    .whyQtem h2 {
        text-align: center
    }
    .whyQtem span.underline {
        margin: 0 auto
    }
    .whyQtem .enumeration li .text {
        font-size: 16px;
        max-width: 85%;
        vertical-align: text-top
    }
    #alumniMobileCarousel .col-xs-2 {
        width: 0
    }
    #alumniMobileCarousel .col-xs-8,
    .countryBox {
        width: 100%
    }
    .homeAlumni .carousel,
    .homeAlumni .carousel-inner,
    .homeAlumni .carousel-inner>.item {
        height: 580px
    }
    .profileCard {
        height: 500px
    }
    .events .calItem {
        margin-bottom: 30px
    }
    .news .newsThumb {
        height: auto
    }
    .news .newsSummary h5,
    .news .newsSummary p.date,
    .news .newsSummary span {
        margin-left: 10px
    }
    .news .newsSummary h5 {
        margin-bottom: 5px
    }
    .footer {
        background: url(/img/globe.png) right -290px top 260px no-repeat #104C60;
        background-size: 620px
    }
    .programSummary .row.marginB {
        margin-bottom: 0
    }
    .programSummary .paddedBox {
        margin-bottom: 70px
    }
    .programSummary .bigwrap {
        padding-bottom: 0
    }
    .quotes h3 {
        font-size: 16px
    }
    .borderedBox a.actionLone {
        display: inline-block!important
    }
    .white-padded-box {
        padding: 25px 25px 0
    }
    .resumeContainer h2 {
        font-size: 22px;
        line-height: 32px
    }
    .borderedBox a.actionLone,
    .personal-information a.actionLone {
        right: 10px
    }
    .personal-information a.actionLone {
        top: 0
    }
    .borderedBox a.actionLone.lineLoneEdit {
        margin-left: 15px
    }

    .ssLogo{
      display: none;
    }
    .ssContent{
      width: 100%;
    }

    .ssTile h3{
      font-size: 30px;
      line-height: 38px;
    }
    .newAcademicBody .col-xs-6{
      width: 100%;
    }
    .newAcademicBody .openHeadBox{height: auto; min-height: auto; margin-bottom: 50px;}
    .newAcademicBody .spacer{display: none;}

    .newAcademicPage .header h2{
      font-size: 24px;
      line-height: 38px;
    }
    .newAcademicPage .header p{
      font-size: 16px;
      line-height: 22px;
    }
}

@media all and (max-width:359px) {
    h2{
        font-size: 30px;
        line-height: 50px
    }
    .conference h2 {
        font-size: 24px;
        line-height: 28px
    }
    .conference h3{
      font-size: 16px;
    }
    a.bigLoadMore {
        max-width: 100%
    }
    .header {
        background: url(/img/header/header-home-mobile.jpg) center top no-repeat #9eadb4;
        height: 525px;
        background-size: 100% auto
    }
    .serviceNav {
        background: url(/img/globe.png) right -230px bottom -330px no-repeat #104C60;
        background-size: 540px
    }
    h3.quote {
        font-size: 17px;
        line-height: 25px;
        color: #104C60;
        margin-top: 5px;
        margin-bottom: 15px
    }
    h5.author {
        font-size: 14px;
        color: #FF8400;
        margin-bottom: 10px
    }
    .story {
        background: url(/img/globe.png) center top 375px no-repeat #104C60;
        background-size: 520px
    }
    .whyQtem .enumeration li .text {
        max-width: 80%;
        vertical-align: text-top
    }
    .homeAlumni {
        background: url(/img/globe.png) center bottom -175px no-repeat #87A5AF;
        background-size: 505px
    }
    .homeAlumni .carousel,
    .homeAlumni .carousel-inner,
    .homeAlumni .carousel-inner>.item {
        height: 520px
    }
    .profileCard {
        height: 460px
    }
    .footer {
        background: url(/img/globe.png) right -260px top 260px no-repeat #104C60;
        background-size: 540px
    }

    .newAcademicPage .header h2{
      font-size: 22px;
      line-height: 28px;
    }


}

@media all and (max-width:320px) {
    .serviceNav .col-xs-8 {
        width: 100%
    }
    .footer .qtemPijl {
        right: -60px
    }
    .newAcademicPage .header h2{
      font-size: 22px;
      line-height: 28px;
    }
    .newAcademicPage .header p{
      font-size: 15px;
      line-height: 19px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select:focus,
  textarea:focus,
  input:focus,
  select,
  textarea,
  input {
    font-size: 16px;
  }

}