/**
 * IceMegaMenu Extension for Joomla 3.0 By IceTheme
 * 
 * 
 * @copyright	Copyright (C) 2012 IceTheme.com. All rights reserved.
 * @license		GNU General Public License version 2
 * 
 * @Website 	http://www.icetheme.com/Joomla-Extensions/icemegamenu.html
 *
 */

/*.collapse {
  overflow: hidden
  }*/

@media (min-width: 980px) {
	.icemegamenu > ul{
	 height:50px!important;}
}


@media (max-width: 767px) {
	
	.nav-collapse,
	.nav-collapse.collapse {
		overflow: hidden;
		height: 0;
	}
.ice-megamenu-toggle {
    float: right;
	width:100%;
	}
	.icemegamenu 
	{
    	margin-top: 5px;
    }

	.ice-megamenu-toggle a {
		 background: url("../images/mobile_menu_btn.png") no-repeat scroll center right #E3E3E3;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    padding: 16px;
    color: #454545;}		


.icemegamenu > ul { background:#eee }

  .ice-megamenu-toggle { display:inline-block; }
  .icemegamenu > ul > li{ width: 100%; background:#eee }
  
  
	#icemegamenu > li > ul.icesubMenu {
		float: left;
		opacity: 1;
		max-height:1280px;	
		position: relative;
		padding:0;
		top: 0!important;
		visibility: visible;
		width: 100% !important;
		background:#eee}
		
			
	#icemegamenu > li > ul.icesubMenu .iceCols{ width:100%!important;}
	#icemegamenu > li > ul.icesubMenu li{
		width:100%!important;
	}
	#icemegamenu .parent .icemodules{	}
	
	ul.icesubMenu{border:none}
	
	ul.icesubMenu li.parent{background:none;}		
	
	
	.icemegamenu > ul > li a.iceMenuTitle{
		 background-color: #D3D3D3;
    border-bottom: 1px solid #FFFFFF;
   
	color: #454545;
    font-weight: 500;
		}
		
		
	
	ul.icesubMenu > li a.iceMenuTitle{
		background-position: 20px 10px;
    border-bottom: 1px solid #E0E0E0;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 0 8%;
    width: 92%;}
	
		
	.icemegamenu > ul > li.active{
		background:none}
	
		#icemegamenu > li > ul.icesubMenu li > ul{
			float: left;
			opacity: 1;
			max-height:1000px;	
			position: relative;
			top: 0!important;
			visibility: visible;
			width: 100% !important;
			left: 0;		
			margin:0px;
			padding:0;
			border:none;
			background:#eee;}
			
			/* level 2 */
			ul.sub_level_2 li > a.iceMenuTitle {
				padding-left: 55px!important;
				background-position: 40px 10px!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 { width: auto !important;}
		
		/*** our ****/
		.icemegamenu 
		{
    		float: right;
   	       width: 100%;
      }
	  
	.nav-collapse.icemegamenu  {
   
       max-height: 340px;
    overflow-x: hidden;
    padding: 0;
    overflow-y: scroll;
}
.row.icemodules .col-sm-4, .row.icemodules .col-sm-2, .row.icemodules .col-sm-3{
width:100%;
}
 
.icemega_modulewrap .list.col-sm-2, .icemega_modulewrap .list.col-sm-3 {
    padding: 0;
    width: 100%;
}  

#icemegamenu > li:hover > ul.icesubMenu.icemodules
{
	max-height:1260px;
}

#icemegamenu > li:hover > ul.icesubMenu
{
	border-top:none medium;
}
.icemegamenu > ul > li a.icemega_active.iceMenuTitle  
{	 

	background-color: #454545;
}
div.icemegamenu ul#icemegamenu li.active a.icemega_active > span.icemega_title
{
	    color: #FFFFFF!important;
		text-shadow:none;
}
.icemegamenu ul > li .iceCols li.iceMenuLiLevel_2:hover a.iceMenuTitle
{
	background-color:#fff;
}	
.icesubMenu .icemega_cover_module
{
	float:left;
}  
}


@media (max-width: 480px){

	ul.icesubMenu > li a.iceMenuTitle{
		background:none!important;}
		
		#icemegamenu > li > ul.icesubMenu li > ul.sub_level_2,
		#icemegamenu > li > ul.icesubMenu li > ul.sub_level_3,
		#icemegamenu > li > ul.icesubMenu li > ul.sub_level_4{
			left: 0px;}
}

/**** our css ***/
@media only screen and (min-width: 768px) and (max-width: 999px)
{

.icemegamenu > ul > li > a.iceMenuTitle > span.icemega_nosubtitle {
  padding: 10px 5px;
}
#icemegamenu > li:hover > ul.icesubMenu
{
	top:40px;
}
.row.icemodules .col-sm-4 img {
	width: 100%;
}

.row.icemodules .col-sm-4{
width: 94%;
}
.row.icemodules .col-sm-2 {
width: 27.1%;
}
.row.icemodules .col-sm-3 {
width: 45%;
}
.icemega_modulewrap .list.col-sm-2, .icemega_modulewrap .list.col-sm-3 {
    padding: 0;
    width: 100%;
}
.icesubMenu .icemega_cover_module {
    width: 500px !important;
}

}