/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/
a,p,h1,h2,h3,h4,h5,h6,strong{
	font-family: 'Nunito', sans-serif !important;

}
.sf-menu a {
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0px 6px !important;
}

div#header-outer {
    height: 130px;
}


ul.social-ul li {
    display: inline !important;
    padding: 20px !important;
}

ul.social-ul li a {
    display: inline !important;
}

ul.social-ul i {font-size: 30px !important;}

.home-sec1 img {
	min-height: 300px !important;
    max-width: 300px !important;
    background: #efefef;
    padding: 10px !important;
    border-radius: 140px;
    position: relative;
}



.home-sec1 img:hover {
    background: #f8d62e;
    transition: 0.5s;
}

.home-sec1 p {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.home-sec1 a {
    color: #000;
    position: relative;
    font-size: 18px;
    font-weight: 900;
}

.home-sec1 a:before {content: "";position: absolute;height: 7px;width: 129px;background: #f8d62ed1;margin: 0 auto;top: 9px;right: 0;left: -12px;bottom: 0;z-index: -1;}

.home-sec1 h3 {
    color: #000;
    padding-top: 30px;
    font-size: 22px !important;
}
.home-sec1 h2 {
    font-size: 35px !important;
    line-height: 40px !important;
    font-weight: 900 !important;
    padding-bottom: 30px;
}

.home-sec2 h4 {
    font-size: 16px !important;
    font-weight: 700;
    line-height: 26px;
    color: #fdd704;
    margin: 0 0 8px;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

.home-sec2 h3 {
    font-size: 35px !important;
    line-height: 40px !important;
    font-weight: 900 !important;
    width: 90%;
    margin: 0 auto;
}

.home-sec2 p {
    width: 90%;
    margin: 0 auto;
    font-weight: 400;
}


.home-sec2 h3 a {
}

.home-sec2 div[data-style="default"] .toggle h3 a {
    font-size: 16px !important;
    font-weight: 800;
    background: #f8f8f8 !important;
    color: #000;
    line-height: 16px !important;
}
.home-sec2 .toggle.open h3 a {
    color: #000 !important;
}

.toggle h3 a i {
    color: #fdd707;
    font-size: 25px;
}

.home-sec2 .toggle.open h3 a i {color: #fdd910;}

.about-btn a {
    font-size: 15px;
    font-weight: 800;
    line-height: 24px !important;
    text-transform: uppercase;
    color: #333333;
    background: #fdd704;
    padding: 15px 35px;
}

.home-sec2 img {
    padding-bottom: 20px;
}


.service-box1  {
    background: #ffca0a;
}
.service-box2 {
    background: #fa575d;
}


.service-box3 {
    background: #369ff4;
}

.service-box4 {
    background: #8ed4cc;
} 


.service-box1 .meta-wrap ,.service-box2 .meta-wrap ,.service-box3 .meta-wrap ,.service-box4 .meta-wrap {
    height: 345px !important;
}

.service-box1 strong {
    position: relative;
    top: 60px;
}

.service-box3 strong {
    position: relative;
    top: 30px;
}

.service-box4 strong {
    position: relative;
    top: 31px;
}



.meta-wrap p{
    color:#fff !important;
    opacity:1 !important;
}

.home-sec3 a {
    color: #fff;
}
.home-sec3 strong {
    font-weight: 700;
    font-size: 22px !important;
	color:#fff;
}

.home-sec3 .meta-wrap {
    min-height: 250px !important;
}
.program-content h3 {
    font-size: 35px !important;
    line-height: 40px !important;
    font-weight: 900 !important;
    
   
}

.program-content p{
    width:80%;
    margin:0 auto;
    padding-bottom:30px !important;
}

.home-sec2 h5 {
    font-size: 18px !important;
    font-weight: 900 !important;
	width: 80%;
    margin: 0 auto;
}

.home-sec2 .subject {
    width: 90%;
    margin: 0 auto;
}

.home-sec2 .toggle {
    margin-bottom: 8px !important;
}

.number.default {
    background: #fed700;
    padding: 3px 50px;
    border-radius: 10px;
    color: #03a5f0;
}

.donation-form {
    width: 80%;
    margin: 0 auto;
}

.donation-form div#give_error_test_mode {
    display: none;
}

.donation-form [id*=give-form].give-display-modal .give-btn {
    padding: 10px 40px;
    border-radius: 0px !important;
    border-left: 6px solid #fdd809;
}

.give-btn:hover {
    background: #fdd809;
    border-left: 6px solid #000 !important;
    color: #fff;
    transition: 0.5s;
}


.donation-form {
    border: 10px solid #ededed;
    border-radius: 20px;
    position: relative;
    top: -90px;
    background: #fff;
    z-index: 999;
}

.donation-form h3 {
    font-size: 30px !important;
    font-weight: 900 !important;
}

.donation-form h4 {
    font-size: 30px !important;
    font-weight: 900 !important;
    color: #fdd809;
}

.donation-form p {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 0px !important;
}
.donation-form strong {
    font-weight: 800 !important;
    font-size: 18px;
    color: #000;
}
.donation-form h3 {
    font-size: 40px !important;
    font-weight: 900 !important;
    padding-top: 20px;
}

div#header-secondary-outer .sf-menu {
    float: left !important;
}

div#footer-outer {
    background: url(/wp-content/uploads/2020/03/bg_foot.jpg);
}

div#footer-outer h4 {
    font-size: 26px !important;
    font-weight: 700 !important;
    padding-bottom: 20px;
}

ul.foot-ul li {
    line-height: 40px;
}

ul.foot-ul i {
    padding-right: 10px;
    font-size: 25px !important;
}

div#media_image-2 img {
    padding-top: 70px;
}

.buttons a {
    background: #fed700;
    font-size: 18px !important;
    padding: 15px 30px !important;
    border-radius: 8px;
    font-weight: 700 !important;
}

.buttons a:hover {
    background: #fff !important;
    transition: 0.5s !important;
    border: 2px solid;
}


.home-sec5 .nectar-button {
    margin: 0 auto !important;
    display: block !important;
    width: 40% !important;
    text-align: center !important;
    font-size: 18px !important;
    margin-top: 50px !important;
    padding: 20px !important;
}

.home-sec4 h3 {
    font-size: 35px !important;
    line-height: 40px !important;
    font-weight: 900 !important;
    padding-bottom: 40px;
}



.home-sec5-2 {width: 45% !important;margin-left: 65px;}

.home-sec5-shadow {
    margin-bottom: 40px !important;
/*     float: right; */
    box-shadow: 2px 8px 16px 4px #43434326 !important;
}


.home-sec5-shadow h4 strong {color: #fed700 !important; font-size:17px !important;}
.home-sec5-shadow h3 {
	font-size: 20px !important;
    font-weight: 800 !important;
    padding-left: 20px !important;
    width: 80% !important;
    margin: 0 auto !important;
    line-height: 25px !important;
    padding-top: 10px;
}


.home-sec6 {padding-top: 80px !important;padding-bottom: 80px !important;}

.home-sec6 img {
    max-width: 350px !important;
    padding: 0px !important;
}

.home-sec6 h3 {
    font-size: 35px !important;
    color: #fbd500;
    font-weight:700 !important;
    padding-bottom:30px;

}
.recent-pro-1 img {
    max-width: 280px !important;
    max-height: 180px !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
	padding: 0px !important;
}

.recent-pro-1 h4 {
    font-size: 20px !important;
    font-weight: 700 !important;
    padding-bottom: 5px;
    color: #fbd500;
}

.recent-pro-1 a {
    background: #fee34e !important;
    padding: 10px 70px;
    color: #fff;
}
.zakat-btn a {
    background: #fee34e !important;
    padding: 10px 70px;
    color: #fff;
}
.home-sec7-1 {
    position: relative;
    top: -219px;
}
.home-sec7-2 {WIDTH: 80%;margin: 0 auto;}

.home-sec7-1 h3 {
    padding-left: 20px;
    color:#fed700;
}

.home-sec7-1 p {
    padding-left: 20px;
}

.home-sec7-btn {
    background: #12041a;
    padding-top: 10px;
    padding-bottom: 10px !important;
}

.home-sec7-btn a {
    color: #fff;
}

.home-sec7-1:hover .home-sec7-btn {
    background: #f1cd08;
    transition: 0.5s;
}

.home-sec8 input[type=email] {
    border: 5px solid #fff!important;
    float: right;
    width: 55%;
    border-radius: 5px !important;
    position:relative;
    left:-15px;
}


body[data-form-submit="regular"] .container-wrap .home-sec8 input[type=submit] {background: #000 !important;padding: 19px 45px !important;font-size: 14px;position: relative;left: -50px;top: 10px;border-radius: 0px 5px 5px 0px !important;}

.home-sec8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.home-sec8 h3 {
    font-size: 35px !important;
}

.home-sec8 h3 strong {
}

.home-sec8 p {font-size: 20px !important;}

.home-sec7 h3 {
    font-size: 30px !important;
}

.home-sec7 h3 {
    font-size: 35px !important;
    line-height: 40px !important;
    font-weight: 900 !important;
}

.sf-menu li i {
    color: #fed700;
    font-size: 22px !important;
}

.mission-sec p {
    font-size: 24px;
    padding-top: 50px;
    line-height: 50px;
}

.recent-project-sec {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}




.home-sec6-1 img {padding: 0px !important;}

.recent-project-sec h3 {
    font-size: 35px !important;
    line-height: 40px !important;
    font-weight: 900 !important;
    padding-bottom: 40px;
	
}
.home-sec6 img {
    padding: 15px !important;
}


html body .nectar_hotspot {
    background: #ff0000 !important;
}

html body .nectar_image_with_hotspots[data-stlye="color_pulse"][data-color="accent-color"] .nectar_hotspot {
    background: #ff0000 !important;
}

.home-sec5-shadow img {
    min-width: 240px;
    min-height: 280px !important;
    border-radius: 30px;

}
.donate-sec {
    margin-top: 500px;
    background: #000000d1;
    width: 60%;
    padding-top: 50px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    margin-bottom: 80PX !IMPORTANT;
}

.home-sec5-1 {
    background-repeat: no-repeat !important;
    background-size: cover;
	width: 50% !important;
}

.donate-sec h4 {
    font-size: 20px !important;
    margin-left: 10px;
    color: #fff;
}

.donate-sec a {
    background: #edca08;
    color: #fff;
    padding: 15px 40px;
    position: relative;
    top: 68px;
    left: 40px;
    border-radius: 6px;
}


.testiomonial-sec h3 {
    font-size: 30px !important;
    font-weight: 900 !important;
    color: #fcd704;
}

.testimonial_slider blockquote p {
    text-align: left;
    width: 80%;
    margin: 0 auto;
}


.faq-sec a {
    background: #fed700;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}

.faq-sec a:hover {
    background: #333;
    transition: 0.5s;
}

.blog-sec p a {
    background: #fed700;
    padding: 10px 40px;
    color: #fff;
}

.blog-sec h3 {
    font-size: 35px !important;
    line-height: 40px !important;
    font-weight: 900 !important;
    padding-bottom:30px;
}

#footer-outer .widget {
    margin-bottom: 0px !important;
}

.home-sec5-shadow h4 {
    width: 65%;
    margin: 0 auto;
    padding-top: 5px;
    margin-bottom: 2px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}
.home-sec5-shadow p {
	width: 85%;
    margin: 0 auto;
    line-height: 22px;
    padding-bottom: 10px;
    padding-left: 15px;

}

.donate-sec h4 strong {
    color: #fbda3a;
}

.donate-sec p strong {
    color: #fbda3a;
    font-size: 20px;
    text-transform: capitalize;
}
.home-sec5-shadow strong {
    color: #fcd92d;
    font-size: 20px;
}


.donate-sec p {
    color: #fff;
    padding-left: 10px;
}

.custom-pop p {font-size: 18px;font-weight: 300;line-height: 30px;}

.custom-pop {
    padding-top: 20px;
    padding-bottom: 20px;
}

#more-project a {
    background: #edca08;
    padding: 15px 50px;
    color: #fff;
}

.custom-pop a {
    background: #f6d000;
    padding: 15px 40px;
    margin: 0 auto;
    display: block;
    width: 40%;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    border-radius: 10px;
}

.carousel-sec img {
    margin: 0 auto;
    min-width: 180px;
}
.carousel-sec .tcowl-wrap .tcowl-nav .owl-controls .owl-nav [class*=owl-] {
    height: 35px !important;
}

html body #header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav > ul > li > a:hover {
    color: #fdd702 !important;
    border: 4px solid #fdd702;
}

body #page-header-bg h1 {
    font-weight: 700;
}

.get-involved-sec1 h3 {
    font-size: 40px !important;
    text-transform: uppercase !important;
    padding-bottom: 40px;
    font-weight: 700 !important;
    color: #fdd702;
}

.get-involved-sec1 p {    
	font-size: 20px;
    padding-bottom: 15px;
    line-height: 30px;
    font-weight: 300;}

.get-involved-sec1 h5 {
    font-size: 20px !important;
    padding-bottom: 15px;
    line-height: 30px;
	color: #fdd702;
}

ul.sub-menu li {padding-bottom: 20px;}

ul.sub-menu li:hover a {
    padding: 5px 0px !important;
	transition:0.4s !important;
}
header#top .sf-menu >li:hover >ul, header#top .sf-menu >li.sfHover >ul {top: 100px !important;}





/* Table Layout */

.zakat-table table.vitamins {
    margin: 20px 0 0 0;
    border-collapse: collapse;
    border-spacing: 0;
    background: #212121;
    color: #fff;
}

.zakat-table table.vitamins th, table.vitamins td {
    text-align: center;
}

.zakat-table table.vitamins thead {
    line-height: 12px;
    background: #2e63e7;
    text-transform: uppercase;
}

.zakat-table table.vitamins thead th {
    color: #fff;
    padding: 20px;
    letter-spacing: 1px;
    vertical-align: bottom;
    background: #fdd702;
    font-size: 20px;
}

.zakat-table table.vitamins thead th:nth-child(1) {
    width: 20%;
    text-align: left;
    padding-left: 20px;
	line-height: 20px;
}

.zakat-table table.vitamins thead th:nth-child(2) {
    width: 30%;
	line-height: 20px;
}

.zakat-table table.vitamins thead th:nth-child(3) {
    width: 35%;
	line-height: 20px;
}

.zakat-table table.vitamins thead th:nth-child(4) {
    width: 15%;
	line-height: 20px;
}

.zakat-table table.vitamins tbody {
    font-size: 1em;
    line-height: 15px;
}

.zakat-table table.vitamins tbody tr {
    border-top: 2px solid rgb(253, 215, 2);
    transition: background 0.6s, color 0.6s;
}

.zakat-table table.vitamins tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.2);
}

.zakat-table table.vitamins tbody tr:hover {
    color: #000;
    background: rgba(255, 255, 255, 0.7);
    font-weight: 900;
}

.zakat-table table.vitamins tbody td {
    padding: 12px;
	color: #000 !important;
}

.zakat-table table.vitamins tbody tr:hover td:first-child {
    background: rgba(0,0,0,0);
}

.zakat-table table.vitamins tbody td:first-child {
    text-align: left;
    padding-left: 20px;
    font-weight: 700;
    background: rgba(220, 231, 109, 0.35);
    transition: backgrounf 0.6s;
}

.zakat-table table.vitamins tfoot {
    font-size: 0.8em;
}

.zakat-table table.vitamins tfoot tr {
    border-top: 2px solid #2e63e7;
}

.zakat-table table.vitamins tfoot td {
    color: rgba(255,255,215,0.6);
    text-align: left;
    line-height: 15px;
    padding: 15px 20px;
}

.zakat-table h3 {
    font-size: 35px !important;
    text-transform: uppercase !important;
    color: #fdd702;
    padding-bottom: 30px;
}

/* table sec end */


.give-form-wrap give-form-grid-wrap p {
    line-height: 30px !important;
}

html body #give_error_test_mode p {
    line-height: 30px !important;
}

html body .give-form-content-wrap {
    line-height: 30px !important;
}

table.arial2 p {
    font-size: 16px !important;
}

ul#social {
    float: right !important;
}

.fourth-banner {text-align: center !important;}

.service-box1 a {top: 56px !important;position: relative;}

.service-box2 a {position: relative;top: -14px;}

.service-box3 a {
    position: relative;
    top: 25px;
}

.service-box4 a {
    position: relative;
    top: 25px;
}
.page-id-5847 h2.give-form-title {
    display: none !important;
}

.page-id-5847 div#give-form-content-5888 {
    display: none !important;
}

.page-id-5847 form#give-form-5888-1 {
    margin-top: 20px;
}

.home-sec6 p {
    color: #000 !important;
}

.contact-ul li {
    list-style: none;
    line-height: 60px;
    font-size: 20px;
}

.contact-ul li i {
    font-size: 30px;
    color: #fdd702;
    padding-right: 40px !important;
}

.contact-ul {
    background: #ededed8f;
    padding: 20px;
    box-shadow: 2px 2px 16px 8px #edededed;
}



.contact-sec1 input[type=email], .contact-sec1 input[type=text], .contact-sec1 textarea{
    background: #fff !important;
    border: 2px solid #fdd702 !important;
    border-radius:8px !important;
}

.custom-pop1 p {font-size: 18px;font-weight: 300;line-height: 30px;}

.custom-pop1 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.custom-pop1 h3 {
    color: #fddd47;
}

.custom-pop1 strong {color: #fddd47;font-size: 20px;text-transform: capitalize;}

div#header-space {
    height: 150px !important;
}


body.material[data-hhun="1"]:not(.no-scroll) #header-outer[data-using-secondary="1"]:not(.detached):not(.parallax-contained):not(.at-top-before-box) {
    top: 30px !important;
}


.home-sec5-shadow a {
    background: #edca05;
    padding: 5px 20px;
    border-radius: 8px;
    color: #fff;
}

.home-sec5-shadow a:hover{
    background:#edca05;
    color:#fff;
    transition:0.3s !important;
}

.don-btn a {
    background: #fde059;
    padding: 15px 40px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}

.don-btn a:hover {
    background: #3d3c3e;
    transition: 0.5s;
}



.donate-pop {
    color: #fff !important;
    font-weight: 700;
}

.inkind-btn a {
    color: #fff;
    background: #fdd702;
    padding: 15px 45px;
    border-radius: 8px;
}

.inkind-btn a:hover {
    background: #1a000e;
    transition: 0.5s;
}

.quick-donation {
    background: #ededed;
    margin-left: 70px !important;
    width: 28% !important;
    padding: 30px !important;
    box-shadow: 3px -1px 16px 2px #434343;
}

.quick-donation input[type="image"] {
    margin: 0 auto;
    display: block;
	max-height: 90px;
}

.cont-form {
    background: #ededed;
    padding: 20px;
}

.cont-form input[type=number] {
    width: 100%;
    line-height: 35px;
    background: #e5e5e5;
    border: none;
}

.donate-box-custom {
    border: 2px solid #ededed;
}

.information-box {
    padding: 20px;
}

.information-box h3{
    color:#2fa5f0;
    font-weight:700 !important; 
    
}


.pp-donation input[type="image"] {
    height: 80px;
    width: 200px;
    display: block;
    margin: 0 auto;
}

ul.buttons:after {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2020/05/20size.png);
    height: 150px;
    width: 100px;
    top: 128px;
    left: 55px;
}




/* responsiveness start */
@media screen and (max-width: 1400px){
	body[data-form-submit="regular"] .container-wrap .home-sec8 input[type=submit] {
    top: 10px;
}
}

@media screen and (max-width: 1240px){
	ul.buttons li a {
    padding: 10px 20px !important;
    font-size: 14px !important;
}

.sf-menu a {
    font-size: 11px !important;
    padding: 5px !important;
}
	
.home-sec5-shadow p {
    padding-left: 60px;
}

.home-sec5-shadow h4 {
    padding-left: 20px;
}

.home-sec5-shadow h3 {font-size: 16px !important;padding-left: 50px !important;}


.home-sec5-1 {
    background-size: 100% 100%;
}



.donate-sec {
    margin-top: 560px !important;
    margin-bottom: 100px !important;
}
.quick-donation {
    margin-left: 11px !important;
}
}

@media screen and (max-width: 1024px){
	.donate-sec h3 {
    font-size: 20px !important;
}

.donation-form h3 {
    font-size: 30px !important;
}



.donation-form .charitable-donation-form .donation-amounts .donation-amount {
    width: 40% !important;
}

.donation-form .charitable-form-field label {
    font-size: 10px !important;
    width: 21% !important;
}

body[data-form-style="minimal"] .donation-form input[type="text"] {
    width: 29% !important;
    padding: 4px !important;
}

body[data-form-style="minimal"] input[type="email"] {
    width: 78% !important;
}
	
	.home-sec1 img {
    max-width: 250px !important;
    min-height: 250px !important;
}

.home-sec2 .nectar-milestone .number {
    font-size: 40px !important;
}

.home-sec2 p {
    font-size: 18px;
    line-height: 30px;
}

.home-sec3 strong {
    font-size: 18px !important;
}

.home-sec5-1 {
    width: 100% !important;
}

.home-sec5-2 {
    width: 100% !important;
    margin-top: 30px;
}

.home-sec5-shadow h4 {
    padding-top: 30px;
}

.recent-pro-1 a {
    font-size: 14px;
    padding: 10px;
}

.recent-pro-1 img {
    max-width: 190px !important;
    min-height: 190px !important;
}

.recent-pro-1 h4 {
    font-size: 15px !important;
    font-weight: 400;
}


.blog-sec h3 {
    font-size: 20px !important;
}
	
	ul.social-ul li {
    padding: 10px !important;
}

.off-canvas-menu-container.mobile-only .menu li a {
    font-size: 16px !important;
}
	
ul.buttons:after{
		left:-5px;
}
	
.zakat-table h3 {
    font-size: 30px !important;
}

.zakat-table table.vitamins thead th {
    font-size: 16px !important;
}
}

@media screen and (max-width: 1000px){
	div#footer-outer {
    background: #000 !important;
}
	
div#footer-outer {
    background: #000 !important;
}

div#header-space {
    height: 80px !important;
}

a#logo img {
    min-height: 50px !important;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.service-box1 , .service-box2 , .service-box3 , .service-box4   {height: 360px !important;}

.service-box1 strong {
    top: 10px;
}

.service-box1 a {
    top: 19px !important;
}
	
.sf-menu {
    float: left;
    width: 100% !important;
}

body #header-secondary-outer .nectar-center-text {
    max-width: 100% !important;
}

div#header-secondary-outer .container {
    min-width: 90% !important;
}

ul#social {
    float: none !important;
    text-align: center;
}

.home-sec1 img {
    max-width: 400px !important;
    min-height: 330px !important;
}


.donate-sec {
    margin-top: 280px !important;
}

.home-sec5-1 {
    background-size: cover !important;
}
	
.home-sec5-2 {
    margin: 0 auto;
}

.home-sec5-shadow img {
    min-width: 100% !important;
}

.home-sec5-shadow h4 {}

.home-sec5-shadow h4 {
    padding-left: 0 !important;
}

.home-sec5-shadow p {
    padding-left: 0px !important;
}

.home-sec5-shadow h3 {
    padding-left: 0px !important;
}

.testiomonial-sec h3 {
    text-align: center !important;
}

.testimonial_slider blockquote p {
    text-align: center;
}

body[data-form-submit="regular"] .container-wrap .home-sec8 input[type=submit] {
    top: -79px;
    left: 440px;
}

input.wpcf7-form-control.wpcf7-submit {}

body[data-form-style="minimal"] input[type="email"] {
    width: 100% !important;
}

#footer-widgets .col.span_4 {
    width: 100% !important;
    text-align: center !important;
}

#footer-outer div#media_image-2 {
    width: 50%;
    margin: 0 auto;
}
	
a#logo {
    margin: 0 auto !important;
    display: block !important;
}
.donation-form {
    width: 100%;
}

.get-involved-sec1 h3 {
    font-size: 30px !important;
}
	
table.vitamins {
    float: left !important;
    margin-left: -39px !important;
}
	
.quick-donation {
    width: 100% !important;
    margin: 0 auto !important;
}
	
.information-box img {
    width: 100%;
}
.don-form-pad {margin-left: 20px !important;}
}

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

div#header-secondary-outer .sf-menu li {width: 40%;text-align: center !important;}
	
.blog-sec {
    text-align: center;
}
	
.home-sec2 {
    text-align: center;
}
.get-involved-sec1 p {
    text-align: center;
}
.get-involved-sec1 h5 {
    text-align: center;
}

.get-involved-sec1 {
    text-align: center !important;
}
.information-box {
    text-align: center;
}
}
@media screen and (max-width: 480px){
	.donation-form {top: 0px;}
	
	.donate-sec {
    width: 80%;
}

body[data-form-submit="regular"] .container-wrap .home-sec8 input[type=submit] {
    left: 280px;
}


.zakat-table {
    overflow-x: auto !important;
    padding-left: 30px;
}
}

@media screen and (max-width: 420px){
body[data-form-submit="regular"] .container-wrap .home-sec8 input[type=submit] {
    left: 195px;
}
}
/* end responsiveness */