@-ms-viewport{
width: device-width;
}
@viewport{
width: device-width;
} @media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1140px) {
} @media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 992px) {
.widget-area-left, .widget-area-right {
width:35%;
}
.right-sidebar #primary, .left-sidebar #primary {
width: -o-calc(65% - 30px);
width: -ms-calc(65% - 30px);
width: -moz-calc(65% - 30px);
width: -webkit-calc(65% - 30px);
width: calc(65% - 30px);
}
}
@media only screen and (max-width: 840px) {
.hgroup-wrap .site-branding {
width:170px;
position: relative;
z-index: 9999;
}
.mean-container .mean-bar{
background: transparent;
padding: 0;
min-height: 1px;
position: absolute;
z-index: 999;
top:0;
}
.hgroup-wrap .navbar{
padding-right: 60px;
width: -o-calc(100% - 170px);
width: -ms-calc(100% - 170px);
width: -moz-calc(100% - 170px);
width: -webkit-calc(100% - 170px);
width: calc(100% - 170px);
}
.donate-now{
max-width:100%;
position: relative;
z-index: 9999;
}
.menu-item-has-children::before{
content:none;
}
.mean-container .mean-nav ul li a{
font-size: 13px;
}
.featured-item{
margin:0 15px;
width:-o-calc(50% - 30px);
width:-ms-calc(50% - 30px);
width:-moz-calc(50% - 30px);
width:-webkit-calc(50% - 30px);
width:calc(50% - 30px);
margin-bottom:30px;
}
.featured-item:nth-last-of-type(1),
.featured-item:nth-last-of-type(2){
margin-bottom: 0;
}
.section-quote {
width: 50%;
padding: 45px 45px;
font-size: 30px;
}
.section-quote + .mission-vision-contain{
width: 50%;
}
.promise-detail-wrap .tab-option {
width:100%;
float: left;
margin-bottom:30px;
}
.promise-detail-wrap .tab-content-wrap {
width:100%;
padding-left: 0px;
}
.widget-area-left, .widget-area-right {
width:30%;
}
.right-sidebar #primary, .left-sidebar #primary {
width: -o-calc(70% - 30px);
width: -ms-calc(70% - 30px);
width: -moz-calc(70% - 30px);
width: -webkit-calc(70% - 30px);
width: calc(70% - 30px);
}
.main-slider .slick-dots {
bottom:10px;
}
} @media only screen and (max-width: 768px) {
.custom-col-1,  
.custom-col-2,  
.custom-col-3,  
.custom-col-4,  
.custom-col-5, 
.custom-col-6,  
.custom-col-7,  
.custom-col-8, 
.custom-col-9,  
.custom-col-10,  
.custom-col-11,  
.custom-col-12{
float: none;
width: 100%;
}
.slider-contain-wrap .entry-title, 
.entry-header .entry-title,
.promise-detail-wrap .promise-item .entry-title,
.error-404 .entry-title{
font-size: 30px;
}
.top-header .social-links, 
.top-header .contact-info{
width: 100%;
text-align:center;
}
.top-header .contact-info{
-o-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
border-top:1px solid #b7d0ea;
}
.top-header .contact-info,
.top-header .contact-info > div:nth-of-type(1){
margin-left:0;
}
.section-quote {
width:100%;
}
.section-quote + .mission-vision-contain{
width:100%;
padding-left:0;
margin-top:30px;
}
.event-section .section-intro {
width: 100%;
float: none;
margin-bottom:50px;
}
.event-section-contain {
width: 100%;
padding-left:0;
float: none;
}
.blog-wrap .blog-item {
width: -o-calc(50% - 30px);
width: -ms-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: -webkit-calc(50% - 30px);
width: calc(50% - 30px);
}
.donation-section figure {
float:none;
max-width:400px;
width:100%;
margin-left: auto;
margin-right:auto;
margin-bottom:30px;
}
.section-wrap-left {
float:none;
width:100%;
padding-right:0px;
}
.footer-widget-holder .subscribe-form form span{
float:none;
width:100%;
}
.footer-widget-holder .subscribe-form form span.your-email,
.footer-widget-holder .subscribe-form form span.your-zip{
padding: 0;
}
.footer-widget-holder .logo-link-wrap,
.footer-widget-holder .address {
width:100%;
padding:0;
float:none;
}
.promise-wrap .promise-item {
margin: 0 15px 30px;
float: left;
width: -o-calc(50% - 30px);
width: -ms-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: -webkit-calc(50% - 30px);
width: calc(50% - 30px);
}
.promise-wrap .promise-item:nth-of-type(3n+1) {
clear:none;
}
.promise-wrap .promise-item:nth-of-type(2n+1){
clear: left;
}
.team-item{
width: -o-calc(50% - 30px);
width: -ms-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: -webkit-calc(50% - 30px);
width: calc(50% - 30px);
}
.team-item:nth-of-type(2n+1) {
clear: left;
}
.cta-section > figure{
display:none;
}
.cta-section .section-wrap {
width:100%;
}
.bio-section .section-quote {
padding-right:45px;
width:100%;
float: none;
margin-bottom:30px;
}
.bio-data {
width:100%;
float:none;
padding-left:0;
}
.bio-section .bio-section-main-wrap figure{
display: none;
}
.event-listing-wrap .event-item ,
.event-listing-wrap .event-item:nth-of-type(4n){
width: -o-calc(50% - 30px);
width: -ms-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: -webkit-calc(50% - 30px);
width: calc(50% - 30px);
margin: 0 15px 30px;
}
.event-listing-wrap .event-item:nth-of-type(4n) figure {
width:100%;
margin: 0;
}
.event-listing-wrap .event-item:nth-of-type(4n) figure + .event-item-contain {
width:100%;
padding: 28px;
}
.event-listing-wrap .event-item:nth-of-type(2n+1){
clear: left;
}
.volunteer-item {
width: -o-calc(33.33% - 30px);
width: -ms-calc(33.33% - 30px);
width: -moz-calc(33.33% - 30px);
width: -webkit-calc(33.33% - 30px);
width: calc(33.33% - 30px);
float: left;
}
.right-sidebar .blog-wrap .blog-item, 
.left-sidebar .blog-wrap .blog-item {
width: -o-calc(100% - 30px);
width: -ms-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
}
.volunteer-item figure img{
width: 100%;
}
.volunteer-item:nth-of-type(4n+1){
clear: none;
}
.volunteer-item:nth-of-type(3n+1){
clear: left;
}
.right-sidebar #primary, .left-sidebar #primary {
width:100%;
margin:0;
}
.widget-area-left, .widget-area-right,
.both-sidebar .widget-area-left, .both-sidebar .widget-area-right{
width: 100%;
right: auto;
left: auto;
}
.both-sidebar #primary {
width:100%;
margin:0;
float:none;
left:0;
}
.main-slider .slick-dots li {
margin: 0 14px 0 0;
}
}
@media only screen and (max-width: 640px){ 
.event-item,
.event-item:nth-of-type(2n+1),
.blog-section .blog-wrap .blog-item,
.event-listing-wrap .event-item, .event-listing-wrap .event-item:nth-of-type(4n){
max-width:400px;
margin-left:auto;
margin-right: auto;
width:100%;
float: none;
}
.featured-item{
width:100%;
float: none;
}
.event-item:nth-last-of-type(2),
.featured-item:nth-last-of-type(2),
.about-us-tab .tab-description ul li:nth-last-of-type(2){
margin-bottom:30px;
}
.footer-img{
position: static;
width:auto;
}
.site-footer .footer-widget-holder{
width: 100%;
}
.about-us-tab .tab-description ul{
margin:0;
}
.about-us-tab .tab-description ul li {
width:100%;
box-sizing: border-box;
margin-left:0;
margin-right:0;
}
.gallery-wrap .gallery-item {
width: -o-calc(50% - 30px);
width: -ms-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: -webkit-calc(50% - 30px);
width: calc(50% - 30px);
}
.gallery-wrap .gallery-item:nth-of-type(3n+1) {
clear:none;
}
.gallery-wrap .gallery-item:nth-of-type(2n+1) {
clear: left;
}
.volunteer-item {
width: -o-calc(50% - 30px);
width: -ms-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: -webkit-calc(50% - 30px);
width: calc(50% - 30px);
float: left;
}
.volunteer-item:nth-of-type(3n+1) {
clear: none;
}
.volunteer-item:nth-of-type(2n+1){
clear: left;
}
.donar-info-form-wrap form .form-control-wrap {
width: 100%;
display: block
margin-right: 0px;
}
.no-sidebar .blog-wrap .blog-item {
width: -o-calc(100% - 30px);
width: -ms-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
}
a.popup-video {
width: 60px;
height: 60px;
}
a.popup-video span:before {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 20px;
}
.slider-contain-wrap .entry-title{
font-size:24px;
}
body .into-part p{
font-size:14px;
}
.into-part h3{
font-size:18px;
}
.into-part h5{
font-size:16px;
}
} @media only screen and (max-width: 480px) {
.top-header-wrap > div{
width:100%;
}
.top-header .contact-info > div{
margin-left:0;
width:100%;
margin-bottom: 20px;
}
.button-donate{
font-size: 0;
padding: 11px 16px;
}
.button-donate:before{
margin:0;
font-size: 16px;
}
.event-listing-wrap{
margin:0;
}
.donation-section .price ,
.donation-section .your-name, 
.donation-section .your-email{
padding-left:0px;
padding-right:0;
width: 100%;
float: none;
margin-bottom:30px;
display: block;
}
.donation-section .price .currency{
left:0;
}
.promise-wrap .promise-item {
width: -o-calc(100% - 30px);
width: -ms-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
float: none;
}
.promise-wrap .promise-item figure img{
width: 100%;
}
.promise-wrap .promise-item:nth-of-type(2n+1){
clear: none;
}
.tab-option li{
width: 100%;
}
.gallery-wrap {
margin: 0 0px;
}
.gallery-wrap .gallery-item {
width:100%;
margin-left:0;
margin-right:0;
}
.gallery-wrap .gallery-item img{
width:100%;
}
.team-item {
max-width: 263px;
width:100%;
margin-left:auto;
margin-right:auto;
float: none;
}
.volunteer-page-wrap{
margin:0;
}
.volunteer-item {
max-width: 320px;
width:100%;
float:none;
margin-left:auto;
margin-right: auto;
}
.comment-form-comment, 
.comment-form-author, 
.comment-form-email, 
.comment-form-url {
width: 100%;
float: none;
padding:0;
}
.blog-section .blog-wrap .blog-item{
padding:0 15px;
}
.top-header .top-header-right,
.top-header .top-header-left{
width: 100%;
}
.slick-dots li button[type=button] {
width: 7px;
height: 7px;
}
.slider-contain-wrap .entry-title {
font-size: 18px; 
}
.slider-contain-wrap:before {
font-size: 47px;
-o-transform: translateY(19px);
-ms-transform: translateY(19px);
-moz-transform: translateY(19px);
-webkit-transform: translateY(19px);
transform: translateY(19px);
}
.top-header .contact-info{
border-top: 0;
}
.slider-contain-wrap {
max-width: 182px;
}
}
}