@media only screen and (min-width: 800px) {
	.mainnav{
		float: right;
	}
	#prodmenu{
		float: left;
		cursor: pointer;
		position: relative;
	}

	#prodmenu .menutitle{
		float: left;
		padding: 15px;
		color: #fff;
		font-weight: bold;
		background-image: url('../images/btnbg.jpg');
		background-size: auto 100%;
		font-family: 'Roboto Condensed', sans-serif;
	}
	#prodmenu .ref .menutitle{
		background-image: url('../images/btnbgref.png');
        padding: 0px;
	}
    
	.menutitle img{
		margin-left: 60px;
	}


	.mainnav li{
		font-family: 'Roboto Condensed', sans-serif;
		float: left;
		font-weight: bold;
		padding: 15px 5px;
	}

	.mainnav li a{
		text-decoration: none;
		color: #fff;
		padding: 25px 10px;
	}

	.mainnav li:hover, .mainnav li.active{
		background-color: #b6b6b6;
	}

	#prodmenu:hover>ul{
		display: block;
	}

	#prodmenu .container > ul{
		display: none;
		position: absolute;
		top: 52px;
		width: calc( 100% - 2px );
		background-color: #fff;
		z-index: 9;
		border: 1px solid #dbd5cc;
	}

	#prodmenu {
		position: inherit;
		overflow: hidden;
	}
	#prodmenu .mainmenu {
		display: none;
		/*
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.8);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";
		*/
		width: 100%;
		position: absolute;
		height: 387px;
		left: 0;
		top: 52px;
	}
	#prodmenu .menutitle a {
		color: #fff;
        text-decoration: none;
        display: block;
        padding: 15px 25px;
	}
	#prodmenu > span.cat:hover .mainmenu.cat {
		display: block;
	}
	#prodmenu > span.ref:hover .mainmenu.ref {
		display: block;
	}
    #prodmenu .mainmenu.ref div > ul {
        left: 185px;
    }

	#prodmenu .mainmenu .container {
		height: 387px;
		position: relative;
		margin: 0px auto;
		padding: 0px;
		background-color: #fff;
	}
	#prodmenu .mainmenu div > ul {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 240px;
		border-top: 0px;
		border-bottom: 0px;
	}
	#prodmenu .mainmenu div > ul > li > ul {
		display: none;
		min-height: 357px;
		width:1020px;
		padding: 15px 20px;
		background-color: #fff;
		position: absolute!important;
		overflow: hidden;
		top: 0px;
		left: 240px;
		box-shadow:3px 3px 4px -2px #333;
	}
	#prodmenu .mainmenu div > ul > li:hover > ul {
		display: block
	}
	#prodmenu .mainmenu div > ul > li > ul > li {
		float: left;
		margin: 0px 0px 10px 0px;
		width: 240px;
	}
	#prodmenu .mainmenu div > ul > li:hover > ul ul {
		float: left;
		display: inline;
		width: 240px;
	}
	#prodmenu .mainmenu div > ul > li > ul > li > a {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		color: #000;
		text-decoration: none;
	}
	#prodmenu .mainmenu div > ul > li > ul > li > ul > li a {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: normal;
		color: #333;
		text-decoration: none;
	}
	#prodmenu .mainmenu div > ul > li > ul > li > ul > li ul {
		display: none!important;
	}
	#prodmenu .container > ul > li > a{
		float: left;
		width: calc( 100% - 30px );
		padding: 10px 15px;
		border-bottom: 1px solid #dbd5cc;
		color: #333;
		background-color: #f3f3f3;
		font-size: 14px;
		text-decoration: none;
	}
	#prodmenu .container > ul > li:hover > a{
		border-right: 1px solid #fff;
		background-color: #fff;
	}
	#prodmenu .container > ul > li.hassubs{
		height: 43px;
	}
}
.grid-item {
	width: 200px;
}