@charset "UTF-8";
/* CSS Document */


/* ============ desktop view ============ 
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ 
@media (max-width: 991px) {
	
  .dropdown-menu {
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
	
}	
/* ============ small devices .end// ============ */

@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: relative;
		left:50%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	

@media (max-width: 991px) {
/*
.dropdown-menu {
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: 0.5rem;
}
	*/

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:10%; top:25px;
	}
	
	.dropdown-menu > li:hover{
    background-color: rgba(244,0,254,0.30);
	}
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}

}