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

/*max-width:1680px*/
@media screen and (max-width:1440px) {
	.single-about-img img {
		max-width: 100%;
	}

	.single-about-image {
		right: 140px;
	}

	.single-about-img:before,
	.about-list-icon {
		width: 100%;
	}

	.logo_img {
		position: relative;
		left: 120px;

	}

	.img_expertise {

		left: 150px;
		top: -10px;
	}

	.section_text {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}



}

/*max-width:1440px*/

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


	.single-about-image {
		top: 90px;
		right: 50px;
	}

	.skillImg {
		height: 30px;
	}

	.progressText {
		font-size: 14px;
	}


	.svg-inline--fa.fa-chevron-down.collapse_icon__\+Slby {
		font-size: 20px !important;

	}

	.logo_img {
		position: relative;
		left: 0px;
	}



	.welcome-hero {
		height: 100vh;
	}

	.timeline-content span>i,
	.experience-time span>i {
		left: -15.5%;
	}

	.team .team-member .social {
		opacity: 1;
	}
}

/*max-width:1199px*/



/*max-width:1024px*/

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

	.nav.navbar.bootsnav .navbar-nav {
		float: none !important;
	}

	nav.navbar.bootsnav ul.nav>li>a {
		font-size: 15px;
	}


	.single-contact-add-info {

		word-break: break-word;
		/* Permet de couper le mot si nécessaire */
		overflow-wrap: break-word;
	}





	.team .team-member .member-img {
		height: auto;
	}


	.single-about-image {
		position: initial;
		width: 60%;
	}

	.photoAbout {
		width: 60%;
	}

	.photoText {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.textAbout {
		width: 100%;
	}




	#aboutTitle {

		font-size: 26px !important;
	}

	.section_text {
		width: 100%;
	}

	.h3_expertise {
		font-size: 20px;
	}

	.p_expertise {
		font-size: 16px;
	}


	.img_expertise {
		position: initial;
	}

	.service_h2 {
		font-size: 30px !important;
	}

	.logo_img {
		position: relative;
		left: 50px;
	}

	.textAbout {
		display: flex;
		align-items: center;
	}

	.single-about-txt {
		text-align: center;
	}

	nav.navbar.bootsnav ul.nav>li.dropdown span.megamenu-title {
		display: block;
		color: #43465d;
		font-size: 18px;
	}

	.experience-time h3 {
		font-size: 13px;
	}

	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li .megamenu-sub-title a {
		margin-top: 20px;
		font-size: 14px;
	}

	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li .megamenu-sub-txt a {
		margin-bottom: 15px;
	}

	.single-about-txt h3 {
		font-size: 20px;
		margin-top: 20px;
	}

	.single-about-txt p {
		font-size: 16px;
		text-align: center;
	}
}

/*max-width:1008px*/

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

	.oneCollapse {
		padding-top: 100px !important;
	}

	.single-skill-content {
		padding-top: 0;
	}

	#navbar-menu {
		padding-top: 0 !important;
		overflow-y: hidden !important;
		margin: 0 !important;
		border-top: 1px solid #ffd35abe;
	}

	.navbar-brand {
		padding: 0 !important;
	}


	.rowHome {
		margin-top: 40px;
	}


	nav.navbar.bootsnav .navbar-nav {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.logo_img {
		position: relative;
		left: 120px;
		top: -60px;
	}

	nav.navbar.bootsnav .navbar-collapse.collapse.in {
		padding-bottom: 0 !important;
	}

	nav.navbar.bootsnav .navbar-toggle {
		display: inline-block;
		float: right;
		margin-right: 0;
		margin-top: 21px;
	}

	nav.navbar.bootsnav .navbar-brand {
		float: left !important;
	}

	nav.navbar.bootsnav ul.nav>li>a {
		padding: 15px 0px;
		border: none !important;
	}
}

/*max-width:992px*/

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

	.photoAbout {
		width: 100%;
	}

	.experience-time-responsive {
		display: block;
	}

	.experience-time-main {
		display: none;
	}

	.experience-time,
	.timeline-content {
		margin-bottom: 20px;
		margin-left: 40px;
	}

	.timeline-content span>i {
		left: 0%;
		top: -54%;
	}

	.experience-time span>i {
		left: -6%;
		top: 6%;
	}

	.main-timeline:before {
		left: 0.4%;
	}

	.single-horizontal-timeline .experience-time,
	.single-horizontal-timeline .timeline-content {
		margin: 0;
	}
}

/*max-width:991px*/

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

	.rowHome {
		margin-top: 0;
	}


	.downloadCv.downloadLm {
		font-size: 14px;
		padding: 12px 0 0 0;

	}

	.img_expertise {
		height: 300px;
		width: 70%;
		text-align: center;
	}

	.section_text {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.single-about-txt {
		margin-top: 100px;
	}

	.single-about-image {
		position: initial;
	}

	.photoAbout {
		display: flex;
		justify-content: center;
	}

	.end_expertise {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.rowHome {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.single-about-img {
		max-width: 350px;
	}

	.textHome {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.homeImg {
		width: auto;
		margin-left: 0;
	}

	.single-about-img {
		top: 0
	}

	.logo_mentions {
		height: 150px;
	}

	.h1Mentions {
		font-size: 32px;
	}

	.h2Mentions {
		font-size: 26px;
	}


}

/*max-width:768px*/

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

	.single-about-img {
		top: 50px
	}



	#footer-copyright {
		display: flex;
		flex-direction: column;
	}

	.hm-footer-copyright.text-center {
		flex-direction: column;
	}

	.brandFooter {
		height: auto;
	}

	.btn_services {
		margin-bottom: 10px;
		width: 100%;
		margin: 10px;
	}



	.contact_img {
		position: relative;
		box-shadow: 0 5px 20px rgba(157, 0, 255, 0.422);
		border-radius: 20px;
		top: 50px;
		left: 0px;
		width: 60%;
	}

	.header-text a {
		width: 100%;
		height: 60px;
		line-height: 60px;
		letter-spacing: 1px;
		font-weight: 700;
		font-size: 16px;
	}


	.experience-time span>i,
	.timeline-content span>i,
	.main-timeline:before {
		display: none;
	}

	.experience-time,
	.timeline-content {
		margin-left: 0;
	}

	.isotope .item {
		max-width: 350px;
		margin: 0 auto 30px;
	}

	.single-profile {
		max-width: 350px;
		margin: 30px auto;
		border: 0;
	}

	.profile-border {
		border: 0;
	}

	.single-horizontal-timeline {
		max-width: 350px;
		margin: 30px auto;
	}


}

/*max-width:767px*/

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

/*max-width:660px*/

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

/*max-width:640px*/

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

/*max-width:580px*/

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

	.divLegales {
		padding: 20px;
	}

	.single-about-img {
		position: initial;
		margin-top: 20px;
	}

	.title-Projects {
		font-size: 30px !important;
	}


	.liste_agence h4 {
		font-size: 20px;
	}

	.li_agence {
		font-size: 16px;
	}

	.single-about-image {
		width: 100%;
	}

	#aboutTitle {

		font-size: 18px !important;
	}


	.logo_img {
		position: relative;
		left: 60px;
		top: -50px;
	}

	.single-about-img {
		max-width: 350px;
		top: 70px;
		left: 80px;
	}

	.citation {
		font-size: 12px;
	}



	cite {
		font-size: 12px;
	}

	.subscribe-title h2 {
		font-size: 24px;
	}

	.description {
		border-bottom: 4px dotted #ffffff;
		/* Bordure initialement blanche */
		padding-bottom: 10px;
		position: relative;
		/* Nécessaire pour que l'effet slide fonctionne */
		animation: dotSlideAndColor 10s infinite linear;
	}

	@keyframes dotSlideAndColor {
		0% {
			border-color: #ffffff00;
			/* Départ avec les points blancs */
			background-position: 0 0;
			/* Pas de décalage au départ */
		}

		50% {
			border-color: #ff00e3;
			/* Les points deviennent roses à mi-chemin */
			background-position: 20px 0;
			/* Glissement vers la droite */
		}

		100% {
			border-color: #ffffff;
			/* Retour à blanc */
			background-position: 0 0;
			/* Retour à la position initiale */
		}
	}


}

/*max-width:540px*/

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

	.team-member {
		width: 70%;
	}

	.team .team-member .member-info {
		margin: -70px 0 0 0;
	}

	.team h4 {
		font-size: 20px;
	}

	.liste_agence h4 {
		font-size: 16px;
		padding-bottom: 0;
	}

	.li_agence {
		font-size: 14px;
	}

	.single-about-txt {
		margin-top: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}


	.single-about-img {
		max-width: 300px;
		top: 70px;
		left: 60px;
	}

	.textFooter {
		font-size: 12px;
	}

	.img_expertise {
		height: 200px;
		width: 100%;
		text-align: center;
	}


}

/*max-width:480px*/

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

	.logo_img {
		position: relative;
		left: 20px;
		top: -50px;
	}

	.single-about-img {
		max-width: 300px;
		top: 70px;
		left: 20px;
	}

	.contact_img {
		width: 100%
	}

	.citation:hover {
		font-size: 12px;
	}

	.team-member {
		width: 80%;
	}

	.team .team-member .member-info {
		margin: -90px 0 0 0;
	}

}

/*max-width:400px*/

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

	.team h4 {
		padding-top: 20px;
	}

	.btn_team {
		font-size: 15px;
	}


	.team .team-member .member-info {
		height: 110px;
	}

	.logo_img {
		position: relative;
		left: 1px;
		top: -50px;
	}

	.single-about-img {
		max-width: 280px;
		top: 70px;
		left: 20px;
	}
}

/*max-width:350px*/

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

/*max-width:320px*/