/* @override 
	http://localhost/wp-content/themes/framewerk/framewerk/frontend/css/grid-responsive.css?ver=0.3 */
/* 
*  Framewerk
*  Skeleton Grid - http://getskeleton.com/
*/
/* Table of Contents
==================================================
    #Base 960 Grid  - 960grid.css
    #Tablet (Portrait) - responsive.css
    #Mobile (Portrait)  - responsive.css
    #Mobile (Landscape) - responsive.css
    #Clearing  - responsive.css
*/
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px - 16 columns*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }
  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }
  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }
  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }
  .container .one.column {
    width: 28px;
  }
  .container .two.columns {
    width: 76px;
  }
  .container .three.columns {
    width: 134px;
  }
  .container .four.columns {
    width: 172px;
  }
  .container .five.columns {
    width: 220px;
  }
  .container .six.columns {
    width: 268px;
  }
  .container .seven.columns {
    width: 316px;
  }
  .container .eight.columns {
    width: 364px;
  }
  .container .nine.columns {
    width: 422px;
  }
  .container .ten.columns {
    width: 460px;
  }
  .container .eleven.columns {
    width: 508px;
  }
  .container .twelve.columns {
    width: 556px;
  }
  .container .thirteen.columns {
    width: 604px;
  }
  .container .fourteen.columns {
    width: 652px;
  }
  .container .fifteen.columns {
    width: 700px;
  }
  .container .sixteen.columns {
    width: 748px;
  }
  .container .one-third.column {
    width: 236px;
  }
  .container .two-thirds.column {
    width: 492px;
  }
  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px;
  }
  .container .offset-by-two {
    padding-left: 96px;
  }
  .container .offset-by-three {
    padding-left: 144px;
  }
  .container .offset-by-four {
    padding-left: 192px;
  }
  .container .offset-by-five {
    padding-left: 240px;
  }
  .container .offset-by-six {
    padding-left: 288px;
  }
  .container .offset-by-seven {
    padding-left: 336px;
  }
  .container .offset-by-eight {
    padding-left: 348px;
  }
  .container .offset-by-nine {
    padding-left: 432px;
  }
  .container .offset-by-ten {
    padding-left: 480px;
  }
  .container .offset-by-eleven {
    padding-left: 528px;
  }
  .container .offset-by-twelve {
    padding-left: 576px;
  }
  .container .offset-by-thirteen {
    padding-left: 624px;
  }
  .container .offset-by-fourteen {
    padding-left: 672px;
  }
  .container .offset-by-fifteen {
    padding-left: 720px;
  }
}
/* Note: Design for a width of 768px - 12 columns */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container_12 {
    width: 768px;
  }
  .container_12 .column,
  .container_12 .columns {
    margin-left: 10px;
    margin-right: 10px;
  }
  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }
  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }
  .container_12 .one.column {
    width: 44px;
  }
  .container_12 .two.columns {
    width: 108px;
  }
  .container_12 .three.columns {
    width: 172px;
  }
  .container_12 .four.columns {
    width: 236px;
  }
  .container_12 .five.columns {
    width: 300px;
  }
  .container_12 .six.columns {
    width: 364px;
  }
  .container_12 .seven.columns {
    width: 428px;
  }
  .container_12 .eight.columns {
    width: 492px;
  }
  .container_12 .nine.columns {
    width: 556px;
  }
  .container_12 .ten.columns {
    width: 620px;
  }
  .container_12 .eleven.columns {
    width: 684px;
  }
  .container_12 .twelve.columns {
    width: 748px;
  }
  /* Offsets */
  .container_12 .offset-by-one {
    padding-left: 64px;
  }
  .container_12 .offset-by-two {
    padding-left: 128px;
  }
  .container_12 .offset-by-three {
    padding-left: 192px;
  }
  .container_12 .offset-by-four {
    padding-left: 256px;
  }
  .container_12 .offset-by-five {
    padding-left: 320px;
  }
  .container_12 .offset-by-six {
    padding-left: 384px;
  }
  .container_12 .offset-by-seven {
    padding-left: 448px;
  }
  .container_12 .offset-by-eight {
    padding-left: 512px;
  }
  .container_12 .offset-by-nine {
    padding-left: 576px;
  }
  .container_12 .offset-by-ten {
    padding-left: 640px;
  }
  .container_12 .offset-by-eleven {
    padding-left: 704px;
  }
}
/*  #Mobile (Portrait) 
================================================== */
/* Note: Design for a width of 320px - 16 columns */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }
  .columns,
  .column {
    margin: 0;
  }
  .container .one.column,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px;
  }
  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
}
/* Note: Design for a width of 320px - 12 columns*/
@media only screen and (max-width: 767px) {
  .container_12 {
    width: 300px;
  }
  .columns,
  .column {
    margin: 0;
  }
  .container_12 .one.column,
  .container_12 .two.columns,
  .container_12 .three.columns,
  .container_12 .four.columns,
  .container_12 .five.columns,
  .container_12 .six.columns,
  .container_12 .seven.columns,
  .container_12 .eight.columns,
  .container_12 .nine.columns,
  .container_12 .ten.columns,
  .container_12 .eleven.columns,
  .container_12 .twelve.columns,
  .container_12 .thirteen.columns,
  .container_12 .fourteen.columns,
  .container_12 .fifteen.columns,
  .container_12 .sixteen.columns,
  .container_12 .one-third.column,
  .container_12 .two-thirds.column {
    width: 300px;
  }
  /* Offsets */
  .container_12 .offset-by-one,
  .container_12 .offset-by-two,
  .container_12 .offset-by-three,
  .container_12 .offset-by-four,
  .container_12 .offset-by-five,
  .container_12 .offset-by-six,
  .container_12 .offset-by-seven,
  .container_12 .offset-by-eight,
  .container_12 .offset-by-nine,
  .container_12 .offset-by-ten,
  .container_12 .offset-by-eleven,
  .container_12 .offset-by-twelve,
  .container_12 .offset-by-thirteen,
  .container_12 .offset-by-fourteen,
  .container_12 .offset-by-fifteen {
    padding-left: 0;
  }
  .column.alpha,
  .columns.alpha {
    margin-left: 10px;
    margin-right: 10px;
  }
  .column.omega,
  .columns.omega {
    margin-right: 10px;
    margin-left: 10px;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px - 16 columns */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }
  .columns,
  .column {
    margin: 0;
  }
  .container .one.column,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px;
  }
}
/* Note: Design for a width of 480px - 12 columns*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container_12 {
    width: 420px;
  }
  .columns,
  .column {
    margin: 0;
  }
  .container_12 .one.column,
  .container_12 .two.columns,
  .container_12 .three.columns,
  .container_12 .four.columns,
  .container_12 .five.columns,
  .container_12 .six.columns,
  .container_12 .seven.columns,
  .container_12 .eight.columns,
  .container_12 .nine.columns,
  .container_12 .ten.columns,
  .container_12 .eleven.columns,
  .container_12 .twelve.columns,
  .container_12 .thirteen.columns,
  .container_12 .fourteen.columns,
  .container_12 .fifteen.columns,
  .container_12 .sixteen.columns,
  .container_12 .one-third.column,
  .container_12 .two-thirds.column {
    width: 420px;
  }
}
/* #Responsive - Media Queries
================================================== */
/* @group Less than 960px */
@media only screen and (max-width: 959px) {
  .header {
    width: 100%;
  }
  #header h1#site-title a,
  #header div#site-title a {
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/layout/responsive/logo_medium.png) no-repeat center top;
    width: 158px;
    height: 45px;
    margin: 35px 0 0 7px;
    display: block;
  }
  #navigation {
    width: 550px;
    float: right;
  }
  #sidebar .widget_nav_menu ul li {
    padding: 3px 15px 0 5px;
  }
  #sidebar .widget_nav_menu ul li ul.sub-menu {
    margin: 5px 0 0 5px;
  }
  .widget_nav_menu .child_toggle {
    right: 0;
  }
  #navigation ul#fw-mega-menu > li > a {
    font-size: 13px;
  }
  /* Campus News */
  .campus-news {
    height: 300px;
    width: 375px;
  }
  .campus-news .slidee {
    width: 170px;
  }
  .campus-news .title {
    font-size: 14px;
  }
  .campus-news p {
    font-size: 12px;
    line-height: 16px;
  }
  .campus-news p.date {
    font-size: 10px;
  }
  .featured_post_date {
    bottom: 20px !important;
    right: -305px !important;
  }
  /* Department news */
  .department-news {
    height: 300px;
    width: 444px;
  }
  .department-news .slidee {
    width: 206px;
  }
  .department-news .title {
    font-size: 14px;
  }
  .department-news p {
    font-size: 12px;
    line-height: 16px;
  }
  .department-news p.date {
    font-size: 10px;
  }
  .ll-left img {
    max-width: 140px;
    margin-bottom: 0;
  }
  .entry-content .dept-rss ul > li {
    margin-bottom: 10px;
  }
  .dept-rss .dnf-left {
    width: 51px;
    margin: 0 15px 20px 0;
  }
  .dept-rss .dnf-right {
    width: 455px;
  }
  /* Connect feed */
  .connect-with-us li {
    width: 119px;
    margin-left: 15px;
    padding: 10px;
  }
  /* Gateway */
  #menu-gateway-menu {
    margin: 15px auto 0;
    overflow: hidden;
    width: 680px;
  }
  #menu-gateway-menu > li a {
    font-size: 14px;
  }
  .photo-of-the-week-photo img {
    height: auto;
    padding-top: 1px;
  }
  .gateway .weekly_photo {
    background: none;
  }
}
/* @end */
/* @group Between 768px - 959px (Tablet)*/
/* iPad Portrait/Browser */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .gateway.right-sidebar-wrapper .widget-container.weekly_photo {
    background: none;
  }
  .gateway.right-sidebar-wrapper .widget-container.weekly_photo .widget_sp_image-image-link {
    box-sizing: border-box;
    padding: 5px;
    background: white;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  }
  /* Header Styles */
  .fluid_wrapper {
    width: 768px;
    margin: 0 auto;
  }
  .resize {
    display: none;
  }
  #respond textarea {
    width: auto;
  }
  #header {
    width: 160px;
  }
  #header .site-desc.text {
    font-size: 1.25em;
  }
  /* Main Content Styles */
  .page-wrap .sixteen.columns {
    width: 100% !important;
  }
  #full-wrap-bottom {
    width: 100%;
  }
  #full-wrap {
    width: 100%;
    background: url(../images/layout/responsive/full-med-bkg.png) repeat-y center center;
  }
  #full-wrap .wrap.content {
    width: 100%;
  }
  #full-wrap .content {
    background: none;
  }
  #full-wrap .container.content {
    background: #fff;
    margin: 0 auto;
  }
  #full-wrap-bottom {
    background: url(../images/layout/responsive/full_bottom_med_bkg.png) no-repeat center top;
    height: 20px;
    margin: 0 auto;
  }
  .photo-of-the-week-photo {
    background: none;
  }
  #main-content {
    padding: 20px 10px 50px 20px;
  }
  #right_sidebar {
    padding: 20px 10px 50px;
  }
  .widget_sp_image img {
    height: auto;
    padding: 0;
    border: none;
    width: 92%;
  }
  #searchbar #s {
    width: 135px;
  }
  #search_toggle label {
    font-size: 7px;
  }
  .breadcrumb ul.nav {
    margin: 0px 0 5px 20px;
  }
  .twelve .breadcrumb ul.share {
    margin: 0;
    float: right;
  }
  .page-template-template-tier1-php .slider .container,
  .page-template-template-giving-php .slider .container,
  .page-template-template-tier1-full-width-php .slider .container,
  .page-template-template-alumni-php .slider .container {
    height: 280px;
  }
  .page-template-template-tier1-php .flexslider .slides img,
  .page-template-template-giving-php .flexslider .slides img,
  .page-template-template-tier1-full-width-php .flexslider .slides img,
  .page-template-template-alumni-php .flexslider .slides img {
    height: auto;
  }
  /* Footer Content Styles */
  h4.footer-logo {
    width: 96%;
  }
  /* Homepage slider */
  .page-template-template-home-php .wrap.slider {
    max-height: 308px;
  }
  .page-template-template-home-php .flexslider .slide-info {
    margin: 30px 0 0;
    padding: 14px 21px 24px 13px;
  }
  .page-template-template-home-php .flexslider .slide-info h4 {
    font-size: 25px;
  }
  .sixteen.columns.gateway {
    width: 740px!important;
  }
}
/* @end */
/* @group Less than 768px */
@media only screen and (max-width: 767px) {
  body {
    /* animation */
    transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    /* Firefox 4 */
    -webkit-transition: margin 0.5s;
    /* Safari and Chrome */
    -o-transition: margin 0.5s;
    /* Opera */
  }
  #wpadminbar {
    position: fixed!important;
  }
  .main-content-widget .main-widget-title {
      margin-bottom: 20px;
  }
  .main-content-widget .img_wrap {
      display: block;
      float: none;
      width: 100%;
  }
  .main-content-widget .feed-text-container {
      float: none;
      width: 100%;
  }
  .main-content-widget .feed-text-container .date {
      line-height: 1;
      margin-bottom: 10px;
  }
  /*
.mobile-menu{
	display: block;
	
}
*/
  .mobile-only {
    display: block;
  }
  /*
#topnav,#bottomnav {
	float:none;
	margin:0;
	width: 100%;
	padding: 0;
	height: auto;
}
*/
  .hide-mobile {
    display: none;
  }
  .wrap.header {
    height: auto;
    padding-bottom: 10px;
  }
  /* Nav */
  #navigation {
    margin: 0;
  }
  #navigation .menu {
    display: none;
  }
  #topnav {
    height: auto;
  }
  #header {
    width: 100%;
    margin: 0;
  }
  #header h1#site-title a,
  #header div#site-title a {
    margin: 24px auto 0;
  }
  #header .site-desc.text {
    font-size: 1.25em;
  }
  .gateway.container {
    background: none;
  }
  /* Declare new padding for submenu items */
  #respond textarea {
    width: 300px;
  }
  #wrap .products li,
  .products li.first,
  .products li.last {
    float: left;
    clear: both;
    margin: 20px 0;
    width: 100%;
  }
  .full-width,
  .one_half,
  .one_third,
  .two_thirds,
  .three_fourths,
  .one_fourth,
  .one_fifth,
  .two_fifth,
  .three_fifth,
  .four_fifth,
  .one_sixth,
  .five_sixth {
    width: 100%;
  }
  .resize {
    display: none;
  }
  /* Main Nav */
  #navigation ul#fw-mega-menu > li > a {
    font-size: 10px;
    padding: ;
  }
  /* Homepage slider */
  .page-template-template-home-php .wrap.slider {
    max-height: 168px;
  }
  .page-template-template-home-php .flexslider .slide-info {
    margin: 10px 0 0;
    padding: 10px;
    width: 150px;
  }
  .page-template-template-home-php .flexslider .slide-info h4 {
    font-size: 12px;
    line-height: 14px;
  }
  .page-template-template-home-php .flexslider .slide-info p {
    font-size: 10px;
    line-height: 13px;
  }
  .page-template-template-home-php .flexslider .slide-info .readmore {
    bottom: -18px;
    padding: 0 20px 0 5px;
    font-size: 8px;
    background-position: 62px;
  }
  .page-template-template-home-php {
    background: url(../images/layout/body-bg.jpg);
  }
  body {
    background: #ffffff;
  }
  .page-template-template-liquidwidth-php .wrap.header {
    height: 109px;
  }
  .page-template-template-tier1-php .wrap.header,
  .page-template-template-giving-php .wrap.header,
  .page-template-template-alumni-php .wrap.header {
    margin: 0;
  }
  .page-template-template-tier1-php .flexslider .slides img,
  .page-template-template-giving-php .flexslider .slides img,
  .page-template-template-tier1-full-width-php .flexslider .slides img,
  .page-template-template-alumni-php .flexslider .slides img {
    height: 400px;
  }
  .page-template-template-tier1-full-width-php .wrap.header {
    margin: 0;
  }
  .wrap.header {
    background: url(../images/layout/responsive/header-repeat-tall.jpg) repeat-x center bottom;
    /* height:178px */
  }
  #site-title {
    margin-bottom: 0;
  }
  #navigation {
    width: 100%;
  }
  #navigation ul#menu-top-menu li a {
    border: none;
    padding: 5px;
  }
  #sidebar {
    float: right;
  }
  #right_sidebar {
    min-height: 100px;
    padding: 10px 0;
    background: none;
  }
  #searchbar {
    position: absolute;
    top: 24px;
    right: 0;
    display: none;
  }
  #menu-main-menu {
    margin-left: 3px !important;
  }
  #searchbar #searchsubmit {
    position: relative;
    top: 0;
    right: 29px;
  }
  .menu-top {
    float: left;
    margin-bottom: 5px;
    margin-left: 6px;
    margin-top: 5px;
  }
  #topnav,
  #bottomnav {
    float: left;
    margin: 0 0 0 10px;
  }
  #full-wrap {
    width: 100%;
  }
  #full-wrap .wrap.content {
    width: 100%;
  }
  #main-content {
    padding: 0;
  }
  .page-template-template-tier1-php .flexslider,
  .page-template-template-giving-php .flexslider,
  .page-template-template-tier1-full-width-php .flexslider,
  .page-template-template-alumni-php .flexslider {
    height: auto;
  }
  .page-template-template-tier1-php .slider .container,
  .page-template-template-giving-php .slider .container,
  .page-template-template-tier1-full-width-php .slider .container,
  .page-template-template-alumni-php .slider .container {
    height: auto;
  }
  .page-template-template-tier1-php .flexslider .slides img,
  .page-template-template-giving-php .flexslider .slides img,
  .page-template-template-tier1-full-width-php .flexslider .slides img,
  .page-template-template-alumni-php .flexslider .slides img {
    height: auto;
  }
  #breadcrumb_wrap {
    margin-bottom: 10px;
  }
  .breadcrumb ul.nav {
    max-width: 100%;
  }
  .breadcrumb ul.share {
    float: right;
    margin: 0 0 8px 0;
  }
  .breadcrumb .print {
    display: inline-block;
  }
  .breadcrumb ul.share li:before {
    content: "";
  }
  .wp-caption {
    max-width: 100%;
  }
  .wp-caption img {
    max-width: 100%;
    height: auto;
  }
  #footer {
    height: auto;
  }
  .wrap.footer {
    background: url(../images/layout/responsive/footer-repeat.jpg) repeat center top;
  }
  .footer_bkg {
    background: url(../images/layout/footer-repeat.jpg) no-repeat center bottom;
  }
  .footer-nav h5 {
    font-size: 14px;
    text-align: center;
  }
  .footer-nav .footer-menu {
    text-align: center;
  }
  .footer-menu a {
    font-size: 14px;
  }
  #footer-bronco-sports a {
    margin: 0 auto;
  }
  #footer-beyond-the-blue a {
    margin: 15px auto 0;
  }
  .footer-nav .menu {
    display: none;
  }
  .footer-nav .mobile-menu {
    display: block;
  }
  /* Campus News */
  .campus-news {
    width: 420px;
    margin: 0 0 20px 0;
  }
  .campus-news .slidee {
    width: 195px;
  }
  .campus-news .title {
    font-size: 12px;
  }
  .campus-news p {
    font-size: 13px;
    line-height: 15px;
  }
  .campus-news p.date {
    font-size: 10px;
  }
  .campus-news-nav {
    display: none;
  }
  .connect-with-us li {
    width: 110px;
    margin-left: 15px;
    padding: 10px;
  }
  /* Department news */
  .department-news {
    height: 280px;
    width: 420px;
    margin: 0;
  }
  .department-news .slidee {
    width: 194px;
  }
  .department-news .title {
    font-size: 12px;
  }
  .department-news p {
    font-size: 10px;
    line-height: 14px;
  }
  .department-news p.date {
    font-size: 10px;
  }
  .department-news-nav {
    display: none;
  }
  .ll-left img {
    max-width: 107px;
  }
  .entry-content .dept-rss ul > li {
    margin-bottom: 10px;
  }
  .dept-rss .dnf-left {
    width: 51px;
    margin: 0 15px 5px 0;
  }
  .dept-rss .dnf-right {
    width: 350px;
  }
  /* Gateway */
  .gateway.container {
    display: none;
  }
  .menu-gateway {
    display: none;
  }
  #menu-gateway-menu {
    margin: 10px auto 0;
    overflow: hidden;
    width: auto;
  }
  #menu-gateway-menu > li a {
    font-size: 10px;
    padding: 5px;
    border: none;
    text-transform: none;
  }
  .photo-of-the-week-photo {
    width: 260px;
    margin: 0 auto;
  }
  .photo-of-the-week-photo img {
    height: auto;
    width: 260px;
    padding-top: 1px;
  }
  .primary-bar {
    display: none;
  }
  .secondary-bar {
    display: block;
  }
  /* Hide on particular pages */
  .page-template-template-fullwidth-php .secondary-bar,
  .page-template-template-liquidwidth-php .secondary-bar,
  .page-template-template-right-sidebar-php .secondary-bar {
    display: none;
  }
  .blog .breadcrumb ul.nav,
  .single .breadcrumb ul.nav {
    margin: 0;
  }
  /* Mobile menu */
  .mobile-menu-open {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99999;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    background-image: url(../images/icons/menu.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    width: 33px;
    height: 30px;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 5px;
  }
  .gateway .weekly_photo {
    background: url(../images/photo_week_bkg.png) no-repeat center top;
  }
  .sixteen.columns.gateway {
    margin: 0;
  }
  .gateway-tabs .tabs-content span.one-third {
    width: 100%;
    margin-right: 0;
  }
  .gateway-footer-section {
    width: 100%;
    margin-right: 0;
  }
}
/* @end */
/* @group Between 480px - 768px (Mobile) */
/* @end */
/* @group Exactly 480 - iPhone Landscape */
@media only screen and (width: 480px) {
  .page-template-template-home-php .flex-direction-nav {
    display: none;
  }
}
/* @end */
/* @group Less than 480 */
@media only screen and (max-width: 479px) {
  /* Header */
  #header {
    width: 100%;
    margin: 0;
  }
  #header h1#site-title a,
  #header div#site-title a {
    margin: 24px auto 0;
  }
  /* Nav */
  #navigation .menu {
    display: none;
  }
  #searchbar {
    position: relative;
    top: auto;
    right: auto;
    float: none;
    margin: 0 auto 0;
    width: 204px;
    padding-left: 20px;
  }
  .widget_nav_menu .menu {
    display: block;
  }
  /* Homepage slider */
  .page-template-template-home-php .wrap.slider {
    max-height: 120px;
  }
  .page-template-template-home-php .flexslider .slide-info {
    left: 0;
    width: 290px;
    margin: 0;
    padding: 5px;
    bottom: 0;
    top: auto;
    background: #fff;
    /* Old Browsers */
    background: rgba(255, 255, 255, 0.7);
  }
  .page-template-template-home-php .flexslider .slide-info .breadcrumb ul.share,
  .page-template-template-home-php .flexslider .slide-info .breadcrumb ul.nav {
    width: 95%;
  }
  .page-template-template-home-php .flexslider .slide-info #main-content {
    width: 295px;
  }
  .page-template-template-home-php .flexslider .slide-info h4 {
    font-size: 12px;
    line-height: 14px;
  }
  .page-template-template-home-php .flexslider .slide-info p {
    font-size: 10px;
    line-height: 13px;
  }
  .page-template-template-home-php .flexslider .slide-info .readmore {
    bottom: auto;
    left: auto;
    right: 0;
    top: 0;
  }
  .page-template-template-home-php .flex-direction-nav {
    display: none;
  }
  /* Colorbox */
  #inline_content {
    text-align: center;
    padding: 10px !important;
  }
  #colorbox h1 {
    background: url(../images/notifications/alert_title.png) no-repeat center top;
    width: 100%;
    height: 28px;
    text-indent: -9999px;
    margin-top: 15px;
    background-size: auto 85px;
  }
  #colorbox h1.red {
    background-position: center -68px;
  }
  #colorbox h1.orange {
    background-position: center -34px;
  }
  #colorbox h1.blue {
    background-position: center 0;
  }
  #colorbox h2 {
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bolder;
    width: 100%;
    background: #2b2e31;
    margin: 15px auto;
    padding: 20px 0;
    border-radius: 5px;
  }
  #colorbox h3 {
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-weight: 300;
  }
  #colorbox p {
    font-size: 12px;
    color: #D1D1D1;
    width: 85%;
    margin: 0 auto;
    font-weight: 300;
  }
  #colorbox a {
    color: #fff;
    text-decoration: underline;
  }
  /* Campus News */
  .campus-news {
    margin: 0;
    height: 220px;
    width: 300px;
  }
  .campus-news .slidee {
    width: 134px;
  }
  .campus-news .title {
    font-size: 12px;
  }
  .campus-news p {
    font-size: 13px;
    line-height: 15px;
    display: none;
  }
  .campus-news p.date {
    font-size: 10px;
  }
  .campus-news-nav {
    display: none;
  }
  /* Department news */
  .department-news {
    height: 280px;
    width: 300px;
    margin: 0;
  }
  .department-news .slidee {
    width: 134px;
  }
  .department-news .title {
    font-size: 12px;
  }
  .department-news p {
    font-size: 10px;
    line-height: 14px;
  }
  .department-news p.date {
    font-size: 10px;
  }
  .department-news-nav {
    display: none;
  }
  .ll-left {
    float: none;
    width: auto;
    text-align: center;
  }
  .ll-right {
    float: none;
    width: auto;
  }
  .ll-left img {
    max-width: 170px;
  }
  .dept-rss .dnf-left {
    width: 51px;
    margin: 0 15px 5px 0;
  }
  .dept-rss .dnf-right {
    width: 230px;
  }
  .dnf-right h4 {
    font-size: 14px;
  }
  /* Connect feed */
  .connect-with-us li {
    width: 90%;
    margin-left: 0;
    padding: 10px 5%;
  }
  .connect-with-us .time {
    font-size: 9px;
  }
  .connect-with-us p {
    font-size: 13px;
  }
  .menu-gateway {
    height: 0;
  }
  .gateway.wrap {
    height: 5px;
    padding: 0;
  }
  .featured_posts {
    width: 90% !important;
    margin: 0 5% 10px 5% !important;
  }
}
/* @end */