@media (max-width:1200px){
        nav ul li a{padding:17px 8px}
        .kswelfare-service{padding:50px}
        .kswelfare-service h3{font-size:30px}
        .find-kswelfare select{width:320px}
        .find-kswelfare{padding:0}
        .kswelfare-text-carousel{padding:0}
        .video-text h3{font-size:34px}
        .video-text p{margin:0 0 20px}
        .fancy-event-details{width:80%}
        .box-text h4{margin:0 0 5px}
        .box-text{padding:10px 20px}
        .box-text p{margin:0 0 15px}
        .big-text span{font-size:15px;padding:5px 12px}
        .big-text h3{font-size:35px}
        header.transparent nav > ul > li > a{padding:5px 5px}
        .upcoming-event h3{font-size:20px}
        .dark-column-title{padding:70px 50px}
        .big-text.style2 h3{font-size:45px}
        .big-text.style2 span{margin-bottom:10px}
        .kswelfare-fullpage-title{margin-left:70px}
}
    
    
@media (max-width:980px){
    header{display:none}
    .responsive-header{display:block}
    header.transparent ~ .pagetop{padding-top:110px}
    .kswelfare-services{margin:0}
    .kswelfare-featured-text{position:relative;float:left;width:100%;top:auto;transform:none;background:#333;padding:60px 20px}
    .kswelfare-img-carousel{float:left;width:100}
    .cause-bg{width:100%}
    .cause-inner{width:100%;top:50%;border:0;box-shadow:none}
    .cause-inner img{display:none}
    .cause-text{position:relative;bottom:auto;transform:none;width:auto;padding:0 20px;text-align:center}
    .find-kswelfare h3{padding:0}
    .find-kswelfare .find-form{display:unset}
    .zip-find{display:unset;float:left;width:100%;margin:0 0 10px} 
    .zip-find input{width:100%;margin:0}
    .zip-find button{float:left;width:100%;margin-top:5px}
    .find-kswelfare select{width:100%}
    .kswelfare-events .row{display:unset;flex:none;width:100%;text-align:center;margin:0}
    .kswelfare-events .row > div{flex:none;max-width:none;width:50%;display:inline-block;margin:0 -1px}
    .simple-parallax{padding:0}
    .simple-parallax p{padding:0}
    .simple-parallax h3{font-size:35px}
    .kswelfare-blog .row{display:unset;flex:none;float:left;width:100%;text-align:center;margin:0}
    .kswelfare-blog .row > div{flex:none;max-width:none;text-align:left;width:50%;display:inline-block;margin:0 -1px}
    .kswelfare-logos li{width:50%!important}
    .kswelfare-logos{text-align:center}
    footer .widget{margin:0 0 30px}
    .bottombar p{width:100%;text-align:center;margin:0 0 10px}
    .socials{width:100%;text-align:center}
    .socials a{float:none;display:inline-block;margin:0 5px}
    .text-slide h3{font-size:40px}
    .kswelfare-join-box.overlap{margin:0}
    .block > .container > .row > div,
    .block > .row > div{margin:0 0 40px}
    .block > .container > .row > div:last-child,
    .block > .row > div:last-child{margin:0}
    .creative-causes .row,
    .kswelfare-team .row,
    .kswelfare-donations-boxes .row{display:unset;flex:none;float:left;width:100%;text-align:center;margin:0}
    .creative-causes .row > div,
    .kswelfare-team .row > div,
    .kswelfare-donations-boxes .row > div{flex:none;max-width:none;text-align:left;width:50%;display:inline-block;margin:0 -1px}
    .round-icon-btn{position:relative;float:left;width:100%;border-radius:0;transform:none;left:0;top:auto;background:#F4F4F4}
    .round-icon-btn:before{border-radius:0;transform:none}
    .custom-grid2,.custom-grid1{width:100%}
    .event-text{width:100%;margin:0 0 20px}
    .event-count{width:100%}
    .kswelfare-donations p,.kswelfare-donations h3{padding:0}
    .find-kswelfare.style2 .zip-find input{width:100%}
    .upcoming-event{margin:0;width:100%}
    .video-btn .round-icon-btn,
    .video-overlay .round-icon-btn{width:100px;border-radius:50%;float:none}
    .video-btn .round-icon-btn:before,
    .video-overlay .round-icon-btn:before{border-radius:50%;transform:scale(0.9)}
    .kswelfare-bar h4{max-width:none;width:100%;margin:0 0 20px}
    .modern-causes .row{display:unset;flex:none;float:left;width:100%;text-align:center;margin:0}
    .modern-causes .row > div{flex:none;max-width:none;text-align:left;width:50%;display:inline-block;margin:0 -1px}
    .kswelfare-bar .btn{max-width:none}
    .kswelfare-fullpage-title{margin-left:40px}
    .kswelfare-fullpage-title h3{font-size:32px;margin:0 0 20px}
    .post-img img{width:100%}
    .kswelfare-call p{font-size:25px;margin:0 0 20px}
    .contact-img{display:unset;float:left;width:100%}
    .kswelfare-contact{display:unset;float:left}
    .simple-form{display:unset;float:left;width:100%}
    .team-detail{display:unset}
    .abt-img{display:unset;float:left;width:100%}
    .abt-img > img{width:100%;transform:none}
    .team-detail-text{display:unset;float:left;width:100%;padding:0;margin:40px 0 0}
    .team-detail .round-socials{float:left;width:100%;margin:20px 0 0}
    .team-detail-text > h1{font-size:40px}
    .team-detail-text > span{font-size:18px}
    .popup.active .popup-box{top:20px;transform:none;left:20px;width:calc(100% - 40px)}
    .popup{overflow:auto}
}


@media (max-width:767px){
    .block .container,.container{padding:0 15px}	
    .kswelfare-featured-text h2{font-size:40px}
    header.transparent ~ .pagetop{padding-top:50px}
    .cause-inner{position:relative;float:left;width:100%;transform:none !important;background:#333;padding:40px 20px}
    .cause-text h4{font-size:28px}
    .kswelfare-events .row > div{width:100%}
    .kswelfare-blog .row > div{width:100%}
    .kswelfare-blog .row > div,
    .kswelfare-events .row > div{padding:0}
    .creative-causes .row > div,
    .kswelfare-team .row > div,
    .kswelfare-donations-boxes .row > div{width:100%}
    .creative-cause .cre-cause-img img{width:100%}
    .donations-bottom .kswelfare-skills{width:100%}
    .donations-bottom .btn{max-width:none;margin-top:30px}
    .fancy-event-details{position:relative;float:left;width:100%;padding:20px}
    .fancy-event span{position:relative;float:left;width:100%;left:0;top:0;border-radius:0}
    .fancy-event-details h3{font-size:18px}
    .bold-text h3{font-size:20px}
    .review-text{float:left;width:100%}
    .fancy-title span{font-size:70px}
    .fancy-title h3{font-size:45px}
    .right-big-text h4{font-size:35px}
    .donator{display:unset !important}
    .donator-info{display:unset;float:left;margin:10px;padding:0;margin:0}
    .donators-carousel{padding:0 50px}
    .modern-causes .row > div{width:100%}
    .video-overlay span{font-size:25px;margin:0 0 10px}
    .video-overlay h3{font-size:30px}
    .fullpage-header{width:50px}
    .fullmenu-btn{width:50px;font-size:28px;height:50px;line-height:50px}
    .blackbar .kswelfare-name{padding:20px 15px 20px 45px;width:260px}
    body.menu-opened .fullpage-header .sideheader{left:50px;width:230px}
    .become-volunteer{padding:30px 20px}
    .kswelfare-blog-detail .meta{width:100%;margin:0 0 20px}
    .post-information .round-socials{float:left}
    .kswelfare-author{display:unset}
    .author-inner{display:unset;float:left;width:100%;margin:20px 0 0;padding:0}
    .kswelfare-author .round-socials{float:left;width:100%;margin:0 0 15px}
    .comment{display:unset;float:left;width:100%}
    .comment-inner{display:unset;float:left;width:100%;padding:0;margin:20px 0 0}
    .comm-name > h5{float:left;width:100%}
    .comment-inner .date{margin:0 0 20px}
    .kswelfare-comments li ul{padding:0}
    .cause-detail .cre-cause-img > span{position:relative;float:left;width:100} 
    .cause-detail .cre-cause-img .btn{float:left;width:100%;position:relative;right:0;bottom:0}
    .cre-cause-img .skillbar{z-index:2}
    .contact-name{font-size:26px;padding:20px 30px;width:100%}
    .contact-name span{float:left;width:100%;display:unset;white-space:normal;font-size:13px}
    .breadcrumbs{position:relative;left:0;transform:none;width:auto;width:auto;display:inline-block;margin-top:10px}
    .sideheader{width:270px;right:-270px}
    .sidemenu ul{padding:0 40px}
}


@media (max-width:480px){
    .kswelfare-logos li{width:100%!important}
    .video-text{padding:30px 15px}
    .video-text h3{font-size:27px}
    .text-slide h3{font-size:30px}
    .event-count li{width:32%;margin:10px 0 0}
    .big-text.style2 h3{font-size:35px}
    .kswelfare-fullpage-title{padding:40px 20px}
    .kswelfare-fullpage-title h3{font-size:25px}
    .kswelfare-fullpage-title .btn{padding:10px 30px;font-size:13px}
    .info-list li i, .info-list li span{float:left;width:100%}
}


/* ========= Color 1 ========== */
a:hover,
.kswelfare-search form button,
.kswelfare-text h3 span,
.meta li a,
.simple-post-detail .readmore,
.kswelfare-join-box span,
.cre-cause-img span i,
.round-icon-btn,
.review-text h4 i,
.event-text span,
.time-box p,
.btn.style4,
.fancy-title h3,
.simple-text span,
.modern-cause span i,
.title.style2 h2,
.video-overlay span,
.client-review span,
.author-inner > i,
.subtitle i,
.urgent-text i,
.team-detail-text > span,
.event-info strong,
.call-now > span i,
.contact-box h4 i{
	color:#a4343a;
}


.coloured-bg,
.top-btn,
.kswelfare-service.style3,
.btn,
.slick-dots li.slick-active button,
.kswelfare-event:hover:before, 
.kswelfare-event:hover:after,
.menu-strip,
.kswelfare-donations > span,
.skillbar > .progress .progress-bar,
.skillbar > .progress .progress-bar span,
.btn.style3:hover,
.fancy-event span,
.donation-box:hover,
.big-text span,
.event-text i,
.social-links,
.big-text.style2 h3 strong,
.child-name h3,
.kswelfare-pagination ul.pagination li a.current,
.cat-box,
.subtitle:before,
.abt-img,
.popup-title,
.wpdonation-button, .donation-figures li a.active,
.fullmenu-btn,
.form-btn,
.blackbar .kswelfare-name{
	background-color:#a4343a;
    border-color:#a4343a;
}


.round-icon-btn:before,
.btn.style4,
.kswelfare-pagination ul.pagination li a.current{
	border-color:#a4343a;
}