/*

Theme Name: rs Menu

Description: rs Menu is a fully responsive, easy-to-use, highly customized and creative Mega Menu

Author: Rs Themes

*/



/************************************************

	Transitions

************************************************/

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

	.rs-menu ul ul {

		opacity: 0;

		display: block;

		visibility: hidden;	

		transform: translateY(10px);


	}



	.rs-menu li:active > ul, 

	.rs-menu li:focus > ul, 

	.rs-menu li:hover > ul, 

	.rs-menu li:hover > ul.mega-menu > li > ul, 

	.rs-menu li:hover ul.mega-menu .sub-menu {    

		 opacity: 1;

		 visibility:visible;		

		 transform: translateY(0px);
	  max-height: 350px;
  overflow-y: auto;

	}	

    .rs-menu ul ul::-webkit-scrollbar {
  width: 5px; /* width of scrollbar */
}
    .rs-menu ul ul::-webkit-scrollbar-track {
  background: linear-gradient(180deg, #ff3115, #e9ecef);
  border-radius: 10px;
}
    .rs-menu ul ul::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ff3115, #fff);
  border-radius: 10px;
  border: 2px solid #f4f4f4;
  transition: background 0.3s ease;
}



}