.toggleMenu { display:  none;  }
.menu_font { font:  1.2em/1.2em "Open Sans",arial,sans-serif; margin: 0 10px 0 0 ; }

.nav { float:right; padding: 28px 110px 0 0;    list-style: none;     *zoom: 1;     }
.nav:before,.nav:after { content: " "; display: table; }
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
	padding: 31px 0 0 0 ;
	margin:0 0 0 0 ;
	width: 220px;
	opacity: 0.8;
	
}
.nav a {
	transition:unset;
    padding: 0 0 0 0;
    color:#fff;
	padding: 15px 25px;
}
.nav a:hover { color:#FFF; background-color:#0172cd; padding: 15px 25px}
.nav li {
	
    position: relative;
}
.nav > li {
	
    float: left;
    
}
.nav > li > .parent {
	
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 95%;
	
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	
}
.nav > li.hover > ul {
    left: 0;
	
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
	font-size:0.8em;
	padding: 15px 25px;
	margin: 0 0 0 0;
    display: block; background-color:#000; color:#fff;
    position: relative;
    z-index:100;
    border-bottom: 1px solid #666;
	text-align: left;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #666;
}
.menu_font.ourbrands_menu{display:none}


@media screen and (max-width: 1440px) {
.menu_font { font:  1.05em/1.2em Arial,Helvetica Neue,Helvetica,sans-serif; margin: 0 10px 0 0 ; }
.nav { float:right; padding: 20px 90px 0 0;    list-style: none;     *zoom: 1;     }
.nav ul { list-style: none;	padding: 22px 0 0 0 ; margin:0 0 0 0 ; width: 220px; opacity: 0.8;}
	
	
}


@media screen and (max-width: 1150px) {
.menu_font { font:  0.9em/1.2em Arial,Helvetica Neue,Helvetica,sans-serif; margin: 0 0 0 0 ; }
.nav { float:right; padding: 16px 80px 0 0;    list-style: none;     *zoom: 1;     }
.nav ul { list-style: none;	padding: 18px 0 0 0 ; margin:0 0 0 0 ; width: 180px; opacity: 0.8;}
.nav a {padding: 0 0 0 0; color:#fff; padding: 10px 18px;}
.nav a:hover { color:#FFF; background-color:#0172cd; padding: 10px 18px}

.nav li li a {font-size:0.9em;padding: 10px 18px;margin: 0 0 0 0;  display: block; background-color:#000; color:#fff;   position: relative;  z-index:100;   border-bottom: 1px solid #666;	text-align: left;}	

}

@media screen and (max-width: 1023px) {
	.menu_font.ourbrands_menu{display:block}
	.toggleMenu { position: absolute;right: 0px;  color: #fff; margin: 0 0px; }
	.toggleMenu img { width:170px; }
	    .active {
        display: block;
    }
	.menu_font { padding: 0 0 0 0;  }
	.nav {background:#000;float:right; margin: 70px 0 0 0;width: 100%; padding: 0 0 0 0;   list-style: none;     *zoom: 1; opacity: 0.8;  }
	.nav ul { list-style: none;	margin:0 0 0 0 ; padding: 0; width: 100%;}
	.nav a {padding: 2% 0 2% 5%;color:#fff; font-size:1em }
	.nav a:hover { color:#FFF; background-color:#0172cd; padding: 2% 0 2% 5%;}
	.nav .hover ul li a{padding-left: 8%;}
    .nav > li {
        float: none;
		border-top: 1px solid #555;
		margin: 0 0 0 0;
    }
    .nav > li > .parent {
		margin: 0 0 0 0;
        background-position: 95% 50%;
    }
    .nav li li .parent {
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
.nav li li a {
	font-size:1em;
	padding: 1.5% 0 1.5% 5%;
	    padding-left: 8%;
	margin: 0 0 0 0;
    display: block; background-color:#333; color:#fff;
    position: relative;
    z-index:100;
    border-bottom: 1px solid #888;
}
	
}



@media screen and (max-width: 480px) {
	.toggleMenu img { width:180px; }



	.nav a {padding: 2.5% 0 2.5% 5%;color:#fff; font-size:1em }
	.nav a:hover { color:#FFF; background-color:#0172cd; padding: 2.5% 0 2.5% 5%;}
	.nav .hover ul li a{padding-left: 11%;}
    .nav > li {
        float: none;
		border-top: 1px solid #555;
		margin: 0 0 0 0;
    }
    .nav > li > .parent {
		margin: 0 0 0 0;
        background-position: 95% 50%;
    }
    .nav li li .parent {
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
.nav li li a {
	font-size:1em;
	padding: 1.5% 0 1.5% 5%;
	padding-left: 11%;
	margin: 0 0 0 0;
    display: block; background-color:#333; color:#fff;
    position: relative;
    z-index:100;
    border-bottom: 1px solid #888;
}
	
}