.category_menu{
width: 103.68%;
position: relative;
left: -21.8px;
max-width: unset !important;


}	
	
.wstabitem02 > li:hover a.product-line {
  color: #b4852d !important; }

.wstabitem02 > li:hover a.hyprene {
  color: #087b38 !important; }

.wstabitem02 > li:hover a.hyvolt {
  color: #6a60a2 !important; }

.wstabitem02 > li:hover a.hyprint {
  color: #00b8e7 !important; }
  
  
.wstabitem02 > li:hover a.base-oils {
  color: black !important; }

.wstabitem02 > li:hover a.process-oils-waxes {
  color: black !important; }

.wstabitem02 > li:hover a.tire-and-rubber-oils {
  color: black !important; }

.wstabitem02 > li:hover a.ink-oils {
  color: black !important; }
  
.wstabitem02 > li:hover a.dielectric-fluids {
  color: black !important; }
 
	
	.wstabitem02 > .wsshoplink-active > a.hygold:after {
  background-color: #b4852d !important;
right: 48% !important;  }

.wstabitem02 > .wsshoplink-active > a.hyprene:after {
  background-color: #087b38 !important;
right: 48%;  }

.wstabitem02 > .wsshoplink-active > a.hyvolt:after {
  background-color: #6a60a2 !important;
right: 48%;  }

.wstabitem02 > .wsshoplink-active > a.hyprint:after {
  background-color: #00b8e7 !important;
right: 48%;  }

.wstabitem02 > .wsshoplink-active > a.base-oils:after {
  background-color: black !important;
right: 48%;  }

.wstabitem02 > .wsshoplink-active > a.process-oils-waxes:after {
  background-color: black !important;
right: 48%;  }

.wstabitem02 > .wsshoplink-active > a.tire-and-rubber-oils:after {
  background-color: black !important;
right: 48%;  }

.wstabitem02 > .wsshoplink-active > a.ink-oils:after {
  background-color: black !important;
right: 48%;  }

.wstabitem02 > .wsshoplink-active > a.dielectric-fluids:after {
  background-color: black !important;
right: 48%;  }

.base-oils-bar {
    position: absolute;
    height: 10px;
    width: 100.1%;
    background-color: black;
    top: 0px;
    left: -1px;
    z-index: 101;
	
	}
	
	.process-oils-waxes-bar {
    position: absolute;
    height: 10px;
    width: 100.1%;
    background-color: black;
    top: 0px;
    left: -1px;
    z-index: 101;
	}
	
	.tire-and-rubber-oils-bar {
    position: absolute;
    height: 10px;
    width: 100.1%;
    background-color: black;
    top: 0px;
    left: -1px;
    z-index: 101;
	}
	
	.ink-oils-bar {
    position: absolute;
    height: 10px;
    width: 100.1%;
    background-color: black;
    top: 0px;
    left: -1px;
    z-index: 101;
	}
	
	.dielectric-fluids-bar {
    position: absolute;
    height: 10px;
    width: 100.1%;
    background-color: black;
    top: 0px;
    left: -1px;
    z-index: 101;
	}

	
	.hygold-bar {
    position: absolute;
    height: 10px;
    width: 100.1%;
    background-color: #b4852d;
    top: 0px;
    left: -1px;
    z-index: 101;
	
	}
	
	.hyprene-bar {
    position: absolute;
    height: 10px;
    width: 100.1%;
    background-color: #087b38;
    top: 0px;
    left: -1px;
    z-index: 101;
	}
	
	.hyvolt-bar {
    position: absolute;
    height: 10px;
    width: 100.1%;
    background-color: #6a60a2;
    top: 0px;
    left: -1px;
    z-index: 101;
	}
	
	.hyprint-bar {
    position: absolute;
    height: 10px;
    width: 100.1%;
    background-color: #00b8e7;
    top: 0px;
    left: -1px;
    z-index: 101;
	}

	
	.wsshoptabing {
		/* top: 92.5px !important;	*/
		/*  remove spacing of mega-menus */
		top: 72px !important;  
	}

	.headertopleft a:hover{
		
		background-color: #eab231;
	}
	
	.wsmenu-list li > .wsmenu-submenu {
		
	/*padding-top: 33px;	*/
		
	}
	
	.short-menu{
		
	display: unset;
	text-align: center;
	
	}
	
	.ergonlogo{
		
	padding-left: 7%;
	
	}
	
	.headertopleft a {
		
	padding: 0 8px;	
		
	}
	
	.header-links{
	
	position: relative;
    /*right: 14px;*/
		
		
	}
	
	.wsmenu {
		
	/*top: -90px;
	padding: 0px 0px 0px 610px;*/
	
	}
	
	.wsmenu-list>li>.navtext {
	
	text-align: center;
	
	padding: 0px 5px 15px !important;
	/*padding-bottom: 34px !important;	*/
	}
	
	.wsmenu-list>li>.navtext>span+span {
    font-size: 12px;
    font-weight: 600;
    color: black;
	}
	
	.ion-search {
		/*position: absolute;
		top: -28.5px;
		right: 288px;
		display: inline !important;*/
		color: #5f5f5f;
		font-size: 15px;
	}
	
	.wstliststy05 li {
		
		line-height: 17px !important;
		
	}
	
	.wstheading {
	
	margin-bottom: 6px;	
		
	}
	
	.paralax-title {
		
	position: relative;
    top: -800px;
    color: white;
    font-size: 50px;
    font-weight: 900;
    text-shadow: 3px 3px black;	
		
	}
	
	.asphaltSearch:hover {
    display: block !important;
}
	.search-container:hover .asphaltSearch {
		display: block !important;
		transition: all 0.5s ease-in-out 3s !important;
	}

	.searchIcon:hover{
		background: none;
	}
	
	.headersocial {
		
	/*margin-left: 300px;*/
    position: relative;
    display: block;
    right: 0px;
	
	}
	
	.asphaltSearch {
		/*position: relative !important;
		top: -115px !important;
		right: -540px !important;
		width: 30% !important;
		display: none !important;*/
		position:absolute;
		width: 30%;
		top: 25px;
		right: -5px;
		display: none;
		min-width: 250px;
	}
	.search-container{
		position: relative;
		align-items: center;
	}
	
	.headertopright{
		padding-left: 35px;
	}

	.headertopleft{
		float: none;
		display: flex;
		flex-direction: row-reverse;
		padding-right: 35px;
		align-items: center;
	}

	.mobileSearch{
		display: none;
	}

	.topmenusearch-results ul{
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.topmenusearch-results ul li{
		padding: 5px;
	}
	
	.topmenusearch-results ul a{
		font-size: 14px;
		float: none;
		line-height: 24px;
		color: #eab231;
		padding: 0;
		display: block;
	}
	
	@media (max-width: 1292px){
		
	.wsmenu {
		
	padding: 0% 0% 0% 47%;
	
	}	
		
		
	}
	
	
	@media (max-width: 1280px){
		
	.ergonlogo{
		
	padding-left: 0%;
	
	}
		
	.ion-search {
	
	top: -16px;
    right: 137px;
		
	}
	
	.ergonlogo {
	
	Padding-left: 0rem;
		
	}
	
	.wsmenu {
		
	padding: 0% 0% 0% 40%;
	
	}
	
	.wsmenu-list>li>a {
		
	
		
	}

		
		
	}
	
	@media  only screen and (max-width: 1278px) {
		
	.category_menu{
	width: 103.8%;
	}
	
	}
	
	@media (max-width: 1208px){
		
	.wsmenu {
		
	padding: 0% 0% 0% 40%;
	
	}	
		
		
	}
	
	@media  only screen and (max-width: 1280px) and (min-width: 1024px){
.wsmain {
	
margin-left: 7%;
	
}




}
	

	@media  only screen and (max-width: 1200px) {
		
	.category_menu{
	width: 104.3%;
	}
	
	.asphaltSearch {
		
		right: -260px !important;
		top: -92px !important;


	}
	
	.ion-search {
	
	
		
	}
	
	
	.wsmenu {
		
	padding: 0% 0% 0% 35%;
	
	}
	
	.wsmenu-list>li>.navtext {
		
	
    
		
	}
	
	.short-menu{
		
	display: unset;
	text-align: center;
	
	}
	
	.wsmenu-list > li {
	
	}






	
	
	}

	@media  only screen and (max-width: 1064px) {
	
	.wsmenu {
		
	padding: 0% 0% 0% 31%;
	
	}
	
	.category_menu{
	width: 104.8%;
	}
	
	
	
	}
	
	@media  only screen and (max-width: 1024px) {
	
	.ion-search {
	
	right: 91px;
	top: -17px;
		
	}
	
	.ergonlogo{
		
	position: relative;
	
	}
	
}
		
	@media (max-width: 991px){
		
	.wsmain{
		flex-direction: column;
	}
	.search-container{
		display: none;
	}


	.mobileSearch{
		display: block;
	}

	.mobileSearch #searchMobile{
		display: flex;
		position: relative;
		width: 100%;

	}

	.menu-links{
		padding:0;
	}
		
	.menu_link{
		
	margin-left: 0% !important;
		
	}
	.wsmenu-click{
		height: 100%;
	}
		
	.category_menu {
    width: 118%;
	}
		
	.base-oils-bar {
    top: -5px;
	
	}
	
	.process-oils-waxes-bar {
    top: -5px;
	}
	
	.tire-and-rubber-oils-bar {
   top: -5px;
	}
	
	.ink-oils-bar {
    top: -5px;
	}
	
	.dielectric-fluids-bar {
    top: -5px;
	}

	
	.hygold-bar {
    top: -5px;
	
	}
	
	.hyprene-bar {
    top: -5px;
	}
	
	.hyvolt-bar {
    top: -5px;
	}
	
	.hyprint-bar {

    top: -5px;

	}
		
	.wstabitem02>li {
		
	width: 108%;
	
		
	}
	
	.wsshoptabing {
	top: unset !important;	
		
	}
		
	.asphaltSearch {
    right: unset !important;
    top: unset !important;
}
		
	.temp-mobile{
	
	display: none !important;
		
	}
		
	.mobile-space{
		
	margin-top: 20px;
	
	}
	
	.menu-bug{
		
	left: 0px !important;
    top: 0px !important;	
		
	}
		
		
	.wsmenu-list .wsshoptabing {
		
	left: -3%;
	width: 95%;
		
	}
	
	.ergonlogo {
		
	top: 0px;
  /*  left: -20px;
Padding-left: 3rem;	*/
		
	}
	
	.wsmenu {
		
	    top: -2rem;
		padding: 0px 0px 0px 0px !important;
		width: 100% !important;
	
	}
		
	.headertopleft a {

	padding: 0 10px;
	width: auto;
	
	}
	
	.headertopleft {
		padding-right: 0px;
		justify-content: center;
	
	}
	
	.headersocial {
	display:flex;
	flex-direction: row-reverse;
	top: 0px ;
	right: 0px !important;
	
		
	}
	
	.headertopleft {
		
	height: 9%;
	
	}
	
	.short-menu{
		
	display: none;
	
	}
	
	.searchIcon{
	
	display: none;
		
	}
		
	}
	
	@media (max-width: 725px){
	
	.headertopleft {
    /*height: 60px;
	padding-right: 0px;*/
	display: flex;
	flex-direction: column;
	}
	
	.header-links {
    /*width: 80%;
    position: absolute;
    top: 75px;
    display: table;
    margin-left: auto;
    margin-right: auto;
	right: unset;*/
}
	
	.headersocial {
    /*top: 1px;
    right: -10px !important;
	margin-left: auto;
    margin-right: auto;
    display: table;*/
	display: flex;
	}
	
	.headersocial a {
	width: 50px;	
		
	}
	
	.header-links a {
	width: auto;	
		
	}
		
		
	}
	
	@media (max-width: 425px){
		
	.headersocial {
	
	right: -15px !important;

	}
	
	.header-links{
	
	left: -35%;
	width: 110%;
		
	}
	
	.headertopleft{
	
	width: 90%;	
		
	}
	
	.lampton-row {
    margin-top: calc(72% - 5vw);
	}
	
	
		
	}
	
	@media (max-width: 376px){
		
	.paralax-title {
		
	top: -350px !important;
	
	}
		
	}
	
	@media (max-width: 325px){
		
	.lampton-row {
    margin-top: calc(100% - 5vw);
	}
	
	
		
	}
	
	@media (max-width: 280px){
		
	
	.headersocial {
    right: 4% !important;
	}
		
	}