.mobile_display {display:none;}
.mobile_nav {display:none; float:right;}
nav {position:relative;}
.root {float:left;}




/*--------- MegaMenu style ----------*/
#megaMenu { position:relative; margin:0 auto;}
#megaMenu ul { list-style:none; margin:0; padding:0px;}
/* #megaMenu li{ position:relative;display:block;float:left;list-style-type:none; margin:0 15px;} */
/* Modified by Malta 2014-09-03 { */
#megaMenu li{ position:relative;display:block;float:left;list-style-type:none; margin:0 0px;}
/* Modified by Malta 2014-09-03 } */
#megaMenu li.back{ z-index:8;position:absolute; top:0;}
#megaMenu li.back .left{ height:62px;width:100%; margin-left:8px;}
#megaMenu li.back .center{ height:62px; margin-right:12px; margin-left:-4px; }

#megaMenu .root li a{ font-family: 'Conv_AvenirBook'; display:block; position:relative; float:none; color:#6d6e71; white-space:nowrap; font-size:22px; font-weight: normal; cursor:pointer; text-transform: capitalize; text-decoration:none;}
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover{color:#2d333b; background-color:transparent;}
#megaMenu .root li a span {display:block; padding:0 25px; height:50px; line-height:50px;}

/*-- submenu --*/
#megaMenu .category li { clear:both;} /** SUBMENU vertical**/

#megaMenu .category { position:absolute; top:50px ; z-index:1210; padding:0;  background:none; background-color:#fff; display:none; min-width: 200px;}
#megaMenu ul li:hover ul{ visibility: visible; }
#megaMenu .root li.rmHover .category { display:block;}
#megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200; }
#megaMenu .category li{ border-bottom:1px dashed #fff; padding:0; margin:0; width: 100%;}
#megaMenu .category li.item a{ border:none; padding:0;  white-space: nowrap; }
#megaMenu .category li.item a span{ display:block; background:none; font-size:15px; color:#231f20; font-weight: normal; height:auto; line-height:35px; text-indent:0 !important; white-space: nowrap; padding:0 15px 0 10px; text-transform:none; text-align:left; }
#megaMenu .category li.item a:hover span, #megaMenu .category li.selected a span { background:#f1f9ee; color:#363436; cursor:pointer; text-decoration: none; }

#megaMenu ul li ul li ul{ position: relative; padding:0; border:none; background:none; }
#megaMenu .leaf li{ clear:both;float:none;  padding:0; }
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0; line-height:1em; border-bottom:none; text-decoration: none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#222222; font-weight:normal; height:auto; line-height:35px; padding:0 0 0 25px; text-transform:none; }
#megaMenu .leaf li.selected > a span{ color:#333333; cursor:pointer; }
#megaMenu .leaf li li{ clear:both;float:none; width:130px; }

#megaMenu ul li ul li ul li a{ color:#222222; text-transform: none; font-size:12px; padding:8px 0 8px 5px; line-height:1em; border-bottom:none;}
#megaMenu ul li ul li ul li a:hover{ text-decoration:underline;}

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

.leaf                 { width: 258px;}

@media only screen and (max-width : 1408px)   
{
#megaMenu .root li a span { padding: 0 20px; }
}




/* ipad Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 1280px)   
{
#megaMenu .root li a span           { padding: 0 17px;}
}

/* ipad Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 1024px)   
{
#megaMenu .root li a span           { padding: 0 15px;}
#megaMenu .root li a                { font-size: 15px;}
}
/* ipad Landscape [HORIZONTAL] CSS End here End*/


@media handheld, only screen and (max-width: 900px) {
nav                                 { position: relative; text-align: right;}
}



@media only screen and (max-width:380px) 
{
#megaMenu .category { position:absolute;top:54px;z-index:1210; width:250px; display:none; padding:0; padding:5px 10px 5px 10px; background:none; background-color:#f3f3f3; border:1px solid #d8d8d8; border-top:0px; border-radius: 12px; webkit-border-radius: 9px; -moz-border-radius: 9px; border-top-right-radius:0px; border-top-left-radius:0px; display:visible;}
}