@media screen and (max-width:1184px) { 
    body {
        overflow-x: hidden;
    }
    .container-fluid {
        margin-left: 0px;
        margin-right: 0px;
    }
    #wrapper {
        background-image: none
    }
    #wrapper-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    .container-fluid {
        padding: 0px
    }
    #search-container {
        padding-right: 0px;
        padding-left: 0px;
        width: 99.9%;
        width: 100%;
        background-color: #EBEAEA;
    }
    .search-col-2 {
        margin-top: 10px
    }
    .search-col-3 {
        margin-top: 27px
    }
    #menu-row {
        padding-right: 0px
    }
    #gsearch {
        padding-right: 0px
    }
    .top-footer-row {      
        margin-left:0px;
    }
    .top-row-col {
        margin-left: 0px
    }
    .search-title-bar-row {
        margin-left: 0px;
        margin-right: 0px;
    }
    .new-search-title {
        padding-left: 10px
    }
    #menu-column {
        height: 25px
    }
    .new-search-title {
        padding-left: 10px
    }
    #menu-column {
        height: 25px
    }
    .search-item-info-col-2 {
        padding-left: 15px
    }
    .search-top-area-col-1 {
        width: 45%
    }
    .comingsoon-show-num-results-margin-left {
        margin-left: 105px
    }
    #altmetric-col {
        padding-right: 15px
    }
    .ui-tabs .ui-tabs-nav li a {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    #recently-added-featured-col-pop-articles-row {
        margin-right: 15px
    }
    #stay-connected-new {
        width: 85%;
        /*width: 90%;*/
        margin-left: auto;
    }
}
@media screen and (max-width:991px) { 
    .set-left-padding-50px {
        padding-left: 50px
    }
    .set-left-margin-50px {
        margin-left: 50px
    }
    .search-col-1 {
        margin-top: 5px
    }
    .search-top-area-col-1 {
        width: 45%
    }
}
@media screen and (max-width: 827px) { 
    #searchButtonSimple {
        background: url("../images/search_button.png") no-repeat;
        margin-left: 15px;
        background-size: 94px 28px;
    }
}
@media screen and (max-width: 960px) { 
    .featured-collection-image {
        height: 78px;
        width: 78px;
    }
    .medium-bold-title {
        text-align: center
    }
    .divider-vertical {
        display: inline;
        text-align: center;
    }
    .top-row-col {
        margin-left: 0px;
        margin-right: 0px;
    }
    .top-footer-row {

    }
    .search-top-area-col-1 {
        width: 45%;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .search-top-area-col-2 {
        width: 25%;
        padding-left: 0px;
    }
    .search-top-area-col-4 {
        width: 30%;
        padding-right: 0px;
        float: right;
    }
    #sortByForm {
        margin-left: 0px
    }
    .comingsoon-show-num-results-margin-left {
        margin-left: 85px
    }
    .featured-article {
        font-size: 13px
    }
    #featured-gr {
        width: 90%;
    }
    #stay-connected-new {
        width: 90%
    }
    .stay-connected-title {
        font-size: 13px
    }
    #stay-connected {
        width: 90%
    }
    #explore-badge {
        width: 90%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .spotlight-image-width {
        width: 100%
    }
    #spotlight-text {
        width: 100%;
        text-align: center;
        padding: 0;
        margin-bottom:7px;
        padding-bottom:0px;
        float:left;
    }
    .welcome-title {
        font-size: 13px
    }
    .margin-left-welcome-text {
        margin-left: 5px
    }
    .explore-badge-image-width {
        width: 90%
    }
    .hide-below-960px {
        display: none
    }
    .hide-above-960px {
        display: block
    }
    #small-spotlight-container {
        display: block
    }
    .trans-box {
        background-color: #ffffff;
        opacity: 0.7;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
    .spotlight-title {
        text-align: center;
        font-size: 24px;
        margin: 0px !important;
    }
    #spotlight-container #spotlight-text {
        display: none
    }
    #small-spotlight-container .spotlight-title {
        display: none
    }
    #small-spotlight-container #spotlight-text .small-title {
        margin-bottom: 0px;
        margin-top: 10px;
    }
    #spotlight-container #spotlight-archive {
        display: none
    }
    #small-spotlight-container #spotlight-archive {
        padding-right: 20px;
        padding-bottom:4px;
    }
    #spotlight-text p {
        padding-top: 10px
    }
    #spotlight-text ul {
        display: inline-block !important;
        text-align: left !important;
    }
    .new-line {
        display: inline
    }
    #home-main-spotlight-archive {
        margin-bottom: 20px;
        padding-left: 0px;
        width: 90%;
        margin-left: 5%;
    }
    #spotlight-archive-image {
        width: 100%;
        float:left;
    }
    .border-spotlight-archive-767 {
        border: 1px solid #999;
        width: 75%;
        margin-left: 12%;
        margin-bottom: 20px;
        background: linear-gradient(#ffffff, #fef8d7);
        float:left;
    }
    .spotlight-archive-text {
        float: none
    }
    .spotlightArchive-date {
        width: 75%;
        margin-left: 12%;
        float:left;
    }
}

@media screen and (max-width:788px){
    #recently-added{
        height:220px;
    }
}
@media screen and (max-width:767px) {
    #featured-collection-large-resolution-row {
        display: none
    }
    #full-width-featured-collection-row {
        display: block;
        /*padding-bottom: 10px;*/
        padding-bottom:0px;
        margin-bottom:15px;
    }
    .medium-bold-title {
        font-size: 18px;
        text-align: left;
    }
    #adv-search-outer-container {
        margin-top: 0px;
        padding-top: 10px;
    }
    .adv-search-input-col {
        padding-left: 25px
    }
    .search-result-container {
        padding-left:0px;
        padding-right: 10px;
        padding-right: 0px;
    }
    .search-result-row {
        margin-left: 0px
    }
    .filter-container-disable {
        height: 30px;
        height: 200px;
        height: 0px;
        overflow-y: auto;
        border: 0px;
    }
    ul.filter-iss li {
        font-size: 11px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    ul.filter-iss li a {
        font-size: 11px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .filter-disable {
        padding-left: 0px;
    }
    ul.filter-disable li a {
        text-decoration: none;
        text-transform: capitalize;
        color: #0000cc;
        display:inline-block;
    }
    ul.filter-disable li {
        background-color: white;
        font-size: 11px;
        padding: 0px;
        list-style: none;
        height: 30px;
    }
    ul.filter-disable li:hover {
        background-color: white
    }
    .filter {
        height: auto;
        overflow: auto;
        max-height: 150px;
    }
    ul.filter-disable-iss li a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .remove-filter {
        float: clear;
        margin-right: clear;
    }
    .remove-filter > a >img {
        margin-bottom: 10px
    }
    .remove-filter-link{
        padding:0px !important;
    }
    .remove-filter-link > img {
        float: right;
        margin-left:8px;
        margin-bottom:-2px;
    }
    #collection {
        width: 100%;
        float: right;
        margin-bottom: 10px;
        margin-right:5px;
    }
    #txt-search-box {
        width: 100%;
        float: right;
        margin-right:5px;
    }
    #search_768_ButtonSimple {
        display: block;
        float: right;
        margin-right: 4px;
        height: 28px;  width: 94px;
    }
    .large-thumb{
        display:none;
    }
    .small-thumb{
        display:block;
    }
    #gsearch {
        width: 100%;
        background-color: #EBEAEA;
    }
    .search-cell {
        display: block
    }
    #stacks-logo-image {
        display: none
    }
    .search-col-1 {
        height: 73px;
        background: url('../images/searchbar320_wlogo2.png') no-repeat center;
        width: 40%;
        background-color: #EBEAEA;
        background-size: 220px 73px;
    }
    .search-col-2 {
        height: 110px;
        width: 60%;
        padding-top: 17px;
    }
    .search-col-3 {
        display: none
    }
    #advance-search-link-row {
        display: inline-block;
        float: right;
        padding-top: 5px;
    }
    .advance-search-link {
        font-size: 12px;
        color: #0000cc;
        float: none;
        padding-right: 9px;
    }
    #menu-column {
        margin-bottom: -21px
    }
    #footer-cdc-address {
        width: 45%
    }
    #footer-hhs-info {
        width: 55%
    }
    .footer-about-contents {
        padding-right: .15%;
        padding-left: .15%;
        line-height: 19px;
    }
    .top-row-col {
        margin-left: 0px;
        margin-right: 0px;
    }
    .top-footer-row {
        padding-right: 0px
    }
    .footer-hhs-new-line {
        display: block
    }
    .footer-cdc-address-new-line {
        display: block
    }
    .new-search-title {
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }
    .new-search-bar-col {
        margin-right: 0px;
        padding-right: 0px;
    }
    .new-search-bar {
        margin: 3px 0px 0px 0px
    }
    .new-search-row-bar-bottom {
        display: none
    }
    #comming-soon-bottom-bar {
        display: none
    }
    .small-pagination-bar {
        display: block;
        background-image: url(../images/pagination_background_image_flipped.png);
        background-repeat: repeat-x;
        height: 44px;
        margin: 2px 10px 20px 10px;
        font-size: 11px;
        text-align: center;
        padding-top: 18px;
    }
    .search-top-area {
        margin-right: 0px
    }
    .search-top-area .row {
        margin-right: 0px
    }
    .search-top-area .row .col-xs-4 {
        width: 50%
    }
    .search-top-area .row .col-xs-2 {
        width: 20%
    }
    .search-top-area .row .col-xs-3:not(.close-btn-col) {
        width: 30%
    }
    .search-title-bar-row {
        margin-right: 0px
    }
    .search-title-bar-nofacet {
        margin: 0px 0px 0px 0px
    }
    .search-results-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .search-row {
        margin-right: 8px
    }
    .search-thumbnail-cell {
        padding-right: 5px
    }
    .thumbnail-image-below480-recentaddition {
       margin-left: 0px;
    }
    .thumbnail-image-below480-no-image {
        margin-left: 0px;
    }
    ul#search-results-list li {     
        margin-left:10px;
    }
    #small-sort-by-btn {
        display: block
    }
    #small-narrow-results-btn {
        display: block
    }
    #small-sort-list {
        list-style: none
    }
    .navbar-nav {
        margin-top: -3px
    }
    .navbar .navbar-collapse {
        text-align: left;
        background-color: #266863;
        border: solid 2px  #bdbdbd;
        position: relative;
        top: 32px;
        left: -132px;
        z-index: 1030;
        margin: 0px !important;
    }
    #navbar-column-left {
        margin-bottom: -350px;
        height: 35px;
        margin-top: -7px;
        padding-top: 2px;
        padding-left: 0px;
        padding-right: 12px;
    }
    .navbar .navbar-collapse .left-nav-options {
        background-color: #3f7f7b;
        border-bottom: solid 1px #bdbdbd;
    }
    .left-nav-options{
        margin-top:0px;
    }  
    .navbar-nav > li > a{
        line-height: 20px;
    }
    .left-nav-options a:hover {
        background-image: none;
        text-decoration: underline !important;
    }
    .left-nav-options a.active {
        background-image: none
    }
    .navbar .navbar-collapse .right-nav-options {
        border-bottom: solid 1px #76aeab
    }
    #main-menu {
        margin-left: 120px !important;
        margin-left: 131px !important;
        width: 175px;
    }
    #main-menu .right-nav-options {
        display: block;
        padding-left: 15px;
        border: none;
    }
    #side-dropdown-menu-items {
        display: none
    }
    #side-menu-btn {
        display: none
    }
    #first-right-option {
        margin-left: 0px !important
    }
    #narrow-results-panel {
        display: none
    }
    .current-filter-title {
        line-height: 30px;
    }
    .current-filters{
        line-height: 30px;
    }
    .comingsoon-show-num-results {
        display: none
    }
    #sortByForm {

    }
    #sort-by-div {
        display: none
    }
    .pagination {
        display: none
    }
    .showing-results-span {
        display: none
    }
    #small-txt-search-box {
        display: none
    }
    .small-advance-search-link {
        display: none
    }
    .small-searchButtonSimple {
        display: none
    }
    .top-row-col > section {
        padding-left: 22px
    }
    .recent-addition-margin-right {      
        margin-left: -10px;
    }
    .hide-below-767px {
        display: none
    }
    .hide-above-767px {
        display: block
    }
    #popular-articles {
        margin-bottom: 15px;
        margin-top: 15px;
        height:93%;
    }
    #popular-articles-container {
        height: 260px
    }
    #recently-added-container {
        height: 260px
    }
    #homepage-left-panel {
        display: none
    }
    #featured-collection {
        margin-top: 0px;
        padding: 0px;
    }
    #half-width-featured-collection-row {
        display: none
    }  
    #full-width-stay-connected-row {
        display: block;
       margin-bottom:0px;
    }
    .bold {
        font-weight: 700
    }
    li div.list-link,
    li div.list-thumb {
        /*height: 90px;*/
        height:100%;
    }
    ul.box-list li{
        /*padding-top:50px;*/
        padding-top:0px;
        height:100%;
        width:100%;
    }
    #popular-articles-container .box-list li{
        padding-top:0px;
    }
    
    li div.list-thumb {
        /*width: 50px*/
        margin-top:10px;
    }
    #popular-articles-container ul li {
        height: 70px
    }
    #recently-added-featured-col-most-popular-row {
        margin-top: 0px;
        height:335px;
    }
    #featured-gr-small,
    #featured-gr {
        background: none;
        width: 95%;
        border: 1px solid #a1a1a1;
        border-radius: 0px;
        text-align: center;
        padding-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    #featured-gr-small {
        margin-left: 0px;
        width: 100%;
        border: none;
        margin-top: 0px;
    }
    .featured-gr-padding {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        width: 20%;
        width: 140px;
        height: 103px;
    }
    .featured-gr-thumbnail {
        margin-top:0px;
    }
    .green-box {
        background-color: #538988;
        background-image: url(../images/FeaturedGnR_image768-320.png);
        background-repeat: no-repeat;      
        text-align: left;
    }
    .featured-gr-flex {        
       -webkit-flex: 1;
       -ms-flex: 1;
       display: flex;
    }
    #featured-gr-image{
        float:left;
        padding:2px;
    }
    #featured-gr-text {
        text-align: left
    }
    .width-green-box {
        width: 100%;
        margin-top: 2px;
        margin-right: 2px;
    }
    .featured-article {
        font-size: 12px
    }
    #spotlight-text p {
        padding-top: 10px;
        padding-left:10px;
        padding-right:10px;
    }
    #spotlight-text ul {
        margin-bottom: 15px
    }
    /*doc viewer styles*/
    .relatedArt-subject-list-items{
        line-height: 30px;
    }
    .inner-tab-title{
        line-height: 30px;
    }
    .bookDetailListValue{
        line-height: 30px;
    }
    .ui-tabs .ui-tabs-nav li a {
        max-width: 80px;
        white-space: normal;
        height: 30px;
        text-align: center;
    }
    .tab-link {
        padding-top: 0px !important
    }
    #ui-id-1,
    #ui-id-2 {
        padding-top: 6px !important
    }
    .ui-tabs .ui-tabs-nav {
        padding-left: 0px !important
    }
    #tab-menu {
        font-size: 11px
    }
    #home-main-spotlight-archive {
        margin-bottom: 20px;
        padding-left: 0px;
        width: 90%;
        margin-left: 5%;
    }
    #spotlight-archive-image {
        width: 100%
    }
    .spotlight-archive-text {
        float: none;
        padding-top:15px  !important;
    }
    .border-spotlight-archive-767 {
        border: 1px solid #999;
        width: 80%;
        margin-left: 10%;
        margin-bottom: 20px;
        background: linear-gradient(#ffffff, #fef8d7);
    }
    .spotlightArchive-date {
        width: 80%;
        margin-left: 10%;
        float:left;
    }
    #recently-added-featured-col-pop-articles-row {
        margin-left: 15px;
        margin-bottom: 5px;
    }
    #recently-added-featured-collection-column {
        padding-left: 0px;
        padding-right: 0px;
    }
    #home-main-spotlight {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom:15px;
    }
    #featured-gr {
        width: 100%
    }
    #featured-gr-small {
        padding-right: 30px
    }
    #recently-added-row {
        margin-left: 0px;
        margin-right: 0px;
    }
    #recently-added {
        margin-left: 0px;
        height: 310px;
        margin-top: 15px;
    }
    .featured-collection-image {
        margin-top: 10px;
        margin-left: 10px;
        position: relative;
    }
    .full-width-featured-collection-text {
        position: absolute;
        margin-left: 10px;
    }
    #stay-connected-row {
        padding-left: 15px;
        padding-right: 15px;
    }
    #stay-connected-column {
        padding-left: 0px;
        padding-right: 0px;
    }
    #stay-connected {
        border: 1px solid #999;
        width: 100%;
        background-color: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
       /* margin-bottom: 15px;*/
       margin-bottom:0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    #stay-connected > a {
        margin-right: 5px
    }
    .stay-connected-title {
        display: inline;
        position: relative;
        top: 0;
        left: 0;
        margin-right: 5px;
        font-size: 12px;
    }
    .stay-connected-facebook-image {
        background: url("../images/StayConnected_Facebook_small_icon.png") no-repeat;
        vertical-align: middle;
        margin-bottom: 0px;
        background-size: 34px 28px;
    }
    .stay-connected-twitter-image {
        background: url("../images/StayConnected_Twitter_small_icon.png") no-repeat;
        vertical-align: middle;
        margin-bottom: 0px;
        background-size: 34px 28px;
    }
    .stay-connected-email-image {
        background: url("../images/StayConnected_Email_small_icon.png") no-repeat;
        vertical-align: middle;
        margin-bottom: 0px;
        background-size: 34px 28px;
    }
    #stay-connected > a {
        display: inline-block;
        width: 29px;
    }
    .selectAdvSearchPublishedDateValues {
        height: 26px;
        display: none;
        width: 95px;
        margin-left: 5%;
    }
    .selectAdvSearchPublishedDateValuesB {
        height: 26px;
        display: none;
        width: 95px;
        margin-left: 5%;
    }
    .selectAdvSearchPublishedDateInfo {
        margin-left: 4%;
    }
    
    .selectAdvSearchPublishedDateDivB {
     margin-top:2%;
	}    
    .publishedDateInfoIcon{margin-top:0%;}
    .badges-row, .badges-looking-for-row{
        border-bottom:1px dotted #999999;
        padding-bottom:11px;
    }
    .badges-looking-for-row .badges-graphic-column{
        margin-top:10px;
    }
    .badge-image {
        float: none;
        margin-bottom:10px;
        margin-top:0px;
    }
    .badge-large-image{
        float:none;
        margin-bottom:10px;
        margin-top:0px;
    }
    .badges-graphic-column{
        margin-top:15px;
    }
    .badges-code-column{
        padding-right:15px;
    }
    .badges-code-column > p{
        margin-bottom:0px;
    }
    .badges-code-large-column{
        margin-bottom:20px;
        padding-right:15px;
    }
    .badges-label-text{
        text-align:center;
    }
    .large-collection-description{
        display:none;
    }
    .small-collection-description{
        display:block;
    }
    
    /**Contact US Selectors**/
    #contact-us-col{
        width:100%;       
    }
    .contact-us-image{
       display:none; 
    }
   
    
    
    
    
}

    @media screen and (max-width:767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .featured-gr-thumbnail{
        margin-top:0px;
        width: 140px;
        height: 100px;
      }
	}
	
@media screen and (max-width:635px) { 
    .object-title {
        padding-left: 23px
    }
    .search-item-info-col-1 {
        padding-left: 23px
    }
    .search-item-info-col-2 {
        padding-left: 65px
    }
    .search-content-cell {
        font-size: 12px;
        margin-left: -25px;
        margin-left: -30px;
        width: 88%;
    }

}
@media screen and (max-width:600px) { 
    
    #adv-search-logo-col {
        padding-top: 40px
    }
    .advancesearch-header {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .advancesearch-text {
        display: none
    }
    #search-help-logo {
        display: block
    }
    .search-col-1 {
        width: 48%;
        height: 73px;
        background: url('../images/searchbar320_wlogo2.png') no-repeat center;
        background-size: 210px 73px;
    }
    .search-col-2 {
        width: 52%;
        height: 110px;
        padding-top: 15px;
    }
    .list-link-col{
        padding-left:27px;
    }
}
@media screen and (max-width:492px) { 
    .logo-header {
        margin-left: 15px
    }
}
@media screen and (max-width:499px) { 
    .top-row-col {
        height: 60px
    }
}
@media screen and (min-width:481px) {    
    .small-search-row {
        display: none
    }
    #search-help {
        float: left;
        display: none;
    }
}
@media screen and (min-width:768px) { 
    
    .overlay {
        display: none !important
    }
    .search-content-container,
    .search-results {
        background-color: white !important;
        opacity: 1 !important;
    }
    body {
        overflow-y: auto !important;
        height: clear !important;
    }
    .padding-left-coming-soon-bar {
        padding-left: 5px
    }
    .search-thumbnail-cell-margin-left {
        margin-left: 7px
    }
    .collections-cell {
        width: 50%;
        margin-top: 20px;
        margin-bottom: 20px;
        min-height: 110px;
    }
    .collections-title {
        padding-left: 10px
    }
    .collections-abstract {
        padding-left: 10px;
        margin-left: 110px;
    }
    .collections-thumbnail {
        height: 110px;
        width: 110px;
    }
    
    .collections-header-text {
        text-align: center
    }
    .collections-header-col {
        text-align: center
    }
    .selectAdvSearchPublishedDateMainDiv {
    	display: flex;
	}
    #featured-gr{
        padding-left:10px;
        padding-right:10px;
        height:315px;
    }
    #homepage-main-row{
        margin-left:0px;
    }
}
@media screen and (max-width:480px){
     #search-results-list li {
        border-bottom: 1px dashed #d5ebe4;      
    }
    ul#search-results-list li {
        margin-left:15px;
        margin-right:10px;
    }
    .recent-addition-margin-right {
        margin-left: -25px;
    }
    
    .empty-search-result{
        border-bottom: 1px dashed #d5ebe4;
        height:10px !important;
        margin-left:10px;
        margin-right:10px;
        background-color:yellow;
    }
    
    .medium-title{
        font-size:18px;
    }
    #collections-meta-data{
        font-size:11px; 
    }    
    .spotlight-title {
        font-size: 18px
    }
    
    .adv-controls-span {
        margin-left: 10px
    }
    
    .simple-search-link {
        font-size: 11px
    }
    .clear-all-link {
        font-size: 11px
    }
    .small-advance-search-link {
        font-size: 11px
    }
    .advancesearch-header {
        display: none
    }
    #adv-search-logo-col {
        display: none
    }
    #adv-search-input-col {
        width: 100%
    }
    .collectionList {
        width: 100%
    }
    
    .adv-search-outer-container-font-size {
        font-size: 11px
    }
    .clear-all-simple-link-fontsize {
        font-size: 11px
    }
    .small-close-icon {
        height: 27px;
        background: url(../images/Stacks_searchResults_Sort_closeButton480-320.png) no-repeat;
        background-size:53px 27px;
    }
    
    .logo-header {
        height: 51px;
        background: url(../images/header_480-320.png) no-repeat;
        margin-bottom: -10px;
        margin-left: 20px;
        background-size:231px 51px;
    }

    #watermark-div {
        float: right;
        padding-top: 1px;
    }
    
    #watermark-logo {
        display: block;
        float: right;
        padding-left: 0px;
    }
    
    #branding {
        padding-bottom: 10px
    }
    #small-search-container {
        display: block
    }
    #search-help {
        display: block
    }
    
    .search-content-cell {
        font-size: 11px;
        margin-left: -40px;
        width: 88%;
    }
    .search-top-area .row .col-xs-4 {
        width: 40%
    }
    .search-top-area .row .col-xs-2 {
        width: 20%
    }
    .search-top-area .row .col-xs-3 {
        width: 40%
    }
    .search-item-info-col-2 {
        padding-left: 65px
    }
    #small-searchButtonSimple {
        display: block;
        border: 0px;
        background: url("../images/Search_button480-320.png") no-repeat;
        background-size: 60px 28px;
        height: 28px;
        width: 60px;
    }
    .search-title-bar-nofacet {
        margin: 0px 0px 0px 0px
    }
    #gsearch {
        margin-left: 0px
    }
    .navbar-header {
        margin-right: -12px
    }
    #footer-container {
        font-size: 11px
    }
    
    .footer-new-line {
        display: inline
    }
    .footer-hhs-new-line {
        display: none
    }
    .footer-cdc-address-new-line {
        display: none
    }
    .top-footer-row {
        height: 60px
    }
    #footer-hhs-info > section > span {
        display: block;
        margin-top: -12px;
        float: left;
        text-align: left;
    }
    #footer-cdc-address {
        width: 100%;
        padding-left: 20px;
    }
    
    #footer-hhs-info {
        width: 100%;
        padding-top: 25px;
        padding-left: 20px;
    }
    #footer-hhs-info > section {
        float: left;
        text-align: left;
        margin-top: 15px;
    }
    #hhs-open,
    #usa-gov {
        margin-top: -12px
    }
    
    #watermark-logo > img {
        margin-right: -15px;
        margin-right: -10px;
    }
    .overlay {
        left: 0px;
        width: 95.55%;
    }
    .overlay-title {
        font-size: 11px
    }
    
    .navbar .navbar-collapse {
        top: 0px
    }
    

    #small-search-btn {
        display: block;
        padding-left: 12px;
        padding-top: 2.5px;
        margin-left: 0px;
        border: 0px;
    }
    
    #small-collection {
        width: 100%;
        font-size: 11px;
    }
    #small-txt-search-box {
        display: block;
        width: 100%;
        font-size: 11px;
        height: 26px;
    }
    #small-search-button {
        padding-left: 0px;
        vertical-align: bottom;
    }
    #adv-search-input-col {
        padding-left: 25px
    }
    
    .small-search-cell {
        padding-right: 5px;
        width: 75%;
    }
    .small-search-row {
        margin-top: 5px;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .small-search-row-2 {
        display: inline-block;
        padding-top: 5px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .small-search-row-2 .col-xs-12 {
        padding-right: 0px
    }
    .small-search-row-span {
        float: right;
        display: inline-flex;
    }
    
    #homeward {
        display: none
    }
    .search-row {
        display: none
    }
    .search-author {
        display: none
    }
    .search-file-type {
        display: none
    }
    
    .search-series {
        display: none
    }
    .small-advance-search-link {
        display: block;
        font-size: 11px;
        color: #0000cc;
        float: left;
        padding-right: 9px;
        color: #0000cc;
        padding-top: 5px;
        padding-right: 5px;
    }
    .search-item-info-col-1 {
        width: 100%;
        padding-left: 40px;
    }
    
    .object-title {
        padding-left: 40px
    }
    .search-item-info-col-2 {
        width: 100%;
        padding-left: 40px;
    }
    .top-footer-row {
        height: 60px
    }
    .collection-display-row {
        padding-top: 10px
    }
    .top-row-col > section {
        padding-left: 5px
    }
    .navbar-row {
        padding-right: 12px
    }
    
    .searchButtonAdvancedImage {
        background: url("../images/Search_button480-320.png") no-repeat;
        height: 28px;
        width: 60px;
        background-size:60px 28px !important;
    }
    .new-search-title-padding {
        padding: 7px 0px 10px 10px
    }
    .search-thumbnail-cell-margin-left {
        margin-left:5px;
    }
    .padding-search-results-comingsoon {
        margin-left: 0px
    }
    
    .portrait-frame {
        width: 48px;
        border: solid 1px #999999;
        margin-left: 10px;
        height: 52px;
        padding: 0px;
        background: none;
    }
    .thumbnail-image-below480 {
        margin-left: -7px
    }
    .thumbnail-image-below480-comingsoon {
        margin-left:-7px;
    }
    .overlay li {
        font-size: 11px
    }
    
    .panel-title > a {
        font-size: 11px !important
    }
    .facet-link {
        font-size: 11px !important
    }
    /*Doc viewer styles*/
    #downloadFromVaultButton{
        background: url("../images/downloadFromVault_button480-320.png") no-repeat;
        width:190px;      
    }
    
    #ajax_tooltipObj .ajax_tooltip_content,
    #ajax_tooltipObj .ajax_tooltip_content_general {
/*        left: -104px !important;*/
    }
    .backtoprevpagetext {
        font-size: 11px
    }
    .download-document-btn {
        background: url("../images/download_button480-320.png") no-repeat;
        background-size:77px 26px
    }
    #print-image {
        background: url("../images/print_button480-320.png") no-repeat;
        width: 25px;
        background-size:25px
    }
    #email-image {
        background: url("../images/email_button480-320.png") no-repeat;
        width: 25px;
        background-size:25px
    }
    
    #share-image {
        background: url("../images/share_button480-320.png") no-repeat;
        width: 25px;
        background-size:25px
    }
    #altmetric-col {
        display: none
    }
    
    #bookHeader-col-info {
        width: 100%
    }
    #backtoprevpagetext-col{
        white-space: nowrap;
    }
    #public-domain-image{
        background: url("../images/publicDomain_icon_small.png") no-repeat;
        background-position: center left;
        height:21px;
        width:70px;
        margin-right:5px;
    }
    
    .bvHeaderDetails {
        font-size: 18px
    }
    .bookHeaderList {
        font-size: 11px
    }
    .bookHeaderList-row:last-child {
        border-bottom: none
    }
    #small-altmetrics-icon {
        display: block
    }
    
    #doc-details-top-row {
        margin-bottom: 5px
    }
    .altmetric-icon > a > img {
        height: 30px;
        height: 20px;
        width: 30px;
        width: 110px;
    }
    #tab-menu-tab-1 {
        width: 49px
    }
    #tab-menu-tab-2 {
        width: 46px
    }
    
    #tab-menu-tab-3 {
        width: 70px
    }
    #tab-menu-tab-4 {
        width: 72px
    }
    #tab-menu-tab-5 {
        width: 60px
    }
    
    #tabs-1,
    #tabs-2,
    #tabs-3,
    #tabs-4,
    #tabs-5 {
        font-size: 11px !important
    }
    .ui-tabs .ui-tabs-nav li {
        margin-right: 2px !important
    }
    .ui-tabs .ui-tabs-nav li a {
        padding-right: 3px !important;
        padding-left: 3px !important;
    }
    
    .bookDetails-row {
        margin-bottom: 12px;
        border-bottom: dotted 1px #999999;
    }
    .bookHeaderList-row {
        margin-bottom: 12px;
        border-bottom: dotted 1px #999999;
    }
    .bookDetails-row:last-child {
        border-bottom: none
    }
    .bookDetailsLabel {
        width: 100%
    }
    .bookDetailsData {
        width: 100%;
        padding-bottom: 12px;
    }
    
    .bookHeaderListLabel {
        width: 100%
    }
    .bookHeaderListData {
        width: 100%;
        padding-bottom: 12px;
    }
    .small-text-recently-added {
        font-size: 11px
    }
    .hide-below-480px {
        display: none
    }
    .hide-above-480px {
        display: block
    }
    
    .hide-below-767px {
        display: none
    }
    .hide-above-767px {
        display: block
    }
    #popular-articles {
        width: 100%;
        position:relative;
        height:305px;
    }
    
    #popular-articles-container {
        height: 260px
    }
    #recently-added-container {
        height: 260px
    }
    #featured-collection {
        width: 100%;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
        height: auto;
    }
    
    #stay-connected-row {
        padding-left: 0px;
        padding-right: 0px;
    }
    #stay-connected {
        border: 1px solid #999;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        margin-top: 0px;
    }
    .stay-connected-title {
        font-size: 11px
    }
    #featured-collection-thumb {
        width: 25%;
        margin-top: 10px;
    }
    .bold {
        font-weight: 700
    }
    li div.list-link,
    li div.list-thumb {
        /*height: 65px;*/
    }
    li div.list-thumb {
       /* width: 50px*/
    }
    .list-container .thumbnail-col{
        width:20%;
    }
    .list-container .list-link-col{
        width:80%;
    }
    #popular-articles-container ul li {
        height: 70px
    }
    #recently-added-featured-gr-main-column {
        width: 100%;
        padding-right: 0px;
        height:325px;     
    }
    #recently-added-featured-col-most-popular-row {
        margin-bottom: 0px;
        height:662px;
    }
    #featured-gr-small,
    #featured-gr {
        background: none;
        border-radius: 0px;
        text-align: center;
        height: auto;
        padding-top: 0px;
       margin-top:0px;
    }
    #recently-added-featured-col-pop-articles-row {
        margin-top: 5px
    }
    .featured-gr-padding {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        width: 20%;
        width: 140px;
        height: 105px;
    }
    .green-box {
        background-color: #538988;
        background-image: url(../images/FeaturedGnR_image768-320.png);
        background-repeat: no-repeat;
        padding-top:10px;
        text-align: left;
    }
    .featured-gr-flex {
        display: flex
    }
    
    #featured-gr-text {
        text-align: left
    }
    
    .width-green-box {
        width: 100%
    }
    .featured-article {
        font-size: 11px
    }
    .small-title {
        font-size: 11px
    }
    #spotlight-text p {
        font-size: 11px;
    }
    #spotlight-text ul {
        font-size: 11px;
        text-align: left;
        margin-bottom: 10px;
    }
    #spotlight-text span {
        margin-bottom: 9px;
    }
    #spotlight-text ul li {
        margin-bottom: 4px
    }
    #spotlight-archive {
        bottom: 0
    }
    #featured-gr-text {
        font-size: 11px
    }
    ul.box-list {
        font-size: 11px
    }
    #home-main-spotlight-archive {
        width: 90%;
        margin-bottom: 20px;
    }
    
    .spotlightArchive-small-text {
        font-size: 11px
    }
    .small-title-archive {
        font-size: 11px;
        margin-bottom: 0px !important;
    }
    .spotlight-archive-text {
        width: 80% !important;
        margin-left: 10%;
    }
    .help-text,
    .quick-link-header,
    #help-quick-links ul li {
        font-size: 11px
    }
    
    .aboutus-header,
    .copyright-header,
    .contact-header,
    #stacks-help-header{
        font-size: 18px;
    }
    
    #pap-container p {
        font-size: 11px
    }
   
    .about-img {
        display: none
    }
   
    .about-img-small {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
       
    .selectAdvSearchPublishedDateValues {
        height: 26px;
        display: none;
        width: 95px;
        margin-left: 12px;
    }
    
    .selectAdvSearchPublishedDateValuesB {
        height: 26px;
        display: none;
        width: 95px;
        margin-left: 12px;
    }
    
    #featured-collection-text {
        font-size: 11px
    }   
    #recent-article-row{
        margin-right:0px;
    }
    
    .bold-link {
        font-size: 11px
    }
    
    .cdcbadge-title {
        font-size:18px;
    }
    
    .cdcbadge-text {
        font-size:11px;
    }
   
    .badges-label-text{
        font-size:11px;
    }
   
    .textarea-css{
        font-size: 11px;
    }
   
    .spotlightArchive-date{
    	font-size:11px;
    	float:left;
    }
    
    .document-public-access-message1 {
        font-size:16px;
    }    
    .document-public-access-message2{
        font-size:11px;
    }
    .list-link-col{
        padding-left:15px;
    } 
    
    /*Contact Us*/
    .contact-text{
        font-size: 11px;
    }
    .em-line{
        font-size:11px;        
    }
}
@media screen and (max-width:450px) { 
    .object-title {
        padding-left: 40px
    }
}

@media screen and (max-width:415px) { 
    .small-search-cell {
        width: 100%
    }
    #small-advance-search-link {
        width: 60%
    }
    
    #small-search-button {
        margin: -47px 0 0 70%;
        height: auto;
        padding: 0px;
    }
}

@media screen and (max-width:325px) { 
    
    .form-text {
        float: none;
        margin-left: 5px;
    }
    #adv-search-button-span {
        margin-right: 3px
    }
    .collectionList {
        width: 99%
    }
    .selectAdvSearchDropDownValues {
        float: none;
        margin-left: 5px;
    }
    .selectAdvSearchPublishedDateValues {
        margin-left: 5px;
    }
    .selectAdvSearchPublishedDateValuesB {
         margin-left: 5px;
    }
}

@media screen and (max-width:320px) {  
    .container-fluid {
        width: 99.6%
    }
    ul#search-results-list li {
        margin-left:10px;
        margin-right:20px;
    }
    .search-top-area-col-1{
        padding-left:10px;    
    }
    #search-content-row {
        margin-left: 0px
    }
    .search-results {
        margin-left: 10px
    }
    #small-search-button {
        margin: -47px 0 0 60%;
        height: auto;
        padding: 0px;
    }
    .search-source {
        display: none
    }
    
    .search-item-info .meta-data {
        padding-left: 0px
    }
    
    .search-top-area .row .col-xs-4 {
        width: 29%
    }
    
    .search-top-area .row .col-xs-2 {
        width: 21%
    }
    
    .search-top-area .row .col-xs-3 {
        width: 50%
    }
    
    .recent-addition-margin-right {
        margin-left: -10px
    }
    
    .search-thumbnail-cell-margin-left {
        margin-left: -4px
    }
    
    
    .padding-search-results-comingsoon {
        margin-left: 15px
    }
    
    
    .search-content-cell {
        font-size: 11px;
        margin-left: -25px;
        margin-left: -55px;
        width: 100%;
    }
    
    #recently-added-row-small {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #recently-added-row-small > .col-xs-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
    
    #recently-added {
        margin-left: 0px;
        margin-right: 0px;
        margin-right: 15px;
        width: 100%;
    }
    
    #popular-articles > .col-xs-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    #stay-connected {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .medium-bold-title {
        font-size: 14px
    }
    .list-link-col{
        padding-left:15px;
    }

}
@media screen and (max-width:319px) { 
    html,
    body {
        overflow-x: auto
    }
}

@media screen and (min-width:900px) { 
    .comingsoon-show-num-results-margin-left {
        margin-left: 105px
    }
    .search-top-area-col-1 {
        width: 45%
    }
}

@media screen and (min-width:960px) { 
   
    .thumbnail-image-recent-coming-soon-portrait-frame {
        width: 110px;
        border: solid 1px #999999;
        margin-left: 10px;
        height: 176px;
        padding: 0px;
        background: none;
    }
    
    .selectAdvSearchPublishedDateValuesB {
        margin-left: -15%
    }
    .collections-cell {
        width: 33%
    }
}
@media screen and (max-width:768px) { 
    .comingsoon-show-num-results-margin-left {
        margin-left: 25px
    }
}

/*Min width media queries*/

@media screen and (min-width:320px) { 
    .new-collection{
        top:14px;
    }
    
    .collections-cell{
        max-height:110px;
        margin-bottom:0px;
        margin-top:0px;
        padding-top:15px;
        padding-bottom:15px;
        border-bottom:1px dotted #999999;
    }
}
@media screen and (min-width:480px) { 
    .collections-row{
			margin-top:-20px;
		}
		.collections-cell{
			border-bottom:none;
		}
		.collections-title{
			font-size:12px;
		}
		.collections-abstract{
			font-size:12px;
		}
		.collections-header-text{
			font-size:12px;			
		}
		
		.collections-header-col{
			font-size:24px;
		}
		.collections-row{
			margin-left:18px;
			margin-right:18px;
		}
		.collections-header-row{
			margin-left:28px;
			margin-right:28px;
		}
		.collection-box-content{
			font-size: 14px;
		}
}

@media screen and (min-width:481px){
		#authors-main-heading{
			font-size:24px;
		}
		#authors-sub-heading{
			font-size:12px;
		}
		.section-header a{
			font-size:12px;
		}
		.two-letter-quick-link-section a,.three-letter-quick-link-section a{
			font-size:12px;
		}		
		.quick-link-title{
			font-size:12px;
		}
		.authors-cell-content{
			font-size:12px;
			margin-left:45%;
		}
}

@media screen and (max-height:600px) {
    .expanded-letter{
        display:none;
    }
    .expand-symbol{
        display:inline-block;
    }
    .collapse-symbol{
        display:none;
    }
}

@media screen and (min-width:768px){
    .collections-cell{
        width:50%;
        margin-top:20px;
        margin-bottom:20px;
        min-height:110px;
        border-bottom:none;
    }
    .collections-title{
        padding-left:10px;
        
    }
    .collections-abstract{
        padding-left:10px;
        margin-left:110px;
    }
    .collections-thumbnail{
        height:110px;
        width:110px;
    }
            
    .collections-header-text{
        text-align: center;
    }
    .collections-header-col{
        text-align:center;
    }
    
    .authors-cell{
        width:50%;			
    }
    .authors-cell-content{			
        margin-left:35%;
    }
    #three-letter-quick-link-row{
        display:block;
    }
    #two-letter-quick-link-row{
        display:none;		
    }
    #three-letter-browse-results{
        display:block;
    }
    #two-letter-browse-results{
        display:none;
    }
    .alpha-num{
        margin-top:5px;
        margin-right:5px;
    }
    
}

@media screen and (min-width:961px){
    .authors-cell{
        width:33%;
    }
     .collections-cell{
        width:33%;
    }
}

@media screen and (min-width:1184px) { 
    .comingsoon-show-num-results-margin-left {
        margin-left: 105px
    }
    .search-top-area-col-1 {
        width : 45%
    }
    #authors-letters-col{
        padding-left:0px;
        padding-right:0px;
    }
}

@media screen and (min-width:1185px) { 
    #featured-gr {
        background-image: url(../images/featured_gr_bg.png);
        background-repeat: no-repeat;
        border: 1px solid #a1a1a1;
        border-radius: 5px;
        text-align: center;
       /* margin-left: 5px;*/
        margin-left:0px;
        margin-top: 10px;
        width: 90%;
        padding-top: 10px;
       /* height:315px;*/
        overflow:auto;
    }
    #explore-badge {
        border: 1px solid #a1a1a1;
        background: #ddd;
        border-radius: 5px;
        text-align: center;      
        margin-top:20px;
        width: 90%;
        margin-left:0px;
        height: 265px;
    }
    #stay-connected {
        margin-left: 5px;
        width: 90%;
    }
    #home-main-spotlight {
        width: 100%
    }
}


@media screen and (min-width:768px) and (max-width:959px) { 
    .selectAdvSearchPublishedDateValuesB {
        margin-left: -10%
    }
}
@media screen and (min-width:800px) and (max-width:900px) { 
    .comingsoon-show-num-results-margin-left {
        margin-left: 55px
    }
}
/***********Height Media Queries*******************************/
@media screen and (max-height:600px) { 
    #small-search-container {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .overlay {
        top: 5px !important
    }
    #sortByOverlay {
        height: 300px;
    }
    #small-sort-list {
        margin-bottom: 0px
    }
    .panel-heading {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .overlay-title {
        margin-top: 12px
    }
    .close-btn-col {
        height: 35px
    }
    .closebtn {
        padding-top: 5px !important
    }
    .facet-options-ul > li {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
        
}
@media screen and (max-height:320px) { 
    .panel-heading {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .panel-body {
        padding-top: 2px;
        padding-bottom: 2px;
        height: 50px !important;
    }
    #sortByOverlay {
        height: 270px
    }
    #sortByContent {
        overflow-y: auto;
        overflow-x: hidden;
        height: 245px;
    }
}

@media screen and (min-width:320px) and (max-width:411px) { 
	@-moz-document url-prefix(){.navbar .navbar-collapse{top: -8px;}}
}