/*start of submenu added*/
.menu ul li ul li  ul li { display: none; }

.menu ul li ul li:hover  ul li { 
	display: block;
}

.menu ul li ul li ul{
  	display: none;   
	background-color:#002e77;
	text-align: left;
	top: 63%;
	left:100%;
	position:absolute;
	width:100%;

	/*transition: all ease-out 0.3s;*/
}

.menu ul li ul li:hover  ul { 
	display:block;
	border-top: 0;
}

.menu ul li ul li ul li  a {
	display: block;
	padding: 15px 17px;
	outline: 0;
	font-size: 15px;
	color: white;    
	text-transform: capitalize;
}
/*end of submenu added*/

@media screen and (max-width: 991px) {
.menu ul li ul li  ul li { display: block; }
/*submenu responsive start*/
.menu ul li ul li:hover > ul { 
	display:none;
}
.menu ul li ul li.open > ul { 
	display:block;
	background-color:#111;
    position: static;
	
}
.menu ul li ul li a { 
	
}
.menu ul li ul li ul li  a {
	padding: 15px 26px 17px 20px;
	font-weight: bold;
	outline: 0;
	font-size: 14px;
	color: white; 
}
/*submenu responsive end*/
	
}

@media screen and (min-width: 992px) and (max-width: 1024px) {

	.menu ul li ul li ul li  a {
	padding: 15px 17px;
	outline: 0;
	font-size: 14px;
	
}
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.menu ul li ul li ul li  a {
	padding: 15px 17px;
	outline: 0;
	font-size: 14px;
	}
	
}
@media screen and (min-width: 1281px) and (max-width: 1440px) {


	.menu ul li ul li ul li  a {
	padding: 15px 17px;
	outline: 0;
	font-size: 15px;
	}
}