.menu { 
			height: 45px;
			display: inline-block; position: relative;
			margin:5px 0 10px;
			width:100%;	

		}

		.menu ul {
			list-style: none;
			padding: 0;			
			margin: 0  43px 0 0;  
			position:relative;
		}

		.menu ul li {
			/* width and height of the menu items */  
			display:inline-block;
			overflow: hidden;
			position: relative;
left:0;
			text-align: center;
			line-height: 45px;
		}

		.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			height: 45px;
			font-family: 'Roboto', sans-serif;
			font-weight:600;
			font-size: 13px;
			letter-spacing: 3px;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
			color:#fff;
			margin-left:40px;
		}
		.menu ul li a:hover {color:#000;}
		.menu ul li a.active {color:#000;}

		.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 190px;
		}

		.menu ul li a span.out {
			top: 0px;
		}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -45px;
		}

		
		
		/** 2nd example **/

		#menu2 {
			
			width:100%;	
		}
		
		#menu2 ul li a {
			color:#FFF;
		}

		#menu2 ul li a span.over {
			background: #FFF;
			color:#000000;
		}
		
		
	/****************************************/
	.menu-foot { 
			height: 45px;
			display: inline-block; position: relative;
			margin:5px 0 10px;

		}

		.menu-foot ul {
			list-style: none;
			padding: 0;			
			margin: 12px auto 0 0 ;  
			position:relative;
		}

		.menu-foot ul li {
			/* width and height of the menu items */  
			display:inline-block;
			overflow: hidden;
			position: relative;
left:0;
			text-align: center;
			line-height: 45px;
		}

		.menu-foot ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 140px;
			height: 45px;
			font-family: 'Roboto', sans-serif;
			font-weight:600;
			font-size: 12px;
			letter-spacing: 3px;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
			color:#fff;
		}
		.menu-foot ul li a:hover {color:#000;}
		.menu-foot ul li a.active {color:#000;}

  @media screen and (max-device-width: 1300px) {
     .left-side-text {
        position:absolute;
        bottom: 0;
        left: 25px;
     }
     .left-side {
     position:relative;
     }
   }