/* For U78 designed mobile menu when applied */

.mobile-menu-class{display:none}


.toggle-nav {display: none !important;}


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

.opacity-blind {
	display:none;
    position: absolute;
    top: 0;
    left: 0;
    background:#fff;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 1;
}


#ds7logo {
	float:left;
	position: relative;
	left:0px;
	top:13px;
	height:60px
	}

#header {
    height: 90px;
    padding-top: 0px;
    position: fixed;
	left:0;
	top:0;
    width: 100%;
    background: white;
    z-index: 9000;
	border:0px dotted magenta;
}
		
 
#navbar { display: none !important;}

.mobile-menu-class {display:inline}
	
.toggle-nav {
    display: inline-block !important;
    float: right;
    /* margin: 22px 0px 25px 23px;*/
    border: 0px solid red;
    font-size: 3.3rem;
    transition: color linear 0.15s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
   }
         
a.toggle-nav:link, 
a.toggle-nav:visited,
a.toggle-nav:hover, 
a.toggle-nav:active {
     text-decoration: none;
     color: #222;
    } 
	
.menu.main {
    display: inline-block;
    position: relative;
    background: #9f0c0c !important;
    text-align: left;
	}
     
.menu.main ul {
	display: none;
	position: absolute;
	overflow: none;
	width:100%;
	height:auto;
	top: 94px;
	left: 0px;
	position: fixed;
	z-index: 9999;
	padding-right: 15px;
	/* background: #fff;*/
	opacity:1.0;
	padding-bottom:0px;
	xdisplay:flex;
	xoverflow-y: auto; /* allow scrolling on dropdown items */
	xoverflow-x: auto;
	}
		 

/* Top level Items */

.menu.main ul li a{
		border: 0px solid green;
		float: none;
		font-size:20px;
		display: block;
		z-index: 9999;
		background: #fff;
		padding: 12px 12px 12px 12px;
		text-align: left;
		height: auto;
		width: max-content;
		margin-left:15px;
	}

	
	.menu.main ul li a:hover {
		  background:xpink!important;
		  opacity: 1.0;
		  transition: 100ms linear;
	}
		 
	.main.menu li:after { 
		content: none; 
	}

	
/* Dropdown arrows */
/* http://jrgraphix.net/r/Unicode/2190-21FF */


.xmenu.main li > a:after {
    content: " \279d";
}

.xmenu.main li > a:only-child:after {
    content: "";
}

.xmenu.main li li > a:after {
    content: " \21E2";
    position: absolute;
    right: 5px;
}

.Xmenu.main li > a:after {
    content: " >";
}

.Xmenu.main li > a:only-child:after {
    content: " ";
}

.xmenu.main li li > a:after {
    content: " >";
    position: absolute;
    right: 5px;
}

	
	
/* Second level Items */
	.menu.main ul ul {
			display:none!important ; /* hide all sub menus from view */
			position: absolute;
			left: 130px;
			top:0px;	}
		
	.menu.main ul li:hover > ul  {
		 display: block!important; /* show sub menus when hovering over parent */
		   background:none}	
	
			


}