@charset "utf-8";
/* CSS Document */

@media (min-width: 1201px) and (max-width: 1600px) {
  .header-style-1 .navbar-brand {
    padding: 19px 20px;
  }
  .nav-item .dropdown-toggle::after {
    display: none;
  }
  .header-style-1 .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0 12px;
    font-size: 16px;
  }
  a.con {
    padding: 0 20px;
  }
  .ser-txt h4 {
    font-size: 20px;
  }
  .ser-txt span.aicon {
    right: 10px;
  }
/*  ul.topnav-right {
    display: none;
  }*/
  .slider-caption.h2slider {
    top: 10%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .navbar-nav{
    padding-right: 0;
  }
  .header-style-2 .navbar-expand-lg .navbar-nav .nav-link{
    padding:22px 12px;
    font-size: 12px;
  }
  .login-reg a{
    font-size: 12px;
  }
  ul.topnav-right{
    padding:0;
  }
  .wrapper {
    width: 100%;
    float: left;
    overflow: hidden;
  }
  .wrapper .container {
    width: 100%;
    max-width: 1140px;
  }
  .header-style-1 {
    position: relative;
    background: #33691e;
  }
  .topside-menu {
    display: none;
  }
  .header-style-1 .navbar-nav {
    width: 100%;
  }
  .header-style-1 .navbar-nav .dropdown-toggle::after {
    display: none;
  }
  .header-style-1 .navbar-nav li.nav-item .dropdown-menu {
    left: inherit;
    right: 0;
  }
  .slider-caption {
    top: 10%;
  }
  .ser-txt {
    padding: 10px;
  }
  .ser-txt h4 {
    font-size: 16px;
  }
  .ser-txt span.aicon {
    display: none;
  }
  .blog-list .blog-post .blog-thumb {
    width: 33%;
  }
  .blog-list .blog-post .blog-txt {
    width: 67%;
  }
  .campaign-txt {
    padding: 15px;
  }
  ul.flinks li a {
    padding: 0 12px;
  }
  /*************  Home 2  ************/

  .services-area {
    margin: 0px;
  }
  .services-area h6 {
    font-size: 16px;
  }
  .navbar-nav .dropdown-toggle::after,
/*  ul.topnav-right {
    display: none;
  }*/
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    left: inherit;
    right: 0;
  }
  .current-projects .nav-link {
    padding: 0 10px;
  }
  .instagram {
    margin: 0 0 50px;
  }
  ul.ftags li {
    display: inline-block;
    margin: 0 5px 8px 0;
  }
  ul.ftags a {
    padding: 0 10px;
  }
  .newsletter input[type="text"] {
    width: 180px;
  }
  .footer-style-2 ul.lastest-products strong a {
    font-size: 14px;
  }
  /*********** Home 3 ***********/

  .donation-wrap li.form-submit button {
    padding: 0 10px;
  }
  .slider-caption.h3slider h1 {
    font-size: 48px;
  }
  .header-contact li {
    margin: 0 5px;
    font-size: 14px;
  }
  .our-core-projects .h3-stitle,
  .h3-about img {
    width: 100%;
    height: auto;
  }
  .h3-aboutxt p.counter-count {
    font-size: 30px;
  }
  .h3-aboutxt p.ctxt {
    font-size: 14px;
  }
  .h3-events .owl-nav {
    top: inherit;
  }
  /*******************/

  .about-video-img {
    width: 100%;
  }
  .story-title-bg {
    padding: 35px;
  }
  .story-title-bg:after {
    width: 95%;
    height: 95%;
  }
  .side-widget.archives,
  .project-list-widget {
    padding: 10px;
  }
  .event-list-box .event-txt {
    width: 50%;
  }
  .sdb-right,
  .single-donation-box .sdb-left {
    width: 100%;
    padding: 10px 0 0;
  }
  .pro-list-box .pro-txt {
    padding: 0px 0 0 30px;
  }
  .pro-list-box .pro-txt h3 {
    font-size: 24px;
  }
  .filter-gallery .isotope .item,
  .filter-gallery .isotope .item.height2 {
    height: auto;
  }
  .portfolio.filter-gallery {
    padding: 0 15px;
  }
  .gallery-img {
    margin: 0px;
  }
  .filter-gallery .isotope .item.width2 {
    width: 66%;
  }
  .cs-txt {
    width: 100%;
    padding: 30px 0 0;
  }
  .cs-newsletter-form,
  .cs-txt .countdown.is-countdown,
  .cs-txt .countdown-section {
    margin-bottom: 30px;
  }
  .cs-txt .countdown-section {
    width: 100px;
    height: 100px;
    border: 3px solid #66bb6a;
    padding: 25px 0 0;
  }
  .cs-txt .countdown-amount {
    font-size: 24px;
    line-height: 30px;
  }
  .cs-txt .countdown-period {
    font-size: 14px;
  }
  .cs-newsletter-form button.subscribe {
    font-size: 14px;
    padding: 0 10px;
  }
  .cs-newsletter-form {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wrapper {
    width: 100%;
    float: left;
    overflow: hidden;
  }
  ul.topnav-right {
    display: none;
  }
  .wrapper .container {
    width: 100%;
    max-width: 100%;
  }
  .header-style-1 {
    position: relative;
    background: #33691e;
  }
  .header-style-1 .navbar-toggler {
    color: #fff;
    font-size: 25px;
    border: 1px solid #33691e;
    margin: 0 20px 0 0;
    padding: 8px 15px;
    background: #66bb6a;
  }
  .header-style-1 .navbar-nav {
    width: 100%;
    margin: 0 0 30px 30px;
  }
  .header-style-1 .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 0;
  }
  .pic1,
  .topside-menu {
    display: none;
  }
  .slider-caption {
    top: 50px;
  }
  .slider-caption strong {
    font-size: 22px;
    margin: 0px;
  }
  .slider-caption h1 {
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 40px;
  }
  .slider-caption p {
    font-size: 16px;
    width: 100%;
  }
  ul.participants li strong,
  .ser-txt span.aicon,
  .slider-caption a {
    display: none;
  }
  .home-services {
    padding: 15px;
  }
  .ser-col {
    width: 33%;
  }
  .volunteer-form,
  .ser-txt {
    padding: 20px;
  }
  .ser-txt h4 {
    font-size: 20px;
  }
  .blog-list .blog-post .blog-thumb {
    width: 33%;
  }
  .blog-list .blog-post .blog-txt {
    width: 67%;
  }
  .campaign-txt {
    padding: 10px;
  }
  ul.funds li strong {
    font-size: 14px;
  }
  .pro-title {
    padding: 40px;
    margin-bottom: 30px;
  }
  .pro-title h3 {
    font-size: 26px;
  }
  p.counter-count {
    font-size: 34px;
  }
  p.ctxt {
    font-size: 12px;
  }
  ul.flinks {
    margin: 0 0 30px;
  }
  /*************  Home 2  ************/

  .services-area {
    margin: 0px;
  }
  .services-area h6 {
    font-size: 16px;
  }
  .p80,
  .p100 {
    padding: 60px 0;
  }
  a.view-more {
    display: none;
  }
  .urgent-causes .funds li strong {
    font-size: 18px;
  }
  .instagram,
  .current-projects .nav {
    margin: 0 0 30px;
  }
  .blog-small-post .post-thumb {
    width: 100%;
  }
  .blog-small-post .post-txt {
    width: 100%;
    padding: 20px 0 0;
  }
  .why-ecova .counter p.counter-count {
    font-size: 26px;
  }
  .footer-widget.about-ecova,
  .footer-style-2 {
    margin: 0px;
  }
  .footer-newsletter.wf100 {
    padding: 0 15px;
  }
  /************* Home 3 ************/

  .header-contact li {
    margin: 0 5px;
    font-size: 14px;
    line-height: 44px;
  }
  a.con-btn {
    line-height: 44px;
    padding: 0 10px;
    font-size: 14px;
  }
  form.search-form {
    margin: 6px 5px 0 0;
    width: 64%;
  }
  .navrow {
    border: 0px;
  }
  .header-style-3 .navbar-toggler {
    width: 100%;
    border: 0px;
    margin: 10px 0;
    border-radius: 0px;
  }
  .donation-wrap .radio-boxes .radio.custom {
    margin-bottom: 10px;
  }
  .donation-wrap ul.funds li strong {
    font-size: 20px;
  }
  .donation-wrap {
    padding: 30px 15px;
  }
  .volbox {
    padding: 40px 0;
  }
  .h3-about img {
    width: 100%;
    height: auto;
  }
  .h3-aboutxt {
    margin: 0px;
    padding: 0px;
  }
  .h3-aboutxt p.counter-count {
    font-size: 20px;
  }
  .h3-aboutxt p.ctxt {
    font-size: 14px;
  }
  .our-core-projects .h3-stitle {
    width: 100%;
  }
  .news-txt h4 {
    font-size: 22px;
  }
  ul.news-meta li {
    font-size: 12px;
  }
  body h1 {
    font-size: 38px;
  }
  body h2 {
    font-size: 30px;
  }
  body h3 {
    font-size: 28px;
  }
  body h4 {
    font-size: 24px;
  }
  body h5 {
    font-size: 20px;
  }
  body h6 {
    font-size: 18px;
  }
  .h3-events .owl-nav {
    top: inherit;
  }
  .h3footer ul.lastest-products strong {
    font-size: 14px;
  }
  .h3footer .footer-social a {
    margin-bottom: 5px;
  }
  /************  About Page ***********/

  .story-title-bg,
  .about-text {
    margin: 0 0 30px;
  }
  .story-title-bg {
    text-align: center;
  }
  .event-list .pro-list-box .pro-txt {
    padding: 0 0 0 15px;
  }
  .event-list ul.event-meta li {
    font-size: 12px;
  }
  .side-widget .lastest-products strong a {
    font-size: 13px;
  }
  .event-list-box ul.event-meta,
  .event-list-two .event-list-box .event-thumb {
    width: 50%;
  }
  .event-list-box .event-txt {
    width: 100%;
  }
  .side-widget.archives,
  .project-list-widget {
    padding: 10px;
  }
  .single-counter-box {
    width: 100%;
    padding: 15px;
    text-align: center;
  }
  .single-counter-box .col1,
  .single-counter-box .col2,
  .single-counter-box .col3 {
    width: 100%;
    padding: 10px 0;
  }
  .team-box .team-info {
    padding: 10px;
  }
  .chief-guest.team-grid .team-box h3 {
    font-size: 16px;
  }
  .causes-listing .campaign-txt h4 {
    font-size: 20px;
  }
  .causes-listing .campaign-txt {
    padding: 0 15px 15px;
  }
  .sdb-right,
  .single-donation-box .sdb-left {
    width: 100%;
    padding: 10px 0 0;
  }
  .comment-form li.w3,
  .related-posts > ul > li {
    width: 100%;
    padding: 0px;
    margin: 0 0 10px;
  }
  ul.comment-time {
    position: inherit;
  }
  ul.comment-time li {
    margin: 0px;
  }
  ul.cform li.half {
    width: 100%;
    padding: 0px;
    margin: 0 0 10px;
  }
  .c-info {
    padding: 15px;
  }
  .pro-list-box .pro-txt {
    padding: 0px 0 0 30px;
  }
  .pro-list-box .pro-txt h3 {
    font-size: 24px;
  }
  .filter-gallery .isotope .item.width2,
  .filter-gallery .isotope .item.height2,
  .filter-gallery .isotope .item {
    width: 100%;
    padding: 0px;
    height: auto;
  }
  .portfolio.filter-gallery {
    padding: 0 15px;
  }
  .gallery-img {
    margin: 0px;
  }
  .myaccount-form {
    margin-bottom: 30px;
  }
  .cs-txt {
    width: 100%;
    padding: 30px 0 0;
  }
  .cs-newsletter-form,
  .cs-txt .countdown.is-countdown,
  .cs-txt .countdown-section {
    margin-bottom: 30px;
  }
  .cs-txt .countdown-section {
    width: 100px;
    height: 100px;
    border: 3px solid #66bb6a;
    padding: 25px 0 0;
  }
  .cs-txt .countdown-amount {
    font-size: 24px;
    line-height: 30px;
  }
  .cs-txt .countdown-period {
    font-size: 14px;
  }
  .cs-newsletter-form button.subscribe {
    font-size: 14px;
    padding: 0 10px;
  }
  .cs-newsletter-form {
    width: 100%;
  }
  section.page404.wf100.p80 img {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
  .page-404-txt strong.title-404 {
    font-size: 150px;
    line-height: 200px;
  }
  .slider-caption {
    text-align: center;
  }
  .slider-caption.h2slider strong {
    font-size: 30px;
    margin: 0 0 10px;
  }
  .slider-caption.h2slider h1 {
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 10px;
  }

  .home-facts.counter .counter-box p.ctxt {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .wrapper {
    width: 100%;
    float: left;
    overflow: hidden;
  }
  .wrapper .container {
    width: 100%;
    max-width: 100%;
  }
  #home-slider img {
    width: 100%;
    height: auto;
  }
  .header-style-1 {
    position: relative;
    background: #33691e;
  }
  .slider-caption {
    top: 50px;
  }
  .slider-caption strong {
    font-size: 22px;
  }
  .slider-caption h1 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .slider-caption p {
    font-size: 16px;
    width: 100%;
  }
  .about-pic,
  .slider-caption a {
    display: none;
  }
  .home-services {
    padding: 15px;
  }
  .ser-col {
    width: 50%;
  }
  .ser-txt {
    padding: 20px;
  }
  .blog-list .blog-post .blog-thumb {
    width: 33%;
  }
  .blog-list .blog-post .blog-txt {
    width: 67%;
  }
  .counter,
  ul.flinks,
  .campaign-box {
    margin-bottom: 30px;
  }
  .pro-title {
    margin-bottom: 0px;
  }
  .header-style-1 .navbar-toggler {
    color: #fff;
    font-size: 25px;
    border: 1px solid #33691e;
    margin: 0 20px 0 0;
    padding: 8px 15px;
    background: #66bb6a;
  }
  .header-style-1 .navbar-nav {
    width: 100%;
    margin: 0 0 30px 30px;
  }
  .header-style-1 .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 0;
  }
  .topside-menu {
    display: none;
  }
  /************  Home 2  ************/

  .services-area {
    margin: 0px;
  }
  .services-area h6 {
    font-size: 16px;
  }
  .p80,
  .p100 {
    padding: 60px 0;
  }
  a.view-more {
    display: none;
  }
  .footer-newsletter .newsletter,
  .cus,
  .product-box,
  .current-projects .nav,
  .instagram,
  .blog-post-large,
  .urgent-causes .funds,
  .video-img {
    margin-bottom: 30px;
    overflow: hidden;
  }
  .donation-amount {
    width: 100%;
  }
  .footer-widget.about-ecova {
    margin: 0 0 30px;
  }
  .footer-newsletter.wf100 {
    padding: 0 15px;
  }
  .newsletter input[type="text"] {
    width: 180px;
  }
  .footer-style-2 {
    margin: 0px;
  }
  /*************  Home 3 **************/
  .header-style-3 .topbar-social {
    display: none;
  }
  .navrow {
    border: 0px;
  }
  .header-style-3 .navbar-toggler {
    width: 100%;
    border: 0px;
    margin: 10px 0;
    border-radius: 0px;
  }
  .navrow .navbar-nav .nav-item,
  .navrow {
    border: 0px;
  }
  .slider-caption.h3slider strong {
    font-size: 28px;
    margin: 0px;
  }
  .h3-aboutxt {
    padding: 0;
    margin-bottom: 30px;
  }
  .our-core-projects .h3-stitle,
  .h3teams-section .h3-stitle,
  section.h3-about.wf100.p80 img {
    width: 100%;
    height: auto;
  }
  /************  Inner Pages ***********/
  .story-title-bg {
    text-align: center;
  }
  .story-title-bg,
  .about-text {
    margin: 0 0 30px;
  }
  .event-grid .event-post .event-txt {
    padding: 15px;
  }
  .event-post .event-txt h5 {
    font-size: 20px;
  }
  .event-grid .event-post .event-txt p,
  .event-grid .event-post .event-txt ul.post-meta li {
    font-size: 12px;
  }
  .event-list .pro-list-box .pro-txt {
    padding: 0 0 0 30px;
  }
  .event-list-box ul.event-meta,
  .event-list-two .event-list-box .event-thumb {
    width: 50%;
  }
  .event-list-box .event-txt {
    width: 100%;
  }
  .single-counter-box {
    width: 100%;
    padding: 15px;
    text-align: center;
  }
  .single-counter-box .col1,
  .single-counter-box .col2,
  .single-counter-box .col3 {
    width: 100%;
    padding: 10px 0;
  }
  .wf100.comment-form {
    margin-bottom: 30px;
  }
  .campaign-txt {
    padding: 15px;
  }
  .causes-grid .campaign-txt h5 {
    font-size: 20px;
  }
  .sdb-right,
  .single-donation-box .sdb-left {
    width: 100%;
    padding: 10px 0 0;
  }
  .c-info,
  .contact-form {
    margin-bottom: 30px;
  }
  .pro-list-box .pro-txt {
    padding: 0px 0 0 30px;
  }
  .pro-list-box .pro-txt h3 {
    font-size: 24px;
  }
  .filter-gallery .isotope .item.width2,
  .filter-gallery .isotope .item.height2,
  .filter-gallery .isotope .item {
    width: 100%;
    padding: 0px;
    height: auto;
  }
  .portfolio.filter-gallery {
    padding: 0 15px;
  }
  .gallery-img {
    margin: 0px;
  }
  .donations .radio-boxes li {
    margin: 0 0 5px;
  }
  .payment-method li.half {
    width: 100%;
  }
  .donator-details li.half,
  .payment-method li.half.pl15 {
    width: 100%;
    padding: 10px 0 0;
  }
  .myaccount-form {
    margin-bottom: 30px;
  }
  .cs-txt {
    width: 100%;
    padding: 30px 0 0;
  }
  .cs-newsletter-form,
  .cs-txt .countdown.is-countdown,
  .cs-txt .countdown-section {
    margin-bottom: 30px;
  }
  .cs-txt .countdown-section {
    width: 100px;
    height: 100px;
    border: 3px solid #66bb6a;
    padding: 25px 0 0;
  }
  .cs-txt .countdown-amount {
    font-size: 24px;
    line-height: 30px;
  }
  .cs-txt .countdown-period {
    font-size: 14px;
  }
  .cs-newsletter-form button.subscribe {
    font-size: 14px;
    padding: 0 10px;
  }
  .cs-newsletter-form {
    width: 100%;
  }
  section.page404.wf100.p80 img {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
  .slider-caption {
    text-align: center;
  }
  .slider-caption.h2slider strong {
    font-size: 20px;
    margin: 0 0 10px;
  }
  .slider-caption.h2slider h1 {
    font-size: 28px;
    line-height: 30px;
    margin: 0 0 10px;
  }
  .slider-caption p,
  .slider-caption.h2slider p {
    display: none;
  }
  .counter-box {
    margin-bottom: 30px;
  }
}
@media (min-width: 280px) and (max-width: 575px) {
  #fpro-slider{
    display: none;
  }
  .wrapper {
    width: 100%;
    float: left;
    overflow: hidden;
  }
  .counter-box {
    margin-bottom: 30px;
  }
  .wrapper .container {
    width: 100%;
    max-width: 100%;
  }
  .header-style-1 {
    position: relative;
    background: #33691e;
  }
  .header-style-1 .navbar-brand {
    padding: 20px;
    border: 0px;
    text-align: center;
    margin: 0px;
  }
  .header-style-1 .navbar-nav,
  header .navbar-nav {
    width: 100%;
    margin: 0 0 30px 30px;
  }
  .header-style-1 .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 0;
  }
  section#home-slider img {
    width: 100%;
    height: auto;
  }
  ul.topnav-right,
  .topside-menu {
    float: none;
    width:100%;
    padding:10px 15px;
  }
  .slider-caption {
    top: 30px;
  }
  .slider-caption strong {
    font-size: 16px;
  }
  .slider-caption h1 {
    font-size: 22px;
  }
  .about-pic,
  .slider-caption a,
  .slider-caption p {
    display: none;
  }
  .blog-list .blog-post .blog-thumb,
  .about-txt ul li {
    width: 100%;
  }
  .home-services {
    padding: 15px;
  }
  .ser-col {
    width: 100%;
  }
  .ser-txt h4 {
    font-size: 20px;
  }
  .blog-list .blog-post .blog-txt {
    width: 100%;
    padding: 20px 0 0;
  }
  .event-post .event-txt {
    padding: 20px;
  }
  .campaign-box {
    margin: 0 0 30px;
  }
  .pro-title {
    padding: 30px 0 40px 30px;
    margin: 0px;
  }
  .pro-title h3 {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
  }
  .counter {
    margin: 20px 0;
  }
  .counter li {
    width: 100%;
    margin-bottom: 20px;
  }
  section.promises.wf100.p80 {
    padding: 40px 0;
  }
  .volunteer-form {
    padding: 20px;
  }
  ul.flinks li a {
    padding: 0 10px;
    margin: 0 0 5px;
  }
  .ser-txt span.aicon {
    top: 30px;
  }
  .news-posts .blog-list.wf100 {
    margin-bottom: 40px;
  }
  /***********  Home 2  *********/

  body h1 {
    font-size: 36px;
  }
  body h2 {
    font-size: 28px;
  }
  body h3 {
    font-size: 24px;
  }
  body h4 {
    font-size: 22px;
  }
  body h5 {
    font-size: 20px;
  }
  body h6 {
    font-size: 16px;
  }
  .services-area {
    margin: 0px;
  }
  section.services-area ul {
    display: block;
  }
  section.services-area ul li {
    width: 100%;
  }
  .slider-caption.h2slider strong {
    font-size: 20px;
  }
  .p100 {
    padding: 60px 0;
  }
  .video-img img {
    margin-bottom: 30px;
  }
  .urgent-causes .funds li strong {
    font-size: 18px;
  }
  .donation-amount {
    width: 100%;
    padding: 10px;
  }
  .donation-amount {
    margin: 30px 0 0;
  }
  .radio-boxes input[type="radio"].css-radio + label.css-label {
    width: 75px;
  }
  .blog-post-large,
  .current-projects .nav {
    text-align: left;
    margin: 0 0 30px;
  }
  .current-projects .nav li {
    margin: 3px;
  }
  a.view-more {
    display: none;
  }
  .blog-small-post .post-txt,
  .blog-small-post .post-thumb {
    width: 100%;
    padding: 10px;
  }
  .why-ecova .counter p.counter-count {
    font-size: 30px;
  }
  .why-ecova .counter p.ctxt {
    font-size: 14px;
  }
  .footer-newsletter .newsletter,
  .product-box {
    margin-bottom: 30px;
  }
  .instagram ul li {
    width: 25%;
  }
  header.header-style-2 .navbar-brand,
  .footer-style-2 {
    margin: 0px;
  }
  .footer-widget.about-ecova,
  .instagram {
    margin: 0 0 30px;
  }
  .footer-social,
  .footer-newsletter .newsletter {
    width: 100%;
    float: left;
    padding: 0 15px;
  }
  .newsletter ul li {
    width: 100%;
    margin: 0 0 10px;
  }
  .newsletter input[type="text"] {
    width: 100%;
  }
  .footer-social a {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
  }
  .header-style-2 .navbar-expand-lg .navbar-nav .nav-link:hover,
  .header-style-2 .navbar-expand-lg .navbar-nav .nav-link {
    border: 0px;
  }
  /**************  Home 3  *************/

  .slider-caption.h3slider,
  .h3-logo-row form.search-form,
  .h3-logo-row a.con-btn,
  ul.topbar-social,
  .header-contact {
    display: none;
  }
  .header-style-3 .navbar-toggler {
    width: 100%;
    border: 0px;
    margin: 10px 0;
    border-radius: 0px;
  }
  .navrow .navbar-nav .nav-item,
  .navrow {
    border: 0px;
  }
  .logo {
    text-align: center;
  }
  .donation-wrap {
    padding: 20px 0;
    border: 0px;
  }
  .donation-wrap ul.funds li strong {
    font-size: 16px;
  }
  .donation-wrap li.form-submit {
    margin: 10px 0 0;
  }
  .volbox {
    padding: 20px;
    border: 0px;
    text-align: center;
  }
  .h3teams-section .h3-stitle,
  .our-core-projects .h3-stitle,
  .volbox a:after {
    width: 100%;
  }
  .h3-aboutxt {
    padding: 0px;
  }
  .h3-about img {
    width: 100%;
    height: auto;
  }
  .news-block,
  .team-box,
  .news-thumb {
    margin-bottom: 10px;
  }
  .h3footer .footer-social a {
    width: 36px;
    height: 36px;
    line-height: 34px;
  }
  .footer-copyr p,
  .footer-copyr {
    text-align: center;
  }
  header.header-style-2 .navbar-brand {
    width: 240px;
  }
  .header-style-2 .navbar-expand-lg .navbar-nav .nav-link {
    padding: 15px 0;
  }
  .about-video-section {
    padding: 40px 0 80px;
  }
  .about-video-img {
    width: 100%;
  }
  .about-video-img:after {
    display: none;
  }
  .story-title-bg {
    padding: 35px;
  }
  .story-title-bg strong.t2,
  .story-title-bg strong.t3,
  .story-title-bg strong.t1 {
    font-size: 38px;
  }
  .story-title-bg {
    margin-bottom: 30px;
  }
  .choose-ecova .col-6,
  .eco-history .col-4 {
    width: 100%;
    max-width: 100%;
    flex: inherit;
    margin-bottom: 30px;
  }
  /***********************/

  .event-grid-2 .event-post .event-txt {
    padding: 20px 15px 0;
  }
  .event-list-two .event-list-box .event-thumb,
  .pro-list-box .pro-thumb {
    width: 100%;
  }
  .event-list .pro-list-box .pro-txt {
    width: 100%;
    padding: 30px 0 0 0;
  }
  .event-list-box .event-txt,
  .event-list-box ul.event-meta {
    width: 100%;
    border: 0px;
  }
  .single-counter-box {
    width: 100%;
    padding: 15px;
    text-align: center;
  }
  .small-gallery li,
  .single-counter-box .col1,
  .single-counter-box .col2,
  .single-counter-box .col3 {
    width: 100%;
    padding: 10px 0;
  }
  .single-counter-box .countdown-amount {
    font-size: 20px;
  }
  .single-counter-box .countdown-period {
    font-size: 12px;
  }
  .blog-single-content blockquote {
    width: 100%;
  }
  .blog-single-content blockquote p {
    font-size: 18px;
    line-height: 26px;
    padding: 20px;
  }
  .blog-single-content blockquote:after {
    display: none;
  }
  .event-gallery.gallery li {
    width: 50%;
  }
  .comment-form li.w3,
  .related-posts > ul > li {
    width: 100%;
    padding: 0;
  }
  .contact-form,
  .c-info,
  .wf100.comment-form {
    margin-bottom: 30px;
  }
  .campaign-txt {
    padding: 15px;
  }
  .causes-listing .campaign-txt,
  .causes-listing .campaign-thumb {
    width: 100%;
  }
  ul.funds li strong {
    font-size: 14px;
  }
  .pro-list-box .pro-txt,
  .sdb-right,
  .single-donation-box .sdb-left {
    width: 100%;
    padding: 10px 0 0;
  }
  .single-donation-box .radio-boxes li {
    margin-bottom: 5px;
  }
  .author-box img {
    float: none;
    margin: 0 0 10px;
  }
  ul.comments .comment {
    padding: 0px;
  }
  .comments .comment .user-thumb,
  ul.comment-time {
    position: inherit;
    padding: 10px 0;
  }
  ul.comment-time li {
    margin: 0px;
  }
  ul.cform li.half {
    width: 100%;
    padding: 0px;
  }
  .contact-map-info {
    width: 100%;
    position: inherit;
    right: inherit;
    padding: 0px;
    margin: 0 0 30px;
    float: left;
  }
  .myaccount-form,
  .pro-large {
    margin-bottom: 30px;
  }
  .add-2-cart input[type="submit"] {
    padding: 0 10px;
    font-size: 14px;
  }
  .products-tabs .nav-tabs .nav-link {
    font-size: 16px;
    padding: 0 20px;
  }
  .filter-gallery .isotope .item.width2,
  .filter-gallery .isotope .item.height2,
  .filter-gallery .isotope .item {
    width: 100%;
    padding: 0px;
    height: auto;
  }
  .portfolio.filter-gallery {
    padding: 0 15px;
  }
  .gallery-img {
    margin: 0px;
  }
  .donations .radio-boxes li {
    margin: 0 0 5px;
  }
  .payment-method li.half {
    width: 100%;
  }
  .donator-details li.half,
  .payment-method li.half.pl15 {
    width: 100%;
    padding: 10px 0 0;
  }
  .cs-txt {
    width: 100%;
    padding: 30px 0 0;
  }
  .cs-newsletter-form,
  .cs-txt .countdown.is-countdown,
  .cs-txt .countdown-section {
    margin-bottom: 30px;
  }
  .cs-txt .countdown-section {
    width: 100px;
    height: 100px;
    border: 3px solid #66bb6a;
    padding: 25px 0 0;
  }
  .cs-txt .countdown-amount {
    font-size: 24px;
    line-height: 30px;
  }
  .cs-txt .countdown-period {
    font-size: 14px;
  }
  .cs-newsletter-form button.subscribe {
    font-size: 14px;
    padding: 0 10px;
  }
  .cs-newsletter-form {
    width: 100%;
  }
  section.page404.wf100.p80 img {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
  .page-404-txt strong.title-404 {
    font-size: 130px;
    line-height: 200px;
  }
  .slider-caption {
    display: none;
  }
  .counter-box {
    margin: 0 0 30px;
  }

  .home-facts.counter .col-lg-3.col-sm-6.col-md-3 {
    width: 50%;
  }

  .home-facts.counter p.counter-count {
    font-size: 32px;
  }

  .home-facts.counter .counter-box p.ctxt {
    font-size: 14px;
  }
}

@media (min-width: 1200px){
  .blog-list .blog-post .blog-txt{
    width:700px;
  }
}