@-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 {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		background: none;
	}

	.columns-3 #css-table .col-left.sidebar .nav-sidebar {
		border: 1px solid #e2e2e2;
		margin-top: 50px;
	}

	.columns-3 #css-table .col-left.sidebar .nav-sidebar > li > a { background: #f3f3f3; }

	.columns-3 #css-table .col-left.sidebar .nav-sidebar:after { display: none; }

	.columns-3 #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;
	} */

}





/* 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 {
		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;}

	.mega-menu .sub-menu {height: 575px;}
	.mega-menu .sub-menu .col-12 {height:auto;}
	.mega-menu .sub-menu .col-8 {width: 100%;clear:both;height: auto;}
    .mega-menu .sub-menu .col-4 {width:48%;box-sizing:border-box;height:auto;}
    .mega-menu .sub-menu .col-4:last-of-type {margin-left:0px;padding-left:0px;margin-bottom:10px;clear:both;}
    .mega-menu .sub-menu .dropshadow {background:none;}
    .mega-menu .header {background-repeat:repeat-x;}
    .mega-menu .sub-menu .col-12 .view-more {position: absolute;bottom: 15px;left:0px;margin: 0 30px;}
}





/* 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%; }

	.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;
	}

    .search .searchDropdown ul.topLinks h6:before {width:100%;}

	.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 .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;  /* updated by rdeprey on 3-20-15 */
        padding-bottom:0px; /* updated by rdeprey on 3-20-15 */
        /*display:none;  rdeprey unhid the images on 3-20-15 */
    }

    /* mersky rebecca final addition 4-3-2014 */

    .mega-menu li .sub-menu .row .col .main div ul {
        margin-left:75px;  /* updated by rdeprey on 3-20-15 */
    } 
    
    /* rdeprey added 3/20/15 */
	.mega-menu li .sub-menu .stacked .callout-publication .figure {
		padding-bottom:0px;	
	}             

    /* rdeprey added 5/20/16 */
    .mega-menu .sub-menu { height: 100%; }

	.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; }

	.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-1 .col-5, .columns-1 .col-5 .col-7, .columns-1 .col-5 .col-5, .columns-2-right .col-4, .col-8 {width:100%;}
    .columns-2-right .col-4.push-25 {margin-left:0;}

	.columns-3 .col-center .wrapper,
	.columns-2 .col-left .wrapper {
		border: none;
		padding: 25px;
	}

	#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%; }

    .feature-landing .group.two img.left {
        float:none;
    }

    .feature-landing .group.two .right {
        display:block;
    }

    .feature-landing .group.two .right ul > li {
        width:100%;
    }

	#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,
    #css-table .col.col-center [class^="col-"] {
		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, #css-table .col.col-left .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('/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 {
		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; }
	#css-table .col.col-center .control .row label {
		height:inherit;
		margin-top:10px;
	}
    img + input[type="button"], input[type="button"] + input[type="button"], label {display:block;}
    input[type="button"] + input[type="button"] {margin-top:20px;}
    label {height:auto;}
	.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; }
	input[type="text"], input[type="tel"], input[type="date"], input[type="email"], input[type="password"], input[type="url"], textarea { font-size:16px !important; }

    /* Blockquotes */
    blockquote.left, blockquote.right {width:100%;display:block;float:none;border-left:0;border-right:0;border-top:5px solid #9d2d2c;border-bottom:5px solid #9d2d2c;padding:20px 0;margin:0 0 30px;}

    /* MEETING MODE */
    /* Mega Menu*/
    .mega-menu li .sub-menu .row .col.meeting-mode .header {background-image:none!important;}
    .mega-menu li .sub-menu .row .col.meeting-mode .main ul {font-size:0.9375rem!important;}
    .mega-menu li .sub-menu .row .col.meeting-mode .main .col-4 ul {margin:0!important;padding:0!important;}
    .mega-menu li .sub-menu .row .col.meeting-mode .main ul li {margin:15px 0 30px;}
    .mega-menu li .sub-menu .row .col.meeting-mode .main ul li:last-child {margin:15px 0 5px;}
    .mega-menu li .sub-menu .row .col.meeting-mode .main .col-4 {margin:0;}

    /* Critical Impact Sign-up iframes */
    iframe.signup {
        height:3000px!important;
    }

    /* Confirmation Dialogs */
    #removable-box .right, #removable-item .right {
        float:none;
    }
    #removable-box input, #removable-item input {
        display:inline-block;
    }
    #removable-box input + input, #removable-item input + input {
        margin-left:10px;
        margin-top:0;
    }
}


@media(max-width:400px) {

	.ileft {
		width:75% !important;
		margin:0 auto;
		float:none;
	}

    div[class^='col-'] {
        width:100%;
        display:block;
    }

    /* Critical Impact Sign-up iframes */
    iframe.signup {
      height:1500px!important;
    }

}