@media screen and (max-width: 1300px) {
  /* css preprocessor */
  .header {
    height: 10em;
  }

  .header_margin {
    margin: 0 1em;
    height: 10em;
  }

  .header_container {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
    height: 10em;
  }

  .header_container_left {
    width: 140px;
    height: 10em;
  }

  .logo {
    height: 5.4em;
  }

  .header_container_right {
    width: 960px;
    height: 10em;
  }

  .site_name {
    font-size: 1.27em;
  }

  .header_container_right_top {
    height: auto;
  }

  .banner_bar {
    width: 100%;
    height: auto;
  }

  .banner_bar_margin {
    width: auto;
    margin: 0 3em;
    height: auto;
  }

  .banner_bar_container {
    width: auto;
    max-width: 1100px;
    margin: 0 auto;
    height: auto;
  }

  .banner {
    width: auto;
    height: auto;
    overflow: hidden;
    border-radius: 0.9em;
  }

  .content_bar_container {
    max-width: 1100px;
  }

  .card_bar_container {
    max-width: 1100px;
  }

  .lastest_card_holder {
    width: 400px;
  }

  .highlights_card_holder {
    width: calc(100% - 400px);
  }

  .hm_page_hl_grid {
    width: 340px;
  }

  .hm_school_card_holder {
    width: 270px;
  }

  .footer_bar_container {
    max-width: 1100px;
    display: flex;
  }

  .footer_card_holder {
    width: 24.5%;
  }
}
/* layout for Mobile devises */
@media screen and (max-width: 1190px) {
  .mbl_top_nav {
    display: table;
  }

  .mbl_menu_btn_container {
    margin: 0;
    display: block;
  }

  .header {
    height: auto;
  }

  .header_margin {
    height: auto;
  }

  .header_container {
    height: auto;
  }

  .header_container_left {
    width: 100%;
    float: none;
    height: auto;
    display: table;
  }

  .header_container_right {
    width: auto;
    float: none;
    height: auto;
  }

  .header_container_right_top {
    height: auto;
  }

  .header_container_right_bottom {
    height: auto;
  }

  .logo_container {
    margin: 0 auto;
    display: table;
  }

  .logo {
    margin: 0.5em auto;
    display: table;
  }

  .site_name_holder_left {
    float: none;
    width: 100%;
  }

  .site_name_holder_right {
    float: none;
    display: none;
  }

  .site_name {
    font-size: 1em;
    text-align: center;
    padding: 0.5em;
  }

  .site_name_holder_right_margin {
    margin: 0;
    padding: 0;
  }

  .main_nav_container {
    display: none;
  }

  .top_nav_container {
    display: none;
  }

  .banner_bar_container {
    height: auto;
  }

  .banner_bar_margin {
    margin: 0 1em;
  }

  .banner {
    height: auto;
  }

  .content_bar_margin {
    margin: 0 1em;
  }

  .card_bar_container {
    max-width: auto;
  }

  .card_bar_margin {
    margin: 0 1.5em;
  }

  .card_holder {
    float: none;
  }

  .lastest_card_holder {
    width: auto;
    height: auto;
  }

  .highlights_card_holder {
    width: auto;
    height: auto;
  }

  .card_header h4 {
    text-align: center;
  }

  .grid {
    width: auto;
    float: none;
  }

  .hm_page_hl_grid {
    width: auto;
  }

  .hm_school_card_holder {
    width: auto;
  }

  .hm_page_hl_grid:nth-child(odd) .grid_content {
    margin: 1em 0 1em 0 !important;
  }

  .hm_page_hl_grid:nth-child(even) .grid_content {
    margin: 1em 0 1em 0 !important;
  }

  h2.page_header {
    text-align: center;
  }

  .page_container {
    width: 100%;
    float: none;
  }

  .sidebar_container {
    width: 100%;
    float: none;
  }

  .footer_card_holder {
    width: auto;
    float: none;
  }

  .footer_bar_container {
    margin: 0;
    display: block;
  }

  .faculty_page_profile_left {
    width: auto;
    height: auto;
    float: none;
  }

  .faculty_page_profile_right {
    width: auto;
    height: auto;
    float: none;
  }

  .faculty_page_profile_picture {
    margin: 0.5em auto;
    display: table;
  }

  .faculty_page_name {
    text-align: center;
    font-size: 1em;
  }

  .faculty_page_designation {
    text-align: center;
  }

  .faculty_page_contact div {
    width: auto;
    display: block;
    float: none;
    margin: 0.5em auto;
    text-align: center;
  }

  .faculty_page_contact div:first-of-type {
    margin: 0.5em auto;
  }

  .faculty_page_content_container {
    width: 100%;
    overflow-y: auto;
  }

  .faculty_page_navigation_container {
    width: auto;
    float: none;
    display: table;
  }

  .faculty_page_navigation li {
    line-height: 2.7em;
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    float: left;
  }

  .faculty_page_navigation li a {
    display: block;
    padding: 0 0.5em;
  }

  .faculty_page_content {
    width: auto;
    float: none;
    height: auto;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px 0 0 0;
    margin-top: 1em;
    padding-top: 1em;
  }

  .staff_page_profile_picture {
    margin: 0.5em auto;
    display: table;
  }

  .rows {
    display: block;
    width: auto;
    margin: 1em 0;
  }

  .rows .columns {
    display: block;
    float: none;
    margin: 1em;
  }

  .rows .one {
    width: calc(100% - 2em);
  }

  .rows .two {
    width: calc(100% - 2em);
  }

  .rows .three {
    width: calc(100% - 2em);
  }

  .rows .four {
    width: calc(100% - 2em);
  }

  .rows .five {
    width: calc(100% - 2em);
  }

  .rows .six {
    width: calc(100% - 2em);
  }

  .rows .seven {
    width: calc(100% - 2em);
  }

  .rows .eight {
    width: calc(100% - 2em);
  }

  .rows .nine {
    width: calc(100% - 2em);
  }

  .rows .ten {
    width: calc(100% - 2em);
  }

  .rows .eleven {
    width: calc(100% - 2em);
  }

  .rows .twelve {
    width: calc(100% - 2em);
  }

  .div404 {
    font-size: 9em;
  }

  .msg404 {
    font-size: 1.5em;
    line-height: 2em;
  }
}
@media screen and (max-width: 1024px) {
  .sec_staff_image {
    height: auto;
  }
}
/* layout for Mobile devises */
@media screen and (max-width: 720px) {
  .faculty_wrapper {
    width: auto;
    float: none;
    height: auto;
  }

  .staffs_page_nav {
    display: none !important;
  }

  .staff_inner_wrapper {
    margin: 1em 0.5em;
    display: block;
  }

  .staff_image {
    float: none;
    display: block;
    width: 100%;
  }

  .staff_image img {
    width: 5.6rem;
    height: 7.2rem;
    float: none;
    display: block;
  }

  .staff_content {
    float: none;
    width: 100%;
  }

  .staff_name {
    margin: 0;
    text-align: center;
  }

  .staff_designation {
    margin: 0;
    text-align: center;
  }

  .staff_contact {
    margin: 0;
    text-align: center;
  }

  .staff_contact > div {
    text-align: center;
  }

  .floating_nav_container .floating_nav_content {
    display: none;
    animation-name: floating_nav_offcontent;
    animation-duration: 1s;
  }

  .floating_nav_container:hover .floating_nav_content {
    display: none;
    animation-name: floating_nav_oncontent;
    animation-duration: 1s;
  }

  .i2sciencelogo {
    max-width: 120px;
  }

  .sec_staff_name {
    text-align: center;
  }

  .sec_staff_designation {
    text-align: center;
  }

  .sec_staff_contact {
    display: block;
  }

  .sec_staff_contact > div {
    padding-right: 0px;
    padding-bottom: 6px;
    text-align: center;
  }

  .sec_staff_name_container {
    display: block;
  }

  .sec_staff_contact {
    margin-left: 0px;
  }

  .sec_staff_image_card {
    border-radius: 12px 12px 0 0;
    margin-bottom: 0px !important;
  }

  .sec_staff_image {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
  }

  .sec_staff_des_card {
    border-radius: 0 0 12px 12px;
    margin-top: 0px !important;
  }

  .sec_staff_responsibilities_head {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table;
  }

  .sec_staff_responsibilities_list {
    list-style-type: disclosure-closed;
  }

  .sec_staff_responsibilities_list > li {
    line-height: 1.8em;
  }
}

/*# sourceMappingURL=master_devices.css.map */