/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {

.hero-area {
	height: 732px;
}

.elecson_menu > ul > li > a {
    margin: 28px 15px 28px;
}

.elecson-btn {
	margin-left: 22px;
}

.hero-contant h1 {
	font-size: 61.00px;
	line-height: 68px;
}

.hero-contant p {
	width: 98%;
}

.hero-shape {
	display: none;
}

h3.contact-title {
	font-size: 32.00px;
	line-height: 33px;
}

.contact-area::before {
	width: 100%;
	border-radius: 0;
}

.service-title-two h3 {
	font-size: 22.00px;
}

.about-shape {
	bottom: 38px;
	right: 0%;
}

span.about-text {
	bottom: 73px;
	left: 80%;
}

.about-area .section-main-title h1 {
	line-height: 46px;
	font-size: 42.00px;
}

.event-right-box {
	margin-bottom: 9.00px;
}

.section-title-descr2 p {
	width: 102%;
}

h3.about-title {
	font-size: 22.00px;
}

h3.event-title a {
	font-size: 22.00px;
}

.download-area::before {
	width: 100%;
	border-radius: 0;
}

.download-title h2 {
	font-size: 30.00px;
	padding-left: 21px;
}

p.testi-descr {
	font-size: 19.00px;
	width: 80%;
}

.owl-prev {
	left: 10px;
}

.owl-next {
	right: 10px;
}

.owl-next {
	right: 10px;
}

.mission-content {
	padding: 32px 23px 28px;
}

h3.mission-title {
	font-size: 22.00px;
}

p.mission-descr {
	font-size: 20.00px;
	padding: 16px 0 15px;
}

.dollar-title h3 {
	font-size: 28.00px;
}

.dollar-area::before {
	width: 100%;
}

.team-social-icon {
	left: 61px;
}

.team-thumb::before {
	height: 93%;
	width: 90%;
}

.team-shape1 {
	display: none;
}

.team-shape {
	display: none;
}

h3.blog-title a {
	font-size: 22.00px;
	line-height: 27px;
}

.counter-area::before {
	width: 100%;
}

.footer-widget-text p {
	width: 91%;
}

.footer-contact-content h6 {
	font-size: 25.00px;
	line-height: 27px;
}

.footer-icon {
	margin-right: 26px;
}

.footer-thumb {
	margin: 10px -8px 6px 0;
}

.footer-thumb img {
	width: 87%;
}


/* inner page */

.campaigns-section .section-main-title h1 {
	font-size: 42.00px;
	line-height: 51px;
}

.about-left {
	margin-left: -53px;
}

.section-main-title h1 {
	font-size: 42.00px;
	line-height: 48px;
}

.mission-section.style-two .section-main-title h1 {
	color: #fff;
	line-height: 52px;
	font-size: 39.00px;
}

.mission-thumb2 {
	margin-left: 11px;
}

.single-team-box::after {
	left: -49px;
	width: 35%;
}

.volunteer-section {
	background-position: center center;
}

/* campaigns area */

.campaigns-thumb img {
	width: 100%;
}

.blog-contents.style .blog-title h3 a {
	font-size: 22.00px;
}

.volunteer-left {
	margin-left: 0;
}

.volunteer-thumb img {
	width: 100%;
}

.become-volunteer .section-main-title h1 {
	font-size: 36.00px;
	line-height: 41px;
}
 
.volunteer-left {
	margin-left: 0;
}

.become-volunteer .section-main-title h1 {
	color: #fff;
	font-size: 32.00px;
	line-height: 36px;
}

.volunteer-section.style-two .section-title {
	margin-bottom: 20.00px;
}

.volunteer-thumb img {
	width: 100%;
	margin-bottom: 31.00px;
}


}






/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

.hero-area {
	height: 620px;
}

.elecson-btn a {
	font-size: 18.00px;
	padding: 15px 18px 15px;
}

.elecson_menu > ul > li > a {
    margin: 28px 4px 28px;
    font-size: 15.00px;
}

.elecson-btn {
	margin-left: 22px;
}

.hero-contant h1 {
	font-size: 49.00px;
	line-height: 52px;
}

.hero-contant p {
	width: 98%;
}

.hero-contant p::before {
	height: 73px;
}

.hero-shape2 {
	display: none;
}

.hero-shape {
	display: none;
}

.hero-area .elecson-btn a {
	padding: 16px 25px 16px;
}

h3.contact-title {
	font-size: 30.00px;
	line-height: 32px;
}

.form_field_inner1 input {
	width: 69%;
	margin-left: 13px;
}

.form_field_inner2 input {
	width: 69%;
	margin-left: -56px;
}

.contact_button button {
	padding: 0 55px 0;
	margin-left: -124px;
}

.section-title-descr p {
	width: 62%;
}

.contact-area::before {
	width: 100%;
	border-radius: 0;
}

.service-single-box {
	padding: 28px 0 18px;
}

.service-title-two h3 {
	font-size: 18.00px;
}

.service-area .elecson-btn a {
	padding: 16px 27px 16px;
}


.about-shape {
	bottom: 47px;
	right: -7%;
}

span.about-text {
	bottom: 80px;
	left: 83%;
}

.about-area .section-main-title h1 {
	line-height: 42px;
	font-size: 34.00px;
}

.about-thumb img {
	width: 100%;
}

.section-title-descr2 p {
	width: 97%;
}

h3.about-title {
	font-size: 20.00px;
}

h2.about-title {
	font-size: 18.00px;
}

h2.about-title {
	font-size: 18.00px;
	line-height: 45px;
}

h4.number {
	font-size: 20.00px;
	line-height: 0;
}

.about-single-box2 {
	margin-left: 43px;
}

.about-single-box::before {
	height: 41px;
	right: -31px;
}

.about-video-icon {
	margin-left: 20px;
}


.about-thumb2 {
	margin-right: 10px;
}

p.about-text {
	font-size: 19.00px;
	line-height: 23px;
}

.section-main-title h1 {
	font-size: 38.00px;
	line-height: 20px;
}

h3.event-title a {
	font-size: 18.00px;
	line-height: 23px;
	margin-bottom: 8.00px;
}

.view-icon {
	top: -46px;
}

.event-thumb img {
	width: 100%;
}

.event-top-title h4 {
	padding: 0 0 10px;
}

.event-right-box {
	padding: 29px 37px 23px;
	position: relative;
	top: -7px;
}

h3.event-right-title {
	font-size: 19.00px;
}

.event-right-content {
	margin-bottom: 26.00px;
}

.single-event-box:hover .event-content {
	bottom: 32px;
}

span.event-time {
	font-size: 20.00px;
	line-height: 32px;
}

.download-area::before {
	width: 100%;
	border-radius: 0;
}

.download-title h2 {
	font-size: 26.00px;
	padding-left: 0;
}

p.testi-descr {
	font-size: 19.00px;
	width: 73%;
}

.owl-prev {
	left: 10px;
}

.owl-next {
	right: 10px;
}

.owl-next {
	right: 10px;
}

.mission-content {
	padding: 22px 23px 18px;
}

.mission-content {
	padding: 32px 23px 28px;
}

h3.mission-title {
	font-size: 20.00px;
}

p.mission-descr {
	font-size: 20.00px;
	padding: 9px 0 8px;
}

.mission-btn a {
	font-size: 20.00px;
}

.mission-icon i {
	font-size: 23.00px;
}

.dollar-title h3 {
	font-size: 22.00px;
	line-height: 28px;
}

.dollar-area::before {
	width: 100%;
}

.dollar-list ul li {
	padding: 12px 18px 12px;
	margin-left: 4px;
}

.dollar-list a {
	padding: 9px 15px 8px;
	margin-left: 5px;
}

.team-social-icon ul li a i {
	font-size: 18.00px;
	padding-left: 9px;
}

.team-social-icon {
	left: 52px;
}

.team-thumb {
	margin-bottom: 12.00px;
}

.team-thumb::before {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.blog-content {
	padding: 40px 21px 27px;
}

h3.blog-title a {
	font-size: 18.00px;
	line-height: 23px;
	padding: 17px 0 26px;
}

.blog-btn a {
	font-size: 18.00px;
}

.blog-btn a i {
	font-size: 18.00px;
	top: 2px;
	margin-left: 2px;
}

h3.team-title {
	font-size: 22.00px;
}

.blog-content::before {
	right: 9px;
}

h3.counter-title {
	margin-bottom: 12.00px;
}

.counter-number h2 {
	font-size: 49.00px;
	margin-bottom: 18.00px;
}

.counter-text2 span {
	font-size: 15.00px;
}

.footer-area {
	margin-top: -194px;
}

.widget-title h2 {
	font-size: 22.00px;
	margin-bottom: 36.00px;
}

@-webkit-keyframes MOVE-BG {
  from {
        transform: translateX(0);
  }
  to {
     transform: translateX(150px);
  }
}

.team-shape1 {
	display: none;
}

.team-shape {
	display: none;
}

.counter-area::before {
	width: 100%;
}

.footer-widget-text p {
	width: 86%;
}

h4.footer-widget-text2 {
	font-size: 19.00px;
	padding: 20px 0 34px;
}

.form-field input {
	height: 57px;
}

.form-field button {
	padding: 14px 18px 15px;
}

.footer-contact-content h4 {
	font-size: 22.00px;
	line-height: 25px;
}

.footer-icon {
	width: 65px;
	height: 70px;
	line-height: 69px;
	margin-right: 35px;
}

h3.follow-title {
	font-size: 22.00px;
	margin-right: 14px;
}

.footer-contact-content h6 {
	font-size: 18.00px;
	line-height: 27px;
}

.footer-icon {
	margin-right: 26px;
}

.footer-thumb {
	margin: 10px -43px -1px 0;
}

.footer-thumb img {
	width: 72%;
}

.footer-widget.left ul li::before {
	width: 20px;
}

.footer-widget.left ul li {
	padding-left: 28px;
}

.footer-widget.right ul li a {
	font-size: 15.00px;
}

.row.footer {
	padding: 15px 13px 15px;
}



/* inner page */

.mission-section.style-two .section-main-title h1 {
	line-height: 45px;
	font-size: 33.00px;
}
.about-thumb img {
	width: 100%;
}

.section-main-title h1 {
	font-size: 36.00px;
	line-height: 50px;
}

.mission-icon {
	float: inherit;
	margin-bottom: 31.00px;
}

.misson-content {
	padding: 0 0px 0;
}

.mission-thumb2 img {
	width: 100%;
}

.single-team-box::after {
	display: none;
}

.volunteer-section {
	background-position: left;
}

.volunteer-title h2 {
	font-size: 33.00px;
}

.volunteer-btn a {
	padding: 15px 12px;
}

h3.title {
	font-size: 25.00px;
}


.footer-widget-title h2 {
	font-size: 19.00px;
}

.footer-widget-address ul li {
	font-size: 20.00px;
}

/* campaigns area */

.campaigns-thumb img {
	width: 100%;
}

.donations-detials-title h2 a {
	font-size: 32.00px;
}

.blog-contents.style .blog-title h3 a {
	font-size: 22.00px;
}

p.meta-blog-date i {
	margin-right: 5px;
}

p.meta-blog-date {
	font-size: 20.00px;
}

.blog-section.tow.style3 .blog-contents.style {
	padding: 34px 6px 32px 15px;
}

.blog-section.tow.style3 .blog-contents.style .blog-title h3 a {
	font-size: 18.00px;
}

.blog-details-content h2 {
	font-size: 26.00px;
	line-height: 54px;
}

.blog-details-author-thumb {
	float: inherit;
	margin-bottom: 24.00px;
}

.volunteer-left {
	margin-left: 0;
}

.become-volunteer .section-main-title h1 {
	color: #fff;
	font-size: 32.00px;
	line-height: 36px;
}

.volunteer-section.style-two .section-title {
	margin-bottom: 20.00px;
}

.volunteer-thumb img {
	width: 100%;
	margin-bottom: 31.00px;
}


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

.elecson_nav_manu {
    display: none;
}

.header-top-area {
    display: none;
}

.sticky {
	padding: 0;
	position: relative !important;
}

.header-btn {
	display: none;
}

.elecson-btn {
    margin-left: 37px;
    padding: 0;
}

.sticky .elecson-btn a {
	display: none;
}

.hero-area {
	height: 481px;
}

.hero-area .elecson-btn a {
	padding: 15px 24px 15px;
}

.hero-thumb img {
	width: 100%;
}

.hero-contant h1 {
	font-size: 38.00px;
	line-height: 46px;
}

.hero-shape {
	display: none;
}

.hero-contant p {
	font-size: 20.00px;
	line-height: 27px;
	width: 105%;
	padding-left: 21px;
}

.hero-contant p::before {
	height: 66px;
}

.hero-shape2 {
	display: none;
}

.hero-thumb {
	top: 50px;
}

.service-title-two h3 {
	font-size: 19.00px;
	margin-bottom: 31.00px;
}

.service-area .elecson-btn {
	text-align: center;
}

.service-single-box {
	margin-bottom: 31.00px;
	top: -11px;
}

.contact_form {
	padding: 30px 0 66px;
	text-align: center;
}

.contact-content {
	text-align: center;
	padding-top: 63.00px;
}

.contact-area::before {
	width: 100%;
	border-radius: 0;
}

.contact-area::before {
	width: 100%;
}

.form_field_inner1 input {
	width: 70%;
	margin-left: 0;
}

.form_field_inner2 input {
	width: 70%;
	margin-left: -156px;
}

.service-area {
	padding: 87px 0 70px;
}

.service-single-box {
	padding: 40px 35px 35px;
}

.contact_button button {
	margin-left: -152px;
	padding: 0 51px 0;
}

.section-title.text-center {
	margin-bottom: 41.00px;
}

.section-main-title h1 {
	font-size: 38.00px;
	line-height: 22px;
}

.section-title-descr p {
	width: 85%;
	padding: 23px 0 0;
}

.about-area {
	padding: 78px 0 48px;
}

.about-thumb {
	margin-bottom: 52.00px;
}

.section-title.text-left {
	margin-bottom: 36.00px;
}

span.about-text {
	left: -22px;
}

.section-title-descr2 p {
	width: 78%;
}

.about-single-box2 {
	margin-left: 0;
}

.about-single-box::before {
	right: 25px;
}

.view-area {
	padding: 0 0 49px;
}

.view-content {
	padding: 37px 17px 23px;
}

.view-icon {
	top: -48px;
}

.counter-area.style-tow {
	padding: 39px 0 88px;
}

.event-area {
	padding: 74px 0 44px;
}

.event-area .elecson-btn {
	margin-left: 0;
	text-align: right;
	margin-top: -46px;
	display: none;
}

.event-area .section-title.text-left {
	margin-bottom: 52.00px;
}

.event-thumb img {
	width: 100%;
}

h3.event-title a {
	font-size: 22.00px;
	line-height: 28px;
	margin-bottom: 8.00px;
}

.single-event-box:hover .event-content {
	bottom: 35px;
}

.case-study-area {
	padding: 0 0 71px;
}

.case-study-area .section-title.text-center {
	margin-bottom: 52.00px;
}

.mission-area {
	padding: 80px 0 47px;
}

p.mission-descr {
	width: 93%;
}

.team-area {
	padding: 73px 0 74px;
}

.view-area .elecson-btn {
	display: none;
}

.team-area .elecson-btn {
	display: none;
}

.team-area .section-title.text-left {
	margin-bottom: 20.00px;
}

.team-social-icon {
	left: 101px;
}

.team-thumb:hover .team-social-icon {
	bottom: 68px;
}

.team-social-icon ul li a i {
	padding-left: 12px;
}

.team-thumb::before {
	height: 85%;
	width: 84%;
	top: 23px;
}

.team-thumb img {
	padding: 29px;
}

.blog-area {
	padding: 75px 0 50px;
}

h3.blog-title a {
	font-size: 22.00px;
	line-height: 25px;
	padding: 17px 0 26px;
}

.blog-content::before {
	right: 10px;
}

.counter-area::before {
	width: 100%;
}

h3.counter-title {
	font-size: 26.00px;
	margin-bottom: 8.00px;
}

span.counter-call {
	font-size: 26.00px;
}

.single-counter-box {
	text-align: center;
	margin-bottom: 51.00px;
	margin-top: 0;
	position: relative;
	top: 40px;
}

.row.coun {
	padding: 34px 0 61px;
}

.footer-area {
	padding: 268px 0 85px;
}

.footer-thumb img {
	width: 82%;
}

.footer-thumb {
	margin: 10px -18px 6px 0;
}

.footer-icon {
	margin-right: 15px;
}

.footer-contact-content h6 {
	font-size: 22.00px;
	line-height: 31px;
}

h3.follow-title {
	font-size: 22.00px;
	margin-right: 10px;
}

.footer-widget-social a i {
	height: 38px;
	width: 38px;
	line-height: 38px;
	font-size: 15.00px;
	margin-left: 2px;
}

.footer-logo {
	text-align: left;
	margin-top: -51px;
}

.footer-social {
	text-align: center;
	margin-top: -47px;
}

.copyright-list {
	text-align: left;
}

.copyright-list ul li {
	padding-left: 56px;
}

.copyright-list ul li::before {
	height: 31px;
	right: -33px;
	top: 0px;
}

.about-right {
	margin-left: 0;
}

.counter-content {
	text-align: left;
}

.copyright-area {
	padding: 21px 0 20px;
}




/* inner page */

.campaigns-section .section-main-title h1 {
	font-size: 37.00px;
	line-height: 43px;
}

.about-left {
	margin-bottom: 31.00px;
}

.volunteer-follow-left {
	margin-top: 33.00px;
}

/* campaigns area */

.campaigns-left {
	margin-bottom: 31.00px;
}

.campaigns-thumb img {
	width: 100%;
}

.campaigns-right {
	margin-bottom: 31.00px;
}

.donations-detials-title h2 a {
	font-size: 32.00px;
	font-weight: 600;
}

.up.donation-description p {
	padding: 5px 7px 7px 0px;
}

.donation-list ul li {
	font-size: 15.00px;
}

.rpost-content h4 a {
	font-size: 15.00px;
}

.row.donate_upper {
	padding: 50px 8px 45px;
}

button.tablink {
	width: 84px;
}

.blog-contents.style .blog-title h3 a {
	font-size: 19.00px;
}

.blog-section.tow.style3 .blog-contents.style {
	padding: 34px 6px 32px 15px;
}

.blog-section.tow.style3 .blog-contents.style .blog-title h3 a {
	font-size: 18.00px;
}

.blog-details-content h2 {
	font-size: 30.00px;
}

.blog-details-author-thumb {
	float: inherit;
	margin-bottom: 24.00px;
}

.gmap_canvas {
	width: 210%;
}

.contact-left {
	margin-left: 0;
}

.volunteer-left {
	margin-left: 0;
}

.become-volunteer .section-main-title h1 {
	color: #fff;
	font-size: 32.00px;
	line-height: 36px;
}

.volunteer-section.style-two .section-title {
	margin-bottom: 20.00px;
}

.volunteer-thumb img {
	width: 100%;
	margin-bottom: 31.00px;
}

.contact-form-box.style1 {
	padding: 27px 15px 32px;
	margin-top: -199px;
}




}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {

.elecson_nav_manu {
    display: none;
}

.header-top-area {
    display: none;
}

.sticky {
	padding: 0;
	position: relative !important;
}

.elecson-btn {
    padding: 0;
}

.header-btn {
	display: none;
}

.sticky .elecson-btn a {
	display: none;
}

.hero-area {
	height: 506px;
}

.hero-area .elecson-btn a {
	padding: 16px 28px 16px;
}

.hero-contant {
	position: relative;
	top: 0px;
}

.hero-thumb img {
	width: 100%;
}

.hero-contant h1 {
	font-size: 49.00px;
	line-height: 52px;
}

.hero-shape {
	display: none;
}

.hero-contant p {
	font-size: 20.00px;
	line-height: 27px;
	width: 78%;
	padding-left: 21px;
}

.hero-contant p::before {
	height: 66px;
}

.hero-shape2 {
	display: none;
}

.hero-thumb {
	top: 75px;
}

.service-area {
	padding: 88px 0 70px;
}

.service-single-box {
	padding: 40px 68px 35px;
	margin-bottom: 31.00px;
	top: -7px;
}

.service-title-two {
	text-align: center;
}

.service-title-two h3 {
	line-height: 32px;
	margin-bottom: 29.00px;
}

.service-area .elecson-btn {
	text-align: center;
}

.service-area .elecson-btn a {
	padding: 16px 26px 16px;
}

.section-title.text-center {
	margin-bottom: 41.00px;
}

.section-main-title h1 {
	font-size: 38.00px;
	line-height: 22px;
}

.section-title-descr p {
	width: 91%;
	padding: 23px 0 0;
}

.about-area {
	padding: 78px 0 48px;
}

.section-title.text-left {
	margin-bottom: 31.00px;
}

.about-thumb {
	margin-bottom: 52.00px;
}

.about-thumb img {
	width: 100%;
}

.about-shape {
	bottom: 3px;
	right: 3%;
}

span.about-text {
	left: 393px;
	bottom: 37px;
}

.about-right {
	margin-left: 0;
}

.about-single-box {
	margin-bottom: 29.00px;
}

.about-single-box2 {
	margin-left: 0;
	margin-bottom: 38.00px;
}

.section-title-descr2 p {
	width: 78%;
}

.about-area .section-main-title h1 {
	line-height: 44px;
	font-size: 36.00px;
}

.about-single-box2 {
	margin-left: 0;
}

.about-single-box::before {
	right: 25px;
	display: none;
}

.about-video-icon {
	margin-left: 12px;
}

.section-title-descr2 p {
	width: 89%;
}

.event-area {
	padding: 75px 0 44px;
}

.event-area .section-title.text-left {
	margin-bottom: 52.00px;
}

.event-top-title h4 {
	padding: 0 0 21px;
}

.mission-area {
	padding: 80px 0 47px;
}

p.mission-descr {
	width: 93%;
}

.team-area {
	padding: 75px 0 74px;
}

.team-social-icon {
	left: 190px;
}

.team-area .section-title.text-left {
	margin-bottom: 18.00px;
}

@-webkit-keyframes MOVE-BG {
  from {
        transform: translateX(0);
  }
  to {
     transform: translateX(440px);
  }
}

.view-area {
	padding: 0 0 47px;
}

.view-area .elecson-btn {
	display: none;
}

.view-icon {
	top: -36px;
}

.event-right-content {
	margin-bottom: 27.00px;
}

.counter-area.style-tow {
	padding: 38px 0 88px;
}   

.event-area .elecson-btn {
	display: none;
}              

.event-thumb img {
	width: 100%;
}

.case-study-area {
	padding: 0 0 69px;
}

.case-study-area .section-title.text-center {
	margin-bottom: 46.00px;
}

.case-study-content {
	padding: 24px 40px 25px;
}

.owl-dots {
	text-align: center;
	padding-top: 0;
}

.team-thumb:hover .team-social-icon {
	bottom: 68px;
}

.team-thumb::before {
	height: 89%;
	width: 89%;
	top: 27px;
}

.team-thumb img {
	padding: 30px;
}

.team-area .elecson-btn {
	display: none;
}

.team-shape {
	display: none;
}

.team-shape1 {
	display: none;
}

.blog-area {
	padding: 75px 0 50px;
}

h3.blog-title a {
	padding: 17px 0 26px;
}

.blog-content::before {
	right: 10px;
}

.counter-area::before {
	width: 100%;
}

h3.counter-title {
	font-size: 26.00px;
	margin-bottom: 8.00px;
}

span.counter-call {
	font-size: 26.00px;
}

.counter-content {
	text-align: center;
	margin-top: 60.00px;
}

.counter-area::before {
	height: 112%;
}

.single-counter-box {
	text-align: center;
	margin-bottom: 51.00px;
	margin-top: 0;
	position: relative;
	top: 40px;
}

.footer-area {
	padding: 268px 0 85px;
	margin-top: -135px;
}

.footer-thumb img {
	width: 64%;
}

.footer-thumb {
	margin: 10px -57px 54px 0;
}

.footer-cotact-box {
	margin: 45px 0 35px;
}

.footer-logo {
	text-align: center;
}

.footer-social {
	text-align: center;
}

.copyright-area {
	padding: 15px 0 15px;
}

.copyright-list {
	text-align: left;
}

.copyright-list ul li {
	padding-left: 0;
	padding-right: 41px;
	margin-top: 14.00px;
}

.copyright-list ul li::before {
	height: 21px;
	right: 18px;
	top: 6px;
}



/* inner page */

.campaigns-section .section-main-title h1 {
	font-size: 28.00px;
	line-height: 36px;
}

.about-left {
	margin-bottom: 31.00px;
}

.section-main-title h1 {
	font-size: 33.00px;
	line-height: 39px;
}

.mission-thumb2 {
	margin-left: 0;
}

.mission-thumb2 img {
	width: 100%;
}

.volunteer-follow-left {
	margin-top: 33.00px;
}

.volunteer-btn {
	text-align: left;
	margin-right: 0;
}

.volunteer-btn a {
	margin-top: 33.00px;
}

.mission-area .section-title.text-center {
	margin-bottom: 51.00px;
}

.blog-area .section-title.text-center {
	margin-bottom: 50.00px;
}

.service-area .section-title.text-center {
	margin-bottom: 51.00px;
}

/* campaigns area */

.campaigns-left {
	margin-bottom: 31.00px;
}

.campaigns-thumb img {
	width: 100%;
}

.campaigns-right {
	margin-bottom: 31.00px;
}

.donations-detials-title h2 a {
	font-size: 26.00px;
}

.event-thumb {
	margin-bottom: 31.00px;
}

.row.donate_upper {
	padding: 50px 0px 45px;
}

button.tablink {
	width: 88px;
}

.blog-details-content h2 {
	font-size: 30.00px;
}

.blog-details-author-thumb {
	float: inherit;
	margin-bottom: 24.00px;
}

.contact-left {
	margin-left: 0;
}

.volunteer-left {
	margin-left: 0;
}

.become-volunteer .section-main-title h1 {
	color: #fff;
	font-size: 32.00px;
	line-height: 36px;
}

.volunteer-section.style-two .section-title {
	margin-bottom: 20.00px;
}

.volunteer-thumb img {
	width: 100%;
	margin-bottom: 31.00px;
}

.contact-form-box.style1 {
	padding: 27px 15px 32px;
	margin-top: -199px;
}




}






/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {

.elecson_nav_manu {
    display: none;
}

.header-top-area {
    display: none;
}

.sticky {
	padding: 0;
	position: relative !important;
}

.elecson-btn {
    padding: 0;
}

.header-btn {
	display: none;
}

.sticky .elecson-btn a {
	display: none;
}

.hero-area {
	height: 493px;
}

.hero-contant {
	position: relative;
	top: 0;
}

.row.contact {
	padding: 32px 19px 28px;
}

.hero-thumb img {
	width: 100%;
}

.hero-contant h1 {
	font-size: 42.00px;
	line-height: 49px;
}

.hero-shape {
	display: none;
}

.hero-contant p {
	font-size: 20.00px;
	line-height: 27px;
	width: 87%;
	padding-left: 21px;
}

.hero-area .elecson-btn a {
	padding: 16px 23px 16px;
}

.hero-contant p::before {
	height: 66px;
}

.hero-shape2 {
	display: none;
}

.hero-thumb {
	top: 75px;
}

.service-title-two {
	text-align: center;
}

.service-title-two h3 {
	font-size: 22.00px;
	line-height: 30px;
	margin-bottom: 38.00px;
	padding-left: 24px;
}

.service-area .elecson-btn {
	text-align: center;
	padding-left: 24px;
}

.service-area {
	padding: 80px 0 70px;
}

.service-single-box {
	padding: 40px 56px 35px;
	margin-bottom: 31.00px;
	top: -2px;
}

.service-area .elecson-btn a {
	padding: 16px 23px 16px;
}

.contact_button button {
	margin-left: -69px;
	padding: 0 20px 0;
	position: relative;
	right: -16px;
}

.form_field_inner1 i {
	display: none;
}

.form_field_inner2 i {
	display: none;
}

.section-title.text-center {
	margin-bottom: 41.00px;
}

.section-main-title h1 {
	font-size: 30.00px;
	line-height: 13px;
}

.section-title-descr p {
	width: 90%;
	padding: 23px 0 0;
}

.about-area {
	padding: 78px 0 46px;
}

.section-title.text-left {
	margin-bottom: 31.00px;
}

.about-thumb {
	margin-bottom: 52.00px;
}

.about-thumb img {
	width: 100%;
}

.about-shape {
	bottom: 3px;
	right: 3%;
}

span.about-text {
	left: 336px;
	bottom: 37px;
}

.about-right {
	margin-left: 0;
}

.about-single-box {
	margin-bottom: 29.00px;
}

.about-single-box2 {
	margin-left: 0;
	margin-bottom: 38.00px;
}

.section-title-descr2 p {
	width: 78%;
}

.about-area .section-main-title h1 {
	line-height: 44px;
	font-size: 33.00px;
}

.about-single-box2 {
	margin-left: 0;
}

.about-single-box::before {
	right: 25px;
	display: none;
}

.about-video-icon {
	margin-left: 12px;
}

.section-title-descr2 p {
	width: 97%;
}

.about-video-icon a {
	height: 62px;
	width: 62px;
	line-height: 62px;
	top: -20px;
}

.view-area {
	padding: 0 0 49px;
}

.view-area .elecson-btn {
	display: none;
}

.view-area .section-main-title h1 {
	line-height: 36px;
}

.view-icon {
	top: -34px;
}

.counter-area.style-tow {
	padding: 40px 0 88px;
}

.counter-number.tow h3 {
	font-size: 51.00px;
	padding: 20px 0 6px;
}

.event-area {
	padding: 72px 0 44px;
}

.event-area .elecson-btn a {
	display: none;
}

.event-thumb img {
	width: 100%;
}

.event-area .section-title.text-left {
	margin-bottom: 52.00px;
}

.event-top-title h4 {
	padding: 0 0 24px;
}

.event-right-content {
	margin-bottom: 29.00px;
}

.case-study-area .section-title.text-center {
	margin-bottom: 55.00px;
}

.mission-area {
	padding: 80px 0 47px;
}

p.mission-descr {
	width: 93%;
}

.case-study-area {
	padding: 0 0 70px;
}

.team-area {
	padding: 75px 0 74px;
}

.team-social-icon {
	left: 160px;
}

@-webkit-keyframes MOVE-BG {
  from {
        transform: translateX(0);
  }
  to {
     transform: translateX(310px);
  }
}

.team-area .section-title.text-left {
	margin-bottom: 12.00px;
}


.team-thumb:hover .team-social-icon {
	bottom: 68px;
}

.team-thumb::before {
	height: 88%;
	width: 87%;
	top: 27px;
}

.team-thumb img {
	padding: 30px;
}

.team-area .elecson-btn {
	display: none;
}

.team-shape {
	display: none;
}

.team-shape1 {
	display: none;
}

.blog-area {
	padding: 75px 0 50px;
}

h3.blog-title a {
	padding: 17px 0 26px;
}

.blog-content::before {
	right: 10px;
}

.counter-area::before {
	width: 100%;
}

h3.counter-title {
	font-size: 26.00px;
	margin-bottom: 8.00px;
}

span.counter-call {
	font-size: 26.00px;
}

.counter-content {
	text-align: center;
	margin-top: 60.00px;
}

.counter-area::before {
	height: 112%;
}

.single-counter-box {
	text-align: center;
	margin-bottom: 51.00px;
	margin-top: 0;
	position: relative;
	top: 40px;
}

.footer-area {
	padding: 268px 0 85px;
	margin-top: -135px;
}

.row.footer.align-items-center {
	padding: 30px 0 30px;
}

.footer-widget-text p {
	width: 89%;
}

.footer-thumb img {
	width: 54%;
}

.footer-thumb {
	margin: 10px -74px 54px 0;
}

.footer-cotact-box {
	margin: 45px 0 35px;
}

.footer-logo {
	text-align: center;
}

.footer-social {
	text-align: center;
}

.copyright-area {
	padding: 25px 0 25px;
}

.copyright-list {
	text-align: left;
}

.copyright-list ul li {
	padding-left: 0;
	padding-right: 41px;
	margin-top: 14.00px;
}

.copyright-list ul li::before {
	height: 21px;
	right: 18px;
	top: 6px;
}



/* inner page */

.campaigns-section .section-main-title h1 {
	font-size: 28.00px;
	line-height: 36px;
}

.donate-section .section-main-title h1 {
	line-height: 38px;
}

.about-section .section-main-title h1 {
	line-height: 38px;
}

.mission-section.style-two .section-main-title h1 {
	line-height: 44px;
}

.about-left {
	margin-bottom: 31.00px;
}

.mission-thumb2 {
	margin-left: 0;
}

.mission-thumb2 img {
	width: 100%;
}

.volunteer-follow-left {
	margin-top: 33.00px;
}

.volunteer-btn {
	text-align: left;
	margin-right: 0;
}

.volunteer-btn a {
	margin-top: 33.00px;
}

/* campaigns area */

.campaigns-left {
	margin-bottom: 31.00px;
}

.campaigns-thumb img {
	width: 100%;
}

.campaigns-right {
	margin-bottom: 31.00px;
}

.donations-detials-title h2 a {
	font-size: 22.00px;
	font-weight: 600;
}

.event-thumb {
	margin-bottom: 31.00px;
}

.row.donate_upper {
	background: #012549;
	margin: 0;
	padding: 50px 0px 45px;
	border-top: 5px solid #3394F5;
}

.blog-details-content h2 {
	font-size: 30.00px;
}

.blog-details-author-thumb {
	float: inherit;
	margin-bottom: 24.00px;
}

.blog-details-comment-reply {
	right: -17px;
}

.contact-left {
	margin-left: 0;
}

.volunteer-left {
	margin-left: 0;
}

.volunteer-section.style-two .section-main-title h1 {
	font-size: 22.00px;
	line-height: 27px;
}

.volunteer-section.style-two .section-title {
	margin-bottom: 20.00px;
}

.volunteer-thumb img {
	width: 100%;
	margin-bottom: 31.00px;
}

.contact-form-box.style1 {
	padding: 27px 15px 32px;
	margin-top: -199px;
}


}





/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {

.elecson_nav_manu {
    display: none;
}

.header-top-area {
    display: none;
}

.sticky {
	padding: 0;
	position: relative !important;
}

.elecson-btn {
    padding: 0;
}

.header-btn {
	display: none;
}

.sticky .elecson-btn a {
	display: none;
}

.hero-area {
	height: 473px;
}

.row.contact {
	padding: 0 22px 0;
}

.hero-contant {
	position: relative;
	top: 0;
}

.hero-thumb img {
	width: 100%;
}

.hero-contant h5 {
	font-size: 18.00px;
	padding-left: 59px;
}

.hero-contant h5::after {
	height: 13px;
	width: 13px;
}

.hero-contant h5::before {
	top: 11px;
	width: 40px;
}

.hero-contant h1 {
	font-size: 32.00px;
	line-height: 35px;
}

.hero-shape {
	display: none;
}

.hero-contant p {
	font-size: 20.00px;
	line-height: 27px;
	width: 100%;
	padding-left: 0;
	padding: 15px 0 16px;
}

.hero-contant p::before {
	background: transparent;
}

.hero-area .elecson-btn a {
	padding: 15px 22px 15px;
}

.hero-contant p::before {
	height: 66px;
}

.hero-shape2 {
	display: none;
}

.hero-thumb {
	top: 75px;
}

.contact_form {
	padding: 30px 0 86px;
	text-align: center;
}

.contact-content {
	text-align: center;
}

.contact-content {
	text-align: center;
	padding-top: 63.00px;
}

.contact-area::before {
	width: 100%;
	border-radius: 0;
}

.contact-area::before {
	width: 100%;
}

h3.contact-title {
	font-size: 22.00px;
	line-height: 29px;
}

.form_field_inner1 input {
	width: 130%;
	margin-left: -22px;
}

.form_field_inner2 input {
	width: 130%;
	margin-left: 24px;
}

.service-area {
	padding: 80px 0 69px;
}

.service-single-box {
	padding: 40px 22px 35px;
	margin-bottom: 31.00px;
	top: 0;
}

.service-title-two {
	text-align: center;
}

.service-title-two h3 {
	font-size: 18.00px;
	line-height: 28px;
	padding-left: 18px;
	margin-bottom: 31.00px;
}

.service-area .elecson-btn {
	margin-left: 18px;
	text-align: center;
}

.service-area .elecson-btn a {
	padding: 16px 24px 16px;
}

.contact_button button {
	margin-left: -69px;
	padding: 0 20px 0;
	position: relative;
	right: -33px;
	top: 11px;
}

.form_field_inner1 i {
	display: none;
}

.form_field_inner2 i {
	display: none;
}

.section-title.text-center {
	margin-bottom: 41.00px;
}

.section-main-title h1 {
	font-size: 22.00px;
	line-height: 7px;
}

.section-title-descr p {
	width: 86%;
	padding: 23px 0 0;
}

.about-area {
	padding: 78px 0 56px;
}

.section-title.text-left {
	margin-bottom: 31.00px;
}

.about-thumb {
	margin-bottom: 41.00px;
}

.section-sub-title h5 {
	font-size: 18.00px;
	padding-left: 60px;
	margin-bottom: 20.00px;
}

.section-sub-title h5::after {
	height: 13px;
	width: 13px;
	top: 4px;
}

.section-sub-title h5::before {
	width: 39px;
	top: 10px;
	left: 9px;
}

.about-thumb img {
	width: 100%;
}

.about-shape {
	bottom: 3px;
	right: 3%;
}

span.about-text {
	left: 180px;
	bottom: 37px;
}

.about-right {
	margin-left: 0;
}

.about-single-box {
	margin-bottom: 29.00px;
}

.about-single-box2 {
	margin-left: 0;
	margin-bottom: 38.00px;
}

.section-title-descr2 p {
	width: 78%;
}

.about-area .section-main-title h1 {
	line-height: 26px;
	font-size: 19.00px;
}

.about-single-box2 {
	margin-left: 0;
}

.about-single-box::before {
	right: 25px;
	display: none;
}

.about-video-icon {
	margin-left: 12px;
}

.section-title-descr2 p {
	width: 100%;
	padding: 15px 0 0;
	font-size: 20.00px;
}

.about-area .elecson-btn a {
	padding: 16px 23px 16px;
}

.about-video-icon a {
	height: 58px;
	width: 58px;
	line-height: 58px;
	top: -20px;
}

.view-area {
	padding: 0 0 49px;
}

.view-area .elecson-btn {
	display: none;
}

.view-area .section-main-title h1 {
	line-height: 31px;
}

.view-content {
	padding: 37px 11px 23px;
}

.view-icon {
	height: 60px;
	width: 60px;
	line-height: 55px;
	top: -36px;
	right: 19px;
}

.counter-area.style-tow {
	padding: 42px 0 88px;
}

.counter-number.tow h3 {
	font-size: 49.00px;
	padding: 20px 0 7px;
}

.event-right-box {
	padding: 30px 25px 27px;
}

.event-area {
	padding: 72px 0 45px;
}

.event-thumb img {
	width: 100%;
}

.event-area .section-title.text-left {
	margin-bottom: 41.00px;
}

.event-top-title h4 {
	padding: 0 0 21px;
}

.event-area .elecson-btn {
	display: none;
}

.event-area .section-main-title h1 {
	font-size: 28.00px;
	line-height: 27px;
	margin-bottom: 18.00px;
}

h3.event-title {
	font-size: 18.00px;
	line-height: 26px;
	margin-bottom: 8.00px;
}

.single-event-box:hover .event-content {
	bottom: 27px;
}


.event-area .section-title.text-left {
	margin-bottom: 15.00px;
}

.case-study-area {
	padding: 0 0 65px;
}

.case-study-area .section-main-title h1 {
	font-size: 28.00px;
	line-height: 21px;
}

.case-study-area .section-title.text-center {
	margin-bottom: 41.00px;
}

.owl-dots {
	text-align: center;
	padding-top: 0;
}


.mission-area {
	padding: 80px 0 47px;
}

p.mission-descr {
	width: 100%;
}
.team-area .section-main-title h1 {
	line-height: 32px;
}

.team-area {
	padding: 75px 0 74px;
}

.team-social-icon {
	left: 96px;
}

.team-social-icon ul li a i {
	font-size: 22.00px;
	padding-left: 8px;
}

.team-thumb:hover .team-social-icon {
	bottom: 56px;
}

@-webkit-keyframes MOVE-BG {
  from {
        transform: translateX(0);
  }
  to {
     transform: translateX(190px);
  }
}

.team-area .section-title.text-left {
	margin-bottom: 12.00px;
}


.team-thumb:hover .team-social-icon {
	bottom: 68px;
}

.team-thumb::before {
	height: 81%;
	width: 80%;
	top: 27px;
}

.team-thumb img {
	padding: 30px;
}

.team-area .elecson-btn {
	display: none;
}

.team-shape {
	display: none;
}

.team-shape1 {
	display: none;
}

.blog-area {
	padding: 75px 0 50px;
}

.blog-content {
	padding: 40px 20px 27px;

}

h3.blog-title a {
	padding: 17px 0 26px;
	font-size: 18.00px;
	line-height: 24px;
}

.blog-btn a {
	font-size: 20.00px;
}

.blog-btn a i {
	font-size: 18.00px;
	top: 2px;
}

.blog-content::before {
	right: 10px;
}

.counter-area::before {
	width: 100%;
}

h3.counter-title {
	font-size: 26.00px;
	margin-bottom: 8.00px;
	line-height: 37px;
}

span.counter-call {
	font-size: 26.00px;
}

.counter-content {
	text-align: center;
	margin-top: 60.00px;
}

.counter-area::before {
	height: 112%;
}

.single-counter-box {
	text-align: center;
	margin-bottom: 51.00px;
	margin-top: 0;
	position: relative;
	top: 40px;
}

.footer-area {
	padding: 268px 0 114px;
	margin-top: -135px;
}

.footer-icon {
	margin-right: 15px;
}

.footer-contact-content h6 {
	font-size: 22.00px;
	line-height: 26px;
}

.row.footer {
	padding: 15px 0px 15px;
	position: relative;
	top: 33px;
}

.footer-widget-social a i {
	height: 37px;
	width: 37px;
	line-height: 37px;
	font-size: 19.00px;
	margin-left: 6px;
}

h3.follow-title {
	font-size: 22.00px;
	margin-right: 8px;
}

.footer-copyright-text p {
	font-size: 19.00px;
	line-height: 22px;
}

.copyright-list ul li a {
	font-size: 15.00px;
}

.footer-widget-text p {
	width: 87%;
}

.form-field input {
	width: 57%;
}

.footer-thumb img {
	width: 74%;
}

.footer-thumb {
	margin: 10px -38px 2px 0;
}

.footer-cotact-box {
	margin: 45px 0 35px;
}

.footer-logo {
	text-align: center;
}

.footer-social {
	text-align: center;
}

.copyright-area {
	padding: 25px 0 25px;
}

.copyright-list {
	text-align: left;
}

.copyright-list ul li {
	padding-left: 0;
	padding-right: 41px;
	margin-top: 14.00px;
}

.copyright-list ul li::before {
	height: 21px;
	right: 18px;
	top: 6px;
}



/* inner page */

.breadcumb-title h1 {
	font-size: 36.00px;
} 

.campaigns-section .section-main-title h1 {
	font-size: 22.00px;
	line-height: 28px;
}

.donate-section .section-main-title h1 {
	line-height: 26px;
	font-size: 19.00px;
}

.volunteer-left {
	margin-left: 0;
}

.volunteer-section.style-two .section-main-title h1 {
	font-size: 22.00px;
	line-height: 27px;
}

.volunteer-section.style-two .section-title {
	margin-bottom: 20.00px;
}

.volunteer-thumb img {
	width: 100%;
	margin-bottom: 31.00px;
}

.contact-form-box.style1 {
	padding: 27px 15px 32px;
	margin-top: -199px;
}

.about-section .section-main-title h1 {
	line-height: 30px;
}

.mission-section.style-two .section-main-title h1 {
	line-height: 36px;
}

.mission-icon.tow {
	margin-right: 10px;
}

p.mission-desc {
	font-size: 15.00px;
}

.about-left {
	margin-bottom: 31.00px;
}

.about-thumb img {
	width: 100%;
}

.mission-thumb2 {
	margin-left: 0;
}

.mission-icon {
	float: inherit;
	margin-bottom: 0;
}

.misson-content {
	padding: 0 0px 0;
}

.mission-thumb2 img {
	width: 100%;
}

.volunteer-follow-left {
	margin-top: 33.00px;
}

.volunteer-btn {
	text-align: left;
	margin-right: 0;
}

.volunteer-btn a {
	margin-top: 33.00px;
}

h3.title {
	font-size: 19.00px;
}

.volunteer-title h2 {
	font-size: 30.00px;
}

/* campaigns area */

.campaigns-left {
	margin-bottom: 31.00px;
}

.campaigns-thumb img {
	width: 100%;
}

.campaigns-right {
	margin-bottom: 31.00px;
}
.donations-detials-title h2 a {
	font-size: 22.00px;
	font-weight: 600;
}

.event-thumb {
	margin-bottom: 31.00px;
}

.donation-list ul li {
	font-size: 12.00px;
}

.widget-recent-post.d-flex {
	display: inherit !important;
}

.rpost-title {
	padding-left: 0;
	margin-top: 23.00px;
}

.rpost-content h4 a {
	font-size: 22.00px;
}

.row.donate_upper {
	padding: 50px 0px 45px;
}

.contact-form-box {
	padding: 53px 19px 32px;
}

.blog-contents.style .blog-title h3 a {
	font-size: 18.00px;
}

.blog-details-main {
	padding: 0;
}

.widget-tags a {
	padding: 8px 8px;
	font-size: 19.00px;
}

.blog-details-content h2 {
	font-size: 30.00px;
}

.blog-details-author-thumb {
	float: inherit;
	margin-bottom: 24.00px;
}

.blog-details-comment-thumb {
	float: inherit;
	margin-bottom: 24.00px;
}

.contact-left {
	margin-left: 0;
}





}