@media (min-width: 300px) and (max-width: 390px) {
	html,body{
		width: 100%;
	}
	#wrapper{
		width: 100%;
		overflow-x: none;
	}
	header{
		width: 100%;
	}
	.logo{
		margin-left:0;
		width: 90px;
		height: 80px;
		padding: 0 10px;
	}
	.container{
		width: 100%;
	}
	.form_search{
		margin-top: 0 !important;
		position: relative;
		border-bottom: 1px solid #e9e9e9;
	}

	.form_s{
		padding: 0 10px;
	}
	.w_35,.w_22{
		width: 100% !important;
	}
	.overlayer{
		display: none;
	}
	.p_l_r_10{
		padding: 5px 0;
	}
	.slider{
		width: 100%;
	}
	#footer{
		width: 100%;
	}
	.left_content{
		display: none;
	}
	.m_menu{
		display: inline-block;
		padding: 10px 15px;
		color: #f1f1f1;
		font-size: 22px;
		float: left;
	}
	.m_z{
		width: 100%;
		_position: absolute;
		top:42px;
		display: none;
		z-index: 50;
	}
	.menu_nav{
		
	}
	.menu_nav > li{
		display: block;
		width: 100%;
	}
	.menu_nav > li > a{
		display: block;
		border-bottom: 1px solid #e6e6e6;
	}	
	.offre_list > li{
		display: block;
		width: 100%;
	}
	.offre_list li a span.date{
		padding: 3px 0;
		font-size: 12px;
	}
	.title{
		font-size: 14px;
	}
	.cols_50{
		display: block;
		width: 100%;
	}
	.inner_c{
		padding: 10px 0
	}
	.desc_c_i {
	    padding: 0 10px;
	    text-align: center;
	}
	.t_t {
	    font-family: Rajdhani-Light;
	    font-size: 25px;
	    color: #fff;
	    padding: 5px 0;
	}
	.t_p {
	    font-size: 12px;
	    font-family: Rajdhani-Regular;
	    line-height: 16px;
	    color: #f5f5f5;
	    padding: 10px 0;
	}
	.all_t{
		font-size: 12px;
		padding: 5px 15px;
	}
	.col_inner{
		height: 150px;
	}
	.list_client > li{
		width: 20%;
		margin:0;
		padding: 0 5px;
	}
	.footer_b > li{
		display: block;
		width: 100%;
		
	}
	.footer_b > li:last-child{
	  padding: 10px 0;
	  border-top:1px solid #d5d5d5;
	}
	.footer_b > li > h4{
		padding: 12px 15px;
	}
	.form_news{
		padding: 0 15px;
	}
	.menu_footer{
		padding: 0 25px;
		
		_width: 100%;
	}
	.title_c h1{
		font-size: 20px;
		padding: 8px 0;
	}
	.content p{
		padding: 0 15px;
		text-align: justify;
		line-height: 28px;
		font-size: 14px;
	}
	.title{
		padding-left: 15px;
	}
	.title_sous{
		font-size: 14px;
		color: #0b4e8c;
		padding: 15px 15px;
		font-family: Rajdhani-Bold;
	}
	.form_c{
		width: 100%;
	}
	.div_form{
		width: auto;
	}
	.form_group{
		display: block;
		width: auto;
	}
	.group_form > div{
		display: block;
		width: 100%;
		padding: 8px 0;
	}
	.connect_f{
		width: auto;
	}
	.detail{
		width: auto;
	}
	.detail p{
		font-size: 12px;
	}
	.postuler{
		display: block;
		text-align: center;
	}
	.img_d{
		padding: 0 35px;
	} 
	.c_content{
		width: 100%;
	}
	.left_m,.right_m{
		display: block;
		width: 100%;
	}
	.left_m{
		_padding: 0 15px;
	}
	.inner{
		padding: 0;
	}
	.left_content{
		width: 100%;
		display: block;
	}
	.left_content > ul{
		display: inline-block;
		width: 100%;
		text-align:center;

	}
	.pub{
		width: 100%;
		margin: 0;
	}
	.left_content > ul > li > a{
		font-size: 12px;
	}
	.left_content > ul > li:last-child > a{
		padding-right: 10px;
	}
}
@media (min-width: 411px) and (max-width: 750px) {
	html,body{
		width: 100%;
	}
	#wrapper{
		width: 100%;
		overflow-x: none;
	}
	header{
		width: 100%;
	}
	.logo{
		margin-left:0;
		width: 90px;
		height: 80px;
		padding: 0 10px;
	}
	.container{
		width: 100%;
	}
	.form_search{
		margin-top: 0 !important;
		display: none;
	}
	.form_s{
		padding: 0 10px;
	}
	.w_35,.w_22{
		width: 100% !important;
	}
	.overlayer{
		display: none;
	}
	.p_l_r_10{
		padding: 5px 0;
	}
	.slider{
		width: 100%;
	}
	#footer{
		width: 100%;
	}
	.left_content{
		display: none;
	}
	.m_menu{
		display: inline-block;
		padding: 10px 15px;
		color: #f1f1f1;
		font-size: 22px;
		float: left;
	}
	.m_z{
		width: 100%;
		_position: absolute;
		top:42px;
		display: none;
		z-index: 50;
	}
	.menu_nav{
		
	}
	.menu_nav > li{
		display: block;
		width: 100%;
	}
	.menu_nav > li > a{
		display: block;
		border-bottom: 1px solid #e6e6e6;
	}	
	.offre_list > li{
		display: block;
		width: 100%;
	}
	.offre_list li a span.date{
		padding: 3px 0;
		font-size: 12px;
	}
	.title{
		font-size: 14px;
	}
	.cols_50{
		display: block;
		width: 100%;
	}
	.inner_c{
		padding: 10px 0
	}
	.desc_c_i {
	    padding: 0 10px;
	    text-align: center;
	}
	.t_t {
	    font-family: Rajdhani-Light;
	    font-size: 25px;
	    color: #fff;
	    padding: 5px 0;
	}
	.t_p {
	    font-size: 12px;
	    font-family: Rajdhani-Regular;
	    line-height: 16px;
	    color: #f5f5f5;
	    padding: 10px 0;
	}
	.all_t{
		font-size: 12px;
		padding: 5px 15px;
	}
	.col_inner{
		height: 150px;
	}
	.list_client > li{
		width: 20%;
		margin:0;
		padding: 0 5px;
	}
	.footer_b > li{
		display: block;
		width: 100%;
		
	}
	.footer_b > li:last-child{
	  padding: 10px 0;
	  border-top:1px solid #d5d5d5;
	}
	.footer_b > li > h4{
		padding: 12px 15px;
	}
	.form_news{
		padding: 0 15px;
	}
	.menu_footer{
		padding: 0 25px;
		
		_width: 100%;
	}
	.title_c h1{
		font-size: 20px;
		padding: 8px 0;
	}
	.content p{
		padding: 0 15px;
		text-align: justify;
		line-height: 28px;
		font-size: 14px;
	}
	.title{
		padding-left: 15px;
	}
	.title_sous{
		font-size: 14px;
		color: #0b4e8c;
		padding: 15px 15px;
		font-family: Rajdhani-Bold;
	}
	.form_c{
		width: 100%;
	}
	.div_form{
		width: auto;
	}
	.form_group{
		display: block;
		width: auto;
	}
	.group_form > div{
		display: block;
		width: 100%;
		padding: 8px 0;
	}
	.connect_f{
		width: auto;
	}
	.detail{
		width: auto;
	}
	.detail p{
		font-size: 12px;
	}
	.postuler{
		display: block;
		text-align: center;
	}
	.img_d{
		padding: 0 35px;
	} 
	.c_content{
		width: 100%;
	}
	.left_m,.right_m{
		display: block;
		width: 100%;
	}
	.left_m{
		_padding: 0 15px;
	}
	.inner{
		padding: 0;
	}
	.left_content{
		width: 250px;
		display: block;
	}
	.left_content > ul{
		display: inline-block;
		float: right;
	}
	.left_content > ul > li > a{
		font-size: 12px;
	}
	.left_content > ul > li:last-child > a{
		padding-right: 10px;
	}
}