/* ANY CSS FOR ALL WIDTHS GOES HERE
----------------------------------------------------------- */

/* ALL WIDTHS UNDER 970PX
----------------------------------------------------------- */
@media screen and (min-width: 580px){

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 99999;
	background: #fff;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(168,153,168,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(168,153,168,1);
	box-shadow: 0px 3px 5px 0px rgba(168,153,168,1);
}
.sticky #s5_menu_wrap_inner{
	margin: 0!important;padding-top: 6px;
}

}

@media (max-width: 767px){
	.row_icones .sppb-col-md-3 {
    width: 50%;
}
.topbar{
	display:none!important;
	}
.title-bloc h2 {
    font-size: 35px !important;
}
#s5_logo_wrap img {
    width: 115px;
}

}
@media (min-width: 768px) and (max-width: 991px) {
	.bann-fond-zakat
	{
		background: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.row_icones .sppb-col-md-3 {
    width: 25% !important;
}
.row_icones .sppb-row-container {
    width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.topbar-container-wrap {
    justify-content: center!important;
}
}

 /* @media (max-width: 1024px) {
	#s5_responsive_menu_button {
    display: block !important;
	}
	#s5_menu_inner {
    display: none!important;
	}
} */
 @media (min-width: 833px) and (max-width: 850px) {
	#s5_menu_inner
	{display:none}
	#s5_header {
    padding-bottom: 0!important;
}
} 

@media (min-width: 1280px) and (max-width: 1700px) {
	#s5_logo_wrap {
    width: 13%;
	}
	.s5_wrap#s5_menu_wrap2 {
		max-width: 90% !important;
	}
	
	#s5_menu_inner {
    margin-top: 30px;
    margin-bottom: 0%;
    float: right;
   }
	.topbar-container {
    max-width: 90% !important;
	}
}

@media (min-width: 1280px) and (max-width: 1500px) {
#s5_nav li {
    padding-left: 13px;
    padding-right: 13px;

	}	
}
@media (min-width: 1280px) and (max-width: 1366px) {
#s5_header .s5_wrap#s5_menu_wrap2 {
    max-width: 98% !important;
}
#s5_header #s5_menu_wrap2.s5_wrap {
    width: 98% !important;
}
.topbar-container {
    max-width: 98% !important;
}
}	
@media (min-width: 833px) and (max-width: 1279px) {
	
.S5_submenu_item a {
    font-size: 12px !important;
}
	
#s5_menu_wrap ul.menu {

    margin: 0;
}
#s5_header
{padding-bottom: 5%;}

#s5_menu_inner {
    margin-top: 100px;
    margin-bottom: 3%;
	float: unset;
	
}

#s5_logo_wrap {
    float: none;
    text-align: center;
    right: 0;
}
#s5_nav a {
    font-size: 12px !important;
}
.s5_wrap#s5_menu_wrap2 {
    max-width: 92% !important;
}
 
li.donsweb {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 13px !important;
    padding-right: 13px !important;
	margin-left: 0;
}

li.donsweb span {
    font-size: 12px!important;
}

}


@media (min-width: 992px) and (max-width: 1400px){
 /* .sppb-section {
    padding-left: 70px !important;
	}  */
	#s5_menu_wrap2.s5_wrap {
	width:92% !important;
	}
	.refuge_one
	{
	padding-bottom: 17%!important;
	}
	.refuge_middle_section
	{
	margin-top: -4%;
	}
}

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

	/* DEFAULT
	----------------- */
 
	.s5_wrap {
	width:92% !important;
	}
	
	.s5_is_display, .s5_is_slide {
	position:relative !important;
	}
	
	.s5_is_slide {
	height:auto !important;
	}
	
	#fontControls {
	display:none;
	}
	
	/* CUSTOM
	----------------- */
	
	body {
	font-size:0.9em !important;
	}
	
	#s5_pos_custom_2 .large_title_with_sub span {
	float:none;
	}
	
	.transform_buttons {
	display:block;
	margin:0px;
	margin-top:20px;
	}
	
	#s5_pos_custom_2 .large_title_with_sub span {
	font-size:3em;
	}
	
	.large_title_with_sub h3 {
	margin-bottom:12px;
	}
	
	#s5_pos_custom_2 .large_title_with_sub h3 {
	font-size:2.8em;
	}
	
	.transform_buttons a {
	margin:0px !important;
	margin-top:10px !important;
	display:inline-block;
	}
	
	
	#s5_pos_custom_2 {
	padding-top:50px;
	padding-bottom:60px;
	}
	
	.module_round_box_outer {
    margin-bottom: 35px;
	}

	.s5_yes_custom_bg .s5_yes_custom_bg, .s5_yes_custom_bg .s5_no_custom_bg, .s5_no_custom_bg .s5_yes_custom_bg, .s5_no_custom_bg .s5_no_custom_bg {
		padding-top:65px;
		padding-bottom:30px;
	}

	#s5_columns_wrap_inner, #s5_columns_wrap, #s5_below_columns_wrap1, #s5_below_columns_wrap2, #s5_above_columns_wrap1, #s5_above_columns_wrap2 {
		padding:0px;
	}

	#s5_center_area2 {
		padding-bottom:30px;
	}

	#s5_component_wrap_inner {
	padding-bottom:10px;
	}

	#s5_pos_custom_3 {
	padding-top:40px;
	padding-bottom:40px;
	}
	
	#s5_top_row1_area2 {
	padding-top:60px;
	}
	
	#s5_pos_custom_3 form {
	width:100%;
	text-align:center;
	}
	
	#description {
	width:100%;
	text-align:center !important;
	}
	
	.profile_image_item {
	width:100%;
	}
	
	.module_round_box.split_title_large .s5_h3_last {
	font-size:1.7em;
	}
	
	.video_wrap {
	padding:0px;
	}
	
	.top_box_inner {
	padding:30px;
	}

	.large_picture_text_right_image {
	display:none;
	}
	
	.large_picture_text_right_text {
	float:none;
	width:100%;
	}
	
	.large_picture_text_right_text {
	padding:30px;
	}
	
	.video_wrap_right, .video_wrap_left {
	float:none;
	width:100%;
	}
	
}


/* TABLET PORTRAIT MODE CSS
----------------------------------------------------------- */

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

	
	/* CUSTOM
	----------------- */
	/** 22/11/17  **/ 
	
	#s5_bottom_row1_area1{
		background-size:auto !important;
	}
	
}


/* TABLET PORTRAIT MODE CSS - SMALLER TABLETS
----------------------------------------------------------- */

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

	/* CUSTOM
	----------------- */
	
	.iacf_title {
	font-size:2em;
	}
	
	.iacf_text {
	padding:20px;
	}
	
	.top_box {
	width:100%;
	margin-bottom:10px;
	}
	
	.top_box_inner2 {
	min-height:1px !important;
	}
	
	.causes_image_outer {
	margin-right:0px !important;
	margin-left:0px !important;
	width:100% !important;
	margin-bottom:30px !important;
	}
	
	#s5_masonry_navwrap {
	margin-top:0px !important;
	margin-bottom:20px !important;
	}
	
	ul.s5_masonry_articles li {
	margin-bottom:2px !important;
	}
	
	.causes_image_percent {
	font-size:14px;
	line-height:50px;
	width:50px;
	height:50px;
	}
	
	#description strong {
	line-height:140%;
	}
	
	.title_with_sub_centered_title {
	font-size:2.2em;
	}

	
	
}


/* MOBILE LAYOUT CSS
----------------------------------------------------------- */

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

	/* DEFAULT
	----------------- */

	#s5_right_column_wrap_inner .s5_float_left, #s5_left_column_wrap_inner .s5_float_left {
	float:none;
	}

	#s5_columns_wrap_inner {
	width:100%;
	}

	#s5_center_column_wrap {
	width:100%;
	left:100%;
	}

	#s5_left_column_wrap {
	left:0%;
	}
	
	#s5_left_top_wrap, #s5_left_column_wrap, #s5_left_inset_wrap, #s5_left_wrap, #s5_left_bottom_wrap, #s5_right_top_wrap, #s5_right_column_wrap, #s5_right_inset_wrap, #s5_right_wrap, #s5_right_bottom_wrap, #s5_top_row1 .s5_float_left, #s5_top_row2 .s5_float_left, #s5_top_row3 .s5_float_left, #s5_above_columns_inner .s5_float_left, #s5_middle_top .s5_float_left , #s5_middle_bottom .s5_float_left, #s5_below_columns_inner .s5_float_left, #s5_bottom_row1 .s5_float_left, #s5_bottom_row2, .s5_float_left, #s5_bottom_row3 .s5_float_left, #s5_above_body .s5_float_left, #s5_below_body .s5_float_left {
	width:100% !important;
	}
	
	#s5_center_column_wrap_inner {
	margin:0px !important;
	}
	
	#s5_left_column_wrap {
	margin-right:0px !important;
	}
	
	#s5_right_column_wrap {
	margin-left:0px !important;
	}
	
	.items-row .item {
	width:100% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-right:0px !important;
	margin-left:0px !important;
	}
	
	/* CUSTOM
	----------------- */
	
	.button, button, .readon, p.readmore a, .btn, .btn-primary {
	padding: 13px 17px 11px;
	}
	
	.profile_image_item img {
	width:100%;
	margin-right:0px;
	float:none;
	margin-bottom:15px;
	}
	
	#signup button {
	display:none;
	}

/** 22/11/17  **/ 
	
	#s5_bottom_row1_area1{
		background-size:auto !important;
	}

	
	
	
}


/* CUSTOM SIZES
----------------------------------------------------------- */


@media screen and (max-width: 1200px){
	
	#s5_nav li {
	padding-left:10px;
	padding-right:10px;
	}
	
	#s5_bottom_menu_wrap {
	float:left;
	margin-top:10px;
	}
	
	#s5_bottom_menu_wrap ul.menu li {
	padding-left:0px;
	padding-right:10px;
	}
	
	.large_picture_text_right_text {
	padding-bottom:80px;
	}
	
	
}



@media screen and (max-width: 1400px){
	
	.jdGallery .slideInfoZone {
	left:8% !important;
	width:84% !important;
	max-width:10000000px !important;
	}
	
	#s5_search_wrap_outer {
    margin-top: 8%!important;
	}
	
}


/*  ******

Hauteur du fomulaire de don
*/
@media screen and (min-width:1199px){
			/* Formulaire Don   */
	.frm_fonds{
		/* height: 900px;*/
	}
	.frm_coord{
		/* height: 900px;   */ 
	}

	.frm_pai{
		/*   height: 900px;*/
	}
	
	
}

/**** New Css Menu mobile*******/
@media (max-width: 850px){
	#s5_responsive_mobile_sidebar { 
	position: absolute;
	height: 100vh;
	top: 80px;
	}
	div#s5_responsive_mobile_sidebar_body_wrap {
	position: absolute;
	margin-left: 0px!important;
	}
	.s5_responsive_mobile_sidebar_show_ltr {        
	z-index: 100;
	}  
}
	
@media (min-width: 768px) and (max-width: 850px){
	#s5_responsive_mobile_sidebar { 
	position: absolute;
	height: 100vh;
	top: 132px;
		} 
	div#s5_responsive_mobile_sidebar_body_wrap {
	position: absolute;
	margin-left: 0px!important;
	}
	.s5_responsive_mobile_sidebar_show_ltr {        
		z-index: 100;
	}  
}
/**** END New Css Menu mobile*******/