@font-face {
    font-family: 'gotham_lightregular';
    src: url('ufonts.com_gotham-light_0-webfont.eot');
    src: url('ufonts.com_gotham-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('ufonts.com_gotham-light_0-webfont.woff2') format('woff2'),
         url('ufonts.com_gotham-light_0-webfont.woff') format('woff'),
         url('ufonts.com_gotham-light_0-webfont.ttf') format('truetype'),
         url('ufonts.com_gotham-light_0-webfont.svg#gotham_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
ul.menu select { display: none;


 }


.menu-container{
	width:100%;
	height:80px;
	margin-top:50px;                                /*** added new ***/
margin-left: auto;
}
.menu-div{
	width: 100%;
	height:15px;
	margin: 0px auto 20px auto;
        background-color: #FFF;
	padding-top:5px;
	padding-bottom:10px;
}
.mainlogo{
    display: block;
    height: 111px;
    margin: 50px auto;                                   /*** margin: auto; ***/
    width: 220px;
}

.menu_div-left{
    height: 20px;
    margin: auto;
    width: 745px;
}	
.menu_div-right{
    float: right;
    height: 20px;
    position: relative;
    right: -111px;
    top: -27px;
    width: 194px;
}	
.menusearchdiv{
	width:173px;
	height:20px;
	float:left;
}
.menusearch{
	width: 58px;
    height: 20px;
    background-color: #F7F7F7;
    padding: 0px 75px 0px 7px;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
}
.menusearchbtndiv{
	width:19px;
	height:20px;
	float: right;
}


.menusearchbtn{
	width: 49px;
    height: 22px;
    float: right;
    background: url(../img/search.png);
    cursor: pointer;
    background-repeat: no-repeat;
    border: none;

}

	
ul.menu {
    color: #fff;
    display: block;
    /*font-family: 'Balthazar', serif;*/
    font-family: 'gotham_lightregular';
    font-size: 14px;
    height: 25px;
    list-style: outside none none;
    margin: auto;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 630px;                                       /*** width: 535px; ***/

}





ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#888; text-decoration:none;  text-align:center; font-size: 14px;}
ul.menu a:hover{
	display:block;
	color:#888;
        text-decoration:none;
	text-align: left;
	height:30px;
	
}
ul.menu li {
	position:relative;
	float:left;
	height:20px;
	margin: 0 25px;
	text-align:left;
	line-height: 20px;
}
ul.menu ul {
	position:absolute;
	top:25px;
	left:0;
	display:none;
	opacity:0;
	list-style:none;
	left: -20px;
	
}
ul.menu ul ul {
	position:absolute;
	top:44px;
	left:50;
	display:none;
	opacity:0;
	list-style:none;
	
}




ul.menu ul li {
    background-color: #666;
    border-bottom: 2px solid #ccc;
    cursor: pointer;
    font-size: 13px;
    height: 25px;
    line-height: 20px;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    width: 200px;
}

ul.menu ul li a {
	display:block;
	padding-top:3px;
	padding-right:7px;
	padding-bottom:5px;
	padding-left:7px;
	color:#f0f0f0;
}
ul.menu ul li:hover {
    background-color: #f0f0f0;
    color:#000;	
}
ul.menu ul ul {
	left:200px; 
	top:-1px;
}
ul.menu ul li a:hover {
    text-align: center;
}
ul.menu ul ul li{
	color:#000;
}
ul.menu .menulink {
	border:1px solid #aaa;
	font-weight:bold;
	background:url(images/header.gif);
	color:#333333;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/m.png);}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;}
ul.menu .topline {border-top:1px solid #aaa;}
ul.menu li span{
margin-left:5px;
float:right;}

.clr{
cursor:pointer;
border:none;
background:url(images/m.png) repeat; cursor:pointer;


}


@media only screen and (min-width: 0px) and (max-width: 679px) {


.menu-container{
	width:auto;
	height:80px;


}

.mainlogo{
    display: block;
    height: 111px;
margin: 0 auto !important;
    width: 50%;
}
.menu-div{
	width: auto;
	height:15px;

        background-color: #FFF;
	padding-top:5px;
	padding-bottom:10px;
}



ul.menu select { display: inline-block !important;
margin-left: 190px;
margin-top:-150px;

 }
ul.menu li{
display: none !important;
    color: #fff;
    /*font-family: 'Balthazar', serif;*/
    font-family: 'gotham_lightregular';
    font-size: 14px;
    height: 10px;
    list-style: outside none none;
    margin: auto;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 0px;                                       /*** width: 535px; ***/


}


 
}


@media (max-width: 800px) {
       /* Smaller Resolution Desktops and Laptops */
       [...]
}
@media (max-width: 650px) {
       /* Smaller devices */
       [...]
}
@media (max-width: 450px) {
       /* Even Smaller devices */
       [...]
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
       /* Even Smaller devices */
       [...]
}