Your IP : 216.73.216.196


Current Path : /home/icmq6107/clients/naddaf/wp-content/themes/crowdngo/sass/template/responsives/
Upload File :
Current File : /home/icmq6107/clients/naddaf/wp-content/themes/crowdngo/sass/template/responsives/_mobile.scss

@media (max-width:767px) { 	
	body{
		&.admin-bar{		
			.apus-offcanvas,.sidebar{			
				top: 46px;
			}
		} 	
	}	
	.user-account{
		margin-top: 9px;
		&:before{
			height: 30px;
			top: -30px;
		}
	}
	.apus-heading-cta{
		.elementor-heading-title{
			padding-left: 0;
			padding-right: 0;
		}
	}
	.apus-copyright-label{
	    .elementor-text-editor{
	        text-align: center;
	    }
	}
	.apus-paragraph-cta{
		.elementor-heading-title{
			padding-left: 0px;
			padding-right: 0px;
		}
	}
	.widget-mailchimp.default input[type="email"]{
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;
		min-width: auto;
	}
	.widget-mailchimp .mc4wp-form-fields p{
		position: relative;
	}
	.widget-mailchimp.default .btn, 
	.widget-mailchimp.default .viewmore-products-btn {
		position: absolute;		
		top: 0;
		right: 0;
	}
	.apus_login_register_form{
		.mfp-close{
			top: -20px;
			right: 0;
			left: 0;
			margin: 0 auto;
			@include square(40px);
			&:before {
				@include square(15px);	
			}
		}		
	}
	.apus-about-column{
		> div > div.elementor-widget-wrap{
			@include rtl-padding-left(0);
		}
	}
	.apus-heading-style6,
	.apus-paragraph-style2{
		.elementor-heading-title{
			@include rtl-padding-right(0);
		}
	}
	.widget{
		&.widget_custom_html{
			text-align: center;
			.widget-title{
				margin-bottom: 10px;
			}
			.custom-html-widget{
				p{
					margin-bottom: 20px;
				}
			}
		}
	}
	.layout-donation-list{
		.give-list{
			~ .paging-navigation{
				.apus-pagination {	
					padding-bottom: 45px;
				}
			} 			
		} 		
	} 
	.detail-give{
		.give_forms{
			.give-entry-description{
				.give-entry-title{
					margin-top: 30px;
				}
			}
		}
	}
	.widget-give{
		.slick-carousel{
			&[data-items*="4"]{
				.give-grid{
					.give-content{
						min-height: auto;
					}
				} 				
			}
		}
	}
}

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

@media(max-width: 624px) {
	
}

@media(max-width: 480px) {	
	.header-mobile{
		.logo {
			max-width: 72px;			
		}
	} 	
	.sidebar{ 
		width: 100%;
		max-width: none;
	}	
	.header-mobile{				
		.apus-search-form {
			min-width: auto;
    		width: 100%;
		}
	}	
	.apus-heading-cta,
	.apus-heading-style2,
	.apus-heading-style3,
	.apus-heading-style4,
	.apus-heading-style5{
		.elementor-heading-title{
			font-size: 24px !important;
			line-height: 36px !important;
		}
	}
	.apus-paragraph-cta{
		.elementor-heading-title{
			font-size: 16px !important;			
		}
	}
	.detail-give{
		.give_forms{
			.give-single-meta{
				> *{
					display: block;
    				margin-bottom: 10px;
				}
				.entry-comments,
				.entry-date,
				.post-author{
					&:before{
						top: 2px;
					}
				}
			}
		}
	}
	.give-form{
		form#give-email-access-form{
			text-align: center;
			label{
				padding-top: 0px;
				@include rtl-padding-right(0);
				@include rtl-padding-left(0);				
			}
			div.g-recaptcha, 
			input#give-email{
				margin-bottom: 15px;
				width: 100%;
				text-align: center;
			}
			> *{
				width: 100%;				
				margin-bottom: 15px;
				float: none;
				@include rtl-margin-right(0);
				@include rtl-margin-left(0);
				&:last-child{
					margin-bottom: 0;
				}
			}
		}
	}
	.author-info{
		.about-container{
			display: block;
			text-align: center;
			> *{
				display: block !important;
				margin: 0px;
				padding: 0;
				width: auto;
			}
		}
		.avatar-img{
			margin-bottom: 20px;
		}
		.author-title{
			margin: 0 0 15px 0;
		}
	}
}

@media(max-width: 320px) {	
	.sidebar{
		.widget{
			@include rtl-padding-left(15px);
			@include rtl-padding-right(15px);
		}
		.donation-widget-event{
			.slick-carousel{
				.slick-dots{
					@include rtl-margin-left(8px);
				}
			}
		}
	}		
	.apus_login_register_form{
		.mfp-close{
			margin: 0 auto;		
			@include rtl-left(0);
			@include rtl-right(0);	
		}
	}
	.apus_login_register_form{
		.action-login{
			margin: 0px;
			@include flex-direction(column);
			> div{
				margin: 0 0 5px 0;
				padding: 0px;
				float: none;
				width: 100%;
				text-align: center;
			}
			.form-group{
				label{
					padding: 0px;
				}
			}
		}
	}		
}