@media screen and (max-width:1600px) {
}
@media screen and (max-width:1366px) {
	.container { padding-left:15px; padding-right:15px; }
	.charity-software .img-blocks { margin-left: 0; }
	.charity-software .img-blocks .inner-img1 { right: -16px; }
	.charity-software .img-blocks .inner-img2 { right: -32px; }
	.charity-software .logo1 { right: 10px; }
	.charity-software .logo2 { right: 10px; }
	.charity-software .logo3 { top: 120px; right: 10px; }
	
}
@media(max-width: 1199px) {
	.footer-top .logo-block { padding-right: 0; width: 100%; margin-bottom: 30px; }
	.footer-logo { margin: 0 auto; }
	.footer-top .right-block { width: 100%; padding-left: 0; }
	.footer-bottom { text-align: center; }
}

@media screen and (max-width:1023px) {	
	.wrapper { padding-top: 0; }
	.site-header, .site-header.fixed { position:relative; background:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }

	.header-right nav { margin: 0; }
	
	.menu-btn { display:block; padding:0 0 0 25px; font-size:0; }
	.main-menu { position:absolute; top:93px; left:0; width:100%; display:none; text-align:left; }
	.main-menu .leftmenu { width:100%; padding: 5px 0; margin: 0; background: #6255c9; }
	.main-menu ul > li { display:block; margin:0; }
	.main-menu > li.active a { background:#39b577; color:#fff; }
	.main-menu ul > li a { display:block; padding:0 15px 0 15px; margin:0; background: #6255c9; color: #fff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
	.main-menu ul > li a:hover,
	.main-menu ul > li.active > a { background: #39b577; color:#fff; }
	.main-menu ul li.has-sub a { padding:0 15px 0 15px; line-height: 36px; }
	.main-menu ul li.has-sub li a { padding: 0 25px; background: none; color: #fff; }
	.main-menu .submenu-button { display: block; }
	.main-menu ul li a:after { display:none; }
	.main-menu ul li.has-sub > a::before { display:none; }
	.main-menu ul .submenu-button { position:absolute; top:0; right:0; width:36px; height:36px; background:rgba(0,0,0,0.2); font-size: 16px; color:#fff; line-height:36px; text-align:center; cursor:pointer; }
	.main-menu ul li ul,
	.main-menu ul li:hover > ul { padding:0; display:none; opacity:1; visibility:visible; pointer-events:inherit; position:relative; top:0; width:100%; -webkit-transition:inherit; -moz-transition:inherit; -o-transition:inherit; transition:inherit; 
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
	}
	.main-menu ul li ul li { border-top:0; }
	.main-menu ul li ul li a { padding:0 10px 0 30px; color:#fff; font-weight:400; }
	.main-menu ul li ul li a:hover { background:#39b577; color:#fff; }

	.site-header .btn { display: none; }
	.site-header .menu-item-object-custom { display: block; }
	.site-header .menu-item-object-custom a { color: #39b577; }

	.s-py { padding-top:60px !important; padding-bottom:60px !important; }
	.main-banner { padding-top: 60px; padding-bottom: 60px; }
	.main-banner p { font-size: 16px; line-height: 24px; }
	h1,
	h2 { font-size: 40px; }
	.title .label { font-size: 16px; margin-bottom: 30px; padding: 10px 20px; }

	.features-slider { margin-bottom: 30px; }
	.pricing-section .plan-outer { margin-left: -30px; }
	.pricing-section .plan-outer .plan { width: calc(33.33% - 30px); margin-left: 30px; }
	.pricing-section .plan-outer .plan .top,
	.pricing-section .plan-outer .plan .bottom { padding: 20px; }
	.pricing-section .plan-outer .plan .button { margin: auto 20px 20px 20px; }
	.price-table .button a { min-width: 200px; }
	.faqs-section .custom-accordion { width: 100%; }

	.footer-top { padding-top: 50px; padding-bottom: 30px; }
	.footer-bottom { padding: 20px 0; }
	.social-media li { margin-right: 15px; }

}
@media screen and (max-width:979px) {
}
@media screen and (max-width:767px) {
	body { font-size:14px; line-height:24px; }

	.main-menu { top: 75px; }
	.s-py,
	.main-banner,
	.inner-banner, .inner-page,
	.ofc-msg-section { padding:40px 0 !important; }
	.s-pb-half, .s-py-half { padding:30px 0 !important; }
	h1,
	h2 { font-size:32px; }
	h3 { font-size:28px; }
	h4 { font-size:26px; }
	h5 { font-size:24px; }
	h6 { font-size:22px; }
	.title .label { font-size: 14px; padding: 5px 15px; margin-bottom: 10px; }
	.btn + .btn { margin-left: 15px;  }
	.site-header { padding: 15px 0; }
	.charity-software .img-blocks .block:nth-child(1),
	.charity-software .img-blocks .block:nth-child(2) { width: 100%; }
	.charity-software .img-blocks .block:nth-child(1) { padding-right: 30px; }
	.charity-software .img-blocks .block:nth-child(2) { padding-left: 0; padding-right: 30px; }
	.charity-software .img-blocks .inner-img1,
	.charity-software .img-blocks .inner-img2 { right: -10px; }
	.charity-software .img-blocks .inner-img1 { top: 50px; width: 200px; }
	.charity-software .img-blocks .inner-img2 { top: 150px; width: 200px; }
	.charity-software .logo1, .charity-software .logo2, .charity-software .logo3 { width: 70px; padding: 5px; }
	.charity-software .logo1 { top:-30px }
	.charity-software .logo2 { top: 45px; }
	.charity-software .logo3 { top:120px }
	
	.key-features .grey-block { padding: 20px; }
	.features-slider .item .content { padding:0; }

	.pricing-section .custom-tab-list,
	.pricing-section .plan-tab { width: 300px; margin-bottom: 20px; }
	.pricing-section .custom-tab-list .tab-item a,
	.pricing-section .plan-tab li a { font-size: 16px; min-width:150px; line-height: 40px; }
	.pricing-section .plan-outer { margin-left: -20px; }
	.pricing-section .plan-outer .plan { width: calc(100% - 20px); margin-left: 20px; margin-bottom: 20px; }
	.pricing-section .plan-outer .plan:last-child { margin-bottom: 0; }
	.pricing-section .plan-outer .plan .pname { font-size: 18px; }
	.pricing-section .plan-outer .plan .pprice .price { font-size: 30px; line-height: 30px; }
	.pricing-section .plan-outer .plan .ptext { font-size: 14px; }
	.pricing-section .plan-outer .plan .list li { line-height: 24px; }
	.pricing-section .plan-outer .plan .button a { font-size: 16px; line-height: 40px; }

	.integrations .img-blocks { width: 100%; }
	.integrations .logo1, .integrations .logo2, .integrations .logo3 { width: 80px; padding: 5px; }
	.integrations .logo2 { right: 30px; bottom: 30px; }
	.integrations .logo3 { left: 30px; bottom: 30px; }
	.integrations .content-blocks { width: 100%; padding: 30px 0 0 0; }

	.integrations .app-list { margin-bottom: 20px; }
	.integrations .app-list li { font-size: 14px; line-height: 24px; padding: 15px 0; }
	.integrations .app-list li h6 { font-size: 20px; }

	.faqs-section .custom-accordion .accordion { font-size: 18px; position: relative; padding: 10px 25px 10px 15px; }
	.faqs-section .custom-accordion .accordion:after { position: absolute; right: 20px; top: 10px; }
	.faqs-section .custom-accordion .panel { font-size: 14px; line-height: 24px; padding: 0 15px 0 15px; }

	.footer-top { padding: 40px 0 20px 0; }
	.footer-top .right-block { margin: 0 -10px; width: auto; }
	.footer-top .right-block .block { width: 50%; padding: 0 10px 20px 10px; }
	.footer-bottom { padding: 16px 0; }

	.faqs-section .custom .custom-accordion { width: 100%; padding-right: 0; padding-bottom: 20px; }
	.faqs-section .custom .que-box { width: 100%; max-width: 300px; margin: 0 auto; }
	.ready-box { max-width: 80%; margin: 30px auto 0 auto; }
	.ready-box .img,
	.ready-box .data { width: 100%; }	
	.ready-box .img img { max-height: 300px; }
	.ready-box .data { padding: 20px; }
	.ready-box h5 { font-size: 32px; }

	.charity-list li { width: calc(33.33% - 20px); }
	.blist,
	.flist { margin-left: -20px; margin-top: -20px; }
	.blist li,
	.flist li { width: calc(33.33% - 20px); margin: 20px 0 0 20px; }

	.page-detail { font-size: 16px; line-height: 24px; }

	.blog-detail { padding-top: 30px; }
	.blog-detail .data { width: 100%; padding-bottom: 20px; padding-right: 0; }
	.blog-detail .sidebar { width: 100%; }
	.blog-detail .sidebar .sticky { position: relative; top: auto; }
	.feature-detail .sidebar { padding: 0; }

	.feature-detail { padding-top: 0; }
	.faqs-section .custom .que-box .button a { font-size: 16px; line-height: 40px; }

	.two-col { margin-left: -15px; margin-right: -15px;}
	.two-col .l-block, .two-col .r-block { width: 100%; padding: 0 15px; }
	.two-col .l-block { margin-bottom: 20px; }

	.inner-banner .l-block, .inner-page .l-block,
	.inner-banner .r-block, .inner-page .r-block,
	.ofc-msg-section .l-block,
	.ofc-msg-section .r-block,
	.office-section .l-block,
	.office-section .r-block { width: 100%; padding: 0; }
	.inner-banner .l-block,
	.ofc-msg-section .l-block
	.office-section .l-block { padding-bottom: 20px; }

	.inner-banner .r-block img { width: 100%; }

	.office-section .note { width: calc(100% - 0px); margin: 0 0 20px 0; }
	.office-section .img-04 { width: 100%; min-height: 400px; }

	.top-banner { padding:50px 0; }
	.top-banner .left-block { width:100%; padding-bottom:20px; }
	.top-banner .right-block { width:100%; }

	.clist { margin-left: -20px; margin-top: -20px; }
	.clist li { width:calc(50% - 20px); margin:20px 0 0 20px; }
	.clist li .data { padding:15px; }
	.clist li .data h4 { font-size:22px; }
	.why-charities .btns .btn { margin-top:20px; }
	.integrations .img-blocks .img { text-align:center;  }
	.integrations .img-blocks .img img { display:inline-block;  }

	.l-plans .plan-outer { margin-left:-10px; }
	.l-plans .plan-outer .plan { width:calc(33.33% - 10px); margin-left:10px; }
	.l-plans .plan-outer .plan .top,
	.l-plans .plan-outer .plan .bottom { padding:15px; }
	.l-plans .plan-outer .plan .ptext { font-size:20px; }
	.key-points .item { margin: 10px 10px; }
	.key-points .item .icon { width:35px; }
	.key-points .item .th6 { font-size:20px; }

	.points .list .left-block { padding-bottom:20px; }
	.points .list .left-block, .points .list .right-block { width:100%; }
	.points .list .th5,
	.points-2 .list .th5 { font-size:20px; line-height:26px; padding-bottom:10px; }
	.points .list li,
	.points-2 .list li { font-size:16px; line-height:24px; margin-bottom:5px; }
	.points .list li:before,
	.points-2 .list li:before { height:24px; }

	.l-charity-software .img-blocks .block:nth-child(1) { width:100%; padding-bottom:20px; padding-right:0; }
	.l-charity-software .img-blocks .block:nth-child(2) { width:100%; padding-left:0; }
	.points-2 .list { margin-left: -10px; margin-right: -10px; }
	.points-2 .col { width:100%; padding:30px 10px; }
	.has-label { margin-bottom:30px; }
	.stext { bottom:-25px; }
	.l-cta .btn + .btn { margin-left:0; }

	.reasons .clist { margin-left: -20px; margin-top: -20px; }
	.reasons .clist li { width:calc(50% - 20px); margin:20px 0 0 20px; }0
	.system .syslist  { list-style: none; margin-left: -20px; margin-top: -20px; }
	.system .syslist li { width: calc(50% - 20px); margin: 20px 0 0 20px; }
	.system .syslist li .th6 { font-size:20px; }
}
@media(max-width: 575px) {
	h1,
	h2 { font-size:26px; }
	h3 { font-size:24px;  }
	h4 { font-size:22px;  }
	h5 { font-size: 20px; }
	h6 { font-size: 18px; }
	.s-py, .main-banner,
	.ofc-msg-section { padding: 30px 0 !important; } 

	.title { margin-bottom: 20px; }
	.main-banner p { font-size: 14px; }

	.btn { font-size: 16px; padding: 10px 25px; min-height: 43px; }
	.btn.outline { padding: 8px 25px; }

	.site-header .logo { width: 50%; text-align: center; padding-right: 10px; }
	.header-right { width: 50%; text-align: right; }
	.site-header .main-nav { display: inline-block; margin: 0; }
	.header-right .topmenu a.login-btn { padding: 0 15px; }
	.main-menu { top: 60px; }
	.button { line-height: 44px; text-align: center; }
	.button .btn { margin: 5px !important; }
	.site-header .btn.small-btn { padding: 6px 10px; min-height: 30px; }

	.features-slider .item { max-width: 500px; }
	.key-features .campaign-img { height: 200px; }

	.charity-software .img-blocks .block:nth-child(2) { margin-top: 30px; padding-right: 0; }
	.charity-software .logo1, .charity-software .logo2, .charity-software .logo3 { width: 60px; top: initial; bottom: 20px; }
	.charity-software .logo1 { right: 140px; }
	.charity-software .logo2 { right: 70px; }
	.charity-software .logo3 { right: 0; }

	.pricing-section .custom-tab-list { width: 280px; }
	.pricing-section .custom-tab-list .tab-item a { min-width: 140px; }

	.faqs-section .custom-accordion .accordion { font-size: 16px; }

	.footer-top .right-block .block { width: 100%; }
	.footer-top .right-block .block:last-child { padding-bottom: 0;	}

	.btn + .btn { margin-top: 10px; }
	.charity-list li { width: calc(50% - 20px); }

	.blist li,
	.flist li { width: calc(100% - 20px); }

	.ready-box { max-width: 100%; }
	.ready-box h5 { font-size: 30px; }
	.ready-box p { font-size: 16px; font-weight: 400; line-height: 24px; }

	.office-section .img-04 { min-height: 300px; }

	.top-banner { padding:30px 0; }
	.clist li { width:calc(100% - 20px); margin:20px 0 0 20px; }
	.linear-wipe { font-size:20px; line-height:26px; }
	.l-plans .plan-outer .plan { width:calc(100% - 10px); margin-left:10px; margin-bottom:20px; }
	.l-plans .b-text { font-size:20px; line-height:26px; padding:0 0 20px 0; }
	.testimonial .testi_slider .item p { font-size:20px; line-height:26px; }
	.testimonial .testi_slider .item .th6 { font-size:20px; }
	.testimonial .slick-dots { margin:20px 0; }

	.reasons .clist li { width:calc(100% - 20px); }
	.system .syslist li { width: calc(100% - 20px); }
}
@media screen and (max-width:567px) {
	


}
@media screen and (max-width:480px) {
	
}
@media screen and (max-width:360px) {
	
}