/**************RESPONSIVE MEDIA QUERIES****************************************************************************************/


@media(max-width:767px){
	body {
		/*background-color: #fff;
		background-image: none;
		width: 100%;
		max-width: 100% !important;
		background: none;*/
		background-color: #fff;
		color: #333;
		margin: 0;
		padding: 0;
    	min-height: 100%;
		position: relative;
    	top: 0px;
	}

	#Home div#wrapper {
		display: none;
	}

	div#responsive {
		display: block;
		margin: 0;
		max-width: 100% !important;
    	min-height: 100%;
		padding: 0;
		width: 100%;
	}

/*04.09.17 - dlee - JSIRESPONS-32 - add*/
	div#header-container {
		clear:both; 
		margin-bottom:0px;
		width:100%; 
	}

	div#responsive header { 
		/*04.09.17 - dlee - JSIRESPONS-32 - replace background-color: #ee3a42;*/
		background-color:transparent;
		margin: 0; 
		min-height: 35px; 
		padding: 0; 
		width: 100%;
		/*04.09.17 - dlee - JSIRESPONS-32 - add */
		float:left;
		margin-bottom:5px;
		margin-top:-27px;
		position:relative;
		z-index:0;
	}

	div#responsive header div#main-nav { 
		background: transparent;
		/*04.09.17 - dlee - JSIRESPONS-32 - replace margin-top: -5px;*/
		margin-top: -8px;
		margin-left: -5px; 
		float: left;
		padding: 0;
		width:100%; /* 04.09.17 - dlee - JSIRESPONS-32 - add */
		z-index: -1;
	}
	
		@-moz-document url-prefix() {
  			div#responsive header div#main-nav { 
			display: none;
  		}
	}
	
	div#responsive div#div-search { 
		/* 04.09.17 - dlee - JSIRESPONS-32 - replace
		position: absolute;
		top: 1px;
		right: 10px; */
		float:right; 
		margin-right: 10px;
		padding-right: 0; 
		position: relative;
		z-index: 999 !important;
	}

	div#responsive div#div-search div#search-input-container {
		background-color: white;
		/*04.09.17 - dlee - JSIRESPONS-32 - replace border: 1px solid #303e4b;*/
		border: 1px solid #cccccc;
		float: right;
		height: 18px;
		margin-top: 3px;
		padding: 3px;
		width: 200px;
	}

	div#responsive div#div-search div#search-input-container div#search-input-container-L {
		float: left;
		padding-right:10px;
	}

	div#responsive div#div-search div#search-input-container div#search-input-container-L #searchString {
		border: none;
		font-size: 14px;
		height: 18px;
		/*padding-left: 2px;*/
		padding: 0;
		width: 170px;
	}
	
	div#responsive div#div-search div#search-input-container div#search-input-container-M {
		 float: left;
	 }

	div#responsive div#div-search div#search-input-container div#search-input-container-M img {
		cursor: pointer;
		/*04.09.17 - dlee - JSIRESPONS-32 - remove left: -2px;*/
		position: relative;
		top: -1px;
	}
	
	div#search-input-container input {  }
	.stellarnav { width:100%; }

	/*04.09.17 - dlee - JSIRESPONS-32 - removed
	div#responsive #header-logo {
		max-width: 100%;
		max-height: 85px;
	} delete if this should appear below expanded nav*/
	
	div#responsive #header-logo img {
		height: auto !important;
		 /*04.09.17 - dlee - JSIRESPONS-32 - replace
		 margin: 0;
		 max-width: 100%;
		 padding-bottom: 10px;
		 */
		margin: 5px 0 5px 0;
		max-width: 95%;
    	padding-bottom: 0;
		padding-left: 10px;
		clear: both;
	}
	

	div#responsive #carousel-image img {
		height: auto !important;
		max-width: 100%;
		clear: both;
	}

	div#responsive #content-section-1, 
	div#responsive #content-section-2  {
		max-width: 98%;
		margin: 3px auto;
		height: auto !important;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	
	div#responsive #content-section-1 #content-section-1-left, 
	div#responsive #content-section-2 #content-section-2-left {
		max-width:49%;
		height: auto !important;
		margin: 0px;
		padding: 4px;
		display:flex;
		flex-direction:column;
	}
	
	div#responsive #content-section-1 #content-section-1-right, 
	div#responsive #content-section-2 #content-section-2-right {
		display:flex;
		flex-direction:column;
		height: auto !important;
		margin: 0px;
		max-width:49%;
		padding: 4px;
	}

	div#responsive #content-section-1 #content-section-1-left img, 
	div#responsive #content-section-2 #content-section-2-left img,
	div#responsive #content-section-1 #content-section-1-right img, 
	div#responsive #content-section-2 #content-section-2-right img {
	 	max-width: 100%;
		object-fit: contain;	
	}
	
	div#responsive #content-section-text {
		color: #111;
		font-size: 11px;
		font-weight: bold;
		height: auto !important;
		margin: 0;
		max-width: 100%;
		padding: 2px;
		text-align: left;
	}	
	
	div#responsive #content-section-2 #content-section-2-right #content-section-text {
		background-color: #778893; 
		color: #fff; 
	}
	
	div#responsive div#news,
	div#responsive div#pumpfeed {
		background-color: #fff;
		border-top: 1px dotted #c0c5cb;
		height: auto;
		margin: 0;
		padding: 0 0 5px 0;
		max-width: 100%;
	}

	div#responsive div#news div#newshdr,
	div#responsive div#pumpfeed div#pumpheader {
		background-color: #778893;
		color: #fff;
		display: block; 
		float: left; 
		font-size: 16px;
		font-weight: bold;
		margin: 0;
		padding: 5px;
		text-align: left;
		text-transform: uppercase;
		width: 180px;
	}

	div#responsive div#news div#newshdr a,
	div#responsive div#pumpfeed div#pumpheader a {
		color: #fff;
	}
	
	div#responsive div#news div.readmore, 
	div#responsive div#pumpfeed div.readmore {
		float: right;
		font-size: .9em;
		margin-right: 5px;
		margin-top: 0;
		padding: 0;
		text-align: right;
	}
	
	div#responsive div#news div#newscontainer, 
	div#responsive div#pumpfeed div#pumpcontainer {
		clear: both;
		margin: 5px;
	 	max-width: 100%;
	}
	
	div#responsive div#news div#newscontainer div.newsitem, 
	div#responsive div#pumpfeed div#pumpcontainer div.pumpitem {
		clear: both;
		margin: 0;
		padding: 10px 0 0 0;
	}
	
	div#responsive div#news div#newscontainer div.newsitem p.newstitle, 
	div#responsive div#pumpfeed div#pumpcontainer div.pumpitem p.pumptitle {
		font-family: arial, calibri, tahoma;
		font-size: .9em;
		font-weight: normal;
		line-height: 1.25;
		margin: 0;
		padding: 0;
		padding: 0 0 5px 0;
	}	

	div#responsive div#news div#newscontainer div.newsitem p.newstitle a,
	div#responsive div#pumpfeed div#pumpcontainerdiv.pumpitem p.pumptitle {	
		color: #3a75c4;
	}

	div#responsive div#news div#newscontainer div.newsitem p.newstitle a:hover,
	div#responsive div#pumpfeed div#pumpcontainerdiv.pumpitem p.pumptitle:hover {	
		color: #ee3a42;
	}

	div#responsive div#news div#newscontainer div.newsitem p.newstitle a:visited,
	div#responsive div#pumpfeed div#pumpcontainerdiv.pumpitem p.pumptitle:visited {	
		color: #333;
	}

	div#responsive div#tagline-wrapper {
		background-color: transparent;
		height: 150px;
		text-align: center;
	}

	div#responsive div#header-social {
		height: 26px;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	div#responsive div#header-social img {
		height: 25px;
		margin: 0;
		padding: 0 0 0 7px;
	}
	
	div#responsive p#footer-secondary-links {
		font-size: 10px;
		text-align: center;
	}
	
	div#responsive p#footer-secondary-links a:link, 
	div#responsive p#footer-secondary-links a:visited {
		color:#333;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
	}
	
	div#responsive p#footer-secondary-links a:active, 
	div#responsive p#footer-secondary-links a:hover {
		text-decoration: underline;
	}

	div#responsive p#footer-secondary-links2 {
		font-size: 10px;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
	div#responsive p#ff-nav-links {
		font-size: 10px;
		text-align: center;
		margin: 0;
		padding: 0;
		display:none;
	}
	
	div#responsive p#ff-nav-links a:link, 
	div#responsive p#ff-nav-links a:visited {
		color:#333;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
	}
	
	div#responsive p#ff-nav-links a:active, 
	div#responsive p#ff-nav-links a:hover {
		text-decoration: underline;
	}

	@-moz-document url-prefix() { 
		div#responsive p#ff-nav-links { 
			display:block;
  		}
	}	
}


/*@media screen 
  and (min-device-width: 798px) 
  and (-webkit-min-device-pixel-ratio: 1) {

	div#responsive header {
		background-color: #ee3a42;
		border-bottom: 0px;
		margin: 0 auto;
		padding-bottom: 0px;
		padding-top: 15px;
		padding-right: 15px;
		padding-left: 12px;
		max-width: 100%;
	} 
	#wrapper {
		display: block
	}

	div#responsive header { 
		background-color: #ee3a42;
		margin: 0; 
		min-height: 35px; 
		padding: 0; 
		width: 100%; 
	}

	div#responsive div#main-nav { 
		margin-top: -5px; 
		margin-left: -5px; 
		float: left;
		padding: 0;
		position: absolute;
		z-index: -1; 
	}
	
	div#responsive header div#menu ul.menu ul {
		background: #b7c3d3;
		color:#333;
		display: none;
		margin-left: 0px;
		padding-left: 5px;
		display:none;
	}	
		
	div#responsive div#div-search { 
		position: absolute; 
		right: 10px; 
		z-index: 999 !important;
	}

	div#responsive div#div-search div#search-input-container {
		background-color: white;
		border: 1px solid #303e4b;
		float: right;
		height: 18px;
		margin-top: 3px;
		padding: 3px;
		width: 200px;
	}

	div#responsive div#div-search div#search-input-container div#search-input-container-L {
		float:left;
		padding-right:10px;
	}

	div#responsive div#div-search div#search-input-container div#search-input-container-L #searchString {
		border:none;
		font-size:14px;
		height:18px;
		padding-left:2px;
		width:170px;
	}
	
	div#responsive div#div-search div#search-input-container div#search-input-container-M {
		 float:left;
	 }

	div#responsive div#div-search div#search-input-container div#search-input-container-M img {
		cursor:pointer;
		left:-2px; 	
		position:relative;
		top:-1px;
	}
	
	div#search-input-container input {  }
	.stellarnav { width:100%; }


	div#main-nav.stellarnav.light { 
		background: transparent; 
	}

	div#responsive #header-logo img {
		max-width: 100%;
		height: auto !important;
		display:none;
	}

	div#responsive #carousel-image img {
		max-width: 100%;
		height: auto !important;
		display:none;
	}

	div#responsive #content-section-1, 
	div#responsive #content-section-2  {
		max-width: 96%;
		margin:3px auto;
		height: auto !important;
		display:flex;
		flex-direction:row;
		justify-content: space-around;
		display:none;
	}
	
	div#responsive #content-section-1 #content-section-1-left, 
	div#responsive #content-section-2 #content-section-2-left {
		max-width: 100%;
		height: auto !important;
		margin: 0px;
		padding: 4px;
		display:flex;
		flex-direction:column;
		display:none;
	}
	
	div#responsive #content-section-1 #content-section-1-right, 
	div#responsive #content-section-2 #content-section-2-right {
		max-width: 100%;
		height: auto !important;
		margin: 0px;
		padding: 4px;
		display:flex;
		flex-direction:column;
		display:none;
	}

	div#responsive #content-section-1 #content-section-1-left img, 
	div#responsive #content-section-2 #content-section-2-left img,
	div#responsive #content-section-1 #content-section-1-right img, 
	div#responsive #content-section-2 #content-section-2-right img {
	 	max-width: 100%;
		object-fit: contain;	
		display:none;
	}
	
	div#responsive #content-section-text{
		max-width: 100%;
		height: auto !important;
		margin: 0px;
		padding: 2px;
		font-size: 12px;
		text-align: center;
		font-weight: bold;
		display:none;
	}	

	div#responsive div#news, div#pumpfeed{
		border-top: 1px #778893 solid;		
		display:none;
	}

	
	div#responsive div#newshdr, div#pumpheader{
		background-color: #778893;
		color: #fff;
		display:block; 
		float:left; 
		font-size:16px;
		font-weight:bold;
		margin:0;
		padding: 5px;
		text-align: left;
		text-transform: uppercase;
		width:180px;
		display:none;
	}

	div#responsive div#newshdr a, div#pumpheader a{
		color: #fff;
		display:none;
	}
	
	div#responsive div#news div.readmore, div#pumpfeed div.readmore{
		float: right;
		font-size:.9em;
		margin-top: 0px;
		padding: 0px;
		text-align: right;
		display:none;
	}
	
	div#responsive div#newscontainer, div#pumpcontainer {
		clear:both;
		margin-left: 0px;
		margin-right: 0px;
		margin: 2px;
		display:none;
	}
	
	div#responsive div#news div.newsitem p, div#pumpfeed div.pumpitem p {
		border-top: none;
		height: 12px;
		color:#333;
		font-size: .9em;
		margin-left: 2px;
		padding-top: 3px;
		padding-bottom: 3px;
		display:none;
	}
	
	div#responsive div#news div.newsitem p.newstitle , div#pumpfeed  div.pumpitem p.pumptitle{
		color: #3a75c4;
		margin-top: 15px;
		height: 16px;
		font-weight: normal;
		font-family: arial, calibri, tahoma;
		display:none;
	}
	
	
	div#responsive div#tagline-wrapper {
		background-color:transparent;
		height:180px;
		text-align: center;
		display:none;
	}

	div#responsive div#header-social {
		height: 26px;
		margin: 0px;
		padding: 0px 0px 15px 0px;
		text-align: center;
		display:none;
	}
	
	div#responsive div#header-social img {
		height: 25px;
		margin: 0px;
		padding: 0px 0px 0px 7px;
		display:none;
	}
	
	div#responsive p#footer-secondary-links {
		font-size: 11px;
		text-align: center;
		display:none;
	}
	
	div#responsive p#footer-secondary-links a:link, 
	div#responsive p#footer-secondary-links a:visited {
		color:#333;
		font-weight: normal;
		text-decoration: none;
		display:none;
	}
	
	div#responsive p#footer-secondary-links a:active, 
	div#responsive p#footer-secondary-links a:hover {
		text-decoration: underline;
		display:none;
	}

	div#responsive p#footer-secondary-links2 {
		font-size: 9px;
		text-align: center;
		margin: 0px;
		padding: 0px;
		display:none;
	}

}
*/
/*****************************************************************************************************/