.site-menu__contact {
	display         : flex;
	justify-content : flex-end;
	align-items     : center;
	width           : 55%;
	margin          : 0 !important;
	margin-left     : 20px !important;
	list-style      : none;
	gap             : 1em;
}

.site-menu__contact > li {
	position    : relative;
	display     : flex;
	align-items : center;
}

.site-menu__contact > li > a {
	font-family : var(--second-font);
	font-size   : 1rem;
	font-weight : 500;
}

.site-menu__contact .menu-item__contact a {
	color            : #516560;
	padding          : 10px 30px;
	border           : 1px solid #516560;
	border-radius    : 50px;
	background-color : transparent;
}


.site-menu__contact .menu-item__devis a {
	color         : #fff;
	text-align    : center;
	padding       : 10px 30px;
	border-radius : 50px;
	background    : rgb(128, 172, 149);
	background    : linear-gradient(130deg, rgba(128, 172, 149, 1) 0%, rgba(94, 151, 145, 0.98) 54%, rgba(61, 130, 141, 0.8) 100%);
}


/*RESPONSIVE*/

/*phone*/
@media (max-width : 767px) {
	.site-menu__primary li a {
		font-size : var(--mobile-menu-link-size);
	}
}

/*tablet*/
@media (min-width : 768px) and (max-width : 1023px) {
	.site-menu__primary li a {
		font-size : var(--tablet-menu-link-size);
	}
}

/*mobile and tablet*/
@media (max-width : 1024px) {
	.site-menu__contact .menu-item__devis a {
		color      : #516560;
		background : #fff;
	}

	.site-menu__contact .menu-item__contact a {
		color  : #fff;
		border : 1px solid #fff;
	}

	.site-menu__contact {
		flex-direction : column;
		align-items    : flex-start;
		width          : 100% !important;
		margin-top     : 20px !important;
		margin-left    : 15px !important;
	}
}

/*desktop*/
@media (min-width : 1025px) {
	.site-menu__contact > li > a {
		font-size : var(--desktop-menu-link-size);
	}

	.site-menu__contact .menu-item__contact a:hover {
		color            : #fff;
		background-color : #516560;
	}
}

/*laptop 1*/
@media (min-width : 1024px) and (max-width : 1439px) {
	.site-menu__contact > li > a {
		font-size : var(--sm-laptop-menu-link-size);
	}

}

/*laptop 2*/
@media (min-width : 1440px) and (max-width : 1700px) {
	.site-menu__contact > li > a {
		font-size : var(--laptop-menu-link-size);
	}
}