/**
 * IceMegaMenu Extension for Joomla 3.0 By CMSFARSI
 * 
 * 
 * @copyright	Copyright (C) 2012 CMSFARSI.com. All rights reserved.
 * @license		GNU General Public License version 2
 * 
 * @Website 	http://wwww.cmsfarsi.net
 *
 */


  
@media (min-width: 1200px) {
	
	.icemegamenu > ul > li {}
		
		.icemegamenu > ul > li >  a.iceMenuTitle {
			font-size:18px;}
			
			.icemegamenu > ul > li  a.iceMenuTitle > span.icemega_title {
				padding-left:14px;
				padding-right:14px;}
			
  			

}



@media (max-width: 979px) {
	
	body .icemegamenu-hover { display:none}
	
	.mainmenu .collapse {
	  overflow: hidden!important;}
		
	.collapse.in { margin-bottom: 45px; }
	
	.mainmenu .nav-collapse.collapse {background:#556d7d;}
		
	
	div.container > div.icemegamenu { width:100%; z-index: 999; margin-bottom: 0; margin-top: -65px; }
		div.container > div.icemegamenu .icemegamenu { width:100%; margin:15px 0 0; }
		div.container > div.icemegamenu .icemegamenu.in { padding-bottom: 30px}	
	
	.icemegamenu > ul { background:none; margin-top:0; margin-bottom:30px; width:100% }

  .ice-megamenu-toggle { display:block; }
  .icemegamenu > ul > li,
  .icemegamenu > ul > li.active,
   .icemegamenu > ul > li:hover { clear:both; width: 100%; margin: 0; padding-left:0; background:none!important; }
   
   .icemegamenu > ul > li.active::before,
   .icemegamenu > ul > li.active::after { display:none}
   
   .icemegamenu > ul > li a.iceMenuTitle > span.icemega_title { border-radius:0; margin:0; padding:8px 5px; background:none!important}
  		ul.icesubMenu > li a.iceMenuTitle span { padding-top:3px!important; padding-bottom:3px!important}
  
			.icemegamenu > ul > li:hover > a.iceMenuTitle span.icemega_title:after,
			 .icemegamenu > ul > li.active > a.iceMenuTitle span.icemega_title:after {
				 display:none}
			
			
	#icemegamenu > li > ul.icesubMenu {
		float: left;
		opacity: 1;
		position: relative;
		padding:0;
		top: 0!important;
		left: 0!important;
		visibility: visible;
		width: 100% !important;
		background: rgba(255,255,255,.15);
		margin:0}
		
		
			
	#icemegamenu > li > ul.icesubMenu .iceCols{ width:100%!important;}
	#icemegamenu > li > ul.icesubMenu li{ width:100%!important; overflow:hidden}
		
	#icemegamenu .parent .icemodules{	}
	
	ul.icesubMenu{border:none}
	
	ul.icesubMenu li.parent{background:none;}		
	
	
	.icemegamenu > ul > li a.iceMenuTitle{
		height:auto;
		padding: 0 10px;
		font-size:16px;
		border-bottom:1px dotted rgba(255, 255, 255, .2)!important}
		
	
	ul.icesubMenu > li a.iceMenuTitle{
		margin:0px;
		font-size: 14px;
		padding: 0 0 0 38px!important;
		background-position:22px 8px}
	
		
	
		#icemegamenu > li > ul.icesubMenu li > ul{
			float: left;
			opacity: 1;
			position: relative;
			top: 0!important;
			visibility: visible;
			width: 100% !important;
			left: 0;		
			margin:0px;
			padding:0;
			border:none;
			background:none;
			transform: rotate(0deg);
			-ms-transform: rotate(0deg); /* IE 9 */
			-webkit-transform: rotate(0deg); /* Safari and Chrome */}
			
			/* level 2 */
			ul.sub_level_2 li > a.iceMenuTitle {
				padding-left: 55px!important;
				background-position: 39px 9px!important;}
				
			/* level 3 */
			ul.sub_level_3 li > a.iceMenuTitle {
				padding-left: 75px!important;
				background-position: 60px 10px!important;}
				
					

		/* hide modules */
		.icesubMenu .icemega_cover_module {display:none}
		
		.collapse.in .icesubMenu .icemega_cover_module { display:block; padding-top:10px!important; padding-bottom:10px!important}
		
}


@media (max-width: 480px) {
	
.icemegamenu > ul { margin-top:0; }
	
	.icemegamenu {
		text-align:left}
	
}



