.menu-container {

    width: 80%;

    margin: 0 auto;

    background: #e9e9e9;

}



.menu-mobile {

    display: none;

    padding: 33px 20px 20px 20px;

}



.menu-mobile:after {

    content: "\f394";

    font-family: "Ionicons";

    font-size: 2.5rem;

    padding: 0;

    float: right;

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-25%);

    -ms-transform: translateY(-25%);

    transform: translateY(-25%);

}



.menu-dropdown-icon:before {

    content: "\f489";

    font-family: "Ionicons";

    display: none;

    cursor: pointer;

    float: right;

    padding: 13px;

    background: #fff;

    color: #333;

}



.menu > ul {

float: right; list-style: none; background-color: none;

	margin: 0px 0px 0px 25px;

}



.menu > ul:before,

.menu > ul:after {

    content: "";

    display: table;

}



.menu > ul:after {

    clear: both;

}



.menu > ul > li {

    float: left;

    background: #fff;

    margin: 0;

	color: #000;

padding: 16px 4px 0px 4px;

}



.menu > ul > li a {

    text-decoration: none;

 padding: 14px 14px 14px 13px;

    display: block;

	text-transform: uppercase;

	color: #000;

	font-family: 'Roboto Condensed', sans-serif;

}



.menu > ul > li a:hover {



background: #fe0000;

	color: #fff !important;

	

}



.menu > ul > li > ul {

    display: none;

    width: 100%;

/*    background: #f0f0f0;*/

	background: #f3f4f4;

    padding: 20px;

    position: absolute;

    z-index: 99;

    left: 0;

    margin: 0;

    list-style: none;

    box-sizing: border-box;

    box-shadow: 0px 0px 6px #b5b5b5;

}



.menu > ul > li > ul:before,

.menu > ul > li > ul:after {

    content: "";

    display: table;

}



.menu > ul > li > ul:after {

    clear: both;

}



.menu > ul > li > ul > li {

    margin: 0;

    padding-bottom: 0;

    list-style: none;

    width: 33%;

    background: none;

    float: left;

}



.menu > ul > li > ul > li a {

    color: #000;

    padding: .2em 0;

    width: 95%;

    display: block;

    font-size: 14px;

    border-bottom: 1px solid #ccc;

}



.menu > ul > li > ul > li a:hover {

    color: #000 !important;

  background-color: #f3f4f4 !important;

	 padding: .2em 0 !important;



}





.menu > ul > li > ul > li > ul {

    display: block;

    padding: 0;

    margin: 10px 0 0;

    list-style: none;

    box-sizing: border-box;

}



.menu > ul > li > ul > li > ul:before,

.menu > ul > li > ul > li > ul:after {

    content: "";

    display: table;

}



.menu > ul > li > ul > li > ul:after {

    clear: both;

}



.menu > ul > li > ul > li > ul > li {

float: left;

width: 100%;

padding: 7px 0;

margin: 0px;

font-size: 11.2px;

color: #000 !important;;

line-height: 4px;

}



.sub-h{

width: 95%;

display: block;

border-bottom: 1px solid #ccc !important;

font-size: 14px;

font-weight: bold;

margin-bottom: 3px;

line-height: 20px;

color: #d00b0c !important;



}



.menu > ul > li > ul > li > ul > li a {

    border: 0;

}



.menu > ul > li > ul.normal-sub {

    width: 300px;

    left: auto;

    padding: 10px 20px;

}



.menu > ul > li > ul.normal-sub > li {

    width: 100%;

}



.menu > ul > li > ul.normal-sub > li a {

    border: 0;

    padding: 1em 0;

}





/* ––––––––––––––––––––––––––––––––––––––––––––––––––

Mobile style's

–––––––––––––––––––––––––––––––––––––––––––––––––– */



@media only screen and (max-width: 765px) {

  

	

	.menu > ul {

float: right; list-style: none; background-color: none;

	margin: 27px 0px 0px 0px !important;

}



	

	.menu > ul > li {

    float: left;

    background: #fff;

  

    margin: 0;

	color: #000;

padding: 0px 0px 0px 0px;

}

	

	

	.menu-container {

        width: 100%;

    }

    .menu-mobile {

        display: block;

    }

    .menu-dropdown-icon:before {

        display: block;

    }

    .menu > ul {

        display: none;

    }

    .menu > ul > li {

        width: 100%;

     /*   float: none;*/

        display: block;

    }

    .menu > ul > li a {

      /*  padding: 1.5em;*/

        width: 100%;

        display: block;

    }

    .menu > ul > li > ul {

        position: relative;

    }

    .menu > ul > li > ul.normal-sub {

        width: 100%;

    }

    .menu > ul > li > ul > li {

        float: none;

        width: 100%;

        margin-top: 20px;

    }

    .menu > ul > li > ul > li:first-child {

        margin: 0;

    }

    .menu > ul > li > ul > li > ul {

        position: relative;

    }

    .menu > ul > li > ul > li > ul > li {

        float: none;

    }

    .menu .show-on-mobile {

        display: block;

    }

}