@media (max-width: 767px) {

	.header-action__link-text {
		display: none;
	}

}

@media (min-width: 1200px) {

	.main-header__container--is-fixed {
		/*max-height: 80px; si souhaite fixer une taille au header*/
	}

	.menu-wrapper {
		grid-column: 2;
	}

	.main-header__inner .header-actions {
		grid-column: 3;
	}

}

@media (min-width: 1440px) {

	.main-header__container .main-header__inner {
		max-width: 82%;
	}

}



/*RESPONSIVE*/

/*phone*/
@media (max-width: 767px) {


	.hide-mobile{
		display: none !important;
	}
	.main-header__container .main-logo__img{
		max-width: 280px;
		width: 78vw;
	}

}

/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {


	.hide-tablet{
		display: none !important;
	}
	.main-header__container .main-logo__img{
		max-width: 500px;
		width: 75vw;
	}

}

@media (min-width: 1024px) and (max-width: 1025px) {



}


/*mobile and tablet*/
@media (max-width: 1024px) {

	.main-header__inner--left{
		clip-path: none;
	}

	.main-header__inner--left::after{
		display: none;
	}
	.main-header__container .main-header__inner {
		position: relative;
		z-index: 1;
		display: grid;
		grid-template-columns: 0.25fr auto;
		align-items: center;
		max-width: 100%;
		height: 100%;
		width: 100%;
		/* margin: auto; */
		padding: 20px;
	}

	.navigation-container ul{
		background-color: #A3E635;
	}
	.main-header__inner--absolute{
		clip-path: none;
	}
	.main-header__inner--absolute::after{
		display: none;
	}
	.menu-wrapper{
		z-index: 2;
	}
}


/*desktop*/
@media (min-width: 1025px) {

	.hide-desktop{
		display: none !important;
	}
	.site-menu__primary li.menu-item-has-children:hover .sub-menu-wrapper, .site-menu__primary li.menu-item-has-children:hover .sub-menu-wrapper .sub-menu {
		opacity: 1;
		pointer-events: all;
	}
	.site-menu__primary li.menu-item-has-children .sub-menu-wrapper {
		width: 100%;
		left: 0;
		min-width: 1000px;
		position: absolute;
		height: fit-content;
		top: 100%;
		background-color: #ffffff;
		opacity: 0;
		transition: opacity 0.3s ease-out;
		padding: 16px;
		pointer-events: none;
		border: 1px solid #A3E635;
		border-radius: 15px;

	}
	.site-menu__primary li.menu-item-has-children .sub-menu-wrapper .link-container {
		min-height: 230px;
		left: 50%;
		transform: translate(-50%, 0);
		position: relative;
		display: grid;
		grid-template-columns: 0.75fr 1.25fr;
		gap: 10px;
	}
	.site-menu__primary li.menu-item-has-children:hover ul.sub-menu {
		visibility: visible;
	}
	.site-menu__primary li.menu-item-has-children .sub-menu {
		top: 0;
		opacity: 0;
		display: flex;
		z-index: -100;
		min-width: 240px;
		visibility: hidden;
		position: relative;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		transition: top 0.5s ease-in-out, visibility 0.5s ease-in-out;
		padding-inline-start: 0;
	}
}

/*laptop 1 aka 150%*/
@media (min-width: 1024px) and (max-width: 1439px) {

	.main-header__container .main-logo__img{
		max-width: 250px;
		height: 40px;
	}
	.navigation-wrapper .menu-link{
		font-size: 12px !important;
	}
	#menu-menu-cta li{
		padding:12px 18px !important;
	}


	.main-header__inner--absolute::after {
		position: absolute;
		content: "";
		z-index: 34;
		width: 1px;
		height: 120px;
		top: -20%;
		right: 29px;
		rotate: 34deg;
		background-color: #71717A;
	}
	.site-menu__primary li.menu-item-has-children .sub-menu-wrapper{
		min-width: 900px !important;
	}

}

/*laptop 2 aka 125%*/
@media (min-width: 1440px) and (max-width: 1700px) {

	.main-header__container .main-logo__img{
		max-width: 250px;
		height: 40px;
	}
	.navigation-wrapper .menu-link{
		font-size: 12px !important;
	}
	.main-header__inner--absolute::after{
		position: absolute;
		content: "";
		z-index: 34;
		width: 1px;
		height: 120px;
		top: -20%;
		right: 33px;
		rotate: 36.5deg;
		background-color: #71717A;
	}
	.site-menu__primary li.menu-item-has-children .sub-menu-wrapper{
		min-width: 800px !important;
	}

}

/*RESPONSIVE*/