/* Custom, iPhone Retina */

  @media only screen and (min-width: 320px) {}
  /* Extra Small Devices, Phones */

  @media only screen and (min-width: 480px) {}
  /* Small Devices, Tablets */

  @media only screen and (min-width: 768px) {}
  /* Medium Devices, Desktops */

  @media only screen and (min-width: 992px) and (max-width:1199px) {
      .right-content {
          width: 74%;
      }
  }
  /* Large Devices, Wide Screens */

  @media only screen and (min-width: 1200px) {}

  @media print {
      #header,
      header,
      .left-nav,
      footer,
      #footer,
      .innerBreadcrumb {
          display: none !important;
      }
  }

  @media only screen and (min-width: 768px) {
      .nav.navbar-nav>li:hover>ul.sub-menu {
          display: block;
          -webkit-animation: fadeInUp 400ms;
          animation: fadeInUp 400ms;
      }

      ul.sub-menu {
          position: absolute;
          top: 50px;
          left: 0;
          background: #fff;

          min-width: 200px;
          box-shadow: none;
          display: none;
          z-index: 999;
          border: 1px solid #ba9a3a;
      }

      #header .navbar-nav li ul.sub-menu li a {
          padding-left: 20px;
      }
  }

  @media only screen and (max-width: 991px) {
      .examnotOpend{
          width:100% !important;
      }
      #header .navbar-nav>li {
          border: none !important;
      }
      html,
      body {
          overflow-x: hidden;
      }
      .top-menu {
          position: fixed;
          left: 100%;
          z-index: 13;
          background: #fafafa;
          top: 90px;
          padding: 20px;
          transition: left 1s;
      }
      .top-menu.in {
          left: 0;
      }

      .mobile-gear {
          position: absolute;
          z-index: 12;
          right: 20px;
          top: 34px;
          font-size: 30px;
          color: #ccc;
      }
      #header .navbar-brand {
          padding-left: 20px !important;

      }
       #header .navbar-brand img{
        width: 230px;
       }
      .top-icons ul li {
          display: block;
      }
      .top-icons ul li.sparator {
          display: none;
      }
      .top-icons ul li a {
          font-size: 20px;
          color: #d3d3d3;
          padding: 0;
          margin-bottom: 11px;
      }
      .top-icons ul li.top-search {
          margin: 0;
      }

      #header .navbar-inverse .navbar-toggle:hover {
          background: transparent;
      }

      .navbar-header .navbar-toggle .icon-bar {
          background-color: #fff;
      }
      #header .navbar-inverse .navbar-toggle {
          border-color: #fff;
          margin-top: 11px;
          margin-left: 30px;
          outline: none;
          border: none !important;
          float: left !important;
      }
      #header .navbar-nav {
          padding: 0px;
          margin: 0;
          width: 100%;
      }
      #header .navbar-nav li ul.sub-menu li a {
          padding: 15px;
      }
      .navbar-inverse .navbar-collapse,
      .navbar-inverse .navbar-form {
          border-color: #ba9a3a;
      }
      #nav-icon1,
      #nav-icon2,
      #nav-icon3,
      #nav-icon4 {
          width: 30px;
          height: 20px;
          position: relative;

          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .5s ease-in-out;
          -moz-transition: .5s ease-in-out;
          -o-transition: .5s ease-in-out;
          transition: .5s ease-in-out;
          cursor: pointer;
      }

      #nav-icon1 span,
      #nav-icon3 span,
      #nav-icon4 span {
          display: block;
          position: absolute;
          height: 4px;
          width: 100%;
          background: #fff;
          border-radius: 9px;
          opacity: 1;
          left: 0;
          left: 0;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .25s ease-in-out;
          -moz-transition: .25s ease-in-out;
          -o-transition: .25s ease-in-out;
          transition: .25s ease-in-out;
      }

      #nav-icon1 span:nth-child(1) {
          top: 0px;
      }

      #nav-icon1 span:nth-child(2) {
          top: 7px;
      }

      #nav-icon1 span:nth-child(3) {
          top: 14px;
      }

      #nav-icon1.open span:nth-child(1) {
          top: 7px;
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          transform: rotate(135deg);
      }

      #nav-icon1.open span:nth-child(2) {
          opacity: 0;
          left: -60px;
      }

      #nav-icon1.open span:nth-child(3) {
          top: 7px;
          -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
          -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
      }
      .icon-mobile {
          position: absolute;
          left: 0px;
          top: 14px;
      }
      ul.sub-menu {
          background: #fff;
          width: 100%
      }
      .mobile-menu-title {
          color: #fff;
          position: absolute;
          right: 15px;
          font-size: 16px;
      }
      .col-news {
          margin-top: 0;
      }
      .col-news .item .item-image {
          width: 140px;
          float: none;
          margin: auto;
      }
      .col-news .item .item-info {
          float: none;
          width: auto;
          padding: 10px;
      }
      .col-news .item .item-info h3 {
          margin: 0;
      }
      #newsTicker .newsTickerTitle {
          width: 100%;
      }
      #ServicesAndNews .container {
          padding-left: 15px;
          padding-right: 15px;
      }
      .show-all {
          top: 0;
      }
      #ServicesAndNews .servicesBox ul {
          text-align: center;
      }
      #ServicesAndNews .lastNewsBox .item {
          margin-bottom: 10px;
      }
      #ServicesAndNews .lastNewsBox .item .item-image {
          float: none;
          margin-left: 0;
          margin-bottom: 15px;
      }
      #ServicesAndNews .lastNewsBox .item .item-info {
          float: none;
          width: auto;
      }
      #events {
          background-position: top;
          background-repeat: no-repeat;
          background-size: cover;
      }
      #events .title {
          font-size: 25px;
          line-height: 47px;
      }

      .eventslist .date {
          width: auto;
          float: none;
          height: auto;
          margin-left: 0;
          margin-top: 35px;
      }
      .eventslist .date-info {
          float: none;
          margin-top: 0;
          padding: 10px;
      }

      .eventslist .date .day {
          line-height: inherit;
          margin-top: 20px;
      }
      #ImportantLinks {
          margin-top: 20px;
      }
      .lastNewsBox {
          border-top: 1px solid #bea046;
      }
      .lastNewsBox .show-all {
          top: 24px;
      }
      #ImportantLinks .most-link-visited {
          padding-top: 20px;
          border-top: 1px solid #bea046;
      }
      #footer {
          border-top: 1px solid #bea046;
      }
      #footer .layer-2 {
          text-align: center;
      }
      #footer .icon {
          font-size: 44px !important;
          color: #ab9143 !important;
          float: none !important;
          /* margin-left: 34px; */
          text-align: center;
          margin-top: 10px;
      }
      #footer .container {
          padding: 15px;
      }
        #footer .importantSoftwares {
            position: relative !important;
            top: 10px !important;
        }
      #footer .text {
          margin: 10px auto;
      }
      #footer .number {
          margin-bottom: 10px;
      }
      .left-nav {
          width: 100% !important;
      }
      h1 {
          font-size: 15px;
      }
      #innerPageLayout .innerHeader .pageTitle h1 {
          line-height: 1.5 !important;
      }
      #innerPageLayout .innerHeader .pageTitle {
          padding: 10px !important;
      }
      .loginBlock {
          width: 100%;
          padding-left: 0;
          border: none;
      }
      .smartPass {
          position: relative;
          right: auto;
          top: auto;
          margin-top: 20px;
      }
      .inner-main-icons{
        position: relative;
        left: 0;
        top:10px;
      }
  }