@media all and (min-width:1241px) {
.bmenu{
right: 2.5%;
margin-top: 42px !important;
}
}
@media (max-width:1240px) { 
.bmenu{
position: relative !important;
margin: 0 auto !important;
padding-top: 0px !important;
margin-top: 40px !important;
margin-bottom: 30px !important;
top: 5% !important;
padding-left: 0 !important;
}
}
.bmenu{
width:230px;
position: absolute;
top: 50%;
z-index: 9999;
padding: 0 !important;
}
.bmenu li{
font-size: 18px;
letter-spacing: 1.0pt;
line-height: 25px;
font-weight:300;
display: block;
}
.bmenu li a{
font-family: 'GmarketSansMedium', 'notokr-regular' , sans-serif !important;
font-weight: bold;
white-space: nowrap;
display: block;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(71,80,23,0.3);
color: #fff;
padding: 8px 20px 4px 20px;
margin: 2px;
background: rgba(255,255,255,0.2);
letter-spacing: 1px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.bmenu li:first-child a{
-webkit-border-radius: 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
}
.bmenu li:last-child a{
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
}
.bmenu:hover li a{
text-shadow: 0px 0px 10px #fff;
color: transparent;
}
.bmenu li a:hover{
background: transparent;
text-shadow: 1px 1px 10px #000;
color: #fff !important;
}