@media screen and (max-width:1400px){
	body .entry-thumbnail.image-resize > img{left:-20%;}
}


@media screen and (max-width:1170px){
	.single-projet .project-header-left{width:50%; }
	.single-projet .project-header-right{width:50%; }
	

	/*********** MENU RESPONSIVE ***********/
	.site-header .header-nav{display:none;}
	.block-menu-responsive{display:block; position:absolute; z-index:20000; margin-left:15px; right:15px; top:15px;}
	.block-menu-responsive .menu-responsive{
		display:none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;

	}
	.block-menu-responsive .menu-responsive > div{
		background-color:rgba(0, 0, 0, 0.85);
		padding:25px 25px;
		display:block;
		margin-top:60px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;

	}
	#toggle{
		right:0px; 
		top:0px;
		z-index:30000;
		color:#fff; 
		font-size:35px; 
		background-color:rgba(0, 0, 0, 0.85);
		height:60px; 
		width:60px; 
		line-height:60px; 
		text-align:center;
		position:absolute;
		cursor:pointer;
	}
	.block-menu-responsive .menu-responsive > div ul li{display:block; text-align:right;}
	.block-menu-responsive .menu-responsive > div > ul > li > a{
		color:#fff;
		position: relative;
		font-size: 20px;
		padding: 18px 0px 6px 0px;
		display:block;
		line-height: 1em;
		text-transform: uppercase;
		font-weight:300;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom:1px solid rgba(255, 255, 255, 0.85);
	}

	.block-menu-responsive .menu-responsive > div > ul > li > ul > li a{
		color:#fff;
		position: relative;
		padding: 5px 0px;
		display:block;
		font-size:17px;
		font-weight:400;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.block-menu-responsive .menu-responsive > div > ul > li > ul{padding:8px 0px 10px 0px}
	
	/*********** HOME PAGE ***********/
	body .block-slider .block-title{padding:0px 10px;}
	body .block-slider .block-title h1{ font-size: 30px; line-height:35px;}
	.block-campagne-list .block-1-3 .content h3 a{line-height: 22px; font-size:18px;}
	.block-campagne-list .block-1-3 .info .date{display:block; margin-right:0px;}
	.block-campagne-list .block-1-3 .info .date{display:block; float:none; width:100%; padding-right:0px;}
	.block-campagne-list .block-1-3 .info .author{display:block; float:none; width:100%; padding-left:0px;}
	.block-about .block-left .block-inner{
		margin: 50px 50px 55px 15px; 
		width:initial; 
		float:none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.block-about .block-left{width:60%;}
	.block-about .block-right{width:40%; position:relative;}
	.block-about .block-right .block-inner{
		margin: 0px 0px 0px 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width:initial;
	}
	.block-about .block-right .block-inner img{left:-15px; position:absolute; top:50%; transform: translateY(-50%);}


	.block-give .block-right .block-inner{
		margin: 50px 15px 55px 50px; 
		width:initial; 
		float:none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.block-give .block-right{width:60%;}
	.block-give .block-left{width:40%; position:relative;}
	.block-give .block-left .block-inner{
		margin: 0px 0px 0px 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width:initial;
	}
	.block-give .block-left .block-inner img{right:-15px; position:absolute; top:50%; transform: translateY(-50%);}
	.block-news .post a .new-content-content{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left:210px;
		margin-left:0px;
		border-left: 0px solid #fff;
		position:relative;
	}
	.block-news .post .news-content-block{position:relative;}
	.block-news .post a .new-content-content:after{
		content:"";
		display:block;
		width:1px;
		background-color:#fff;
		height:100%;
		position:absolute;
		top:0;
		margin-left:-40px;
	}
	.block-news .post a{padding:40px 15px;}
	.block-news .wrapper{padding:0px 0px;}
	.site-footer .block-1-3{
		display:block;
		width:33%; 
		float:left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding:0px 8px 30px 8px;
	}
	.site-footer .block-1-3.first{padding-left:5px;}
	.site-footer .block-1-3.last{padding-right:5px;}

	/*********** ARCHIVE NEWS ***********/
	.archive article.category-nouvelles.post a .new-content-content,
	.archive article.category-temoignages.post a .new-content-content{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left:210px;
		margin-left:0px;
		border-left: 0px solid #fff;
		position:relative;
	}
	.archive article.category-nouvelles.post .news-content-block,
	.archive article.category-temoignages.post .news-content-block{position:relative;}
	.archive article.category-nouvelles.post a .new-content-content:after,
	.archive article.category-temoignages.post a .new-content-content:after{
		content:"";
		display:block;
		width:1px;
		background-color:#fff;
		height:100%;
		position:absolute;
		top:0;
		margin-left:-40px;
	}
	.archive article.category-nouvelles.post a,
	.archive article.category-temoignages.post a{padding:40px 15px;}
	.latest-news{margin-bottom:5px; width:100%; display:block; float:none; padding:0px;}
	.latest-news a{min-height:160px; height:100%; background-size:cover; background-position: center center;}

	body .entry-thumbnail.image-resize > img{left:-40%;}
}

@media screen and (max-width:950px){
	.single-projet .project-header-right{padding-left:0px; padding-top:20px;}
	.single-projet .project-header{display:block;}
	.single-projet .project-header-left{width:100%; display:block; float:none; }
	.single-projet .project-header-right{width:100%; display:block; float:none;}
}


@media screen and (max-width:930px){
	body .entry-thumbnail.image-resize > img{left:initial; right:-55%;}
}
@media screen and (max-width:800px){

	.post-type-archive-projet .block-projets-list .block-1-3{width:50%;}
	
	/*********** HOME PAGE ***********/
	body .block-slider .block-title h1{ font-size: 28px; line-height:32px;}
	.block-campagne-list .block-1-3{
		border:0px solid #fff; 
		border-bottom:1px solid #d9c8cf; 
		padding-top:20px;
		padding-bottom:20px;
	}
	.block-campagne-list .block-1-3:last-child{border-bottom:0px solid #d9c8cf; }
	.block-campagne-list .block-1-3{display:block; width:100%; float:none; flex: initial;}
	.block-campagne-list .block-1-3 .thumb{width:45%; float:left;}
	.block-campagne-list .block-1-3 .content{
		width:55%; 
		float:left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top:0px;
		padding-bottom:0px;
	}
}

@media screen and (max-width:750px){
	.block-about .block-right{width:100%; float:none; display:block;}
	.block-about .block-left{width:100%; float:none; display:block;}
	.block-about .block-left .block-inner{display:block; width:100%; margin:0px; padding:50px 15px 100px 15px;}
	.block-about .block-right .block-inner{display:block; width:100%;}
	.block-about{display:block;}
	.block-about .block-right .block-inner img{position:relative; left:0; width:100%; top:-50px; transform: translateY(0);}
	.block-about .block-right .block-inner{padding:0px 15px 0px 15px;}

	.block-give .block-left{background-color:transparent; width:100%; float:none; display:block;}
	.block-give .block-right{width:100%; float:none; display:block;}
	.block-give .block-right .block-inner{display:block; width:100%; margin:0px; padding:100px 15px 50px 15px;}
	.block-give .block-left .block-inner{background-color: #c3c3c3; display:block; width:100%;}
	.block-give{display:block;}
	.block-give .block-left .block-inner img{position:relative; left:0; width:100%; bottom:-50px; transform: translateY(0);}
	.block-give .block-left .block-inner{padding:0px 15px 0px 15px;}
	h1{font-size:42px;}
	h2{font-size:29px;}


	#box-search .form-left{width:initial; float:none; }
	#box-search .form-right{width:initial; float:none;margin-top:10px;}
	#box-search .form-left .form-type{display:block; max-width:initial; width:initial;left: 0px;}
	#box-search .form-left .form-txt{display:block; max-width:initial; width:initial;left: 0px;margin-top:10px;}

	
}
@media screen and (max-width:670px){
	body .entry-thumbnail.image-resize > img{left:initial; right:-70%;}
	.site-footer .block-1-3{width:100%; float:none; text-align:center;}
	.site-footer .block-1-3.first{padding-left:0px;}
	.site-footer .block-1-3.last{padding-right:0px;}
	.site-footer .footer-top .block-1-3.last form{max-width:300px; display:block; margin:auto; margin-bottom:10px;}
	.footer-top .block-1-3.first i{position:initial; font-size:30px;padding-bottom:15px;}
	.footer-top .block-1-3.first span{padding-left:0px;}
	.site-footer .footer-top .block-1-3.last a.social{padding:0px 20px 30px 20px; margin:0px;}
	.footer-claim{text-align: center; display:block;width:100%;}
	.footer-top .nav-menu-footer li{display:inline-block;}
	.footer-top .nav-menu-footer li:after{content:" -";}
	.footer-top .nav-menu-footer li:last-child:after{content:"";}
}

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

	/*********** HOME PAGE ***********/
	body .block-slider .block-title h1{ font-size: 20px; line-height:25px; font-weight:600;}
	.block-slider .wrapper{height:600px;}
	.block-slider{height:600px;}
	.block-slider .animate-slider{height:600px;}
	.block-slider .animate-slider > div{height:600px;}


	.block-slider .slide-content{bottom:30px;}
	.block-slider:after{height:100%;}
	body .slide-content a.cta-accueil{display:block; margin:0px 15px;}
	body .slide-content .cta-top a{margin-bottom:12px;}
	body .slide-content .cta-bot{margin-top:0px;}
	.block-news .post a .new-date-content p{font-size:50px; top: 0; transform: translateY(0); line-height:40px;}
	.block-news .post a .new-content-content{padding-left:80px;}
	.block-news .post a .new-content-content:after{margin-left:-15px;}

	/*********** ARCHIVE NEWS ***********/
	.archive article.category-nouvelles.post a .new-date-content p,
	.archive article.category-temoignages.post a .new-date-content p{font-size:50px; top: 0; transform: translateY(0); line-height:40px;}
	.archive article.category-nouvelles.post a .new-content-content,
	.archive article.category-temoignages.post a .new-content-content{padding-left:80px;}
	.archive article.category-nouvelles.post a .new-content-content:after,
	.archive article.category-temoignages.post a .new-content-content:after{margin-left:-15px;}
	

}

@media screen and (max-width:550px){
	/*********** HOME PAGE ***********/
	.block-campagne-list .block-1-3 .content{width:100%; float:none;padding: 25px 15px;}
	.block-campagne-list .block-1-3{border:1px solid #d9c8cf;padding-top:0px;padding-bottom:0px; margin-bottom:30px;}
	.block-campagne-list .block-1-3:last-child{border-bottom:1px solid #d9c8cf; margin-bottom:0px;}
	.block-campagne-list .block-1-3 .thumb{ margin: 0px 0px 0px 0px;}
	.block-campagne-list .block-1-3 .thumb img{width:100%;}
	.single-projet .project-header-left .partager-txt{display:block; width:100%; padding:0px; text-align:center;}
	.post-type-archive-projet .block-projets-list .block-1-3{width:100%;}
	.block-campagne-list .block-1-3 .thumb{width:100%; float:none;}
	.post-type-archive-projet .block-projets-list .block-1-3 .thumb a img{max-width:auto; width:100%; display:block;}
}
@media screen and (max-width:500px){ 

	.block-news .post a .new-content-content p{display:none;}
	.block-news .post a .new-content-content p.date{display:block; border-bottom:1px solid #fff; margin-bottom:10px; padding-bottom:5px; font-size:14px; letter-spacing:0.5px;}
	.block-news .post a .new-date-content p.date{position:relative; font-size:35px; letter-spacing:0.5px; line-height:35px;}


	.block-news .post a .new-content-content{padding-left:0;}
	.block-news .post a .new-content-content:after{display:none;}

	.archive article.hentry.post a .new-content-content p{display:none;}
	body .entry-thumbnail.image-resize > img{left:initial; right:-130%;}
	body .nav-links div{display:block; width:100%; float:none; margin:auto;}
	body .nav-links{text-align:center;}
	.single-projet .formulaire-don .formulaire-montants .bt-montant{width:100%; display:block; float:none;}
	.single-projet .formulaire-don .formulaire-montants > ul .bt-montant.bt-left{padding:0px 0px 10px 0px;}
	.single-projet .formulaire-don .formulaire-montants > ul .bt-montant.bt-right{padding:0px 0px 10px 0px;}
	.single-projet .project-header-left .project-share .addtoany_shortcode { padding: 5px 8px; }
}



/* Codex Responsive Header Final */
@media screen and (max-width:1170px){
    body:not(.dashboard-body) #page .site-header.header{
        position:relative !important;
        z-index:35000 !important;
    }

    body:not(.dashboard-body) #page .site-header.header .wrapper.clear{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:10px !important;
        min-height:58px !important;
        padding:8px 14px !important;
    }

    body:not(.dashboard-body) #page .site-header.header .header-logo,
    body:not(.dashboard-body) #page .site-header.header .header-nav,
    body:not(.dashboard-body) #page .block-menu-responsive{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        left:auto !important;
        margin:0 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive{
        display:flex !important;
        align-items:center !important;
        order:2;
        flex:0 0 auto;
        z-index:35020 !important;
    }

    body:not(.dashboard-body) #page .site-header.header .header-nav{
        display:block !important;
        order:3;
        flex:0 0 auto;
    }

    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:8px !important;
    }

    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu > li:not(.menu-item-search):not(.menu-item-profile):not(.menu-item-notifications){
        display:none !important;
    }

    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu > li.menu-item-search,
    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu > li.menu-item-profile,
    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu > li.menu-item-notifications{
        display:inline-flex !important;
        align-items:center !important;
        margin:0 !important;
    }

    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu > li.menu-item-search > a,
    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu > li.menu-item-profile > a.user-profile-trigger,
    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu > li.menu-item-notifications > a.user-notification-trigger{
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        padding:0 !important;
        border-radius:12px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:transparent !important;
    }

    body:not(.dashboard-body) #page .site-header.header .menu-item-profile .user-profile-label,
    body:not(.dashboard-body) #page .site-header.header .menu-item-profile .user-profile-status-dot,
    body:not(.dashboard-body) #page .site-header.header .menu-item-profile .user-profile-trigger span:not(.user-profile-avatar),
    body:not(.dashboard-body) #page .site-header.header .menu-item-profile .user-profile-trigger small{
        display:none !important;
    }

    body:not(.dashboard-body) #page .site-header.header .menu-item-profile .user-profile-avatar,
    body:not(.dashboard-body) #page .site-header.header .menu-item-profile .user-profile-avatar img{
        width:24px !important;
        height:24px !important;
        border-radius:999px !important;
    }

    body:not(.dashboard-body) #page .site-header.header .menu-item-notifications .user-notification-badge{
        top:2px !important;
        right:1px !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .responsive-menu-button{
        position:relative !important;
        right:auto !important;
        top:auto !important;
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        min-height:30px !important;
        border-radius:10px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:rgba(9, 18, 26, 0.52) !important;
        border:1px solid rgba(255, 255, 255, 0.18) !important;
        color:#ffffff !important;
        box-shadow:0 12px 24px rgba(6, 12, 20, 0.18) !important;
        transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .responsive-menu-button:hover{
        background:rgba(9, 18, 26, 0.74) !important;
        transform:translateY(-1px) !important;
        box-shadow:0 16px 28px rgba(6, 12, 20, 0.24) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .responsive-menu-button i{
        display:none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .responsive-menu-button::before{
        content:"";
        width:4px;
        height:4px;
        border-radius:1px;
        background:currentColor;
        box-shadow:0 -7px 0 currentColor, 0 7px 0 currentColor;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive{
        position:absolute !important;
        top:calc(100% + 8px) !important;
        right:0 !important;
        left:auto !important;
        width:min(220px, calc(100vw - 24px)) !important;
        max-width:calc(100vw - 24px) !important;
        z-index:35030 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div{
        margin-top:0 !important;
        padding:8px !important;
        border-radius:16px !important;
        background:rgba(255, 255, 255, 0.96) !important;
        backdrop-filter:blur(18px) !important;
        -webkit-backdrop-filter:blur(18px) !important;
        box-shadow:0 24px 42px rgba(15, 23, 42, 0.18) !important;
        border:1px solid rgba(15, 23, 42, 0.08) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu{
        display:grid !important;
        gap:4px !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li{
        display:block !important;
        text-align:left !important;
        margin:0 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-106,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-6620,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.lang-item,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-search,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-profile,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-notifications{
        display:none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a{
        display:flex !important;
        align-items:center !important;
        min-height:34px !important;
        padding:8px 10px !important;
        color:#112433 !important;
        font-size:13px !important;
        line-height:1.2 !important;
        font-weight:600 !important;
        text-transform:none !important;
        border:0 !important;
        border-radius:10px !important;
        background:transparent !important;
        transition:background-color .18s ease, color .18s ease !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:after{
        display:none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:focus{
        background:rgba(20, 55, 40, 0.08) !important;
        color:#143728 !important;
        text-decoration:none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > ul.sub-menu{
        display:none !important;
    }
}

@media screen and (max-width:767px){
    body:not(.dashboard-body) #page .site-header.header .wrapper.clear{
        min-height:54px !important;
        padding:6px 10px !important;
        gap:8px !important;
    }

    body:not(.dashboard-body) #page .site-header.header .site-logo img,
    body:not(.dashboard-body) #page .site-header.header .header-logo img{
        max-height:28px !important;
    }

    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu{
        gap:6px !important;
    }

    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu > li.menu-item-search > a,
    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu > li.menu-item-profile > a.user-profile-trigger,
    body:not(.dashboard-body) #page .site-header.header .header-nav .primary-menu > li.menu-item-notifications > a.user-notification-trigger{
        width:32px !important;
        min-width:32px !important;
        height:32px !important;
        min-height:32px !important;
        border-radius:11px !important;
    }

    body:not(.dashboard-body) #page .site-header.header .menu-item-profile .user-profile-avatar,
    body:not(.dashboard-body) #page .site-header.header .menu-item-profile .user-profile-avatar img{
        width:22px !important;
        height:22px !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .responsive-menu-button{
        width:28px !important;
        height:28px !important;
        min-width:28px !important;
        min-height:28px !important;
        border-radius:9px !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive{
        width:min(208px, calc(100vw - 20px)) !important;
        max-width:calc(100vw - 20px) !important;
    }

    body:not(.dashboard-body) #page .site-header.header .menu-item-profile .user-profile-panel,
    body:not(.dashboard-body) #page .site-header.header .menu-item-notifications .user-notification-popover,
    body:not(.dashboard-body) #page .site-header.header .menu-item-notifications .user-notification-panel{
        right:10px !important;
        width:min(300px, calc(100vw - 20px)) !important;
        max-width:calc(100vw - 20px) !important;
    }
}

/* Codex Responsive Menu Final Positioning */
@media screen and (max-width:1170px){
    body:not(.dashboard-body) #page .block-menu-responsive{
        order:4 !important;
        margin-left:8px !important;
        margin-right:0 !important;
    }

    body:not(.dashboard-body) #page .site-header.header .header-nav{
        order:3 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .responsive-menu-button{
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        color:#111111 !important;
        width:22px !important;
        min-width:22px !important;
        height:22px !important;
        min-height:22px !important;
        padding:0 !important;
        border-radius:0 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .responsive-menu-button:hover{
        background:transparent !important;
        box-shadow:none !important;
        transform:none !important;
        opacity:.72;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .responsive-menu-button::before{
        width:4px !important;
        height:4px !important;
        border-radius:1px !important;
        background:#111111 !important;
        box-shadow:0 -7px 0 #111111, 0 7px 0 #111111 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div{
        background:rgba(9, 14, 20, 0.78) !important;
        backdrop-filter:blur(16px) !important;
        -webkit-backdrop-filter:blur(16px) !important;
        border:1px solid rgba(255,255,255,0.12) !important;
        box-shadow:0 24px 48px rgba(5, 8, 16, 0.24) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a{
        color:rgba(255,255,255,0.92) !important;
        border-radius:10px !important;
        transition:background-color .16s ease, color .16s ease, opacity .16s ease !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:focus{
        background:rgba(255,255,255,0.08) !important;
        color:#ffffff !important;
        text-decoration:none !important;
    }
}

/* Codex Responsive Menu Polish Final */
@media screen and (max-width: 1170px) {
    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive {
        right: 0 !important;
        left: auto !important;
        width: min(260px, calc(100vw - 22px)) !important;
        max-width: calc(100vw - 22px) !important;
        margin-top: 10px !important;
        padding: 0 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div {
        margin-top: 0 !important;
        padding: 10px !important;
        border-radius: 16px !important;
        background: rgba(8, 12, 18, 0.82) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        box-shadow: 0 24px 48px rgba(5, 8, 16, 0.26) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu {
        display: grid !important;
        gap: 4px !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li {
        display: block !important;
        margin: 0 !important;
        text-align: left !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a {
        display: flex !important;
        align-items: center !important;
        min-height: 38px !important;
        padding: 9px 12px !important;
        border-radius: 10px !important;
        color: rgba(255, 255, 255, 0.96) !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
        letter-spacing: 0.01em !important;
        text-transform: none !important;
        text-decoration: none !important;
        transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a::after,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li::after {
        display: none !important;
        content: none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:focus {
        background: rgba(255, 255, 255, 0.08) !important;
        color: #ffffff !important;
        text-decoration: none !important;
        transform: translateX(2px) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > ul.sub-menu {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    body:not(.dashboard-body) #page .block-menu-responsive {
        margin-left: 10px !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive {
        width: min(248px, calc(100vw - 18px)) !important;
        max-width: calc(100vw - 18px) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div {
        padding: 9px !important;
        border-radius: 14px !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a {
        min-height: 36px !important;
        padding: 8px 10px !important;
        font-size: 12.5px !important;
    }
}
/* Codex Responsive Primary Menu List Final */
@media screen and (max-width: 1170px) {
    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div {
        background: rgba(8, 12, 18, 0.76) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 0 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a {
        display: block !important;
        width: 100% !important;
        min-height: 40px !important;
        padding: 10px 0 !important;
        color: #ffffff !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transition: color .18s ease, opacity .18s ease, transform .18s ease !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a::before,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a::after,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a::before,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a::after,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li::before,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li::after,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li::before,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li::after {
        display: none !important;
        content: none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a:focus,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:focus {
        color: #ffffff !important;
        opacity: .84 !important;
        text-decoration: none !important;
        background: transparent !important;
        transform: translateX(3px) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > ul.sub-menu {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a {
        min-height: 38px !important;
        padding: 9px 0 !important;
        font-size: 12.5px !important;
    }
}
/* Codex Responsive Menu Container Visibility Final */
@media screen and (max-width: 1170px) {
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container > ul {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}
/* Codex Smartphone Responsive Menu LI Final */
@media screen and (max-width: 767px) {
    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container > ul,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu {
        display: block !important;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li {
        display: block !important;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a {
        display: block !important;
        width: 100% !important;
        min-height: 38px !important;
        padding: 9px 0 !important;
        color: rgba(255, 255, 255, 0.96) !important;
        font-size: 12.5px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        text-decoration: none !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        transition: color .18s ease, opacity .18s ease, transform .18s ease !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a:focus,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a:focus,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:focus {
        color: #ffffff !important;
        opacity: .84 !important;
        background: transparent !important;
        text-decoration: none !important;
        transform: translateX(3px) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > ul.sub-menu {
        display: none !important;
    }
}
/* Codex Smartphone Menu Match Tablet Final */
@media screen and (max-width: 767px) {
    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive {
        right: 0 !important;
        left: auto !important;
        width: min(260px, calc(100vw - 22px)) !important;
        max-width: calc(100vw - 22px) !important;
        margin-top: 10px !important;
        padding: 0 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div {
        margin-top: 0 !important;
        padding: 10px !important;
        border-radius: 16px !important;
        background: rgba(8, 12, 18, 0.82) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        box-shadow: 0 24px 48px rgba(5, 8, 16, 0.26) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container > ul,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 38px !important;
        padding: 9px 12px !important;
        border-radius: 10px !important;
        color: rgba(255, 255, 255, 0.96) !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
        letter-spacing: 0.01em !important;
        text-transform: none !important;
        text-decoration: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a:focus,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a:focus,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:focus {
        background: rgba(255, 255, 255, 0.08) !important;
        color: #ffffff !important;
        text-decoration: none !important;
        transform: translateX(2px) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a::before,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a::after,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a::before,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a::after,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a::before,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a::after {
        display: none !important;
        content: none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > ul.sub-menu {
        display: none !important;
    }
}/* Codex Mobile Menu Toggle And Visibility Final */
@media screen and (max-width: 1170px) {
    body:not(.dashboard-body) #page .block-menu-responsive {
        display: block !important;
        position: relative !important;
        margin-left: 10px !important;
        z-index: 130 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive {
        display: none;
        position: absolute !important;
        top: calc(100% + 10px) !important;
        right: 0 !important;
        left: auto !important;
        width: min(272px, calc(100vw - 20px)) !important;
        max-width: calc(100vw - 20px) !important;
        z-index: 140 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open {
        display: block !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div {
        display: block !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container > ul,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 40px !important;
        padding: 9px 12px !important;
        color: rgba(255, 255, 255, 0.97) !important;
        text-decoration: none !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow: visible !important;
    }
}

@media screen and (max-width: 767px) {
    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive {
        width: min(272px, calc(100vw - 18px)) !important;
        max-width: calc(100vw - 18px) !important;
    }
}
/* Codex Responsive Menu Initial Behavior Final */
@media screen and (max-width: 1170px) {
    body:not(.dashboard-body) #page .block-menu-responsive {
        display: flex !important;
        align-items: center !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin-left: 10px !important;
        z-index: 1300 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive #toggle,
    body:not(.dashboard-body) #page .block-menu-responsive .responsive-menu-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex: 0 0 auto !important;
        z-index: 1310 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive {
        display: none !important;
        position: absolute !important;
        top: calc(100% + 10px) !important;
        right: 0 !important;
        left: auto !important;
        width: min(272px, calc(100vw - 20px)) !important;
        max-width: calc(100vw - 20px) !important;
        margin-top: 0 !important;
        z-index: 1320 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open {
        display: block !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container > ul,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 38px !important;
        padding: 9px 12px !important;
        color: rgba(255, 255, 255, 0.97) !important;
        text-decoration: none !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > ul.sub-menu {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive {
        width: min(272px, calc(100vw - 18px)) !important;
        max-width: calc(100vw - 18px) !important;
    }
}

/* Codex Smartphone Menu Visual Match Final */
@media screen and (max-width: 767px) {
    body:not(.dashboard-body) #page .block-menu-responsive {
        margin-left: 8px !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive {
        width: min(286px, calc(100vw - 18px)) !important;
        max-width: calc(100vw - 18px) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div {
        padding: 10px 0 !important;
        background: rgba(8, 12, 18, 0.84) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        border: 1px solid rgba(255, 255, 255, 0.10) !important;
        box-shadow: 0 24px 42px rgba(5, 8, 16, 0.28) !important;
        border-radius: 0 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container > ul,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-106,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-6620,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-103,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a {
        min-height: 42px !important;
        padding: 9px 16px !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        background: transparent !important;
        border-radius: 0 !important;
        text-decoration: none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:focus,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a:focus,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a:focus {
        background: rgba(255, 255, 255, 0.06) !important;
        color: #ffffff !important;
        text-decoration: none !important;
        transform: translateX(2px) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > ul.sub-menu {
        display: none !important;
    }
}
/* Codex Mobile Primary Menu Visibility Final */
@media screen and (max-width: 767px) {
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container > ul,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        list-style: none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-103,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-106,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li.menu-item-6620 {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        text-align: left !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a {
        display: block !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 10px 16px !important;
        color: rgba(255, 255, 255, 0.98) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.32 !important;
        text-decoration: none !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a:focus,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a:focus,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a:hover,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a:focus {
        color: #ffffff !important;
        text-decoration: none !important;
        background: rgba(255, 255, 255, 0.06) !important;
        transform: translateX(2px) !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a::before,
    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > a::after,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a::before,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > a::after,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a::before,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > a::after {
        display: none !important;
        content: none !important;
    }

    body:not(.dashboard-body) #page .block-menu-responsive .primary-menu > li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .nav-menu.clear.primary-menu > li > ul.sub-menu,
    body:not(.dashboard-body) #page .block-menu-responsive .menu-menu-principal-fr-container li > ul.sub-menu {
        display: none !important;
    }
}
/* Codex Smartphone Menu Force Visible Final */
@media screen and (max-width: 767px) {
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li.menu-item-103,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li.menu-item-106,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li.menu-item-6620 {
        display: block !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > a {
        display: block !important;
        width: 100% !important;
        padding: 10px 16px !important;
        color: #ffffff !important;
        text-decoration: none !important;
        background: transparent !important;
        border-radius: 0 !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div {
        background: rgba(8, 12, 18, 0.88) !important;
    }
}
/* Codex Responsive Menu Width Position Final */
@media screen and (max-width: 389px) {
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive {
        right: -2px !important;
        left: auto !important;
        width: calc(100vw - 14px) !important;
        max-width: calc(100vw - 14px) !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div {
        padding: 8px 0 !important;
    }
}

@media screen and (min-width: 390px) and (max-width: 767px) {
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive {
        right: 0 !important;
        left: auto !important;
        width: min(292px, calc(100vw - 18px)) !important;
        max-width: calc(100vw - 18px) !important;
    }
}
/* Codex Menu Labels Visible Up To 901 Final */
@media screen and (max-width: 901px) {
    html body:not(.dashboard-body) #page .block-menu-responsive {
        display: flex !important;
        align-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive #toggle,
    html body:not(.dashboard-body) #page .block-menu-responsive .responsive-menu-button {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li.menu-item-103,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li.menu-item-106,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li.menu-item-6620 {
        display: block !important;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > a {
        display: block !important;
        width: 100% !important;
        min-height: 40px !important;
        padding: 10px 16px !important;
        color: rgba(255, 255, 255, 0.98) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.32 !important;
        text-decoration: none !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transition: background-color .16s ease, color .16s ease, transform .16s ease !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > a:hover,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > a:focus {
        color: #ffffff !important;
        text-decoration: none !important;
        background: rgba(255, 255, 255, 0.06) !important;
        transform: translateX(2px) !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > ul.sub-menu {
        display: none !important;
    }
}
/* Codex Menu Labels Under 903 Locked Final */
@media screen and (max-width: 902px) {
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive:not(.is-open) {
        display: none !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open {
        display: block !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li.menu-item-103,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li.menu-item-106,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li.menu-item-6620 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > a {
        display: block !important;
        width: 100% !important;
        min-height: 40px !important;
        padding: 10px 16px !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.32 !important;
        letter-spacing: 0 !important;
        text-indent: 0 !important;
        text-transform: none !important;
        text-decoration: none !important;
        white-space: normal !important;
        word-break: break-word !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > a:hover,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > a:focus {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-decoration: none !important;
        background: rgba(255, 255, 255, 0.06) !important;
        transform: translateX(2px) !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > a::before,
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > a::after {
        display: none !important;
        content: none !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div > .menu-menu-principal-fr-container > ul.nav-menu.clear.primary-menu > li > ul.sub-menu {
        display: none !important;
    }
}
/* Codex Home Responsive Menu Escape Desktop Hide Final */
@media screen and (max-width: 902px) {
    body.home #page .site-header.header .block-menu-responsive .primary-menu > li,
    body.home #page .site-header.header .block-menu-responsive .nav-menu.clear.primary-menu > li,
    body.home #page .site-header.header .block-menu-responsive .menu-menu-principal-fr-container li {
        display: block !important;
    }
}
/* Codex Responsive Menu Open Glass Final */
@media screen and (max-width: 902px) {
    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open {
        background: transparent !important;
    }

    html body:not(.dashboard-body) #page .block-menu-responsive .menu-responsive.is-open > div {
        background: linear-gradient(180deg, rgba(10, 14, 22, 0.84) 0%, rgba(7, 11, 18, 0.90) 100%) !important;
        backdrop-filter: blur(22px) saturate(130%) !important;
        -webkit-backdrop-filter: blur(22px) saturate(130%) !important;
        border: 1px solid rgba(255, 255, 255, 0.10) !important;
        box-shadow: 0 26px 54px rgba(2, 6, 14, 0.34) !important;
    }
}