/**

 * @version		$Id$

 * @author		JoomlaUX!

 * @package		Joomla.Site

 * @subpackage	mod_jux_megamenu CSS3

 * @copyright	Copyright (C) 2015 by JoomlaUX. All rights reserved.

 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 1

 */



 @media screen and (max-width: 1040px) {



 	#jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild.megacss3 span.menu-title:after, 

 	#jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild-over.megacss3 span.menu-title:after {

 		content: none;

 	}



 	#js-meganav{

 		display: none;

 	}

 	#js-meganav-off-canvas #test{

 		display: block;

 	}

 	#jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle,

 	#jux_megamenucss3 .megamenu #js-megaMenuToggle {

 		display: block;

 		padding: 12px 15px;

 		cursor: pointer;

 		font-size: 10px;

 		text-transform: uppercase;

 		text-align: left;

 	}



 	#jux_megamenucss3 .megamenu #js-megaMenuToggle { display: block !important; }



 	#jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon,

 	#jux_megamenucss3 .megamenu #js-megaMenuToggle .megaMenuToggle-icon {

 		display: inline-block;

 		background: rgba(230, 230, 230, 0.7);

 		height: 2px;

 		width: 16px;

 		position: relative;

 		float: right;

 		margin-top: 10px;

 		text-align: left;

 	}



 	#jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:before,

 	#jux_megamenucss3 .megamenu #js-megaMenuToggle .megaMenuToggle-icon:before {

 		content: '';

 		position: absolute;

 		background: rgba(230, 230, 230, 0.8);

 		height: 2px;

 		width: 16px;

 		top: -4px;

 	}



 	#jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:after,

 	#jux_megamenucss3 .megamenu #js-megaMenuToggle .megaMenuToggle-icon:after {

 		content: '';

 		position: absolute;

 		background: rgba(230, 230, 230, 0.9);

 		height: 2px;

 		width: 16px;

 		top: -8px;

 	}



 	#jux_megamenucss3 .megamenu {

 		width: 100% !important;

 		overflow: hidden;



 	}



 	#jux_megamenucss3 .megamenu ul.level0{

 		float:none !important;

 		font-size: 12px;

 	}



 	#jux_megamenucss3 .megamenu ul.level0 li.megacss3{

 		float:none !important;

 		position:relative;

 		background-image:none !important;

 	}



 	#jux_megamenucss3 .megamenu ul.megamenu li.megacss3 a.megacss3 span.menu-desc {

 		display: none;

 	}



 	#jux_megamenucss3 .megamenu ul.level1 li.megacss3 span.megacss3,

 	#jux_megamenucss3 .megamenu ul.level1 li.megacss3 a.megacss3 {

 		padding-left:33px !important;

 	}



 	#jux_megamenucss3 .megamenu ul.level2 li.megacss3 span.megacss3,

 	#jux_megamenucss3 .megamenu ul.level2 li.megacss3 a.megacss3{

 		padding-left:37px !important;

 	}



 	#jux_megamenucss3 .megamenu ul.level3 li.megacss3 span.megacss3,

 	#jux_megamenucss3 .megamenu ul.level3 li.megacss3 a.megacss3{

 		padding-left:60px !important;

 	}



 	#jux_megamenucss3 .megamenu ul.level4 li.megacss3 span.megacss3,

 	#jux_megamenucss3 .megamenu ul.level4 li.megacss3 a.megacss3{

 		padding-left:70px !important;

 	}



 	#jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.megacss3,

 	#jux_megamenucss3 .megamenu ul.level0 li.megacss3 a.megacss3{

 		padding: 15px 12px;

 		margin: 0!important;

 	}



 	#jux_megamenucss3 .megamenu .js-megamenu {

 		font-size: 12px;



 	}



 	#jux_megamenucss3 .megamenu.megamenu.vertical.right ul.level0 li.megacss3 a.megacss3 {

 		text-align:left !important;

 	}



 	#jux_megamenucss3 .megamenu.megamenu.vertical.right .js-megamenu ul.level0 li.megacss3 .childcontent {

 		right:0px !important;

 	}



 	#jux_megamenucss3 .megamenu .js-megamenu li.megacss3 .childcontent {

 		// height: 100% !important;

 		margin: 0 !important;

 		position: relative;

 		width: 100% !important;

 		// overflow:visible !important;

 	}



 	#jux_megamenucss3 .megamenu ul.level0 li a.haschild.megacss3 span.menu-title,

 	#jux_megamenucss3 .megamenu ul.level0 li a.haschild-over.megacss3 span.menu-title{

 		padding-left:0px !important;

 	}



 	#jux_megamenucss3 .megamenu ul.level1 li.haschild,

 	#jux_megamenucss3 .megamenu ul.level1 li.haschild-over {

 	}



 	#jux_megamenucss3 .megamenu .childcontent-inner-wrap{

 		margin:0px !important;

 		margin-bottom: 0px!important;

 	}



 	#jux_megamenucss3 .megamenu .childcontent-inner-wrap,

 	#jux_megamenucss3 .megamenu .childcontent-inner,

 	#jux_megamenucss3 .megamenu .megacol{

 		width:100% !important;

 	}



 	#jux_megamenucss3 .megamenu ul.megamenu{

 		margin: 0px !important;

 	}



 	#jux_megamenucss3 .megamenu .megacol,.childcontent-inner{

 		border:none !important;

 		float: none !important;

 	}



 	#jux_megamenucss3 .megamenu ul.level0 li.haschild span.arrow-icon,

 	#jux_megamenucss3 .megamenu ul.level0 li.haschild-over span.arrow-icon {

 		display: block;

 		float: right;

 		position: absolute;

 		right: 2px;

 		top:2px;

 		z-index: 99;

 	}



 	#jux_megamenucss3 .megamenu ul.level0 li.haschild span.arrow-icon,

 	#jux_megamenucss3 .megamenu ul.level0 li.haschild-over span.arrow-icon{

 		display:block;

 		cursor: pointer;

 	}



 	#jux_megamenucss3 .megamenu ul.level0 li.haschild span.arrow-icon {

 		background: url("../images/arrow_down.png") no-repeat scroll 100% 0px transparent !important;

 		display: block !important;

 		text-indent: 9999px;

 		width: 40px;

 		height: 31px;

 		border: 0 none !important;

 		padding: 0 !important;

 		margin: 0 !important;

 		-webkit-box-shadow: none !important;

 		-moz-box-shadow: none !important;

 		box-shadow: none !important;

 	}



 	#jux_megamenucss3 .megamenu ul.level0 li.haschild-over span.arrow-icon {

 		background: url("../images/close.png") no-repeat scroll 100% 0 transparent;

 		display: block !important;

 		height: 31px;

 		text-indent: 9999px;

 		width: 40px;

 		padding: 0 !important;

 		margin: 0 !important;

 		border: 0 none !important;

 		-webkit-box-shadow: none !important;

 		-moz-box-shadow: none !important;

 		box-shadow: none !important;

 	} 



 	#jux_megamenucss3 .megamenu ul.level1 li.megacss3 span.arrow-icon{

 		display:none;

 	}



 	#jux_megamenucss3 .megamenu ul.level1 li.haschild span.arrow-icon,

 	#jux_megamenucss3 .megamenu ul.level1 li.haschild-over span.arrow-icon {

 		display: block;

 		float: right;

 		position: absolute;

 		right: 2px;

 		top:2px;

 		z-index: 99;

 	}



 	#jux_megamenucss3 .megamenu ul.level0 li.megacss3.submenu-align-fullwidth {

 		position: relative !important;

 	}



 	

	

	#jux_megamenucss3 .megamenu.noJS ul.megamenu li {

		/*		display: none;*/

		padding: 0 !important;

		border: 0 !important;

		border-radius: 0 !important;
		width:100%;

	}

	

	/*#jux_megamenucss3 .megamenu.noJS ul.megamenu li a {

		position: relative;

		}*/



		#jux_megamenucss3 .megamenu.noJS #css3-megaMenuToggle {

			background: rgba(0, 0, 0, 0);

			display: block;

			border-radius: 5px;

			padding: 2px 19px 16px 9px;

			margin: 3px 0px 3px 9px;

			width: 100%;

			height: 15px;



		}



		#jux_megamenucss3 .megamenu.noJS:hover #css3-megaMenuToggle {

			/*display: none;*/

		}



		#jux_megamenucss3 .megamenu.noJS:hover ul.megamenu li {

			display: block;



		}



		#jux_megamenucss3 .megamenu.noJS ul.megamenu li.haschild > div.childcontent.adddropdown  {

			display: none;

		}



		#jux_megamenucss3 .megamenu.noJS ul.megamenu li.haschild:hover > div.childcontent.adddropdown {

			display: block;

		}



		/* CSS 3 arrow down*/





		#jux_megamenucss3 .megamenu.noJS ul.level0 li.megacss3.haschild:hover > a.haschild:after {

			border-top-color: #fff;

		}

	}