@media screen AND (min-width: 998px) {

#wrapper { width:968px;}
#mobileFoot { display:none; }

#header { transition: .25s ease; }
#header_search_elements { width:256px; }
#header_keywords { width:235px; }
#header_search_button { width:24px; }
.small-cart-icon {margin-top: 2px;position: absolute;right: 0px;}


.about-img { margin: 10px 0;}
.aboutList { list-style-image:url(/images/list-blue-square.gif); margin:0 0 3% 5%; padding:0; }
.aboutList span:first-child { width: 50%; float: left; margin:0; }
.aboutList span:last-child{ position: absolute; right: 0;}
.aboutList {position: relative;}
.aboutDivision { float:left; width: 50%; margin-right: 10px; }

	.header_sticky { animation: stickySlideDownHeader .55s ease;  position: sticky!important;position: -webkit-sticky!important;top:0px!important; background:white!important; z-index: 20;height: 50px;margin-bottom: 0!important;}
	.header_sticky .dultmeier-main-logo { transform:scale(.55);height: 44px;position: absolute; transform-origin: left top; top: 6px; }
	.header_sticky .dultmeier-main-logo a{ }
	.header_sticky .h-search{margin-top:16px;position: absolute;left: 18.5%;}
	.header-sticky span.#cart-icon img { margin-top:5px; }
	.header_sticky .mob-h-cart-contact .h-cart-contact { margin-top: 5px; position: absolute;right: 0;}
	.header_sticky #header_contact {margin-top:0px!important; font-size: 10px;}
	.header_sticky #header_contact .fs22{font-size: 18px!important;}
	.header_sticky #header_contact span.mhide {display:none; }
	.header_sticky #header_quickorder {left:15px; top:2px;}
	.header_sticky #header_search p {display: none;}
	.header_sticky #header_welcome {display: none;}
	.sticky { animation: stickySlideDownNav .55s ease;  position: sticky!important; position: -webkit-sticky!important; top:40px!important; }
	
	@keyframes stickySlideDownHeader {
    	0% {transform: translateY(-75%); }
    	100% {transform: translateY(0); }
	}
	@keyframes stickySlideDownNav {
    	0% {transform: translateY(-100%); }
    	100% {transform: translateY(0); }
	}
	@keyframes mfgAnimation {
    	0% {opacity: 0.5 }
    	100% {opacity: 1 }
	}
	
	
/*#navBar {
	border-radius:5px;
	box-shadow:0px 4px 4px rgba(0,0,0,0.25);
	background: rgb(174,175,175);
	background: -moz-linear-gradient(top, rgb(174,175,175) 0%, rgb(138,138,138) 50%, rgb(100,101,101) 51%, rgb(71,71,71) 100%);
	background: -webkit-linear-gradient(top, rgb(174,175,175) 0%,rgb(138,138,138) 50%,rgb(100,101,101) 51%,rgb(71,71,71) 100%);
	background: linear-gradient(to bottom, rgb(174,175,175) 0%,rgb(138,138,138) 50%,rgb(100,101,101) 51%,rgb(71,71,71) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeafaf', endColorstr='#474747',GradientType=0 );
	border:1px solid #818181;
}
#navBar li { height:32px; margin-top:-1px; }
#navBar li a { font-size:14px; padding:0 15px; height:32px; } 
#navBar li ul li a { font-size:12px; }
#navBar li:hover ul { top:32px; }*/

#footerNav { border-top:1px solid #808080; border-bottom:1px solid #808080; padding:20px 0; margin:25px 0 25px 0; }
#footerNav .colA { width:24%; margin-right:2%; }
#footerNav .colB { width:22%; margin-right:2%; }
#footerNav .colC { width:20%; margin-right:2%; }
#footerNav .colD { width:28%; }
#footFeedback {width:100%}

.cart_button { cursor:pointer; }

/* NAVIGATION */

/*.navigation { position:relative; height:40px; z-index:2; width:100% !important; margin-top: 15px;    background-color: #29A3D2; }

.nav-item{z-index: 111;}
.nav-submenu {display: block!important;}	
.nav-item:hover .nav-submenu { visibility: visible; 
							   opacity:1; 
							   transform: translateY(0px);
							   transition: all .25s ease-in-out; }
							   
.nav-submenu-item:hover .nav-submenulevel2 { display:block; }

.nav-submenu { position:absolute; 
			   width:175px; z-index:9; 
			   padding-left: 0; 
			   background-color: #898b8e;
			   visibility: hidden; opacity: 0;
			   z-index: -2;	
			   transform: translateY(-15px); }

.nav-submenu::before { 
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    left: calc(15% - 10px);
    top: -6px;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #a6a6a6 transparent;  }

*/

/* Division animation starts */
.division-shape {position: relative; overflow: hidden; margin: 0 auto; }
.division-zoom {  transition: all 0.35s ease-in-out; }
.division-shape:hover .division-zoom{ transition: all 0.35s ease-in-out; transform: scale(1.1);  }
/* Division animation ends */


.video-box { border: 1px solid #dcdcdc; border-bottom-width: 3px; margin-top: 30px; }
.video-box p, .video-box h3, .video-box a #button {margin: 15px;}*/



}


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


.hide-tablet { display: none }


#header .dultmeier-main-logo {
	width: 18%;
}
.h-search {
	width: 30%;
	margin: 0; margin-top: 14px;
}

#header_search p {
	margin-top: 0;
}
.h-cart-contact {
    width: 52%;
    float: right; margin:0;
}
#header_contact {
    margin-top: 16px !important;
}


/*about us page*/

.about-img { margin: 50px 0;}		
.aboutList { position: relative; list-style-image:url(/images/list-blue-square.gif); margin:10px 0 0 17px; padding:0; font-size: 1.3em; }	
.aboutList span:last-child{ position: absolute; right: 0;}
.aboutList span li{padding-right: 10px;}
	
.about-water-banner { margin-top: 10px; }
.about-career { padding:0 }
.about-career li { list-style: none; margin-right: 30px; font-size: 16px; line-height:25px; }


.small-cart-icon {display:none;}
.navigation { position:relative; z-index:2;border: none; margin:0; padding:0; background: transparent;}


/*#breadCrumbs { font-size:12px; margin-top: 25px;}


#about-main { width:100%; height:347px; position:relative; overflow:hidden; margin:12px 0 5px 0; }
#about-hdr { position:absolute; top:0px; left:0px; width:968px; height:347px; margin:0; padding:0;z-index: -1; }
#about-hdr li { position:absolute; top:0px; left:0px; width:968px; height:347px; }
#about-hdr li .about-main-copy { position:absolute; text-align:left; }
#about-hdr li .about-main-copy h1 { line-height:47px; padding-bottom:34px; } /*this sets the distance to "Our Goal..."*/
/*#about-hdr li .intro { width:50%; top:40px; left:4%; }
#about-hdr li .intro p { width:65%; top:30px; left:4%; line-height:30px;}
	
.aboutList { list-style-image:url(/images/list-blue-square.gif); margin:0 0 0 5%; padding:0; font-size: 1.3em; }	
.aboutList span:first-child { width: 100%;}
.aboutList span{ margin: 0px; }
.aboutList span:last-child{ position: absolute; right: 0;}
.aboutList {position: relative;}

 */
#breadCrumbs { margin-top: 15px;}         
#menu { padding-top:0; width: 100%; }



.open {
	display: block!important;
}

.sticky {
	position: -webkit-sticky; 
 	position: sticky ; 
 	top: 55px;
}   


.navigation ul {
	width:100%; 
	background-color:#888888; 
	padding:0 1%;
}

.nav ul {  
	padding-left:0; 
	padding-right:0; 
}

.nav ul li ul { 
	padding:0; 
	margin:0; 
	border-bottom:1px solid #c4c4c4; 
	width:100%; 
	overflow:hidden;
	border-top:none;
}
.nav-submenu-item { 
	width:102% !important;
}
.nav-submenu-item a { 
	padding:15px 30px !important; c
	color:#fff!important;
	background-color: #a6a6a6; 
	font-size: 15px; 
}
.nav-submenu-item a:hover {  
	color: #fff;
}
.nav-submenulevel2 { 
	margin-top:0; 
}

.nav-mobile { color: #fff;
    display: block;
    font-size: 20px;
    z-index: 10;
    top: 0; height: 0;
    left: 0; }
     
.nav { width:100%; padding:50px 0 0; }
	
.nav-list { 
	display:none;
	position:absolute; 
	width:100%; 
	z-index:5;
	overflow-y:scroll;
	overflow-x:hidden;
    max-height: calc(100vh - 85px);
    z-index:8!important; 
    margin-top: 5px;
    border-top: 1px solid #fff;
}
.nav-item { 
	width:100%!important;
	float:none; 
	border-bottom:1px solid #c4c4c4;
	margin: 0;
	display: block;
	height: auto; 
}
.nav-item a:hover {
	color: #fff!important;
}
.nav-submenu-item { 
	width:100%; 
	float:none; 
	position:relative;
 }
.nav-submenu-item:first-child { 
	border-top: 1px solid #fff; 
}
.submenu-first {
	width:100% !important;
}
.submenu-last {
	width:100% !important;
}
	
.menuitem-first {
	width: auto;
	height: 48px;
	text-align: left;
}
.menuitem-first a {
	display: inline-block !important;
}
	
.menuitem-first img{-webkit-filter: invert(1);
  	filter: invert(1); 
}	
.nav_catalog a {
	width: auto;
	font-size: 14px !important;
	line-height: normal;
}
	
.nav-item > a { background-image:url(../images/submenu-background.png); display:block; font-size: 16px; padding:16px 16px!important; text-align:left; color:#fff!important; height:auto !important; color: #fff; }
.nav-click { display:block; height: 52px;}
.nav-mobile-open { border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;  -moz-border-radius:5px 5px 0 0;	}
.nav-submenu-item:hover .nav-submenulevel2 { display:none; }
.nav-submenu, .nav-submenulevel2 { position:static; width:100%; box-shadow: none; }	
.nav-click i { height: 100%; }
	
.nav_manufacturers .nav-click, .nav_shop .nav-click, .nav_tech .nav-click, .nav_schematic .nav-click {display: none;}	

.nav-submenu {display: none;opacity:1;visibility:visible;}
.navigation { width:100% !important; }		
.dropdown-desktop{display:none;}		
.featured-content{display:none;}
.resources-dropdown-mobile li{width:100%!important; display:none;}		
.nav-submenu-item a {display:block;}
.key-item{display:none;}		
.key-subitem{width:100%;}		
.acolumn{display:block!important;}		
.fcolumn{display: block!important;}		
.kcolumn{display: block!important;}		
.pcolumn{display:block!important;}		
.ucolumn{display:block!important;}		
.a-column{display:block!important;}		
.f-column{display: block!important;}		
.k-column{display: block!important;}		
.p-column{display:block!important;}		
.u-column{display:block!important;}
 	
.nav-click i { height: 100%; }
 
.nav-hamburger {
	 top: -45px;
     position: relative;  
     width: 50px; 
     height: 50px;
     cursor: pointer;  background: rgb(174,175,175);
     background:#29A3D2; 
     /*
	 background: -moz-linear-gradient(top, rgb(174,175,175) 0%, rgb(138,138,138) 50%, rgb(100,101,101) 51%, rgb(71,71,71) 100%);
	 background: -webkit-linear-gradient(top, rgb(174,175,175) 0%,rgb(138,138,138) 50%,rgb(100,101,101) 51%,rgb(71,71,71) 100%);
	 background: linear-gradient(to bottom, rgb(174,175,175) 0%,rgb(138,138,138) 50%,rgb(100,101,101) 51%,rgb(71,71,71) 100%); */ 
	 }
	 
.line { position: absolute;
        border-radius: 5px;
        width: 70%;
        height: 5px;
        background: white;
        margin-left: 15%; }
.line1 { top: 25%; transition: .25s all ease-in-out;  }
.line2 { top: 45%; transition: .25s all ease-in-out;  }
.line3 { top: 65%; transition: .25s all ease-in-out;  }

.x .line1 { top: 45%; 
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg)
		 -o-transform: rotate(45deg);
			transform: rotate(45deg); 
			transition: .25s all ease-in-out;  }

.x .line2 { width: 0; transition: .25s all ease-in-out; }

.x .line3 { top: 45%;  
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg)
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg); 
		    transition: .25s all ease-in-out;  }
		    


.mfgLinks iframe { width:100%; }	

.display-x{
	filter: brightness(1.5);
}
.modal-photo-wrapper {
	width: 748px;
	height:100%;
	top:0;
}
.modal-photo-wrapper .photo-src {
	width:75%
}
.modal-photo-wrapper .display-x {
	top: 10px;
}

.modal-iframe-wrapper {
	width: 748px;
	position: relative;	
}




				
	
}