@-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;
	}

	.columns-3 #css-table .col-left.sidebar .nav-sidebar, .columns-2-right #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, .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 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:none;
        padding-bottom:12px;
        display:none;
    }

    /* mersky rebecca final addition 4-3-2014 */

    .mega-menu li .sub-menu .row .col .main div ul {
        margin-left:0px;
    }              


	.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; }

	.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-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;
    }

	#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;
		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; }

    .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 {
		height:120px;
		overflow-y:scroll;
	}
	::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 7px;
	}
	
	::-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;
	}
	
	/* 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 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;
	}

}