@media screen and (max-width: 1023px) {
	
#menuPrincipaleBar{display:none}

#menuMobileBar .sub11,#menuMobileBar .sub12,#menuMobileBar .sub13{display:none}

#menuMobileBar{display:block !important;position:relative;top:-120px;z-index:5000;clear:both}

.menuMobile{font-family: 'Montserrat', sans-serif;

}

.navMobile, ul, li, a  {margin: 0; padding: 0;}


/*.menuMobile .sub2 ,.menuMobile .sub3 {    padding: 10px 15px;  color: #fff;}*/


.navMobile .container {
    /*width: 100%;
    width: 300px;*/
    margin: 10px auto;
}
.toggleMenu {
    display:  none;padding:48px 20px 40px 19px;
    /*padding: 18px 15px;*/
    color: #fff;
}
.navMobile {
    list-style: none;
     *zoom: 1;width:50%;
     background:#000;
}
.navMobile:before,
.navMobile:after {
    content: " "; 
    display: table; 
}
.navMobile:after {
    clear: both;
}
.navMobile ul {
    list-style: none;
    width: 9em;
}
.navMobile a {
    padding: 12px 16px;
    color:#fff;
}
.navMobile li {
    position: relative;    font-size: 15px;
    font-weight: 600;
}
.navMobile > li {
    float: left;
    border-top: 1px solid #fff;
}
.navMobile > li > .parent {
    background-image: url("/custom_cms/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.navMobile > li > a {
    display: block;
}
.navMobile li  ul {
    position: absolute;
    left: -9999px;    
}
.navMobile > li.hover > ul {
    left: 0;
}
.navMobile li li a {font-size: 14px;
    font-weight: 600;
    display: block;text-indent: 14px;
    background: #f3f3f3;
    position: relative;
    z-index:100;color:#000;
    border-top: 1px solid #fff;
}
.navMobile li li li a {
    background:#fff;
    z-index:200;text-indent: 28px;
    border-top: 1px solid #e6e7e9;
}

.navMobile li li li li a {
    background:#fff;
    z-index:200;color:#000;
    border-top: 1px solid #e6e7e9;
}




.hamburger-wrapper-container {
        margin: 0 auto;
        margin-top: 0;
    }

.hamburger-container {
        margin: 0 auto;
        position: relative;
        cursor: pointer;
        width: 28px;
        height: 28px;
        border-radius: 50%;
    }
.hamburger-line {
        display: block;border:1px solid #000;
        width: 100%;
        height: 1px;
        background-color: #000!important;
        margin-bottom: 5px;
        transition: all 600ms ease;
        border-radius: 4px;
    }

.hide-me {
        background: rgba(0, 0, 0, 0);
        margin-top: -120px;
        transition: all 600ms ease;
    }
	
.hamburger-line a{color:#000}
 .rotate-left {
        position: absolute;border:1px solid #000;
        top: 130px;
        left: 0;
        transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        /* IE 9 */
        -webkit-transform: rotate(225deg);
        /* Chrome, Safari, Opera */
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
.rotate-right {
        position: absolute;border:1px solid #000;
        top: 130px;
        left: 0;
        transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
        /* IE 9 */
        -webkit-transform: rotate(-225deg);
        /* Chrome, Safari, Opera */
        transition: all 600ms ease;
    }



	

	
    .active {
        display: block;
    }
    .navMobile > li {
        float: none;
    }
    .navMobile > li > .parent {
        background-position: 95% 50%;
    }
    .navMobile li li .parent {
        background-image: url("/custom_cms/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .navMobile ul {
        display: block;
        width: 100%;
    }
   .navMobile > li.MobileL1.hover > ul.MobileUL2 , .navMobile li li.MobileL1.hover ul.MobileUL2 {
        position: static;
    }
   .navMobile > li.MobileL2.hover > ul.MobileUL3 , .navMobile li li.MobileL2.hover ul.MobileUL3 {
        position: static;
    }
   .navMobile > li.MobileL3.hover > ul.MobileUL4 , .navMobile li li.MobileL3.hover ul.MobileUL4 {
        position: static;
    }
   .navMobile > li.MobileL4.hover > ul.MobileUL5 , .navMobile li li.MobileL4.hover ul.MobileUL5 {
        position: static;
    }
    

}




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


#menuMobileBar{top:-137px}

}




/*  MENU FOOTER   */

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

	
	.navMobile {
width:100%
}
	
		
	#lowerbar,#lowerbar li{padding:0 !important}
	
	
	.menuFooterMobile{font: 1.1em HelveticaNeueW01-47LtCn_692686, Arial, Tahoma;
}

.navFooterMobile, ul, li, a  {margin: 0; padding: 0;}

.navFooterMobile{}

.navFooterMobile .container {
    /*width: 100%;
    width: 300px;*/
    margin: 10px auto;
}
.navFooterMobile {
    list-style: none;
     *zoom: 1;width:50%;
     background:#707070;
}
.navFooterMobile:before,
.navFooterMobile:after {
    content: " "; 
    display: table; 
}
.navFooterMobile:after {
    clear: both;
}
.navFooterMobile ul {
    list-style: none;
    width: 9em;
}
.navFooterMobile a {
    padding: 10px 9px;
    color:#fff;
}
.navFooterMobile li {
    position: relative;
}
.navFooterMobile > li {
    float: left;
    border-top: 1px solid #fff;
}
.navFooterMobile > li > .parent {
    background-image: url("/custom_cms/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.navFooterMobile > li > a {
    display: block;
}
.navFooterMobile li  ul {
    position: absolute;
    left: -9999px;
}
.navFooterMobile > li.hover > ul {
    left: 0;
}
.navFooterMobile li li.hover ul {
    left: 100%;
    top: 0;
}
.navFooterMobile li li a {
    display: block;
    background: #898989;
    position: relative;
    z-index:100;
    border-top: 1px solid #c0c0c0;
}
.navFooterMobile li li li a {
    background:#59b785;
    z-index:200;
    border-top: 1px solid #aba7a7;
}
	
    .active {
        display: block;
    }
    .navFooterMobile > li {
        float: none;
    }
    .navFooterMobile > li > .parent {
        background-position: 95% 50%;
    }
    .navFooterMobile li li .parent {
        background-image: url("/custom_cms/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .navFooterMobile ul {
        display: block;
        width: 100%;
    }
   .navFooterMobile > li.hover > ul , .navFooterMobile li li.hover ul {
        position: static;
    }
	

	.navFooterMobile {
width:100%
}

.navFooterMobile > .seguicisu > .parent{     background-image:none !important}
  .seguicisu a {
        float: left;
    }
	.seguicisu img{height:23px}
	
}