@media screen and (max-width : 768px){
    
#topbarlogo {float: right;height: 51px;}
/*.blueBox{overflow:hidden;}*/



#topBar .logo {background-repeat: no-repeat;background-size: contain;width: auto;margin-top: -14px;}
.clear {clear:none !important;}
#menuBar{display:none !important;}
#menuBarmob{width:35%;float:left;display:block !important;}
#menuBarmob img{margin: 15px 0px 0px 20px;}
#menulist{width:100%;display:none; float: left; position: relative; height: 100%;}
    #menulist:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 7000px; background: #2c83b3; z-index: -1;}
#menulist ul{width:100%;list-style-type:none;background:#2C83B3;z-index: 9999;margin-top: 25px;}
#menulist ul li{width:100%;display:block;font-size: 12px;background:#2C83B3;border-bottom: 1px solid #469EC0;}
#menulist ul li a{width:100%;text-decoration:none;color:#fff;display:block;padding: 5%;text-align: center;}
#menulist ul li:hover {background:#00A2DB;width:100%;color:#fff;opacity:0.6}
#menulist ul li a:hover{}
.menuimgmob{width:auto;}

}