/*==== MEDIA QUERIES (MAX-WIDTH: 2400px) ====*/
@media screen and (max-width: 2400px){
	.about-us .box-title{
		 margin: 0 10px 0;
	}
}
/*==== MEDIA QUERIES (MAX-WIDTH: 2080px) ====*/
@media screen and (max-width: 2080px){
	.about-us .box-title{
		 margin: 0 10px 0;
	}
}
/*==== MEDIA QUERIES (MAX-WIDTH: 1675px) ====*/
@media screen and (max-width: 1675px){
	.expertise .cubes {
		width: 622px;
		background-repeat: no-repeat;
		background-image:url('../images/iqanto_expertises_cubes_small.png');
	}
	.color-cubes a{
		font-size: 12px;
	}
	.cube-01, .cube-02, .cube-03, .cube-04, .cube-05 {
		height: 180px;
		width: 124px;
	}
	.cube-01 {
		background: url('../images/iqanto_expertises_cube_private_cloud_small.png');
	}
	.cube-02 {
		background: url('../images/iqanto_expertises_cube_business_solution_small.png');
	}
	.cube-03 {
		background: url('../images/iqanto_expertises_cube_itcyber_small.png');
	}
	.cube-04 {
		background: url('../images/iqanto_expertises_cube_industrial_solution_small.png');
	}
	.cube-05 {
		background: url('../images/iqanto_expertises_cube_industrial_perf_small.png');
	}
	.approche .virgule{
		width: 400px;
		top: -100px;
	}
}
/*==== MEDIA QUERIES (MAX-WIDTH: 1584px) ====*/
@media screen and (max-width: 1584px){
	.navigation .nav-items a:not(:last-child){
		margin-right: 25px;
	}
	.about-us .box-title{
		max-width: 100%;
		flex: 100%;
	}
	.innovation .box-title{
		max-width: 100%;
		flex: 100%;
	}
	.box-innovation{
		max-width: 100%;
		flex: 100%;
		padding:20px 45px 0;
	}
	.sub-title-innovation{
		margin: 0px 0 0px;
	}
}
/*==== MEDIA QUERIES (MAX-WIDTH: 1484px) ====*/
@media screen and (max-width: 1484px){
	.navigation .nav-items a:not(:last-child){
		margin-right: 15px;
	}
}

/*==== MEDIA QUERIES (MAX-WIDTH: 1381px) ====*/
@media screen and (max-width: 1381px){
	/*==== NAVIGATION MENU / BUGER MENU / A METTRE DANS LES MEDIAS QUERIES (MAX-WIDTH: 1381px) ====*/
	.nav-menu-btn{
		display: block;
		color: var(--white-color);
		font-size: 1.5em;
		cursor: pointer;
	}
	.nav-close-btn{
		display: block;
		color: var(--dark-color);
		position: absolute;
		top: 0;
		right: 0;
		font-size: 1.3em;
		margin: 20px;
		cursor: pointer;
		transition: 0.3s ease;
		
	}
	.nav-close-btn:hover{
		color: var(--navigation-item-hover-color);
	}
	.navigation{
		z-index: 99999;
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.25);
		display: flex;
		justify-content: center;
		align-items: center;
		visibility: hidden;
		opacity: 0;
		transition: 0.3s ease;
	}
	.navigation.active{
		visibility: visible;
		opacity: 1;
	}

	.navigation .nav-items{
		position: relative;
		background: var(--white-color);
		width: 400px;
		max-width: 400px;
		display: grid;
		place-content: center;
		margin: 20px;
		padding: 40px;
		border-radius: 20px;
		box-shadow: var(--box-shadow);
		transform: translateY(-100px);
		transition: 0.5s ease;
	}

	.navigation.active .nav-items{
		transform: translateY(0);
	}

	.navigation .nav-items a{
		color: var(--dark-color);
		font-size: 1em;
		font-weight: 600;
		margin: 15px 50px;
		transition: 0.3s ease;
		text-decoration: none;
	}
	header ul{
		margin: 15px 50px;
	}
	header ul li{
		color: var(--dark-color);
	}
	header ul li a{
		text-align: left!important;
		margin: 0!important;
		padding: 0!important;
	}
	.navigation .nav-items a:hover{
		color: var(--navigation-item-hover-color);
	}
	.nav-items a.active {
		color: var(--navigation-item-hover-color);
	}
	.navigation .nav-items a i{
		display: inline-block;
		font-size: 1.3em;
		margin-right: 10px;
	}
	.section{
		padding: 100px 50px;
	}
	.text-content .title{
		font-size: 3em;
	}
	.copyright {
		padding: 20px 50px;
	}
	.approche .box {
		margin: 10px 10px 10px 10px;
	}
	.approche .virgule {
		display: none;
	}
	.box-text-circle-part1, .box-text-circle-part3, .box-text-circle-part2, .box-text-circle-part4 {
		width: 250px;
	}
}
/*==== MEDIA QUERIES (MAX-WIDTH: 1180px) ====*/
@media screen and (max-width: 1180px){
	.frise{
		background: url('../images/iqanto_frise_medium.png'),linear-gradient(#fff 84px, #3c3c3c 85px);
		height: 110px;
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
	}
	footer .container{
		width:100%;
		padding: 0 20px;
	}
}
/*==== MEDIA QUERIES (MAX-WIDTH: 1100px) ====*/
@media screen and (max-width: 1100px){
	header .nav-bar{
		padding: 0 50px;
	}
	.text-content{
		margin: 0 120px 0 50px;
	}
	.circle {
		height: 150px;
		width: 150px;
		background-size: cover;
	}
	.circle-part1:hover, .circle-part2:hover, .circle-part3:hover, .circle-part4:hover {
		background-size: cover;
	}
	.box-text-circle-part1, .box-text-circle-part3 {
		right:170px;
		top:0px;
	}
	.box-text-circle-part2, .box-text-circle-part4 {
		left:170px;
		top:0px;
	}
}

/*==== MEDIA QUERIES (MAX-WIDTH: 1081px) ====*/
@media screen and (max-width: 1081px){
	header .nav-bar{
		padding: 25px 20px;
	}
	.section{
		padding: 100px 20px;
	}
	.copyright {
		padding: 20px 20px;
	}
	.text-content{
		margin: 0 70px 0 20px;
	}
	.text-content p{
		transform: translateX(0);
	}
	.text-content .title{
		font-size: 3em;
	}
	.text-content .title span{
		font-size: 0.35em;
	}
	.text-content p{
		font-size: 0.9em;
	}
	.text-content .read-btn{
		font-size: 0.9em;
		padding: 5px 15px;
	}
	.text-circle-part1,.text-circle-part2,.text-circle-part3,.text-circle-part4 {
		font-size: 0.9em;
	}
	/*==== FLEX-BOX ====*/
	.card-01{
		flex: 100%;
		max-width: 600px;
	}
	.card-02{
		flex: 100%;
		max-width: 600px;
	}
	.card-03{
		flex: 100%;
		max-width: 600px;
	}
}
/*==== MEDIA QUERIES (MAX-WIDTH: 981px) ====*/
@media screen and (max-width: 981px){
	.navigation .nav-items{
		padding: 40px 0;
	}
	.graph {
		display: block;
	}
	.circle {
		height: 100px;
		width: 100px;
		background-size: cover;

	}
	.box-text-circle-part1, .box-text-circle-part3 {
		right:130px;
		top:0px;
	}
	.box-text-circle-part2, .box-text-circle-part4 {
		left:130px;
		top:0px;
	}
	.text-circle-part1,.text-circle-part2,.text-circle-part3,.text-circle-part4 {
		font-size: 0.8em;
	}
	.box-expertise{
		max-width: 600px;
		flex: 100%;
		padding: 0;
	}
	
}
/*==== MEDIA QUERIES (MAX-WIDTH: 881px) ====*/
@media screen and (max-width: 881px){
	
	.approche h2, .expertise h2, .innovation h2, .about-us h2, .innovation h2 span, .compliance h2{
		font-size: 40px;
		text-align: center;
		font-weight: 600;
	}
	p {
		font-size: 0.9em;
	}
	.approche .box {
		max-width: 100%;
		margin: 0;
	}
	.approche p {
		margin: 10px 0;
	}
	.graph {
		display: none;
	}
	.mobile-graph{
		display: block;
	}
	.box-text-circle{
		margin: 15px 0;
	}
	.orange-form{
		display: none;
	}
	.text-circle{
		font-size: 0.9em;
	}
	.innovation .row-box-title, .innovation .box-title, .innovation .box-title p, .compliance .row-box-title, .compliance .box-title, .compliance .box-title p {
		padding: 0;
		margin: 0;
	}
	.about-us ul, .compliance ul{
		margin: 15px 0;
	}
	.innovation .box-title h2, .compliance .box-title h2 {
		padding: 0;
		margin-left: 0;
	}
	.box-innovation{
		max-width: 100%;
		flex: 100%;
		padding:20px 0 0;
	}
	.about-us .row-box-title, .about-us .box-title, .about-us .box-title p {
		padding: 0;
		margin-left: 0;
	}
	.compliance .box-title{
		flex: 100%;
		max-width: 100%;
	}
	.box-compliance{
		flex: 100%;
		max-width: 100%;
	}
	
}
/*==== MEDIA QUERIES (MAX-WIDTH: 781px) ====*/
@media screen and (max-width: 781px){
	.navigation .nav-items{
		padding: 40px 0;
	}
	.logo-groupe-snef {
		width: 70px;
		margin: 0 auto 10px
	}
	.logo-footer {
		width: 50px;
		margin: 0 10px;
	}

}
/*==== MEDIA QUERIES (MAX-WIDTH: 681px) ====*/
@media screen and (max-width: 681px){
	.logo-header{
		margin: auto;
		width: 250px;
		background-repeat: no-repeat;
	}
	.text-content{
		top: 120px;
		margin: 0 20px;
	}
	.text-content .title {
		font-size: 30px;
		line-height: 35px;
		margin: 30px 0 30px;
	}
	.text-content p{
		max-width: 100%;
		margin: 50px 0 0;
		border-radius: 10px;
		transform: translateX(0px);
	}
	.expertise .cubes {
		display: none;
	}

	.expertise .illustration{
		width: 100%;
		margin: auto;
	}
	.frise{
		background: url('../images/iqanto_frise_small.png'),linear-gradient(#fff 53px, #3c3c3c 54px);
		height: 70px;
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
	}
	.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,80px);}
	.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,15px);}	
}

/*==== MEDIA QUERIES (MAX-WIDTH: 461px) ====*/
@media screen and (max-width: 481px){
	.navigation .nav-items{
		padding: 40px 0;
	}
	.swiper-slide .text-content p{
		display: none;
	}
	.copyright .container {
		justify-content: center;
		align-content: center;
	}
	.copyright .text-copyright{
		text-align: center;
		margin-bottom: 10px;
	}
	.copyright .logo-copyright{
		width: 130px;
		height: 33px;
		margin: auto;
		text-align: center;
	}
}