@media screen and (max-width: 999px), screen and (max-device-width:799px) {

/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */
 
     /* ------------------------------------- layout elements ------------------------------------*/
html {
    max-width:100%;
}
body {
    background-color:#fff;
    margin:0;
    padding:0;
    max-width:100%;
}
.zone {
    /*background-color:#fff;*/
}

/* hide the print header in narrow screens */

.header-img img.header-print {
        display: none;
}
.header-img .normal-header {
    display:none;
}
#mobile-header {
    display:block;
 /*   background-image: url(http://www.lib.jjay.cuny.edu/sites/default/files/lib_site_images/jj-logo.png);*/
background-repeat: no-repeat;
background-position: 96% 15px;
height: 100px;
background-size:80px;
}
.jjlib-left{float:left;}
.jjlib-left a{height:70px;width:auto;margin-top:5px;}
.jj-right{float:right;}
.jjlib-right a{height:70px;width:auto;margin-top:5px;}

/* hide the print header in narrow screens */

#section-content {
    margin:0;
    padding:0;
    margin-left:-5px;
    background-color:#fff;
}
.region {
    float:none;
    clear:both;
}
.region-inner {
    padding:0px 5px 0 10px;
}
.region-inner
#zone-user-wrapper {
background:transparent;
}
#zone-user {
background-color: #fff;
}
#region-user-first {
background-color:#fff;
}
#region-user-second {
background-color: #fff;
}
#zone-branding-wrapper {
    background:transparent;
    background-color:transparent;
    margin:0;
    padding:0;
}
#zone-branding {
    background-size:100% auto;
    background-repeat:repeat;
    margin:0;
    padding:0;
    width:100%;
}
#region-branding {
/*    display:inline;
    background:transparent;
    clear:none;
    padding-bottom:10px;*/
    margin:0;
    padding:0;
    background:transparent;
}

.region-branding img {
margin:0 0 10px 0;
}
img {
    max-width:100%;
    height:auto;
}

#block-search-form {
}
#zone-menu-wrapper {
background:transparent;
}
#region-menu {
}
#zone-menu {
/*border-top:none;*/
width:100%;
display:none;
}
#zone-header-wrapper {
background:transparent;
}
#zone-header {
background-color: #fff;
width:100%;
}
#zone-preface-wrapper {
background:transparent;
}
#zone-preface {
/*background-color: #fff;*/
width:100%;
}
#zone-content {
    width:100%;
}
#region-content {
    width:100%;
}
#region-sidebar-first {
    width:98%;
}
#region-postscript-first-inner {
    padding: 20px 10px 10px 10px
    }
    #region-preface-second {width:95%;
    background-color:#fff;}
/* ------------------------------------- mobile menu ------------------------------------*/
#zone-preface .region-inner{
    padding:0;
}
#mobile-menu {
    background-color:#eee;
    border-top:3px solid #00a7e5;
    padding:5px 0;
margin:-15px 0 10px -5px;
    font-size:120%;
    width:104%;
    border-bottom:1px solid #ddd
}
#mobile-menu a {
    color:#000;
    font-weight:bold;
    line-height:2em;
    padding-left:15px;
}
/* ------------------------------------- quick tabs ------------------------------------*/
ul.quicktabs-tabs.quicktabs-style-zen li {
     width:19%;
     height:52px; /*so tabs have line break*/
    position:relative;
    top:0;
     }
ul.quicktabs-tabs.quicktabs-style-zen {
    height:46px;
}
     ul.quicktabs-tabs li { white-space:normal;} /*so tabs have line break*/
/*
    ul.quicktabs-tabs.quicktabs-style-zen {
    height:50px; /*so tabs have line break -- however, creates gap on narrow
}*/
ul.quicktabs-tabs.quicktabs-style-zen li.active a#quicktabs-tab-homepage_tab_menu-0, 
ul.quicktabs-tabs.quicktabs-style-zen li.active a#quicktabs-tab-homepage_tab_menu-1, 
ul.quicktabs-tabs.quicktabs-style-zen li.active a#quicktabs-tab-homepage_tab_menu-2, 
ul.quicktabs-tabs.quicktabs-style-zen li.active a#quicktabs-tab-homepage_tab_menu-3, 
ul.quicktabs-tabs.quicktabs-style-zen li.active a#quicktabs-tab-homepage_tab_menu-4 {
    background:none;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-0:hover,
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-1:hover,
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-2:hover,
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-3:hover,
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-4:hover {
    background:none;
}
/* colored tabs (very washed out on burned-out dell monitors) 
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-0{
    background-color:#f0efe9;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-1{
    background-color:#f1f6e7;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-2{
    background-color:#e7f6fd;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-3{
    background-color:#e5e4ec;*/
}
#quicktabs-container-homepage_tab_menu {
    height:auto;
}
#quicktabs-container-homepage_tab_menu select {
    margin-bottom:3px;
    width:95%;max-width:400px;
}
/* -------------------------------------------------------------------------*/

input[type="radio"],
input[type="checkbox"] {
/*  margin: 4px 0 0;
  margin-top: 1px \9;*/
  /* IE8-9 */

  line-height: normal;
}
#quicktabs-container-homepage_tab_menu input {
    /*width:95%; display:block;    */
    margin-bottom:3px; 
    max-width:400px;
   
}
.block-quicktabs {
    width:98%;
}
ul.quicktabs-tabs.quicktabs-style-zen li a {
    padding:9px 5px 5px 5px;
}
#quicktabs-tab-homepage_tab_menu-0, 
#quicktabs-tab-homepage_tab_menu-1, 
#quicktabs-tab-homepage_tab_menu-2, 
#quicktabs-tab-homepage_tab_menu-3, 
#quicktabs-tab-homepage_tab_menu-4 {
   font-size: 0.7em;
}
/*#findarticles select {
    width:100%;
}*/

.block-quicktabs {
margin-left: auto;
margin-right: auto;
/*width: 460px;*/
position:relative;
float: left;
font-size:0.9em;
}
.item-list.quicktabs-tabs {
padding: 0;
margin: 0;
}
#quicktabs-container-homepage_tab_menu input[type="radio"], input[type="checkbox"] {
    width:auto;
}
    /* ------------------------------------- specific elements ------------------------------------*/
    h2.block-title {text-align:center;}
#block-views-lib-workshops-block {
        font-size:90%;}
        #block-views-lib-workshops-block-1 {
        margin:10px auto;
    }
.jjay-logo {
    max-width:40%;
}
.lib-logo {
    max-width:40%;
    padding-top:20px;
}
.jjay-logo img, .lib-logo img {
    width:100%;
    height:auto;
}
#zone-branding-wrapper {
/*display: none;*/
}

.block-superfish {
    display:none;
}
.block-search {
    display:none;
}
#findarticles select {
    font-size: 90%;
}
#block-superfish-1{
}
#views_slideshow_cycle_teaser_section_homepage_slideshow-block {
display:none; /*does not show up in iOS*/
margin: 20px auto;
text-align:center;
}
. views-field views-field-field-slider-image img {
    border:1px solid #ccc;
}
.vscc-controls {display:none;}
.views-field-field-lib-hours {
text-align:center;
}
#region-content {
width: auto;
margin: auto;
}
#page {
  font-size: 100%;
  background-color:#fff;
}
#user-login-form {
    width: auto;
}
#findarticles select {
    font-size: 100%;
}
#region-2mid, #region-2right /*quick links and workshops on home page*/ {
    float:left;clear:none;
}
#region-2right {width:98%;} /*workshops*/
#zone-content3 {text-align:center;} /*connect with us - front page*/
#askus-set {margin-left:auto;margin-right:auto;} /*ask us - front page*/
.quicklinks ul {
    padding-right:10px;
}
.quicklinks ul li {
    padding:6px 0;
}
.quicklinks {
/*    max-width:200px;
font-size:1.2em;*/
}
.quicklinks-parent {
/*    max-width:410px;*/
    margin:0 auto;
}
.directory-table .view-content table {
width:100%;
}
#region-footer-second {
    padding-top:10px;
/*    margin:0 -10px -20px -10px;*/
}
.region-footer-second-inner {
    padding:20px;
}
#zone-footer, #region-footer-first, #region-footer-second {
    background:#012D6B;color:#012D6B;
    }
#zone-footer {margin-left:-5px;}
#region-footer-second a, #region-footer-second a:link, #region-footer-second a:visited
    /*links in footer */{
        display:block;
        border:0;
    }
.askus {
    margin:10px 20px;
}
}
/* ----------css for ERes popup windows ------------- */
#ctl00_BodyContent_popupCoursepage_popupPanel{
        min-width: 350px; margin-top: 150px; margin-left: 310px; }

#ctl00_BodyContent_popupCoursepage_popupPanel_DropShadow {
         min-width: 350px; margin-top: 152px; margin-left: 310px; }

#ctl00_BodyContent_docPopup_popupPanel{
        min-width: 350px; margin-top: 170px; margin-left: 310px; }

#ctl00_BodyContent_popupCoursepage_contentFrame{ min-width: 350px; }

#ctl00_BodyContent_docPopup_ModalPopupExtender_foregroundElement {
	min-width: 350px; margin-left: -180px; margin-top: -100px; }

#ctl00_BodyContent_popupCoursepage_ModalPopupExtender_foregroundElement{
min-width: 350px; margin-left: -180px; margin-top: -100px; }



#ctl00_BodyContent_popupCrosslistings_popupPanel {
display:block; position: absolute; top: 50%; left:50%;
min-width: 350px; margin: 0 0 0 0;}
#ctl00_BodyContent_popupCrosslistings_ModalPopupExtender_foregroundElement {
 min-width: 350px; }
#ctl00_BodyContent_popupCrosslistings_popupPanel_DropShadow {
background-color: transparent; margin: 0 0 0 0;}
#ctl00_BodyContent_popupCrosslistings_contentFrame {min-width: 350px;}


/* css for ERes popup windows ends  */


/**\/
/* Smartphones ----------- */
@media only screen 
and (max-width : 400px) {
#quicktabs-homepage_tab_menu {
/*    margin:0 0 0 -20px;*/
}
#mobile-menu a {/*
    font-size:70%;*/
}
}