/*! Copyright 2008-2017 Clearnine, LLC.  All Rights Reserved.
** Version 2.5.2
** Licensed for a single site on a single server - redistribution prohibited
** Modification voids warranty and terms of support and maintenance agreements
*/
/* responsive style definitions
** This is the default C9 layout
** Open liquid layout with sticky footer.  Make fixed by constraining wrapper
*/

/* Media Queries */

/* General media queries for layout/mobile - content, masthead, footer */


/* large screens */
@media only screen and (max-width : 1480px) {

	header .header-inner, main .main-content, main .banner .banner-content{
		max-width: 1250px;
	}
/*main .banner .banner-content,*/

}


/* medium screes, large tablets, landscape iPad for example */
@media only screen and  (max-width : 1280px) {

	main .banner .banner-content, header .header-inner, main .main-content{
		max-width: 960px;
	}

	main .banner.no-content{
		min-height: 250px;
	}

}


/* small screens, medium tablets, portrait iPad and (min-width : 768px) */
@media only screen and (max-width : 980px) {
	main .banner{
		min-height: 0px;
	}

	main .banner.no-content{
		min-height: 200px;
	}

	.masthead-menu {
		display: none;
	}

	#menu {
		display: inline-block;
	}

	main .banner .banner-content, header .header-inner, main .main-content{
		max-width: 748px;
	}

	main .cols-3 .grid-row {
		padding-bottom: 15px;
	}

	main .cols-3 .grid-col-1, main .cols-3 .grid-col-2, main .cols-3 .grid-col-3, main .cols-3 .grid-col-4, main .cols-3 .grid-col-5, main .cols-3 .grid-col-6, main .cols-3 .grid-col-7, main .cols-3 .grid-col-8, main .cols-3 .grid-col-9, main .cols-3 .grid-col-10, main .cols-3 .grid-col-11, main .cols-3 .grid-col-12 {
		padding-bottom: 15px;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

}


/* small tablets, large phones and (min-width: 639px)*/
@media only screen and (max-width : 768px) {

	main .banner {
		margin-bottom: 15px;
	}

	main .banner .banner-content{
		width: 100%;
		padding: 15px;
	}

	main .banner.no-content{
		min-height: 175px;
	}

	main .banner .banner-content, header .header-inner, main .main-content{
		padding-left: 15px;
		padding-right: 15px;
	}

	/* 3 column layouts */

	main .cols-3.col-1.fx-xs, main .cols-3.col-3.fx-xs,	main .cols-3.col-1.fx-s, main .cols-3.col-3.fx-s, main .cols-3.col-1.fx-m, main .cols-3.col-3.fx-m, main .cols-3.col-1.fx-l, main .cols-3.col-3.fx-l,main .cols-3.col-1.fx-xl, main .cols-3.col-3.fx-xl, main .cols-3.col-1.fl-xs, main .cols-3.col-3.fl-xs, main .cols-3.col-1.fl-s, main .cols-3.col-3.fl-s, main .cols-3.col-1.fl-m, main .cols-3.col-3.fl-m, main .cols-3.col-1.fl-l, main .cols-3.col-3.fl-l, main .cols-3.col-1.fl-xl, main .cols-3.col-3.fl-xl{
			padding-bottom: 15px;
			padding-left: 0;
			padding-right: 0;
			width: 100%;
			float: none;
	}

	main .cols-3.col-2{
		padding-left: 0;
		padding-right: 0;
	}

	main .cols-3 .grid-row {
		padding-bottom: 15px;
		margin-left: 0;
		margin-right: 0;
	}

	main .cols-3 .grid-col {
		padding-bottom: 15px;
		padding-left: 0;
		padding-right: 0;
	}

	main .banner .grid-row{
		padding-bottom: 0;
	}

	main .cols-3 .grid-col-1, main .cols-3 .grid-col-2, main .cols-3 .grid-col-3, main .cols-3 .grid-col-4, main .cols-3 .grid-col-5, main .cols-3 .grid-col-6, main .cols-3 .grid-col-7, main .cols-3 .grid-col-8, main .cols-3 .grid-col-9, main .cols-3 .grid-col-10, main .cols-3 .grid-col-11, main .cols-3 .grid-col-12 {
		width: 100%;
		float: none;
	}

	main .banner-content .grid-col-1, main .banner-content .grid-col-2, main .banner-content .grid-col-3, main .banner-content .grid-col-4, main .banner-content .grid-col-5, main .banner-content .grid-col-6, main .banner-content .grid-col-7, main .banner-content .grid-col-8, main .banner-content .grid-col-9, main .banner-content .grid-col-10, main .banner-content .grid-col-11, main .banner-content .grid-col-12 {
		width: 100%;
		float: none;
	}

	.main-content .sidebar-list{
		background: #fff;
	}

	.main-content .sidebar-list ul li{
		border-bottom: solid 1px #eee;
	}

		.main-content. .sidebar-list ul li:last-child{
			border-bottom: none;
		}


		.main-content .sidebar-list ul li a:after{
			font-family: FontAwesome;
			position: absolute;
			top: 0;
			right: 0;
			content: "\f054";
		}

		.main-content .sidebar-list{
			margin-bottom: 0;
		}

			.main-content .sidebar-list ul, .main-content .sidebar-list .sidebar-panel {
				display: none;
			}

			.main-content .sidebar-list h3 {
				background: #fff;
				position: relative;
				border-bottom: none;
				border-radius: 5px;
				cursor: pointer;
			}

			.main-content .sidebar-list h3:after {
				font-family: FontAwesome;
				position: absolute;
				font-size: 20px;
				font-size: 1.25rem;
				top: 10px;
				right: 15px;
				content: "\f078";
			}

		.main-content .sidebar-list.active ul, .main-content .sidebar-list.active .sidebar-panel {
			display: block;
		}

			.main-content .sidebar-list.active h3{
				border-bottom: solid 1px #eee;
				border-radius: 0;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}

				.main-content .sidebar-list.active h3:after {
					content: "\f077";
				}


	#advanced-filtering form .field-group {
	    width: 33%;
	    padding-right: 10px;
    	float: left;
    }

}

/* small tablets, large phones and (min-width: 481px)*/
@media only screen and (max-width : 640px) {
	main .banner.no-content{
		min-height: 150px;
		margin-bottom: 0;
	}

	.nav-button-anchor.user span.nav-button-title, .nav-button-anchor.cart span.nav-button-title, .nav-button-anchor.menu span.nav-button-title {
		display: none;
	}

	.nav-button.user span.nav-button-arrow, .nav-button.cart span.nav-button-arrow, .nav-button.menu span.nav-button-arrow {
		display: none;
	}

	a.user, a.cart, a.menu {
		padding-left: 30px;
	}

	a.user.active:after,
	a.cart.active:after,
	a.menu.active:after{
		display: block;
	}

	main .grid-col{
		padding-left: 0;
		padding-right: 0;
	}

	main .cols-1 .grid-col-1, main .cols-1 .grid-col-2, main .cols-1 .grid-col-3, main .cols-1 .grid-col-4, main .cols-1 .grid-col-5, main .cols-1 .grid-col-6, main .cols-1 .grid-col-7, main .cols-1 .grid-col-8, main .cols-1 .grid-col-9, main .cols-1 .grid-col-10, main .cols-1 .grid-col-11, main .cols-1 .grid-col-12 {
		width: 100%;
	}

	main .cols-1.col-1.fx-xs, main .cols-1.col-1.fx-s, main .cols-1.col-1.fx-m, main .cols-1.col-1.fx-l, main .cols-1.col-1.fx-xl, main .cols-1.col-1.fl-xs, main .cols-1.col-1.fl-s, main .cols-1.col-1.fl-m, main .cols-1.col-1.fl-l, main .cols-1.col-1.fl-xl, main .cols-1.col-1{
		padding-bottom: 15px;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
}

@media only screen and (max-width : 568px) {

	/* ratchet down header sizes, and up size normal text */
	h1, .h1 {
		font-size: 30px;
		font-size: 1.875rem
	}

	h2, .h2 {
		font-size: 26px;
		font-size: 1.625rem;
	}

	h4, .h4 {
		font-size: 16px;
		font-size: 1rem;
	}

	body {
		font-size: 16px;
		font-size: 1rem;
	}

	#cartdetail {
		font-size: .875rem;
	}

	#checkoutdetail {
		padding: 5px;
	}

	#checkoutdetail #cartdetail button {
		margin: 0;
	}

	#checkoutdetail #cartdetail .row-left {
		width: 40px;
	}

		#checkoutdetail #cartdetail .row-left.with-item-image{
			width: 80px;
		}

	#checkoutdetail #cartdetail .checkout-final .row-left{
		width: 40px;
	}

	#checkoutdetail #cartdetail .row img {
		max-width: 40px;
		max-height: 40px;
	}

	#checkoutdetail #cartdetail .row-right {
		margin-left: 40px;
	}
		#checkoutdetail #cartdetail .row-right.with-item-image{
			margin-left: 80px;
		}

	#checkoutdetail #cartdetail .checkout-final .row-right{
		margin-left: 50px; /* 10 px space */
	}

	#checkoutdetail #cartdetail .row .row-info {
		width: 100%;
	}

		#checkoutdetail #cartdetail .row .itemnumber, #checkoutdetail #cartdetail .row .description {
			width: 100%;
		}

	#checkoutdetail #cartdetail .row-quantity {
		/* width: 100%; */
	}

	#checkoutdetail #cartdetail .row-pricing {
		/* width: 100%; */
		/* float: left; */
	}
		#checkoutdetail #cartdetail .row .price,
		#checkoutdetail #cartdetail .row .uom,
		#checkoutdetail #cartdetail .row .extension,
		#checkoutdetail #cartdetail .row .quantity {
			width: auto;
			text-align: left;
		}

		#checkoutdetail #cartdetail .row .extension {
			font-weight: bold;
		}

	.checkoutfinal .halfcolumn, .checkoutfinal .caption, .checkoutfinal .data{
		display: block;
		width: 100%;
	}

	.checkout-totals .checkout-totals-label{
		padding-right: 5px;
	}

	.checkout-totals .checkout-totals-amount{
		width: auto;
	}


	ul.mobile-panel li {
		font-size: 16px;
		font-size: 1rem;
	}

	main .banner .banner-content, header .header-inner, main .main-content{
		padding: 10px;
	}

	header .header-inner{
		padding: 5px;
	}

	.masthead {
		padding-bottom: 5px;
	}

	#catalogsearch label{
		display: none;
	}

	ul.mobile-panel #cartdetail .row{
		white-space: normal;
	}

	#item .associated-items .associated-item-text{
		margin-left: 110px;
	}

	#item .associated-items .associated-item-info{
		float: none;
		margin-bottom: 10px;
		margin-left: 0;
	}

	#item .associated-items .associated-item-pricing{
		margin-left: 0;
		display: block;
		float: none;
	}

	form legend{
 		/* padding-bottom: 10px; */
	}

	form .field-group{
		padding-bottom: 8px;
	}

		form .field-group .field-error{
			display: inline;
			float: none;
			width: auto;
			white-space: nowrap;
			padding-left: 0;
			padding-top: 2px;
		}

		form .field-group .field-error.long, form .field-group .field-error.std, form .field-group .field-error.med, form .field-group .field-error.short, form .field-group .field-error.tiny{
				width: auto;
		}

		form .field-group label {
			float: none;
			width: 100%;
			text-align: left;
			/* font-size: 16px;
			font-size: 1rem; */
			line-height: 1.1;
			padding-right: 0;
			padding-bottom: 2px;
		}

			form .field-group label.checkbox{
				float: left;
				width: auto;
			}

		form .field-group.checkbox label {
			padding-right: 15px;
		}

		form .field-group input, form .field-group select, form .field-group textarea{
			width: 92%;
			margin: 0;
			margin-right: 5px;
		}

		form .field-group input.long, form .field-group select.long, form .field-group textarea.long,form .field-group input.std, form .field-group select.std, form .field-group textarea.std,form .field-group input.med, form .field-group select.med, form .field-group textarea.med,form .field-group input.short, form .field-group select.short, form .field-group textarea.short,form .field-group input.tiny, form .field-group select.tiny, form .field-group textarea.tiny{
				width: 92%;
		}

		#checkout .cctypes {
		    margin-left: 0;
		    text-align: center;
		}

		form .field-group button {
			margin-left: auto;
			margin-right: auto;
		}

		#checkout .ui-selectmenu-button {
			float: left;
			text-align: left;
			width: 92% !important;
			margin: 0;
			margin-right: 5px;
		}

		form .field-group .field-help-text{
			margin: 0;
			width: 100%;
		}

	#dialog-document #dialog-content .block.half-left {
		width: 100%;
		float: none;
	}

	#dialog-document #dialog-content .block.half-right {
		width: 100%;
		margin: 0;
		float: none;
	}

	.page-myaccount .column{
		width: 100%;
		margin: 0;
		float: none;
	}

	#advanced-filtering form .field-group {
	    width: 50%;
    }

    #advanced-filtering #af-wrapper{
		display: none;
	}

		#advanced-filtering .title {
			background: #fff;
			position: relative;
			padding: 5px;
			border: solid 1px #ddd;
			border-radius: 5px;
			cursor: pointer;
		}

			#advanced-filtering .title:after {
				font-family: FontAwesome;
				position: absolute;
				font-size: 20px;
				font-size: 1.25rem;
				top: 5px;
				right: 5px;
				content: "\f078";
			}

				#advanced-filtering .title.active:after {
					content: "\f077";
				}

}

@media only screen and (max-width : 480px) {

	#checkoutdetail #cartdetail .row-quantity {
		width: 100%;
	}

	#checkoutdetail #cartdetail .row-pricing {
		width: 100%;
	}

		#checkoutdetail #cartdetail .row .uom{
			display: none;
		}

	#checkout .cctypes img {
		width: 60px;
	}

	#ui-datepicker-div{
		box-sizing: border-box;
		width: 92%;
	}

	.ui-tabs .ui-tabs-nav li{
		width: 100%;
	}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
		width: 100%;
	}

	.page-myaccount .toggle{
		display: block;
	}
}

@media only screen and (max-width : 320px) {

	#item .associated-items .associateditemthumb{
		display: block;
		width: 100%;
		float: none;
		text-align: center;
	}

		#item .associated-items .associateditemthumb img {
  			max-width: 150px;
			max-height: 150px;
		}

	#item .associated-items .associated-item-text{
		margin-left: 0;
	}

	#item .associated-items .associated-item-info{
		width: 100%
	}

	#item .associated-items .associated-item-pricing{
		width: 100%;
	}
}

/* Responsive catalog media queries */

@media only screen and (max-width : 1480px) {
	.cols-1 #items .item-block{
		width: 20%;
	}
	.cols-3 #items .item-block{
		width: 25%;
	}

	/* reset nth child borders */
	.cols-1 #items .item-block:nth-child(-n+6),
	.cols-3 #items .item-block:nth-child(-n+5) {
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}
	.cols-1 #items .item-block:nth-child(6n),
	.cols-3 #items .item-block:nth-child(5n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}


	.cols-1 #items .item-block:nth-child(-n+5){
		border-top: none;
	}

	.cols-1 #items .item-block:nth-child(5n){
		border-right: none;
	}

	.cols-3 #items .item-block:nth-child(-n+4){
		border-top: none;
	}

	.cols-3 #items .item-block:nth-child(4n){
		border-right: none;
	}

	.cols-1 #subcategories .category-block{
		width: 14.28%;
	}

	.cols-3 #subcategories .category-block{
		width: 16.66%;
	}

	/* reset nth child borders */
	#subcategories .category-block:nth-child(-n+7){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}
	#subcategories .category-block:nth-child(7n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}

	.cols-1 #subcategories .category-block:nth-child(-n+7){
		border-top: none;
	}
	.cols-1  #subcategories .category-block:nth-child(7n){
		border-right: none;
	}
	.cols-3 #subcategories .category-block:nth-child(-n+6){
		border-top: none;
	}
	.cols-3  #subcategories .category-block:nth-child(6n){
		border-right: none;
	}

}

@media only screen and (max-width : 1280px) {
	.cols-1 #items .item-block{
		width: 25%;
	}
	.cols-3 #items .item-block{
		width: 33.3%;
	}

	/* reset nth child borders */
	.cols-1 #items .item-block:nth-child(-n+6),
	.cols-1 #items .item-block:nth-child(-n+5),
	.cols-3 #items .item-block:nth-child(-n+5),
	.cols-3 #items .item-block:nth-child(-n+4){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}

	.cols-1 #items .item-block:nth-child(6n),
	.cols-1 #items .item-block:nth-child(5n),
	.cols-3 #items .item-block:nth-child(5n),
	.cols-3 #items .item-block:nth-child(4n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}

	.cols-1 #items .item-block:nth-child(-n+4){
		border-top: none;
	}

	.cols-1 #items .item-block:nth-child(4n){
		border-right: none;
	}

	.cols-3 #items .item-block:nth-child(-n+3){
		border-top: none;
	}

	.cols-3 #items .item-block:nth-child(3n){
		border-right: none;
	}

	.cols-1 #subcategories .category-block{
		width: 16.66%;
	}

	.cols-3 #subcategories .category-block{
		width: 20%;
	}

	/* reset nth child borders */
	.cols-1 #subcategories .category-block:nth-child(-n+7),
	.cols-3 #subcategories .category-block:nth-child(-n+6){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}
	.cols-1 #subcategories .category-block:nth-child(7n),
	.cols-3 #subcategories .category-block:nth-child(6n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}

	.cols-1 #subcategories .category-block:nth-child(-n+6){
		border-top: none;
	}
	.cols-1 #subcategories .category-block:nth-child(6n){
		border-right: none;
	}
	.cols-3 #subcategories .category-block:nth-child(-n+5){
		border-top: none;
	}
	.cols-3 #subcategories .category-block:nth-child(5n){
		border-right: none;
	}
	/* list view */
	#items .item-row .pricing{
		width: 24%;
	}

	#items .item-row .addtocart{
		width: 37%;
	}

	#items .item-row .addmssg{
		width: 37%;
	}
}

@media only screen and (max-width : 980px) {

	.cols-1 #items .item-block{
		width: 33.33%;
	}
	.cols-3 #items .item-block{
		width: 50%;
	}

	/* reset nth child borders */
	.cols-1 #items .item-block:nth-child(-n+6),
	.cols-1 #items .item-block:nth-child(-n+5),
	.cols-1 #items .item-block:nth-child(-n+4),
	.cols-3 #items .item-block:nth-child(-n+5),
	.cols-3 #items .item-block:nth-child(-n+4),
	.cols-3 #items .item-block:nth-child(-n+3){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}

	.cols-1 #items .item-block:nth-child(6n),
	.cols-1 #items .item-block:nth-child(5n),
	.cols-1 #items .item-block:nth-child(4n),
	.cols-3 #items .item-block:nth-child(5n),
	.cols-3 #items .item-block:nth-child(4n),
	.cols-3 #items .item-block:nth-child(3n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}

	.cols-1 #items .item-block:nth-child(-n+3){
		border-top: none;
	}

	.cols-1 #items .item-block:nth-child(3n){
		border-right: none;
	}

	.cols-3 #items .item-block:nth-child(-n+2){
		border-top: none;
	}

	.cols-3 #items .item-block:nth-child(2n){
		border-right: none;
	}

	.cols-1 #subcategories .category-block{
		width: 20%;
	}

	.cols-3 #subcategories .category-block{
		width: 25%;
	}

	/* reset nth child borders */
	.cols-1 #subcategories .category-block:nth-child(-n+7),
	.cols-1 #subcategories .category-block:nth-child(-n+6),
	.cols-3 #subcategories .category-block:nth-child(-n+6),
	.cols-3 #subcategories .category-block:nth-child(-n+5){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}
	.cols-1 #subcategories .category-block:nth-child(7n),
	.cols-1 #subcategories .category-block:nth-child(6n),
	.cols-3 #subcategories .category-block:nth-child(6n),
	.cols-3 #subcategories .category-block:nth-child(5n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}

	.cols-1 #subcategories .category-block:nth-child(-n+5){
		border-top: none;
	}
	.cols-1 #subcategories .category-block:nth-child(5n){
		border-right: none;
	}
	.cols-3 #subcategories .category-block:nth-child(-n+4){
		border-top: none;
	}
	.cols-3 #subcategories .category-block:nth-child(4n){
		border-right: none;
	}

	#item .item-image, #item .item-primary-info{
		border: none;
		border-radius: 0;
		background: transparent;
		margin-bottom: 0;
	}

	.cols-1 #item .item-image{
		width: 60%;
	}

	.cols-1 #item .item-primary-info{
		width: 40%;
	}

	.cols-3 #item .item-image{
		width: 50%;
		/* margin-bottom: 15px; */
	}

	.cols-3 #item .item-primary-info{
		width: 50%;
		/* margin-bottom: 15px; */
	}

/* for list view */
	#items .detail-header {
		display: none;
	}

	#items .item-row .imgcontainer{
	    width: 14%;
    	padding: 7%;
    	float: left;
	}

	#items .item-row .partnumbercontainer{
		width: 85%;
	}

	#items .item-row .textcontainer{
		width: 85%;
	}

	#items .item-row .pricing{
		width: 39%;
	}

	#items .item-row .addtocart{
		width: 59%;
	}

	#items .item-row .addmssg{
		width: 59%;
		margin-left: 40%;
		margin-top: 5px;
	}

	#items .item-row .caption{
		display: inline;
	}

	.cols-1 #item .item-primary-info:after, .cols-3 #item .item-primary-info:after{
		content: '';
		display: block;
		border-left: solid 1px #ddd;
		width: 1px;
		height: 1000px;
		position: absolute;
		left: 0;
		top: 1px;
	}

	#item .flex-wrapper{
		background: #fff;
		border: solid 1px #ddd;
		margin-bottom: 20px;
	}

	#item .item-image .primary-image{
		margin-right: 0;
		padding-right: 0;
		float: none;
	}

	#item .item-image .addtl-images{
		width: auto;
		margin-top: 10px;
		float: none;
	}

		#item .item-image .addtl-images img{
			padding: 0 5px;
			max-width: 60px;
			max-height: 60px;
		}

	.cols-1 #item .item-long-description.master, .cols-3 #item .item-long-description.master {
		border: none;
	}

	.cols-1 #item .associated-items.master, .cols-3 #item .associated-items.master{
		width: 100%;
	}

	.cols-1 #item .item-long-description, .cols-1 #item .item-alternates, .cols-3 #item .item-long-description, .cols-3 #item .item-alternates {
		width: 100%;
	}

	.cols-1 #item .item-details, .cols-1 #item .item-documents, .cols-3 #item .item-details, .cols-3 #item .item-documents{
		width: 100%;
	}

}

@media only screen and (max-width : 768px) {
	/* 3 column layouts for category page - stack columns */
	/* at this point we no longer have floated columns - all linear */
	main .category .cols-3.col-1.fx-xs, main .category .cols-3.col-3.fx-xs,	main .category .cols-3.col-1.fx-s, main .category .cols-3.col-3.fx-s, main .category .cols-3.col-1.fx-m, main .category .cols-3.col-3.fx-m, main .category .cols-3.col-1.fx-l, main .category .cols-3.col-3.fx-l,main .category .cols-3.col-1.fx-xl, main .category .cols-3.col-3.fx-xl, main .category .cols-3.col-1.fl-xs, main .category .cols-3.col-3.fl-xs, main .category .cols-3.col-1.fl-s, main .category .cols-3.col-3.fl-s, main .category .cols-3.col-1.fl-m, main .category .cols-3.col-3.fl-m, main .category .cols-3.col-1.fl-l, main .category .cols-3.col-3.fl-l, main .category .cols-3.col-1.fl-xl, main .category .cols-3.col-3.fl-xl, main .category .cols-3.col-2{
			padding-bottom: 15px;
			padding-left: 0;
			padding-right: 0;
			width: 100%;
	}

	#items .items-header .items-header-left {
  	 	width: 100%;
  	 	border-bottom: solid 1px #ccc;
	}

	#items .items-header .items-header-right {
		margin-left: 0;
 		width: 100%;
  		text-align: left;
	}

	.cols-1 #items .item-block{
		width: 33.33%;
	}

	.cols-3 #items .item-block{
		width: 50%;
	}

	/* reset nth child borders */
	.cols-1 #items .item-block:nth-child(-n+6),
	.cols-1 #items .item-block:nth-child(-n+5),
	.cols-1 #items .item-block:nth-child(-n+4),
	.cols-1 #items .item-block:nth-child(-n+3),
	.cols-3 #items .item-block:nth-child(-n+5),
	.cols-3 #items .item-block:nth-child(-n+4),
	.cols-3 #items .item-block:nth-child(-n+3),
	.cols-3 #items .item-block:nth-child(-n+2){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}

	.cols-1 #items .item-block:nth-child(6n),
	.cols-1 #items .item-block:nth-child(5n),
	.cols-1 #items .item-block:nth-child(4n),
	.cols-1 #items .item-block:nth-child(3n),
	.cols-3 #items .item-block:nth-child(5n),
	.cols-3 #items .item-block:nth-child(4n),
	.cols-3 #items .item-block:nth-child(3n),
	.cols-3 #items .item-block:nth-child(2n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}

	/* borders */
	.cols-1 #items .item-block:nth-child(-n+3), .cols-3 #items .item-block:nth-child(-n+2){
		border-top: none;
	}

	.cols-1 #items .item-block:nth-child(3n), .cols-3 #items .item-block:nth-child(2n){
		border-right: none;
	}

	.cols-1 #subcategories .category-block{
		width: 20%;
	}

	.cols-3 #subcategories .category-block{
		width: 33%;
	}

	/* reset nth child borders */
	.cols-1 #subcategories .category-block:nth-child(-n+7),
	.cols-1 #subcategories .category-block:nth-child(-n+6),
	.cols-1 #subcategories .category-block:nth-child(-n+5),
	.cols-3 #subcategories .category-block:nth-child(-n+6),
	.cols-3 #subcategories .category-block:nth-child(-n+5),
	.cols-3 #subcategories .category-block:nth-child(-n+4){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}
	.cols-1 #subcategories .category-block:nth-child(7n),
	.cols-1 #subcategories .category-block:nth-child(6n),
	.cols-1 #subcategories .category-block:nth-child(5n),
	.cols-3 #subcategories .category-block:nth-child(6n),
	.cols-3 #subcategories .category-block:nth-child(5n),
	.cols-3 #subcategories .category-block:nth-child(4n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}

	.cols-1 #subcategories .category-block:nth-child(-n+5), .cols-3 #subcategories .category-block:nth-child(-n+3){
		border-top: none;
	}
	.cols-1  #subcategories .category-block:nth-child(5n), .cols-3  #subcategories .category-block:nth-child(3n){
		border-right: none;
	}


	.cols-1 #item .item-image{
		width: 55%;
		padding: 10px;
	}

	.cols-1 #item .item-primary-info{
		width: 45%;
		padding: 10px;
	}

	.cols-3 #item .item-image, .cols-3 #item .item-primary-info{
		width: 100%;
	}

	.cols-3 #item .item-primary-info:after{
		border-left: none;
		width: 0;
		height: 0;
	}
/*
	.cols-1 #item .item-long-description, .cols-1 #item .item-alternates {
		width: 60%;
		padding: 10px;
		margin-bottom: 15px;
	}
*/
	.cols-1 #item .item-long-description, .cols-1 #item .item-alternates, .cols-3 #item .item-long-description, .cols-3 #item .item-alternates {
		width: 100%;
	}
/*
	.cols-1 #item .item-details, .cols-1 #item .item-documents{
		width: 37.5%;
		padding: 10px;
		margin-bottom: 15px;
	}
*/
	.cols-1 #item .item-details, .cols-1 #item .item-documents, .cols-3 #item .item-details, .cols-3 #item .item-documents{
		width: 100%;
	}

	.cols-1 #item .item-addtl-images img{
		padding: 0 2px;
		max-width: 50px;
		max-height: 50px;
	}

	#item .add-to-cart fieldset {
		padding: 10px;
	}
}

@media only screen and (max-width : 640px) {

	.cols-1 #items .item-block, .cols-3 #items .item-block{
		width: 50%;
	}
	/* reset nth child borders */
	.cols-1 #items .item-block:nth-child(-n+6),
	.cols-1 #items .item-block:nth-child(-n+5),
	.cols-1 #items .item-block:nth-child(-n+4),
	.cols-1 #items .item-block:nth-child(-n+3),
	.cols-3 #items .item-block:nth-child(-n+5),
	.cols-3 #items .item-block:nth-child(-n+4),
	.cols-3 #items .item-block:nth-child(-n+3),
	.cols-3 #items .item-block:nth-child(-n+2){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}

	.cols-1 #items .item-block:nth-child(6n),
	.cols-1 #items .item-block:nth-child(5n),
	.cols-1 #items .item-block:nth-child(4n),
	.cols-1 #items .item-block:nth-child(3n),
	.cols-3 #items .item-block:nth-child(5n),
	.cols-3 #items .item-block:nth-child(4n),
	.cols-3 #items .item-block:nth-child(3n),
	.cols-3 #items .item-block:nth-child(2n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}

	.cols-1 #items .item-block:nth-child(-n+2), .cols-3 #items .item-block:nth-child(-n+2){
		border-top: none;
	}

	.cols-1 #items .item-block:nth-child(2n), .cols-3 #items .item-block:nth-child(2n){
		border-right: none;
	}

	.cols-1 #subcategories .category-block, .cols-3 #subcategories .category-block{
		width: 25%;
	}

	/* reset nth child borders */
	.cols-1 #subcategories .category-block:nth-child(-n+7),
	.cols-1 #subcategories .category-block:nth-child(-n+6),
	.cols-1 #subcategories .category-block:nth-child(-n+5),
	.cols-3 #subcategories .category-block:nth-child(-n+6),
	.cols-3 #subcategories .category-block:nth-child(-n+5),
	.cols-3 #subcategories .category-block:nth-child(-n+4){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}
	.cols-1 #subcategories .category-block:nth-child(7n),
	.cols-1 #subcategories .category-block:nth-child(6n),
	.cols-1 #subcategories .category-block:nth-child(5n),
	.cols-3 #subcategories .category-block:nth-child(6n),
	.cols-3 #subcategories .category-block:nth-child(5n),
	.cols-3 #subcategories .category-block:nth-child(4n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}

	.cols-1 #subcategories .category-block:nth-child(-n+4), .cols-3 #subcategories .category-block:nth-child(-n+4){
		border-top: none;
	}
	.cols-1  #subcategories .category-block:nth-child(4n), .cols-3  #subcategories .category-block:nth-child(4n){
		border-right: none;
	}
/* for list view */

	#items .item-row-left, #items .item-row-right{
		width: 100%;
		float: none;
		margin: 0;
	}

	#items .item-row .imgcontainer {
    	width: 10%;
    	padding: 5%;
    	float: left;
    }

	#items .item-row .partnumbercontainer{
		width: 29%;
	}

	#items .item-row .textcontainer{
		width: 59%;
		margin: 0;
	}

	#items .item-row-right{
		width: 89%;
		float: right;
	}

	#items .item-row .pricing{
		width: 32%;
	}

	#items .item-row .addtocart{
		width: 36%;
	}

	#items .item-row .addmssg{
		width: 30%;
		margin: 0;
	}

	.cols-1 #item .item-image, .cols-3 #item .item-image{
		width: 50%;
		padding: 10px;
	}

	.cols-1 #item .item-primary-info, .cols-3 #item .item-primary-info{
		width: 50%;
		padding: 10px;
	}

	.cols-3 #item .item-primary-info:after{
		content: '';
		display: block;
		border-left: solid 1px #ddd;
		width: 1px;
		height: 1000px;
		position: absolute;
		left: 0;
		top: 1px;
	}

	.cols-1 #item .item-long-description, .cols-1 #item .item-alternates, .cols-3 #item .item-long-description, .cols-3 #item .item-alternates {
		width: 100%;
	}

	.cols-1 #item .item-details, .cols-1 #item .item-documents, .cols-3 #item .item-details, .cols-3 #item .item-documents{
		width: 100%;
	}

	#item .item-addtl-images img{
		max-width: 35px;
		max-height: 35px;
	}

	#item .add-to-cart fieldset {
		padding: 5px;
	}

	#item .add-to-cart input, #item .add-to-cart button {
		font-size: 1rem;
    	height: 30px;
	}

}

@media only screen and (max-width : 568px) {
/* for list view */

	#items .item-row .partnumbercontainer{
		width: 35%;
	}

	#items .item-row .textcontainer{
		width: 63%;
		margin: 0;
	}

	#items .item-row .pricing{
		width: 35%;
	}

	#items .item-row .addtocart{
		width: 63%;
	}

	#items .item-row .addmssg{
		width: 63%;
		margin-left: 35%;
		margin-top: 5px;
	}
}

@media only screen and (max-width : 480px) {


	#breadcrumb ul li {
		font-size: 14px;
		font-size: .875rem;
	}

	.cols-1 #items .item-block, .cols-3 #items .item-block{
		width: 100%;
		text-align: left;
	}

	/* reset nth child borders */
	.cols-1 #items .item-block:nth-child(-n+6),
	.cols-1 #items .item-block:nth-child(-n+5),
	.cols-1 #items .item-block:nth-child(-n+4),
	.cols-1 #items .item-block:nth-child(-n+3),
	.cols-3 #items .item-block:nth-child(-n+5),
	.cols-3 #items .item-block:nth-child(-n+4),
	.cols-3 #items .item-block:nth-child(-n+3),
	.cols-3 #items .item-block:nth-child(-n+2){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}

	.cols-1 #items .item-block:nth-child(6n),
	.cols-1 #items .item-block:nth-child(5n),
	.cols-1 #items .item-block:nth-child(4n),
	.cols-1 #items .item-block:nth-child(3n),
	.cols-3 #items .item-block:nth-child(5n),
	.cols-3 #items .item-block:nth-child(4n),
	.cols-3 #items .item-block:nth-child(3n),
	.cols-3 #items .item-block:nth-child(2n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}

	.cols-1 #items .item-block:nth-child(1), .cols-3 #items .item-block:nth-child(1){
		border-top: none;
	}

	.cols-1 #items .item-block:nth-child(n), .cols-3 #items .item-block:nth-child(n){
		border-right: none;
	}


	#items .item-block .imgcontainer, #featured-items .item-block .imgcontainer {
		width: 40%;
  		padding: 20%;
  		margin: 0 0 5px 0;
  		float: left;
	}

	#items .item-block .itemsinfo, #featured-items .item-block .itemsinfo {
		position: relative;
		box-sizing: border-box;
		margin-left: 40%;
		padding-left: 15px;
	}
	#items .item-block .partnumbercontainer, #featured-items .item-block .partnumbercontainer,
	#items .item-block .title, #featured-items .item-block .title,
	#items .item-block .pricing, #featured-items .item-block .pricing,
	#items .item-block .addtocart, #featured-items .item-block .addtocart,
	#items .item-block .addmssg, #featured-items .item-block .addmssg{
		height: auto;
		padding: 0 0 10px 0;
		margin: 0;
		width: auto;
		border: none;
	}

	#items .item-block .title, #featured-items .item-block .title {
		font-size: 16px;
		font-size: 1rem;
		font-weight: normal;
	}

	.cols-1 #subcategories .category-block, .cols-3 #subcategories .category-block{
		width: 100%;
	}

	#subcategories .category-block:last-child:after{
		width: auto;
		height: auto;
		border: none;
		top: 50%;
		right: 10px;
		left: auto;
		content: "";
	}

	#subcategories .category-block .imgcontainer{
		width: 15%;
		max-width: 55px;
		max-height: 55px;
		padding: 7.5%;
		margin: 0;
		float: left;
	}

	#subcategories .category-block .textcontainer{
		position: relative;
		box-sizing: border-box;
		width: auto;
		text-align: left;
		margin-left: 15%;
		padding: 0;
	}

		#subcategories .category-block .textcontainer h3{
			font-size: 16px;
			font-size: 1rem;
			font-weight: normal;
			line-height: 1.3;
			margin: 0;
		}

			#subcategories .category-block .textcontainer h3 a{
				display: block;
				padding: 0 20px 0 15px;
			}

				#subcategories .category-block .textcontainer h3 a:after{
					width: auto;
					height: auto;
					border: none;
					font-family: FontAwesome;
					font-size: 20px;
					font-size: 1.25rem;
					position: absolute;
					top: 50%;
					right: 0;
					content: "\f054";
					margin-top: -12px;
				}

	/* reset nth child borders */
	.cols-1 #subcategories .category-block:nth-child(-n+7),
	.cols-1 #subcategories .category-block:nth-child(-n+6),
	.cols-1 #subcategories .category-block:nth-child(-n+5),
	.cols-3 #subcategories .category-block:nth-child(-n+6),
	.cols-3 #subcategories .category-block:nth-child(-n+5),
	.cols-3 #subcategories .category-block:nth-child(-n+4){
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
	}
	.cols-1 #subcategories .category-block:nth-child(7n),
	.cols-1 #subcategories .category-block:nth-child(6n),
	.cols-1 #subcategories .category-block:nth-child(5n),
	.cols-3 #subcategories .category-block:nth-child(6n),
	.cols-3 #subcategories .category-block:nth-child(5n),
	.cols-3 #subcategories .category-block:nth-child(4n){
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #ddd;
	}
	.cols-1 #subcategories .category-block:nth-child(1), .cols-3 #subcategories .category-block:nth-child(1){
		border-top: none;
	}
	.cols-1  #subcategories .category-block:nth-child(n), .cols-3  #subcategories .category-block:nth-child(n){
		border-right: none;
	}

/* for list view */
	#items .item-row .partnumbercontainer{
		width: 100%;
	}

	#items .item-row .textcontainer{
		width: 100%;
	}

	#items .item-row .pricing{
		width: 35%;
	}

	#items .item-row .addtocart{
		width: 63%;
	}

	#items .item-row .addmssg{
		width: 63%;
		margin-left: 35%;
	}

	.cols-1 #item .item-image, .cols-3 #item .item-image{
		width: 100%;
	}

	.cols-1 #item .item-primary-info, .cols-3 #item .item-primary-info{
		width: 100%;
	}

		.cols-1 #item .item-primary-info:after, .cols-3 #item .item-primary-info:after{
			border-left: none;
			width: 0;
			height: 0;
		}

/*
	.cols-1 #item .item-long-description, .cols-1 #item .item-alternates, .cols-3 #item .item-long-description, .cols-3 #item .item-alternates {
		width: 100%;
	}

	.cols-1 #item .item-details, .cols-1 #item .item-documents, .cols-3 #item .item-details, .cols-3 #item .item-documents{
		width: 100%;
	}
*/
	.cols-1 #item .item-image .addtl-images img, .cols-3 #item .item-image .addtl-images img{
		max-width: 50px;
		max-height: 50px;
	}

}

@media only screen and (max-width : 320px) {

	#items .item-block .imgcontainer, #featured-items .item-block .imgcontainer {
		width: 35%;
  		padding: 17.5%;
	}

	#items .item-block .itemsinfo, #featured-items .item-block .itemsinfo {
		margin-left: 35%;
		padding-left: 10px;
	}

	#items .item-block .partnumbercontainer, #featured-items .item-block .partnumbercontainer,
	#items .item-block .title, #featured-items .item-block .title,
	#items .item-block .pricing, #featured-items .item-block .pricing,
	#items .item-block .addtocart, #featured-items .item-block .addtocart,
	#items .item-block .addmssg, #featured-items .item-block .addmssg{
		padding-bottom: 5px;
	}

}

/* fix length of scrollable masthead divs based on screen height */
@media only screen and (min-width : 570px) and (min-height : 981px) {
	.navbar-flyout{
		max-height: 800px;
	}
	#cartdetail{
		max-height: 700px;
	}
}

@media only screen and (min-width : 570px) and (max-height : 980px) {
	.navbar-flyout{
		max-height: 710px;
	}
	#navbar-flyout-cart #cartdetail{
		max-height: 600px;
	}
}


@media only screen and (min-width : 570px) and (max-height : 768px) {
	.navbar-flyout{
		max-height: 530px;
	}
	#navbar-flyout-cart #cartdetail{
		max-height: 420px;
	}

}

@media only screen and (min-width : 570px) and (max-height : 640px) {
	.navbar-flyout{
		max-height: 370px;
	}
	#navbar-flyout-cart #cartdetail{
		max-height: 260px;
	}
}

@media only screen and (min-width : 570px) and (max-height : 480px) {
	.navbar-flyout{
		max-height: 250px;
	}
	#navbar-flyout-cart #cartdetail{
		max-height: 150px;
	}
}

@media only screen and (min-width : 570px) and (max-height : 320px) {
	.navbar-flyout{
		max-height: 220px;
	}
	#navbar-flyout-cart #cartdetail{
		max-height: 115px;
	}
}