@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: 10px 10px 0 0; }
	
	.menu-btn { display:block; padding:0 0 0 35px; font-size:0; }
	.main-menu { position:absolute; top:70px; left:0; width:100%; display:none; text-align:left; }
	.fixed .main-menu { top:65px; }
	.main-menu .leftmenu { width:100%; padding: 5px 0; margin: 0; background: #000; }
	.main-menu ul > li { display:block; margin:0; }
	.main-menu > li.active a { background:#000; color:#fff; }
	.main-menu ul > li a { display:block; padding:0 15px 0 15px; margin:0; background: #0095da; 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: #000; 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); 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:#0095da; color:#000; }

	.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; }
	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; }
	.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; }

	.s-py,
	.main-banner { padding:40px 0 !important; }
	h2 { font-size:32px; }
	.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 { width: 300px; margin-bottom: 20px; }
	.pricing-section .custom-tab-list .tab-item 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; }
}
@media(max-width: 575px) {
	h2 { font-size:25px; }
	h5 { font-size: 20px; }
	.s-py, .main-banner { 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; }
	.header-right .topmenu,
	.header-right nav { display: inline-block; margin: 5px 0 0 0; }
	.header-right .topmenu a.login-btn { padding: 0 15px; }
	.main-menu { top: 60px; }
	.button { line-height: 44px; }
	.site-header .btn.small-btn { padding: 6px 10px; min-height: 30px; }

	.features-slider .item { max-width: 500px; }

	.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;	}
}
@media screen and (max-width:567px) {
	


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