      .navbar1 {  		  position: fixed;		  top: 0;		  left: 20%;		  width: 100%;      }      .container {        display: flex;		 z-index: -1;	    	 position: fixed;      }      .container_Simple {        display: flex;      }      .left {        background: #808080;        width: 10%;      }      .center {        background: #808080;        width: 90%      }.our-menu { font-family: Arial, "Times New Roman", Georgia; text-decoration: none; color: #ffffff; background: #054372; text-align: center; padding: 6px 0; display: none; }#display-menu { display: none; }#display-menu:checked ~ #hor-menu{ display: block; } /*Style for horizontal CSS menu*/ul { list-style-type:none; position: absolute; margin:0px; padding:0px; }li { float: left; margin-right: 1px; display:inline-block; }/* li a { display: block; text-decoration: none; height: 18px; min-width: 160px; text-align: center; line-height: 18px; font-weight: bold; font-size: 15px; font-family: Times New Roman; color: Black; background: #D7C5A4; } */li a { display: block; text-decoration: none; height: 25px; min-width: 160px; text-align: center; line-height: 25px; font-weight: bold; font-size: 20px; font-family: Times New Roman; color: Black; background: url("Images/motif.gif");}li:hover a { background: #888888; color: #ffffff; }/*Style for vertical CSS menu*/li:hover ul a { background: #c0c0c0; color: #2f3036; line-height: 15px; height: 15px; font-size: 15px;}li:hover ul a:hover { background: #054372; color: #ffffff; }li ul { display: none; }li ul li { display: block; float: none; }li ul li a { width: auto; min-width: 165px; padding: 0 5px; }ul li a:hover + .sub-menu, .sub-menu:hover { display: block; } /*Media Query for Responsive Design*/@media screen and (max-width : 750px){.our-menu { display:block; }ul { position: static; display: none; }li { margin-bottom: 1px; }ul li, li a { width: 100%; }}