accessibility-nav
{
    display: block; /*background:#f4f4f4;*/ /* vibhav 24-oct-2017 */ /* background:#f4f4f4; */
    font-family: arial, "Arial Hebrew";
    margin-bottom: 0px; /* 27/8/17 eran 1.5%; */ /* test  eran  font-size:20px!important; */
    font-weight: normal;
}

.FontSizeMenu
{
    display: block;
}

.FontSizeMenu li
{
    display: inline-block;
    position: relative; /*z-index: 100;*/
}

.FontSizeMenu li:first-child
{
    margin-left: 0;
    z-index: 9999;
}
/* vibhav 26-Feb-2017, added more z-index value so user can able to select it in mobile */

.FontSizeMenu li a
{
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    color: #000;
    font-size: 13px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.FontSizeMenu img
{
    vertical-align: middle;
    margin: 0px 5px;
}

.FontSizeMenu img.normal
{
    width: 18px;
    height: 18px;
}

.FontSizeMenu img.larger
{
    width: 22px;
    height: 20px;
}

.FontSizeMenu img.largest
{
    width: 26px;
    height: 22px;
}

.FontSizeMenu li a:hover, .menu li:hover > a
{
    color: #ffffff;
    background: #9CA3DA;
}

.FontSizeMenu ul
{
    display: none;
    margin: 0;
    padding: 0;
    width: 150px;
    position: absolute; /*top: 40px;*/
    left: 0px;
    background: #ffffff;
    right: 0px;
}

.FontSizeMenu ul li
{
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}
.FontSizeMenu ul li a
{
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #797979;
    border-left: 3px solid #ffffff;
    background: #ffffff;
    cursor: pointer;
}

.FontSizeMenu ul li a:hover, .FontSizeMenu ul li:hover > a
{
    background: #f0f0f0;
    border-left: 3px solid #9CA3DA;
    color: #797979;
}

.FontSizeMenu ul li a.selected
{
    background: #f0f0f0;
    border-left: 3px solid #9CA3DA;
    color: #797979;
}

/*.FontSizeMenu li:hover > ul{ display: block;}*/
.FontSizeMenu ul ul
{
    left: 149px;
    top: 0px;
}

.mobile-menu
{
    display: none;
    width: 100%;
    padding: 11px;
    background: #3E4156;
    color: #ffffff;
}
.mobile-menu:hover
{
    background: #3E4156;
    color: #ffffff;
    text-decoration: none;
}

.accessbility-active
{
    display: block !important;
}

.dropdown-toggle
{
    cursor: pointer;
}

/* vibhav 24-Oct-2017, START settings for portal sites */

/*.topmenu_willfind_area
{
    margin: 24px 0 -40px;
}

.topmenu_logo_area
{
    margin-top: 0px;
    margin-bottom: 0px;
}*/

body
{
    background-size: 1870px;
}

#nav_area
{
    margin-top: 40px;
}

ul.FontSizeMenu
{
    margin: 0px;
}

@media (max-width: 767px)
{
    .topmenu_willfind_area
    {
        margin: 18px 0 5px;
    }
}

@media (max-width: 384px)
{
    body
    {
        background-size: 2070px;
    }

    #nav_area
    {
        margin-top: 60px;
    }
}

@media (max-width: 545px)
{
    .topmenu_willfind_area
    {
        margin: 0px 0 5px;
    }
    
     /* vibhav 19-02-2018*/
    .access-col
    {
        margin: 0px !important;
        padding: 0px !important;
    }

    .access-row
    {
        margin: 0 auto;
    }

    .FontSizeMenu li a
    {
        padding: 10px 6px;
    }

    .FontSizeMenu li
       {
        vertical-align: middle;
    }    
}

/*

@media (max-width: 466px)
{
    body
    {
        background-position: right 0px top 50px;
    }

    #nav_area
    {
        margin-top: 50px;
    }
}

*/

/* vibhav 24-Oct-2017, END settings for portal sites */

@media (min-width: 768px) and (max-width: 979px)
{

    .mainWrap
    {
        width: 768px;
    }
    .FontSizeMenu ul
    {
        top: 37px;
    }
    .FontSizeMenu li a
    {
        font-size: 12px;
        padding: 8px;
    }
}

/*

@media (max-width: 767px) {

.mainWrap{width:auto;padding:50px 20px;}

.menu{display:none;}

.mobile-menu{display:block;
margin-top:100px;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

*/