.mobilemenu { z-index:88888 !important; 	position:absolute;  right:0px; top:0px; width:100%; }
.mobilemenu .toggleMenu {
    /*display:  none;*/
     background: url("../images/mobilemenicon.png");
    padding: 10px 15px;
    color: #fff;
	width:44px;
	height:42px;
	position:absolute;
	 right:15px;
	 top:15px; 
	 z-index:88888 !important;
	
}
.mobilemenu  .nav {
    list-style: none;
     *zoom: 1;
     background:#dd2628;
	 margin-top:55px; 
	 font-size:16px;
	 text-transform:uppercase;
	 font-family:'Ubuntu-Bold';
	 padding:30px 0 10px 0
	 
	 
}
.mobilemenu .nav:before,
.mobilemenu  .nav:after {
    content: " "; 
    display: table; 
}
.mobilemenu  .nav:after {
    clear: both;
}
.mobilemenu  .nav ul {
    list-style: none;
    width: 9em;
}
.mobilemenu .nav a {
    padding: 10px 0;
    color:#f33f40;
	border-top: 1px dotted #f33f40;
}
.mobilemenu .nav li {
    position: relative;
	width:100%;
}
.mobilemenu .nav > li {
    float: left;
	text-align:left;
    
}
.mobilemenu .nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
	
}
.mobilemenu .nav > li > .parent:hover {
    background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
	
}
.mobilemenu .nav > li > a {
    display: block;
	text-decoration:none;
	clear:left;
	margin:0 15px 0 15px;
}
.mobilemenu .nav > li > a:hover { background:#dd2628; color:#fff;  }
.mobilemenu .nav li  ul {
    position: absolute;
    left: -9999px;
}
.mobilemenu .nav > li.hover > ul {
    left: 0;
	overflow-y:scroll;
	height:185px;
}
.mobilemenu .nav li li.hover ul {
    left: 100%;
    top: 0;
}
.mobilemenu .nav li li a {
    display: block;
    background: #ca0609;
    position: relative;
    z-index:100;
    border-top: 1px dotted #fd4c4d;
	text-decoration:none;
	color:#fff;
	padding-left:10px;
	margin:0 15px 0 15px;
	border-left: 3px solid #179498; font-size:13px !important;
}
.mobilemenu .nav li li a:hover { background:#ba0407; color:#fff;}
.mobilemenu .nav li li li a {
    background:#dd2628;
    z-index:200;
    border-top: 1px dotted #fd4c4d;
}


@media screen and (max-width: 991px) {
.mobilemenu .nav  { width:100%; float:none;}
.mobilemenu .nav a {
    padding: 10px 0;
    color:#ffd2d2;
}
    .active {
        display: block;
    }
    .mobilemenu .nav > li {
        float: none;
    }
    .mobilemenu .nav > li > .parent {
        background-position: 95% 50%;
    }
    .mobilemenu .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
	.mobilemenu .nav li li .parent:hover {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .mobilemenu .nav ul {
        display: block;
        width: 100%;
    }
   .mobilemenu .nav > li.hover > ul , .mobilemenu .nav li li.hover ul {
        position: static;
    }

}
@media (min-width: 768px) and (max-width: 991px) {
.mobilemenu .toggleMenu {right:25px; top:15px;}
.mobilemenu  .nav { margin-top:80px;}
header.smaller .mobilemenu .nav {margin-top:55px;}

}

@media only screen and (max-width:767px)
{
.mobilemenu .nav { margin-top:70px;margin-left:0px;}
header.smaller .mobilemenu .nav {margin-top:55px;}

}

/*
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mobilemenu .nav { background:none; width:auto; float:right; margin-top:0px; border:none;}
.mobilemenu .nav a { font-size:13px; padding:25px 7px; border-bottom:none;}
.mobilemenu .nav > li { border-top:none;}
.mobilemenu .nav > li > .parent { background:none;}
.mobilemenu .nav ul { width:auto;}
.mobilemenu .nav li li a { padding-top:8px; padding-bottom:8px; min-width:200px;  background: #e2e2e2;}
.mobilemenu .nav li li > .parent  { background: url(http://cdn.go4hosting.com/leftarrow.png) #e2e2e2;  background-position: 95% 50%; background-repeat:no-repeat;}
}*/