/* ---- Start Responsive and MediaQueries ------*/


/* MAIN CONTAINER */

.wrap { 
	margin: 0 auto;
	padding:0 1rem;
}


/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }

/* DEFAULT ROW STYLES */
.row { margin-bottom: 0em; } /* set according to preference*/

							  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float:left;
	width: 100%;
}

@media only screen and (min-width: 768px) {

	.col {
		margin-left: 2%;
	}
	
	/* RESET MARGINS */
	.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
	
	.span_1 { width: 2.25%; }
	.span_2 { width: 6.5%; }
	.span_3 { width: 10.75%; }
	.span_4 { width: 15.0%; }
	.span_5 { width: 19.25%; }
	.span_6 { width: 23.5%; }
	.span_7 { width: 27.75%; }
	.span_8 { width: 32.0%; }
	.span_9 { width: 36.25%; }
	.span_10 { width: 40.5%; }
	.span_11 { width: 44.75%; }
	.span_12 { width: 49.0%; }
	.span_13 { width: 53.25%; }
	.span_14 { width: 57.5%; }
	.span_15 { width: 61.75%; }
	.span_16 { width: 66.0%; }
	.span_17 { width: 70.25%; }
	.span_18 { width: 74.5%; }
	.span_19 { width: 78.75%; }
	.span_20 { width: 83.0%; }
	.span_21 { width: 87.25%; }
	.span_22 { width: 91.5%; }
	.span_23 { width: 95.75%; }
	.span_24 { width: 100%; }



	.sidebar {
		width: 28.425%;
		padding-left: 6.075%;
		margin-left: 0;
	}
	.content.span_14 {
		width: 65.5%;
		margin-left: 0;
	}
	.content.span_24 {
		width: 100%;
		margin-left: 0;
	}

	.homeslide.span_12 { width: 49.0%; }
	.homeslide.span_12.one { margin-left: 0; }

}
@media only screen and (max-width: 650px) {
	.logobarcontainer {
		text-align: left;
	}
	.logo {
		float: none;
		clear: both;
	}
	.logo .menulogo {
		margin: 0 auto;
		height: 26px;
		width: auto;
		padding: 1rem 0;
	}

	.logobarcontainer .contact,
	.searchbutton {
		margin: 1.325rem 0rem 0 .3rem;
		display: block;
		float: left;
	}

	.homeslide.col { margin-left: 2%; }
	.homeslide.span_12 { width: 49.0%; }
	.homeslide.span_12.one { margin-left: 0; }
	.moduletable.homepage.homedivisions  {
		width: 100%;
		border-radius:0;
	}
	.custom.homepage.homedivisions {
		padding:.5rem;
		text-align: center;
	}
		.moduletable.homepage.homedivisions div:first-child {
			text-align: center;
		}
		.moduletable.homepage.homedivisions img {
			margin: 0 0 .5rem 0;
			width: 60%;
			height: auto;
		}
			.moduletable.homepage.homedivisions li:not(:first-child) {
				display: none;
			}
			.moduletable.homepage.homedivisions li:first-child > a {
				font-size: 80%;
				margin: 0 0 0 0;
				padding: .15rem .5rem;
			}


}

@media only screen and (min-width: 651px) and (max-width : 1023px) {
	.homeslide.col { margin-left: 2%; }
	.homeslide.span_12 { width: 49.0%; }
	.homeslide.span_12.one { margin-left: 0; }
	.moduletable.homepage.homedivisions  {
		width: 80%;
	}
	.moduletable.homepage.homedivisions li:not(:first-child) {
		display: none;
	}
	.moduletable.homepage.homedivisions li:first-child > a {
		margin: 0 0 0 0;
	}
	.moduletable.homepage.homedivisions img {
		width: 80%;
		height: auto;
		margin: 0 0 1rem 0;
	}
	.searchbutton {
		float: right;
	}
}

@media only screen and (max-width: 767px) {
	.mainmenu li.parent,
	.footerlocations,
	.sidebar {
		display: none;
	}
	.footerinfo {
		background: #f3f3f3;
		width: 100%;
		padding: 1rem 0;
	}
	.mainmenu {
		margin: 0;
	}
	.mainmenu li:not(.parent) {
		display: block;
		width: 100%;
	}	
	.mainmenu li:not(.parent) a {
		margin: 0 auto;
		padding: 0;
	}
	footer {
		text-align: center; 
	}
	.sidebarcontact {
		display: none;
	}

	.moduletable.homepage.buttons {
		display: block;
		width: 100%;
		clear: both;
		margin:0 0 1.5rem 0;
		height: 4rem;
	}
}
@media only screen and (max-width: 850px) {
	.logobarcontainer {
		border-top:15px solid #003471;
	}
	.divisionbar,
	#mod-finder-searchform  {
		display: none;
	}
	.searchbutton {
		display: block;
	}

	#slide_controls,
	.slide_content a {
		display: none;
	}

}
@media only screen and (max-width: 967px) {
	.companybar {
		margin: 0;
		padding: 0;
		font-size: 0;
		display: none;
	}
	.logobarcontainer {
		padding:0 0 1rem 0; 
	}
}

@media only screen and (max-width: 480px) {
	html {
		font-size:90%;
	}
	
	.ImageRight,
	.ImageLeft,
	.ImageCenter,
	.content img {
		float: none;
		clear: both;
		margin: 1.5rem auto;
		font-size: .8rem;
		line-height: 1.3rem;
		display: block;
	}
	.pull-right.item-image {
		float: none !important;
		width: 100%;
	}
	.pull-right.item-image img,
	.pull-left.item-image img,
	.pull-none.item-image img {
		float: none;
		clear: both;
		margin: 0 auto 2rem;
		display: block;
	}	
	.pull-none.item-image img {
		margin-bottom: 0rem;
		margin-top: 2.5rem;
	}
	.wrap {
		margin:0 auto;
		max-width:35.5rem;	/* (480px-padding/12.8px) */
	}

	.legalmenu li {
		clear: both;
		display: block;
		padding: .5rem 0;
		margin: 0;
	}
	.legalmenu li:first-child {
		border-right: 0;
		padding: .5rem 0 0;
		margin-right: 0;
	}
	.productsaccordion .nn_sliders-toggle-inner {
		line-height: 0px;
	}
	.productsaccordion .nn_sliders-toggle-inner img {
		display: none;
	}
	.productsaccordion a.accordion-toggle.collapsed:after,
	.productsaccordion a.accordion-toggle:after {
		top: 0rem;
	}
	.productsaccordion .accordion-group.panel.active a.accordion-toggle:after {
		top: 0rem;
	}
	.moduletable.homepage.intro {
		padding: 0 0 0 0;
	}	
}
@media only screen and (min-width: 481px) and (max-width : 767px) {
	.wrap {
		margin:0 auto;
		max-width:57.921875rem;	/* (767px-padding/12.8px) */
	}
	.legalmenu li {
		margin: .5rem 0;
	}
	.moduletable.homepage.intro {
		padding: 0 3% 0 15%;
	}
}
@media only screen and (min-width: 768px) {
	.wrap {
		margin:0 auto;
		max-width:64rem;	/* (1180px-padding/16px) */
	}
}


/* ---- End MediaQueries ------*/