body {
  font-family: "Lato", sans-serif;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;

  padding: 0px;
  box-shadow: 2px 10px 8px #888888;

}

.sidenav a {
  /* padding: 8px 8px 8px 32px; */
  text-decoration: none;
  /* font-size: 25px; */
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 500px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}

}

.fontStyle{
    color: #ffffff;
    float: left;
    color: black;
    font-size: 20px;
}

.divStyle{
    float: left;
}

/* Custom Create >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Hide element on Desktop */
@media only screen and (min-width: 981px) {
    .sidenav {
        display: none !important;
    }
    #desktopViewMenu {
        display: block !important;
    }
}





#example {

	display:block;
	overflow:hidden;
	margin:0 0 4em 0;
}

#example ul {
    list-style:none;
    margin:0;
    clear: both;
}

#example li {
    border-bottom:1px solid #fff;
    padding:4px;
    margin:2px;
}

#example h1 {
    color:#000;
    font-size:20px;
    margin-bottom:5px;
}

#example a:link, #example a:visited {
    color: #444;
    display:block;
    border-bottom:1px solid rgb(233, 228, 228);
    text-decoration:none;
    padding: .3em .25em;
}

.links {

	width:615px;
	margin:0;
	padding:0;
}

.links ul {
	margin:0;
	padding:0;

}
#example .links li {
    /* float:left; */
    margin 0 20px 0 0;
    width:px;
    clear: both;
    font-size: 16px;
}





#example li:last-child a {
    border: 0;
}


.mobileSubMenuLi  a:link{
font-size: 12px;

}

.links  a:link{
font-size: 14px;

}

.menu_arrowclass{
    float: left;
}

.parentLi{

    width: 200px;
    float: left;
}



#branding{
    padding: 6px;
}

/* Custom Create <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



.summary-popover .popover {
    max-height:90vh !important;
        position: absolute !important;
    }

    .listpanel{
        width: 100% !important;
    }
    
    /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Mobile Menu Show Hide >>>>>>>>>>>>>>>>>>>>> */
  
    
    #desktop_nav ul li{
    padding-left: 10px !important;
    
    }

    .smallFontMenu{
        font-size: 10px;
    }
    /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Mobile Menu Show Hide >>>>>>>>>>>>>>>>>>>>> */