/******************************************/
/* MEDIA QUERY FOR SMALL DEVICES **********/
/******************************************/
/*--------MENU WITH SMALL DEVICES START--------------*/
.res-logo {display:none;}
.menu_toggle {display:none; float:right; padding:0 10px; position:absolute; right:0; top:1px; height:35px; font-size:0; z-index:9999; background:#663433; text-align:center; border:1px solid #5b2a29;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.menu_toggle:hover {background:#e11b32; border:1px solid #d41027;}
.menu_toggle img {display:block; margin:11px 0 0;}
.menu_toggle span{margin-left:12px; display:block; line-height:40px; color:#fff; font-size:15px; text-transform:uppercase;}
.main-nav {display:block; float:left;}
.main-nav ul { margin:0; padding:0; list-style:none; position:relative; z-index:999;}
/*.main-nav ul li { float:left; border-right:1px solid #FFF; position:relative;}
.main-nav ul li a {padding-top:32px; padding-bottom:20px; border-bottom:4px solid #fff; transition:all 0.6s ease 0s;}
.main-nav ul > li > a:hover {border-bottom:4px solid #ea1d25;color:#ea1d25;}*/

@media (max-width:768px) {
.res-logo {display:block;}	
.nor-logo {display:none;}
.main-nav {width:100%;}	
.menu_toggle {display:block;}
#menu-togg {display:none;}
.main-nav ul {float:left; width:100%; display:block; background:rgba(225, 225, 225, 0.9); position:absolute; left:0; top:49px;}
.main-nav ul li {display:block; text-align:left; border-right:none; border-bottom:1px solid #eee; width:100%;}
.main-nav ul li ul.sub { position:relative; top:0px; display:block;  padding-top:0; width:100%; }
.main-nav ul li a {padding:10px 12px; border:none; color:#000; display:block; float:none;}
.main-nav ul > li > a:hover {border:none; color:#fff; background:#e60f18;}
.main-nav ul li .icon-drpdwn {float:right;}
}
/*--------MENU WITH SMALL DEVICES START--------------*/