@-ms-viewport {	width: device-width; }

/* MOBILE AND TABLET */
@media(max-width:1023px) {

	.visible-desktop { display: none !important; }

	/* .callout-publication .figure img,
	.callout-image-custom .figure img {
		position: relative;
		display: block;
		float: none;
		width: auto;
	}

	.callout-publication .figure,
	.callout-image-custom .figure {
		background: white url(../../img/bkg-publication-dropshadow.jpg) no-repeat left bottom;
		float: none;
		background-size: auto;
	}

	.mega-menu .callout-publication ul,
	.mega-menu .callout-image-custom ul { margin-left: 0; }

	.mega-menu .callout-publication .figure,
	.mega-menu .callout-image-custom .figure {
		max-width: none;
		padding-bottom: 12px;
	} */

	.columns-3 #css-table .col-left.sidebar, .columns-2-right #css-table .col-left.sidebar {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		background: none;
	}

	.col-left.sidebar .nav-sidebar {  /* need to reconcile with live site responsive css as part of hematologist redesign - 8/28/15 */
		border: 1px solid #e2e2e2;
		margin-top: 50px;
	}

	.columns-3 #css-table .col-left.sidebar .nav-sidebar > li > a, .columns-2-right #css-table .col-left.sidebar .nav-sidebar > li > a { background: #f3f3f3; }

	.columns-3 #css-table .col-left.sidebar .nav-sidebar:after, .columns-2-right #css-table .col-left.sidebar .nav-sidebar:after { display: none; }

	.columns-3 #css-table .col-left.sidebar .nav-sidebar > li:last-child > a, .columns-2-right #css-table .col-left.sidebar .nav-sidebar > li:last-child > a { border-bottom: 0; }

	.nav-sidebar li.has-submenu > ul { display: none; }

	/* .account-member-info .col-6,
	.account-member-activity .col-8,
	.account-member-activity .col-4 {
		width: 100%;
		margin: 0 0 25px 0;
		float: none;
	}

	.account-member-info .box .content:before,
	.account-member-activity .box .content:before { display: none; }

	.info-recent_orders table tbody td,
	.info-recent_orders table tbody th {
		padding-left: 5px;
		padding-right: 5px;
	} */
	
	#css-table .col-center .nav-sidebar li.has-submenu > a:after, .columns-2-right #css-table .nav-sidebar li.has-submenu > a:after {
		display: block;
		position: absolute;
		content: '+';
		top: 0;
		right: 0;
		height: 36px;
		width: 40px;
		line-height: 32px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}

}





/* NOT MOBILE */
@media(min-width:768px) {

	.visible-mobile { display: none !important; }

}





/* TABLET ONLY */
 @media(max-width:1023px) and (min-width:768px) {

	/* .row-full { width: 730px; }

	.nav-super .row-full { width: 730px; }

	.banner .row-full {	width: 730px; }

	.banner .site-logo { width: 475px; }

	.banner .logo {
		background: url(../../img/logo-footer.jpg) no-repeat top left;
		height: 60px;
		width: 431px;
	}

	.search { margin-top: 25px; }

	.footer-banner .row-full { width: 730px; }

	.footer-banner .logo {
		width: 350px;
		margin-top: 5px;
	}

	.legal .row-full { width: 730px; }

	.nav-primary-footer {
		margin-left: 0;
		margin-right: 0;
	}

	.categories-hompage .col-4 { width: 196px; } */

	/* .categories-hompage .main { background: white url(../../img/bkg-col-dropbshadown-2.png) repeat -18px 0px; } */

	/* .callout-publication .figure img,
	.callout-image-custom .figure img {
		position: relative;
		display: block;
		float: none;
		width: auto;
	}

	.callout-publication .figure,
	.callout-image-custom .figure {
		background: white url(../../img/bkg-publication-dropshadow.jpg) no-repeat left bottom;
		float: none;
		background-size: auto;
	}

	.callout-publication ul,
	.callout-image-custom ul { margin-left: 0; }

	.callout-banner .figure img {
		max-width: 100%;
		height: auto;
	}

	.group-wrapper .col-6.list-links { width: auto; }

	.categories-hompage .header { font-size: 1rem; }

	.list-events ul { height: 390px; }

	.feature-homepage .rotator { width: 480px; }

	.feature-homepage .rotator-feature .figure { width: 285px; }

	.feature-homepage .rotator-feature .content { width: 175px; }

	.constant { width: 250px; }

	.constant .figure { height: 100px; }

	.mega-menu .sub-menu .col.col-4 { width: 194px; }

	.mega-menu .sub-menu .col.col-8 { width: 434px; } 

	.mega-menu .col { height: 360px; }
	
	.mega-menu .col .main { height: 320px; }

	.mega-menu .col-8 .main li {
		float: none;
		width: 95%;
	}

	.mega-menu .callout-image-action .figure {
		margin-left: 10px;
		width: 85px;
	}

    .mega-menu .callout-publication .figure, .mega-menu .callout-image-custom .figure {
        max-width:none;
        padding-bottom:12px;
        display:none;
    }

    .mega-menu li .sub-menu .row .col .main div ul {
        margin-left:0px;
    } */



	.columns-3 #css-table .col-center .wrapper, .columns-2-right #css-table .col-right .wrapper {
		border-left: none;
		/* padding: 25px 25px 25px 0; */
	}

	/* .nav-secondary-footer > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.nav-primary-account > li > a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px;
	}

	.nav-primary-store > li.category,
	.nav-primary-store > li.cart { width: auto; }

	.nav-primary-store > li > a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px;
	}

	.nav-primary-store > li.search-store { width: 400px; }

	.nav-primary-store > li.search-store input[type="text"] { width: 245px; }

	.rotator-store.rotator-feature .content { width: 244px; }
	.rotator-store.rotator-feature .figure { width: 250px; height: 365px; }
	.rotator-store.rotator-feature { height: 365px; } */
	
	.banner-page span {padding-left:25px;}

    .figure img.cover {width:126px;}

}





/* MOBILE ONLY */
@media(max-width:767px) {
	.hidden-mobile { display: none !important; }

	.row-full,
	.nav-super .row-full,
	.banner .row-full,
	.footer-banner .row-full,
	.legal .row-full { width: 100%; }
	
	.nav-super { padding: 0px 0px 0px 25px; }

	.page .callout img { display: none; }

	.page .col-4.push-30 {
		display: block;
		margin-left: 0;
		margin-bottom: 30px;
		width: 100%;
	}

	.homepage.page:before,
	.homepage.page:after { display: none; }

	.banner { background: none; }

	.banner .site-logo {
		width: 100%;
		float: none;
		text-align: center;
	}

	.banner .site-logo .logo {
		background: url(../../img/logo-footer.jpg) no-repeat center top;
		background-size: contain;
		width: 100%;
		margin: 0;
	}

	.banner .right { float: none; }

	.banner .search {
		float: none;
		width: 229px;
		margin: 20px auto 0 auto;
	}

	.global-header .banner { padding: 25px; }

	.footer-banner { padding: 25px; }

	.footer-banner .logo,
	.footer-banner .contact-info { float: none; }

	.footer-banner .contact-info { margin-top: 25px; }

	.footer-banner,
	.footer-banner .contact-info p { text-align: left; }

	.global-footer .legal .right a:first-child { padding-left: 0; }

	.legal p {
		float: none;
		text-align: left;
		padding: 0 25px;
	}

	.global-footer .nav-super ul {
		float: none;
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
	}

	.global-footer .nav-super ul li {
		float: none;
		display: inline-block;
		margin: 0 10px;
	}

	.global-footer .nav-super .account {
		border-left: 0;
		padding-left: 0;
	}

	.feature-homepage { height: auto; }

	.feature-homepage .rotator {
		float: none;
		width: 100%;
		height: 200px;
	}

	.feature-homepage .rotator .loading { display: none; }

	.rotator-feature .figure { display: none; }

	.constant {
		width: 100%;
		float: none;
		background: #80121b;
	}

	.constant .figure { display: none; }

	.constant .content {
		height: auto;
		padding: 25px;
	}

	.constant .content:before { display: none; }

	.global-header .nav-primary-wrapper .row-full,
	.global-header .secondary .row-full {
		width: 100%;
		padding: 0;
	}

	.nav-primary > li {
		display: block;
		float: none;
		width: 100% !important;
	}

	.nav-primary > li > a,
	.nav-primary > li:hover > a,
	.nav-primary > li.active > a {
		border: 0 !important;
		border-bottom: 1px solid #e2e2e2 !important;
		padding: 20px 25px;
		line-height: 30px;
		text-align: left;
	}

	.nav-primary > li:hover > a,
	.nav-primary > li.active > a { background: #eee; }

	.nav-primary > li:hover > a:before,
	.nav-primary > li:hover > a:after { display: none; }

	.nav-primary > li .sub-menu {
		display: none;
		opacity: 1;
		visibility: visible;
	}
	
	.global-header .secondary .share-icons { display: none; }

	.global-header .secondary .nav-secondary {
		float: none;
		border-right: 0;
	}

	.global-header .secondary .nav-secondary > li {
		float: none;
		display: block;
	}

	.global-header .secondary .nav-secondary > li > a {
		display: block;
		border: 0;
		border-bottom: 1px solid #7e7e7e;
		text-align: left;
		padding: 10px 25px;
	}

	.global-header:after { display: none; }

	.global-header .secondary { background: #5d5d5d; }

	.legal { padding-bottom: 0; }

	.feature-homepage .row-full { margin: 0; }

	#mobile-slider-container {
		padding: 25px;
		background: #251f1c;
	}

	#mobile-slider-container .slide { margin-bottom: 25px; }

	#mobile-slider-container .slide:last-child { margin-bottom: 0; }

	#mobile-slider-container .slide .figure { display: none; }
	
	#mobile-slider-container .slide .rotatorImg {
		width:115px;
		float:left;
		margin-right:10px;
		margin-bottom:8px;	
	}
	
	.show-on-small-only { display:block; }

	#mobile-slider-container .slide a { text-decoration: none; }

	#mobile-slider-container .slide h3 {
		color: #fff;
		margin-top: 0;
	}

	#mobile-slider-container .slide p { color: #eee; }

	.banner-notice h2,
	.banner-notice p {
		padding-left: 25px;
		padding-right: 25px;
	}

	.homepage.page {
		padding: 0 25px;
		margin-top: 0;
	}

	.homepage.page .row.row-50 { padding: 25px 0 0 0; }

	.mega-menu .sub-menu {
		position: relative;
		visibility: visible;
		opacity: 1;
		border: 0;
	}

	.mega-menu .row { padding: 25px; }

	.mega-menu .sub-menu .col,
	.mega-menu .sub-menu .col.col-8,
	.mega-menu .sub-menu .col-8,
	.mega-menu .sub-menu .col-4 {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 30px 0;
		padding: 0;
	}

	.mega-menu .sub-menu .col:last-child { margin: 0; }

	.mega-menu .col .main {
		height: auto;
		padding-bottom: 10px;
	}

	.mega-menu .col.dropshadow { background: none; }

	.mega-menu .header {
		background: none;
		padding: 0;
	}

	.mega-menu .col-8 .header,
	.mega-menu .col-8 .col-right .header,
	.mega-menu .col-8 .col-left .header { background: none; }

	.mega-menu .col-8 .header .btn { display: none; }

	.mega-menu .col-8 .main li {
		float: none;
		width: 100%;
	}

	.mega-menu .figure img { float: none; }

	.mega-menu .col-8 .col-left,
	.mega-menu .col-8 .col-right {
		float: none;
		margin: 0 0 30px 0;
		width: 100%;
	}

    /* mersky and rebecca adding as tempoary fix 4-3-2014 */
    .mega-menu .callout-publication .figure, .mega-menu .callout-image-custom .figure {
        max-width:62px;
        padding-bottom:0;
    }

    /* mersky rebecca final addition 4-3-2014 */

    .mega-menu li .sub-menu .row .col .main div ul {
        margin-left:75px;
    }  
	
	.mega-menu li .sub-menu .stacked .callout-publication .figure {
		padding-bottom:0;	
	}
	
	.mega-menu .callout-image-custom .figure { margin-left: 0; }

	.responsive-tabs > .tabs-content > .accordion-link { display: block; }
	.responsive-tabs > .tabs-header { display: none; }
	.responsive-tabs > .tabs-content > .tab-content.active { display: none; }
	.responsive-tabs > .tabs-content > .tab-content.accordion-active { display: block; }

	.responsive-tabs > .tabs-content {
		border: 1px solid #cbcbcb;
		border-top: none;
	}

	.responsive-tabs > .tabs-content > .tab-content {
		padding: 0 25px;
		border-top: 1px solid #cbcbcb;
	}

	.responsive-tabs .tab-content > ul > li,
	.responsive-tabs .tab-content > ul > li:last-child {
		float: none;
		width: 100%;
		padding: 0;
	}

	.responsive-tabs .tab-content .view-more.bottom-line {
		margin: 30px 0 10px 0;
		padding-top: 10px;
	}

	.responsive-tabs .tab-content h5 { margin-bottom: 5px; }

	.responsive-tabs .tab-content p { margin-top: 0; }

    .responsive-tabs .tab-content.rows {padding:0;}

    #css-table .col.col-center .responsive-tabs .control.alternating.reverse .row:only-child { margin:0; padding:15px 25px;}
    #css-table .col.col-center .responsive-tabs .control.alternating.reverse .row:nth-child(2n+1) {padding:15px 25px;}
    #css-table .col.col-center .responsive-tabs .control.alternating.reverse .row:nth-child(2n) {padding:15px 25px;}

	.columns-3 #css-table .col-right.sidebar/*, .columns-2 #css-table .col-right.sidebar*/ { display: none; }
	#css-table .col {
		display:block;
		width:100%;
	}
	.columns-3 #css-table .col-right.sidebar.show-on-small, .columns-2 #css-table .col-right.sidebar.show-on-small, .show-on-small { display:block; }

	.columns-3 #css-table .col-right.sidebar .container:before,
	.columns-2 #css-table .col-right.sidebar .container:before { background: none; }

	.columns-3 #css-table .col-right.sidebar .module img/*, .columns-2 #css-table .col-right.sidebar .module img*/ { display: none; }

	.columns-3 #css-table .col-right.sidebar .module h4, 
	.columns-2 #css-table .col-right.sidebar .module h4 { margin-top: 0; }
	
	.columns-2 #css-table .col-right .container {padding:25px;}

	.columns-3 .col-center .wrapper,
	.columns-2 .col-left .wrapper,
	.columns-2-right .col-right .wrapper {
		border: none;
		padding: 25px;
	}
	
	.columns-1 .col-center .wrapper {
        margin:25px;
    }
	
	.columns-2-right .col-left.sidebar .container { padding:25px 25px 25px 35px;}

	#article-share-buttons { margin: 10px 0 25px 0; }

	#article-share-buttons .item.print { display: none; }

	.global-footer .share-icons {
		display: block;
		float: none;
		text-align: left;
		padding: 0 25px;
	}

	.share-icons > li > a,
	.share-icons > li:last-child > a { padding: 10px 15px; }

	.share-icons > li:first-child > a { padding-left: 0; }

	.columns-3 .sidebar.col-right .container { padding: 25px; }

	.feature-landing .figure img { max-width: 125px; }

	.feature-landing .figure { margin: 0 0 10px 10px; }

	.feature-landing ul > li { width: 50%; }

	#css-table .col.col-center .row .col-6 {
		display: block;
		width: 100%;
		float: none;
		margin: 0 0 25px 0;
	}

	#css-table .col.col-center .control .row { margin: 0; }

	#css-table .col.col-center .control .row .col-4,
	#css-table .col.col-center .control .row .col-8 {
		width: auto;
		display: block;
		float: none;
	}

	#css-table .col.col-center .control .row label {
		display: block;
		margin-bottom: 5px;
		margin-top: 20px;
	}

	#css-table .col.col-center .control .row button {
		margin-bottom: 5px;
		margin-top: 20px;
	}

	#css-table .col.col-center .list-tertiary li {
		display: block;
		width: 100%;
		margin: 0 0 25px 0;
	}

	.responsive-table {
		max-width: 100%;
		overflow-x: scroll;
	}

	#top-navigation { display: none; }

	#top-navigation-toggle { display: block; }

	.banner-page {
/*		background-position-x: -150px;*/
		background-position:-150px 0;
		background-repeat:repeat-y;
		background-image: url('http://www.hematology.org/assets/0/220/423/0c089e2b-9887-4e78-a1a9-025b0b2ecee2.jpg?n=1100') !important;
		height: auto;
		min-height: 0;
		padding: 25px;
	}

	.banner-page span {
		font-size: 32px;
		font-size: 1.85rem;
		margin: 0 25px;
		line-height: 1.3em;
		margin: 0;
	}

	.gallery .group > li.push-30,
	.gallery .group > li {
		display: block;
		float: left;
		margin: 0 0 25px 0;
		padding: 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.gallery .lightbox img {
		width: 250px;
		height: auto;
		max-width: 100%
	}

	.nav-primary-wrapper,
	.nav-primary-wrapper.alt { background: none; }

	#css-table .row .col-6, #css-table .row .col-5 {
		width: 100%;
		float: left;
		margin: 0;
	}

	#css-table .row .col-6 .product-feature {
		border-left: 0;
		border-right: 0;
		padding: 0;
		margin: 0;
	}

	#css-table .row .col-6 .callout-subsite { margin: 25px 0; }

	.nav-primary-account.mega-menu .col .main,
	.nav-primary-store.mega-menu .col .main { height: auto; }

	.nav-primary-store > li.search-store > form { margin: 20px 25px; }
	.nav-primary-store > li.search-store { border-bottom: 1px solid #e2e2e2; }

	#mobile-slider-container .slide .prices {
		color: #eee;
		border-color: #7c685e;
	}

	.home-posts-row.two .home-post,
	.home-posts-row.three .home-post,
	.content-posts-row.two .content-post,
	.content-posts-row.four .content-post,
	.content-posts-row.three .content-post,
	.content-posts-row.three .content-post.first { width: 100%; }

	.content-posts-row div.clearfix { display: none; }
	.errorPage { min-height:0; }
	.errorPage .errorInfo h1 { margin-bottom:10px;}
	.grantDetails .grantItem .grantLabel, .grantDetails .grantItem .grantDetail { 
		width:100%;
		float:none;
	}
	input[type="submit"] { margin:10px 0;}

    .borderless-table th, .borderless-table td {
        padding:5px;
    }
	
	.item-display {
		display:inline-block;
	}
	
	.item-display .row-full {
		width:100%;
	}
	
	.columns-1 .col-5, .columns-1 .col-5 .col-7, .columns-1 .col-5 .col-5 {
		width:100%;
	}
	
	/* Super nav styles */
	.nav-super .account {
		border-left:none;
		padding-right:25px;
	}
	
	/* SSO-specific styles */
	.CheckBox {
		overflow:auto;
		display:block;		
		padding-top:15px;
		padding-bottom:15px;
	}
	.CheckBox input, .CheckBox label { 
		float:left;
	}
	.CheckBox input {
		margin-top:3px;
	}
	.CheckBox label {
		margin-top:0px!important;
		margin-left:5px;
	}
	#RegisterHyperLink {
		float:none;
	}
	
	/* Control styles */
	.control.group .row:last-child {
		margin-bottom:5px;
	}
	.control.group [class*="col-"] {
		width:100%;	
	}
	
	/* Form styles */
	label, fieldset legend, .FieldLabel {
		height:inherit;
		padding-bottom:8px;
	}
	.control.group.multi-select {
		padding: 0px 15px 15px;	
	}
	.multi-select, .nav-sidebar.multi-select {
		height:120px;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	.columns-2-right #css-table .col-left .nav-sidebar.multi-select, .nav-sidebar.multi-select {
		background: #f7f7f7;
		border:1px solid #dcdcdc!important;
		padding:10px 15px;
		margin-top:10px!important;
	}
	.col-left.sidebar.filter .nav-sidebar.multi-select li {
		font-size:14.4px;
		font-size:0.9rem;
	}
	.col-left.sidebar.filter .nav-sidebar.multi-select label {
		font-size:16px;
		font-size:1rem;	
	}
	.multi-select::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 7px;
	}
	
	.multi-select::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(0,0,0,.5);
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	.multi-select label, .multi-select label:first-child {
		margin-top:20px;
		font-size:16px;
	}
	TextBox.text-align, input.text-align {
		width:95%;
	}
	.password-meter {
		margin-top:10px;
		margin-left:0px!important;
	}
	input[type="text"], input[type="tel"], input[type="date"], input[type="email"], input[type="password"], input[type="url"], textarea {
		font-size:16px !important; 
	}

	
	/* datepicker styles */
	.ui-datepicker {  overflow: visible; margin: 0; max-width: 500px;  }
	.ui-datepicker .ui-datepicker-header { position:relative; padding:.4em 0; border-bottom: 0; font-weight: bold; }
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding: 1px 0 1px 2px; position:absolute; top: .5em; margin-top: 0; text-indent: -9999px; }

	.ui-datepicker .ui-datepicker-prev { left:6px; }
	.ui-datepicker .ui-datepicker-next { right:6px; }
	.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
	.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
	.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
	.ui-datepicker select.ui-datepicker-month, 
	.ui-datepicker select.ui-datepicker-year { width: 49%;}
	.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0; }
	.ui-datepicker td { border-width: 1px; padding: 0; text-align: center; }
	.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em 0; font-weight: bold; margin: 0; border-width: 0; text-align: center; text-decoration: none; }

	.ui-datepicker-calendar th { padding-top: .3em; padding-bottom: .3em; }
	.ui-datepicker-calendar th span, .ui-datepicker-calendar span.ui-state-default { opacity: .3; }
	.ui-datepicker-calendar td a { padding-top: .5em; padding-bottom: .5em; }
	
	/* Right Rail styles within Applications - rdeprey 2/24/15 */
	.application .columns-2 #css-table .col-right, .application .columns-2 #css-table .col-left {
		width:100%;
		display:block;
	}
	.application .columns-2 #css-table .col-right.sidebar .container {
		padding:25px 25px 0px;	
	}
	.application .columns-2 #css-table .col-right.sidebar .container .module:last-child {
		margin-bottom:0px;	
	}
	.application .columns-2 #css-table .col-right.sidebar h4, .application .columns-2 #css-table .col-right.sidebar p {
		font-size:14px;
		font-size:0.90rem;
		display:inline;
		color:#4f4f4f;
	}
	.application .columns-2 #css-table .col-right.sidebar h4 {
		font-weight:bold;
		font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}
	.application .columns-2 #css-table .col-right.sidebar br {
		display:none;
	}
	.application .columns-2 #css-table .col-right.sidebar p {
		margin:0px;
	}

}
@media(max-width:400px) {

	.ileft {
		width:75% !important;
		margin:0 auto;
		float:none;
	}

    #css-table .col {
        margin-right: -25px;
    }

}