
@media (max-width: 1400px){
	#wrapper .fusion-rollover .fusion-rollover-title, #wrapper .fusion-rollover .fusion-rollover-title a {
    	font-size: 18px;
	}
}

@media (max-width: 1200px){
	#wrapper .wpcf7 .wpcf7-form .double-input div {
		width: 100%;
	}
	#single_carriere_info_block > div
	{
		width:100%;
	}
	
	.single_carriere_top_avantages ul li{
		font-size: 16px;
	}
}

@media (max-width: 1024px)
{
	#wrapper .intro-text{
		font-size:35px;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title, #wrapper .fusion-rollover .fusion-rollover-title a {
    	font-size: 14px;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title:after{
		display:none;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title {
    	padding: 30px 30px 20px;
	}
	
	.single_carriere_top_avantages ul li {
		width:calc(100% / 3);
	}
}


@media (max-width: 900px)
{
	#single_carriere_container .single_carriere_right, #single_carriere_container .single_carriere_left {
		width: 100%;
	}
}


@media (max-width: 800px)
{
	#wrapper .fusion-header-wrapper .fusion-header{
		padding-top: 80px;
    	padding-bottom: 80px;
	}
	
	#wrapper .fusion-header-wrapper .fusion-header .fusion-logo{
		margin: 0 auto!important;
	}
	
	.sfm-navicon-button.sf_label_custom  {
    	left: 25px !important;
	}
	
	#sliders-container {
    	margin-left: 35px;
    	margin-right: 35px;
	}
	
	.fusion-portfolio article,
	#portfolio_galerie .portfolio_gal
	{
		width:calc(50% - 25px) !important;
	}
	
	.lang_menu{
		right:32px;
	}
	
	#sfm-sidebar .sfm-sidebar-close{
		left:20px;
	}
	
	#wrapper .intro-text{
		font-size:30px;
	}
	
	#wrapper #main .fusion-title.title.style-h1 h2, 
	#wrapper #main .fusion-title.title.style-h1 h3, 
	#wrapper #main .fusion-title.title.style-h1 h4, 
	#wrapper #main .fusion-title.title.style-h1 h5, 
	#wrapper #main .fusion-title.title.style-h1 h6,
	#wrapper .fusion-page-title-bar h1,
	#wrapper #main .fusion-title.title h1,
	#wrapper #content h1  {
    	font-size: 40px!important;
	}
	
	#wrapper #main .fusion-title.title.style-h2 h1, 
	#wrapper #main .fusion-title.title.style-h2 h3, 
	#wrapper #main .fusion-title.title.style-h2 h4, 
	#wrapper #main .fusion-title.title.style-h2 h5, 
	#wrapper #main .fusion-title.title.style-h2 h6,
	#wrapper #main .fusion-title.title h2,
	#wrapper #content h2  {
    	font-size: 35px!important;
	}
	
	#wrapper #main .fusion-title.title.style-h3 h1, 
	#wrapper #main .fusion-title.title.style-h3 h2, 
	#wrapper #main .fusion-title.title.style-h3 h4, 
	#wrapper #main .fusion-title.title.style-h3 h5, 
	#wrapper #main .fusion-title.title.style-h3 h6,
	#wrapper #main .fusion-title.title h3,
	#wrapper #content h3  {
    	font-size: 30px!important;
	}
	
	#wrapper .fusion-sharing-box.share-box h4{
		font-size:28px;
	}
	
	.single-avada_portfolio #wrapper .fusion-page-title-bar h1{
		font-size: 26px!important;
	}
	
	.search #wrapper #content h2.title-heading-left, 
	.error404 #wrapper #content h2.title-heading-left{
		 font-size: 35px!important;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title, #wrapper .fusion-rollover .fusion-rollover-title a {
    	font-size: 18px;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title:after{
		display: inherit;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title {
    	padding: 30px 30px 50px;
	}
	
	#wrapper .border-block:after{
		display:none;
	}
	
	#wrapper .wpcf7 .wpcf7-form .double-input .left-input, 
	#wrapper .wpcf7 .wpcf7-form .double-input .right-input{
		display:block;
		width: 100%;
	}
	
	#wrapper .fusion-sharing-box.share-box h4{
		line-height:1.4em!important;
	}
	
	.single_carriere_top_avantages ul li {
		width:calc(100% / 2);
	}
	
	ul.carriere_list_block > li
	{
		flex-direction: column;
	}
	ul.carriere_list_block > li > div
	{
		width:100%;
		text-align:center !important;
		padding: 4px 10px;
	}
	
	ul.carriere_list_block > li > div:first-of-type{
		padding-top: 13px;
	}
	
	ul.carriere_list_block > li > div:last-child{
		padding-bottom: 13px;
	}
	
	#wrapper .wpcf7 .wpcf7-form input{
		font-size: 18px;
	}
}

@media (max-width: 640px)
{
	.timeline_left
	{
		display:none;
	}
	.timeline_right
	{
		width:100%;
	}
	
	#sfm-sidebar .sfm-widget, #sfm-sidebar .sfm-menu li a {
    	font-size: 22px!important;
	}
	
	#sfm-sidebar .sfm-nav{
		//position: absolute!important;
   		//top: 240px!important;
	}
	
	#sfm-sidebar .sfm-nav ul.sfm-menu li{
		margin-bottom: 22px!important;
	}
	
	#wrapper .intro-text{
		font-size:25px;
	}
	
	#wrapper #main .fusion-title.title.style-h1 h2, 
	#wrapper #main .fusion-title.title.style-h1 h3, 
	#wrapper #main .fusion-title.title.style-h1 h4, 
	#wrapper #main .fusion-title.title.style-h1 h5, 
	#wrapper #main .fusion-title.title.style-h1 h6,
	#wrapper .fusion-page-title-bar h1,
	#wrapper #main .fusion-title.title h1,
	#wrapper #content h1{
    	font-size: 30px!important;
	}
	
	#wrapper #main .fusion-title.title.style-h2 h1, 
	#wrapper #main .fusion-title.title.style-h2 h3, 
	#wrapper #main .fusion-title.title.style-h2 h4, 
	#wrapper #main .fusion-title.title.style-h2 h5, 
	#wrapper #main .fusion-title.title.style-h2 h6,
	#wrapper #main .fusion-title.title h2,
	#wrapper #content h2  {
    	font-size: 28px!important;
	}
	
	#wrapper #main .fusion-title.title.style-h3 h1, 
	#wrapper #main .fusion-title.title.style-h3 h2, 
	#wrapper #main .fusion-title.title.style-h3 h4, 
	#wrapper #main .fusion-title.title.style-h3 h5, 
	#wrapper #main .fusion-title.title.style-h3 h6,
	#wrapper #main .fusion-title.title h3,	
	#wrapper #content h3  {
    	font-size: 25px!important;
	}
	
	#wrapper .fusion-sharing-box.share-box h4{
		font-size:24px;
	}
	
	.single-avada_portfolio #wrapper .fusion-page-title-bar h1{
		font-size: 22px!important;
	}
	
	.search #wrapper #content h2.title-heading-left, 
	.error404 #wrapper #content h2.title-heading-left{
		 font-size: 28px!important;
	}
	
	#wrapper .fusion-button,
	#wrapper .fusion-meta-info .fusion-alignright,
	#wrapper .wpcf7 .wpcf7-form .btn-form input[type="submit"],
	#wrapper .custom_file{
    	font-size: 13px;
		padding: 18px 30px;
	}
	
	#wrapper .portfolio_btn_content{
		font-size:13px;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title, #wrapper .fusion-rollover .fusion-rollover-title a {
    	font-size: 14px;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title:after{
		display:none;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title {
    	padding: 30px 30px 20px;
	}	
	
	#main{
		padding-top:60px!important;
	}
	
	.single-avada_portfolio #main{
		padding-top:0px!important;
	}
	
	#wrapper .fusion-page-title-bar{
		margin-top: 38px!important;
	}
	.lang_menu
	{
		display:none;
	}
	.lang_menu_mobile
	{
		display:block;
	}
	
	.lang_menu, .lang_menu_mobile{
		right: 32px;
	}

@media (max-width: 560px)
{
	.fusion-portfolio article
	{
		width:100% !important;
		margin:0 !important;
		position:relative !important;
		left:auto !important;
		top:auto !important;
		margin-bottom:25px !important;
		height:auto !important;
	}
	
	#portfolio_galerie .portfolio_gal
	{
		width:100% !important;
		margin:0 !important;
		position:relative !important;
		left:auto !important;
		top:auto !important;
		margin-bottom:25px !important;
		height:auto !important;
		background:none !important;
	}
	.portfolio_gal { position: relative; padding-bottom: 0; height: auto; overflow: visible; max-width: none; height: auto; } .portfolio_gal iframe, .portfolio_gal object, .portfolio_gal embed { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
	
	.fusion-portfolio .portfolio_content,
	.fusion-portfolio .portfolio_content .fusion-image-wrapper,
	#portfolio_galerie
	{
		height:auto !important;
	}
	
	.fusion-portfolio article .fusion-image-wrapper > img,
	#portfolio_galerie .portfolio_gal img
	{
		opacity:1;
		visibility:visible;
	}
	
	.fusion-portfolio article.portfolio_btn > a
	{
		padding-top:100px !important;
		padding-bottom:100px !important;
	}
	.fusion-portfolio article.portfolio_btn:hover
	{
		background-color:#000 !important;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title, #wrapper .fusion-rollover .fusion-rollover-title a {
    	font-size: 18px;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title:after{
		display: inherit;
	}
	
	#wrapper .fusion-rollover .fusion-rollover-title {
    	padding: 30px 30px 50px;
	}
	
	#wrapper #content p,
	.single-avada_portfolio #portfolio_extrait
	{
		font-size:18px;
	}
	
	#wrapper #content ul li{
		font-size:18px;
	}
	
	#wrapper .wpcf7 .wpcf7-form p.title {
    	font-size: 16px!important;
	}
	
	#wrapper .wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item{
		font-size:18px;
	}
	
	#wrapper #content .wpcf7 .fusion-alert{
		font-size:12px;
	}
	
	#wrapper #content .wpcf7-form .wpcf7-response-output {
    	padding: 22px;
	}
}

@media (max-width: 500px)
{
	.single_carriere_top_avantages ul li {
		width:100%;
	}
}

@media (max-width: 480px)
{
	#wrapper .fusion-header-wrapper .fusion-header .fusion-logo img{
		max-width: 43%;
	}
	
	#wrapper #main .fusion-title.title.style-h1 h2, 
	#wrapper #main .fusion-title.title.style-h1 h3, 
	#wrapper #main .fusion-title.title.style-h1 h4, 
	#wrapper #main .fusion-title.title.style-h1 h5, 
	#wrapper #main .fusion-title.title.style-h1 h6,
	#wrapper .fusion-page-title-bar h1,
	#wrapper #main .fusion-title.title h1,
	#wrapper #content h1 {
    	font-size: 25px!important;
		letter-spacing: 6px;
	}
	
	#wrapper #main .fusion-title.title.style-h2 h1, 
	#wrapper #main .fusion-title.title.style-h2 h3, 
	#wrapper #main .fusion-title.title.style-h2 h4, 
	#wrapper #main .fusion-title.title.style-h2 h5, 
	#wrapper #main .fusion-title.title.style-h2 h6,
	#wrapper #main .fusion-title.title h2,
	#wrapper #content h2  {
    	font-size: 22px!important;
		letter-spacing: 6px;
	}
	
	#wrapper #main .fusion-title.title.style-h3 h1, 
	#wrapper #main .fusion-title.title.style-h3 h2, 
	#wrapper #main .fusion-title.title.style-h3 h4, 
	#wrapper #main .fusion-title.title.style-h3 h5, 
	#wrapper #main .fusion-title.title.style-h3 h6,
	#wrapper #main .fusion-title.title h3,
	#wrapper #content h3 {
    	font-size: 20px!important;
		letter-spacing: 6px;
	}
	
	#wrapper .fusion-title.team-name h3{
		letter-spacing:2px!important;
	}
	
	#wrapper .fusion-sharing-box.share-box h4{
		font-size:22px;
	}
	
	.search #wrapper #content h2.title-heading-left, 
	.error404 #wrapper #content h2.title-heading-left{
		 font-size: 22px!important;
	}
	
	.sfm-navicon-button .sf_label_icon:before{
		height: 17px!important;
	}
	
	#sfm-sidebar .sfm-navicon:after, 
	#sfm-sidebar .sfm-navicon:before, 
	#sfm-sidebar .sfm-sidebar-close:after, 
	#sfm-sidebar .sfm-sidebar-close:before{
		width: 23px!important;
	}
	
	#sfm-sidebar .sfm-sidebar-close{
	    left: 15px!important;
	}
}
