/* Normal desktop :1501. */
@media (min-width: 1501px) and (max-width: 1799px) {
  .about-single-counter-box {
    width: 360px;
  }
  .car-thumb {
    right: -134px;
  }
  .car-road {
    width: 212px;
    right: -50px;
  }
  .about-thumb img {
    width: 100%;
  }
  .about-counter-number h2 {
    font-size: 86px;
  }
  iframe {
    width: 100%;
  }
}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
  .charina_menu > ul > li > a {
    margin: 30px 6px;
    font-size: 15px;
  }
  a.logo_img img {
    width: 230px;
  }

  a.main_sticky img {
    width: 130px;
  }

  .main_sticky {
    padding-left: 70px;
  }
  .header-button a {
    padding: 10px 30px;
    font-size: 14px;
  }
  .header-button2 a i {
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 41px;
  }
  iframe {
    width: 100%;
  }
  .footer-shape2 {
    display: none;
  }
  .search-box-btn {
    display: none;
  }
  .header-button2 {
    display: none;
  }
  .splide__arrows.splide__arrows--ttb {
    display: none;
  }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
  .charina_nav_manu:before {
    width: 190px;
  }
  .charina_nav_manu {
    padding: 0 0 0 12px;
  }
  a.logo_img img {
    width: 75%;
  }
  a.main_sticky img {
    width: 100%;
  }
  .search-box-btn {
    display: none;
  }
  .header-button a {
    padding: 14px 25px;
    font-size: 15px;
  }
  .header-button a i {
    display: none;
  }
  .header-button2 {
    display: none;
  }
  nav.charina_menu > ul > li > a span {
    display: none;
  }
  .charina_menu > ul > li > a {
    font-size: 15px;
    margin: 29px 8px;
  }
  .header-button2 a i {
    display: none;
  }
  .slider-button-title h6 {
    font-size: 15px;
    font-weight: 500;
  }
  .menu-text i {
    display: none;
  }
  .footer-shape2 {
    display: none;
  }
  .slider-button-title p {
    font-size: 15px;
    font-weight: 400;
  }
  .style-two.charina_nav_manu .charina-button a {
    padding: 12px 35px;
    font-size: 14px;
  }
  .owl-nav {
    top: 76%;
  }
  .splide__arrows.splide__arrows--ttb {
    display: none;
  }
  /*slider area*/
  .hero-title h1 {
    font-size: 60px;
    line-height: 75px;
  }
  .video-icon {
    left: 30%;
  }
  .style-three .header-button a {
    padding: 14px 28px;
  }
  /*feature section*/
  .feature-title h4 {
    font-size: 18px;
  }
  img.feature-image-2 {
    left: 0;
  }

  /*section title*/
  .charina-section-title h1 {
    font-size: 34px;
    line-height: 40px;
  }
  .charina-section-title h5 {
    font-size: 16px;
  }
  .charina-section-title p {
    font-size: 15px;
  }
  /* End section title*/

  /*about section*/
  .about-thumb img {
    width: 100%;
  }
  .about-thumb {
    margin: 0;
  }
  .about-shape {
    bottom: 8%;
  }

  .progress-ber-plugin {
    padding: 40px 12px 13px;
  }
  p.progress-text {
    padding-left: 22px;
  }
  .progress-text p {
    font-size: 12px;
  }
  .progress-text span {
    font-size: 11px;
  }

  .about-thumb2 {
    left: 0;
  }
  .about-thumb2 img {
    width: 100%;
  }
  .items-icon {
    padding-right: 20px;
  }
  /*donate section*/

  .donate-items-content {
    padding: 0 40px 0;
  }
  .donate-section-title h2 {
    font-size: 21px;
    line-height: 34px;
  }
  .donate-title h3 a {
    font-size: 20px;
  }

  /*service section*/

  .service-title h3 {
    font-size: 18px;
    padding: 12px 0 13px;
  }

  .service-desc p {
    font-size: 13px;
    padding: 0 0 25px;
  }
  /*event section*/
  .events-content {
    padding: 22px 15px 0 20px;
  }
  .event-title h3 {
    font-size: 18px;
  }
  .event-text p {
    font-size: 13px;
  }
  .event-text p span {
    padding-left: 10px;
  }

  .event-date {
    display: none;
  }

  .event-shape {
    left: 24%;
    top: 5%;
  }
  .style-two .event-title h4 span {
    font-size: 33px;
    height: 60px;
    width: 60px;
    line-height: 60px;
  }
  .style-two .event-title h4 {
    font-size: 20px;
  }
  .style-two .event-title h3 {
    font-size: 18px;
    line-height: 30px;
    padding: 17px 0 30px 0;
  }
  .style-two .event-text p {
    font-size: 14px;
  }
  .event-title h3 a {
    font-size: 15px;
    line-height: 24px;
  }
  .style-two .event-title h3 a {
    font-size: 18px;
    line-height: 30px;
  }

  /*volunteer section*/

  .volunteer-title h2 {
    font-size: 20px;
  }
  .volunteer-thumb img {
    width: 100%;
  }
  .volunteer-text span {
    font-size: 15px;
  }

  /*testimonial*section*/

  .testimonial-title h4 {
    font-size: 20px;
  }
  .testi-title h4 {
    font-size: 20px;
  }
  .testimonial-desc p {
    font-size: 15px;
  }
  .testimonial-icon {
    float: inherit;
  }

  /*video section*/
  .video-title h1 {
    font-size: 40px;
  }

  /*mission section*/
  .charina-mission-content {
    padding: 0 0 0 45px;
  }
  .mission-title h3 {
    font-size: 21px;
  }
  .mission-list ul li {
    font-size: 14px;
  }
  .mission-items-desc p {
    font-size: 15px;
  }
  /*counter section*/

  .style-two .counter-single-box {
    padding: 40px 22px 15px;
  }
  .counter-title h1 {
    font-size: 33px;
  }
  .counter-icon {
    padding-right: 16px;
  }
  .counter-title2 h1 {
    font-size: 45px;
  }

  .style-two .counter-text p {
    text-align: center;
    font-size: 17px;
  }
  /*call do action area*/

  .call-do-title h2 {
    font-size: 40px;
  }
  .style-three.call-to-action .charina-section-title h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .call-to-title h2 {
    font-size: 27px;
  }
  /*galary section*/

  .galary-text a {
    padding: 15px 10px;
    font-size: 13px;
  }
  .style-two .galary-text a {
    font-size: 12px;
    padding: 19px 16px;
  }

  .galary-title h4 a {
    font-size: 22px;
  }

  /*brand section*/
  .brand-section {
    padding: 80px 0 80px;
  }

  /*blog section*/

  .charina-blog-thumb img {
    width: 100%;
  }
  .blog-title h2 a {
    font-size: 18px;
    line-height: 27px;
  }

  .company-info-desc p {
    font-size: 15px;
  }

  .footer-widget-thumb .items img {
    width: 100%;
  }

  .footer-shape2 {
    right: 26px;
  }
  .footer-shape {
    bottom: -80px;
    left: 48px;
  }

  /*subscribe section*/
  .subscribe-title h1 {
    font-size: 37px;
    padding: 0;
  }

  iframe {
    width: 100%;
  }

  .breatcam-title h1 {
    font-size: 36px;
  }
  .donation-details-section .charina-button a {
    padding: 9px 28px;
    font-size: 13px;
  }
  .donation-details-section .charina-button a i {
    font-size: 12px;
    margin-left: 3px;
  }
  .donar-single-box {
    margin-right: 20px !important;
  }
  .donar-title h5 {
    font-size: 15px;
  }
  .donar-single-box {
    text-align: center;
    margin-right: 28px !important;
  }
  .charina-donars {
    padding: 30px 42px 30px;
  }
  .post-button a {
    top: -150px;
  }
  .widget-title2 h3 {
    font-size: 27px;
  }
  .rpost-title {
    padding-left: 16px;
  }
  .rpost-content h4 a {
    font-size: 15px;
  }
  .widget-items {
    padding: 28px 25px 10px;
  }
  .special-desc p {
    font-size: 14px;
  }
  .contact-form-thumb img {
    width: 100%;
  }
  .row.contact-bg {
    padding: 30px 35px 50px;
  }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .charina_nav_manu {
    display: none !important;
  }
  .header_top_menu {
    display: none;
  }
  /*slider area*/
  .hero-title h1 {
    font-size: 48px;
    line-height: 62px;
  }
  .hero-button {
    margin-top: 40px;
  }
  .hero2 .hero-title h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .video-icon {
    left: 40%;
  }

  .owl-nav {
    top: 74%;
  }

  /*section title*/
  .charina-section-title h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .charina-section-title h5 {
    font-size: 15px;
  }
  .charina-section-title p {
    font-size: 15px;
  }
  .about-section .charina-section-title h1 {
    font-size: 26px;
    line-height: 34px;
  }

  /*about section*/
  .about-thumb img {
    width: 100%;
  }
  .about-thumb {
    margin: 0;
  }
  .about-shape {
    bottom: 8%;
  }
  .about-shape2 {
    top: 6%;
  }
  .about-thumb2 img {
    width: 100%;
  }
  .about-thumb2 {
    left: 0;
  }
  .about-three .about-thumb2 {
    left: 0;
    margin-bottom: 20px;
  }
  .charina-description p {
    font-size: 16px;
    line-height: 28px;
  }

  .items-icon {
    padding-right: 20px;
  }
  .about-item-content p {
    width: 82%;
  }
  .upper.charina-check-list p {
    font-size: 14px;
  }

  /*abour progress*/
  .progress-ber-plugin {
    padding: 40px 12px 13px;
  }
  p.progress-text {
    padding-left: 22px;
  }
  .progress-text p {
    font-size: 12px;
  }
  .progress-text span {
    font-size: 11px;
  }
  .feature-section .charina-section-title h1 {
    font-size: 25px;
    line-height: 32px;
  }

  /*service section*/
  .service-title h3 {
    font-size: 18px;
    padding: 12px 0 13px;
  }
  .service-desc p {
    padding: 0 28px 25px;
  }

  /*event section*/
  .events-section .charina-section-title h1 {
    font-size: 28px;
    line-height: 40px;
  }

  .splide {
    margin-top: 40px;
  }

  .events-content {
    padding: 22px 15px 0 20px;
  }
  .event-title h3 {
    font-size: 18px;
  }
  .event-text p span {
    padding-left: 10px;
  }

  .event-date {
    display: none;
  }

  .event-shape {
    left: 24%;
    top: 5%;
  }
  .style-two .event-title h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 17px 0px 30px 0;
  }

  .events-single-box {
    margin: 30px 0 0;
  }

  /*volunteer section*/

  .volunteer-title h2 {
    font-size: 20px;
  }
  .volunteer-text span {
    font-size: 15px;
  }

  /*testimonial*section*/

  .testimonial-section .charina-section-title h1 {
    font-size: 27px;
    line-height: 40px;
  }
  .testimonial-single-box {
    padding: 66px 25px 27px;
  }
  .testimonial-title h4 {
    font-size: 20px;
  }
  .testi-title h4 {
    font-size: 20px;
  }
  .testimonial-desc p {
    font-size: 15px;
  }

  .testi-shape {
    top: 50px;
  }

  /*video section*/
  .video-title h1 {
    font-size: 40px;
  }

  /*donate section*/
  .donate-section.style-two .charina-section-title h1 {
    font-size: 26px;
    line-height: 38px;
  }
  .donate-date-text {
    padding-left: 0;
    margin-top: 30px;
  }
  .donate-campaigns-items {
    display: block;
  }
  .donate-items-content {
    padding: 25px 55px 40px;
  }

  /*galary section*/
  .galary-text {
    transform: translateX(17%);
  }
  .galary-text a {
    padding: 15px 10px;
    font-size: 14px;
  }
  .style-two .galary-text a {
    font-size: 12px;
    padding: 19px 16px;
  }
  .galary-title h4 a {
    font-size: 22px;
  }
  .style-three .galary-title {
    left: 100px;
  }

  /*mission $ vission*/

  .tabs li a {
    padding: 3px 30px;
    font-size: 15px;
  }
  .charina-single-mission-items {
    display: block;
    padding: 55px 55px 55px;
  }
  .charina-mission-content {
    padding: 12px 0 0 0px;
  }

  /*counter section*/

  .counter-title h1 {
    font-size: 33px;
  }
  .counter-section.style-two .charina-section-title h1 {
    font-size: 24px;
    line-height: 35px;
  }

  /*call do action area*/

  .call-do-title h2 {
    font-size: 40px;
  }
  .style-two.call-to-action .charina-section-title h1 {
    font-size: 24px;
  }
  .style-three.call-to-action {
    text-align: center;
  }
  .call-to-icon {
    margin-right: 20px;
  }
  .call-to-title h2 {
    font-size: 22px;
    line-height: 32px;
  }

  .call-to-desc p {
    font-size: 15px;
  }

  /*brand section*/
  .brand-section {
    padding: 80px 0 80px;
  }

  /*blog section*/

  .charina-blog-thumb img {
    width: 100%;
  }
  .blog-title h2 a {
    font-size: 18px;
    line-height: 27px;
  }

  /*footer section*/
  .items {
    margin-bottom: 20px;
    margin-right: 20px;
  }

  .footer-info-desc p {
    font-size: 14px;
  }

  .footer-shape2 {
    right: 26px;
    top: -65px;
  }
  .footer-shape {
    bottom: -80px;
    left: 48px;
  }

  iframe {
    width: 100%;
  }
  .donar-single-box {
    margin-right: 20px !important;
  }
  .donar-title h5 {
    font-size: 15px;
  }
  .donar-single-box {
    text-align: center;
    margin-right: 28px !important;
    margin-bottom: 30px;
  }
  .charina-donars {
    padding: 30px 42px 30px;
  }
  .post-button a {
    top: -182px;
  }
  .widget-title2 h3 {
    font-size: 27px;
  }
  .rpost-title {
    padding-left: 16px;
  }
  .rpost-content h4 a {
    font-size: 15px;
  }
  .widget-items {
    padding: 28px 25px 10px;
  }
  .post-comment-thumb {
    float: inherit;
  }
  .donation-details-section .charina-button a {
    padding: 5px 17px;
    font-size: 11px;
  }
  .donation-details-section .charina-button a i {
    font-size: 11px;
    margin-left: 4px;
  }
  .style-two.progress-ber-plugin {
    padding: 68px 10px 15px 5px;
  }
  .donation-details-section .style-two.progress-ber-plugin p.progress-text {
    text-align: left;
  }
  .donation-details-section p.progress-text {
    padding-left: 0;
  }
  .donations-detials-title h2 a {
    font-size: 24px;
  }
  .donation-description p {
    font-size: 15px;
  }
  .donation-list ul li {
    font-size: 14px;
  }
  .breatcam-title h1 {
    font-size: 35px;
  }
  .up.donation-description p {
    font-size: 16px;
  }
  .event-note P {
    font-size: 13px;
  }
  .blog-title2 h3 a {
    font-size: 22px;
  }
  .blog-description2 p {
    font-size: 15px;
  }
  .special-desc p {
    font-size: 14px;
    padding-top: 20px;
  }
  .blogs-icon {
    float: inherit;
  }
  .up.donations-detials-title h2 a {
    font-size: 24px;
  }
  .social-icon-list.text-right {
    text-align: left !important;
    padding-top: 20px;
  }
  .sidebar-title h1 {
    font-size: 22px;
  }
  .contact-form-thumb img {
    width: 100%;
  }
  .row.contact-bg {
    padding: 25px 35px 45px;
  }
}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 768px) {
  .footer-section {
    padding-left: 0px !important;
  }
  .header_top_menu {
    display: none;
  }
  .charina_nav_manu {
    display: none !important;
  }

  /*slider area*/
  .hero-title h1 {
    font-size: 38px;
    line-height: 50px;
  }

  .hero2 .hero-description p {
    font-size: 18px;
  }

  .owl-nav {
    top: 73%;
  }

  .video-icon {
    left: 54%;
  }

  /*section title*/
  .charina-section-title h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .charina-section-title h5 {
    font-size: 15px;
  }
  .charina-section-title p {
    font-size: 15px;
  }
  .about-section .charina-section-title h1 {
    font-size: 26px;
    line-height: 34px;
  }

  /*about section*/
  .about-thumb img {
    width: 100%;
  }
  .about-thumb {
    margin: 0;
  }
  .about-thumb2 img {
    width: 100%;
  }
  .about-thumb2 {
    left: 0;
  }
  .about-three .about-thumb2 {
    left: 0px;
  }
  .about-shape {
    bottom: 8%;
  }

  .charina-description p {
    font-size: 16px;
    line-height: 28px;
  }
  .charina-check-list p {
    font-size: 15px;
  }
  /*abour progress*/
  .progress-ber-plugin {
    padding: 40px 12px 13px;
  }
  p.progress-text {
    padding-left: 22px;
  }
  .progress-text p {
    font-size: 12px;
  }
  .progress-text span {
    font-size: 11px;
  }

  /*service section*/
  .service-section.style-two {
    text-align: center;
  }
  .service-section.style-two .charina-section-title {
    margin-bottom: 30px;
  }
  .service-section {
    text-align: center;
  }
  .service-section .charina-section-title.white {
    margin-bottom: 30px;
  }
  /*event section*/
  .events-section .charina-section-title h1 {
    font-size: 28px;
    line-height: 40px;
  }

  .events-content {
    padding: 22px 15px 0 20px;
  }
  .event-title h3 {
    font-size: 18px;
  }
  .event-text p span {
    padding-left: 10px;
  }
  .event-date {
    display: none;
  }

  .event-shape {
    left: 32%;
    top: 5%;
  }
  .style-two.events-section {
    padding: 60px 50px 40px;
  }
  .events-section .charina-button {
    margin-bottom: 40px;
  }
  .event-list .owl-nav {
    top: -33%;
    right: 5%;
  }
  .style-two .event-title h3 {
    font-size: 22px;
    line-height: 30px;
    padding: 17px 0px 30px 0;
  }
  /*mission & vission*/
  .tabs li a {
    font-size: 15px;
    padding: 4px 22px;
  }
  .charina-single-mission-items {
    display: block;
  }
  .charina-mission-content {
    padding: 10px 0 0 0px;
  }
  .mission-title h3 {
    font-size: 26px;
  }
  .mission-shape {
    top: 6%;
  }
  .charina-mission-thumb img {
    width: 100%;
  }

  /*volunteer section*/

  .volunteer-title h2 {
    font-size: 20px;
  }
  .volunteer-text span {
    font-size: 15px;
  }

  /*testimonial*section*/

  .testimonial-section .charina-section-title h1 {
    font-size: 27px;
    line-height: 40px;
  }
  .testimonial-single-box {
    padding: 66px 25px 27px;
  }
  .testimonial-title h4 {
    font-size: 20px;
  }
  .testi-title h4 {
    font-size: 20px;
  }
  .testimonial-desc p {
    font-size: 15px;
  }

  .testi-shape {
    top: 50px;
  }

  .testimonial-section .col-lg-6.col-md-6.pl-50 {
    padding: 30px 0 0 0 !important;
  }

  /*galary section*/

  .galary-text {
    transform: translateX(46%);
  }

  .style-two.galary-section .galary-text {
    transform: translateX(60%);
  }
  .style-three .galary-title {
    left: 100px;
  }

  /*video section*/
  .video-title h1 {
    font-size: 40px;
  }
  .video-button {
    margin-bottom: 35px;
  }
  .style-two .video-icon {
    top: -62px;
    left: 38%;
  }

  /*donate section*/
  .donate-section.style-two {
    text-align: center;
    background-position: center right;
    padding: 150px 0 100px;
  }

  .donate-campaigns-items {
    display: block;
  }
  .donate-items-content {
    padding: 20px 30px 40px;
  }

  /*counter section*/
  .counter-section {
    text-align: center;
  }
  .counter-single-box.up {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .counter-single-box.upper2 {
    margin-top: 0;
  }
  .counter-title {
    left: 0;
    right: 0;
  }
  .counter-title h1 {
    font-size: 33px;
  }
  .counter-icon {
    float: inherit;
    padding-right: 0;
    margin-bottom: 15px;
  }

  /*call do action area*/

  .call-do-title h2 {
    font-size: 40px;
  }
  .style-two.call-to-action .charina-section-title.white {
    text-align: center;
  }
  .style-two.call-to-action .charina-button.text-right {
    text-align: center !important;
  }
  .charina-button.text-right {
    text-align: center !important;
    margin-top: 30px;
  }
  .call-to-shape {
    right: 40%;
    top: -103px;
  }
  .style-three.call-to-action {
    text-align: center;
  }
  .call-to-title h2 {
    font-size: 28px;
  }

  .col-lg-6.col-md-6.pl-60.responsive {
    padding-left: 15px !important;
  }

  /*brand section*/
  .brand-section {
    padding: 80px 0 80px;
  }

  /*blog section*/

  .charina-blog-thumb img {
    width: 100%;
  }
  .blog-title h2 a {
    font-size: 18px;
    line-height: 27px;
  }

  /*footer section*/

  .footer-info-desc p {
    font-size: 14px;
  }

  .footer-shape2 {
    right: 26px;
    top: -65px;
  }
  .footer-shape {
    bottom: -80px;
    left: 48px;
  }

  .footer-bottom-area {
    text-align: center;
    padding: 20px 0 18px;
  }

  .footer-bottom-menu.text-right {
    text-align: center !important;
  }

  iframe {
    width: 100%;
  }

  .donations-detials-title h2 a {
    font-size: 23px;
  }
  .donation-description p {
    font-size: 15px;
  }

  .post-button a {
    top: -155px;
  }
  .organizer-items {
    margin-top: 30px;
  }

  .breatcam-title h1 {
    font-size: 32px;
    color: #fff;
    padding: 1px 0 0;
  }
  .style-three .events-single-box {
    display: block;
  }
  .style-three .event-title h3 {
    font-size: 21px;
  }
  .event-thumb {
    margin-bottom: 20px;
  }
  .event-details-items {
    margin-top: 30px;
  }
  .widget-title2 h3 {
    font-size: 25px;
  }
  .charina-button a {
    padding: 14px 38px;
    font-size: 15px;
  }
  .widget_search {
    margin-top: 30px;
  }
  .special-desc {
    overflow: hidden;
  }
  .special-desc p {
    font-size: 15px;
  }
  .sidebar-title h1 {
    font-size: 25px;
  }
  .contact-form-thumb img {
    width: 100%;
    margin-top: 30px;
  }
  .row.contact-bg {
    padding: 25px 35px 45px;
  }
  .social-icon-list.text-right {
    text-align: left !important;
    padding-top: 25px;
  }
}
/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .charina_nav_manu {
    display: none !important;
  }
  .header_top_menu {
    display: none;
  }

  /*slider area*/
  .hero2 {
    text-align: center;
  }
  .hero-sub-title h5 {
    font-size: 18px;
    margin: 0 0 15px;
  }
  .hero-title h1 {
    font-size: 33px;
    line-height: 45px;
  }
  .hero-button {
    margin-top: 34px;
  }

  .hero-button a {
    padding: 15px 38px;
    font-size: 15px;
  }

  .owl-nav {
    top: 70%;
    left: 40px;
  }
  .hero4 .owl-nav {
    top: 52%;
    left: 77%;
  }
  .hero3 .owl-nav {
    top: 52%;
    left: 77%;
  }
  .video-icon {
    left: 62%;
  }

  /*feature section*/
  .feature-description p {
    padding: 17px 43px 3px;
  }

  /*section title*/
  .charina-section-title h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .charina-section-title h5 {
    font-size: 15px;
  }
  .charina-section-title p {
    font-size: 15px;
  }
  .about-section .charina-section-title h1 {
    font-size: 26px;
    line-height: 34px;
  }
  .charina-section-title h4 {
    font-size: 16px;
  }

  /*about section*/
  .about-thumb img {
    width: 100%;
  }
  .about-thumb {
    margin: 0;
  }
  .about-shape {
    bottom: 8%;
  }

  .about-thumb2 img {
    width: 100%;
  }
  .about-thumb2 {
    left: 0;
  }
  .about-three .about-thumb2 {
    left: 0;
  }
  .charina-description p {
    font-size: 16px;
    line-height: 28px;
  }
  .charina-check-list p {
    font-size: 15px;
  }
  .about-item-content p {
    font-size: 14px;
    width: 77%;
  }
  /*abour progress*/
  .progress-ber-plugin {
    padding: 40px 12px 13px;
  }
  p.progress-text {
    padding-left: 22px;
  }
  .progress-text p {
    font-size: 12px;
  }
  .progress-text span {
    font-size: 11px;
  }

  /*service section*/
  .service-section.style-two {
    text-align: center;
  }
  .service-section.style-two .charina-section-title {
    margin-bottom: 30px;
  }

  /*event section*/
  .events-section .charina-section-title h1 {
    font-size: 28px;
    line-height: 40px;
  }

  .events-content {
    padding: 22px 15px 0 20px;
  }
  .event-title h3 {
    font-size: 15px;
    line-height: 26px;
  }
  .event-text p span {
    padding-left: 10px;
  }
  .event-date {
    display: none;
  }

  .event-shape {
    left: 32%;
    top: 5%;
  }

  .events-section .charina-button {
    margin-bottom: 40px;
  }
  .style-two .event-title h3 {
    font-size: 22px;
    line-height: 30px;
    padding: 17px 0px 30px 0;
  }
  .style-two .event-title h4 {
    font-size: 21px;
  }
  .style-two .event-title h4 span {
    font-size: 35px;
    font-weight: 400;
    height: 60px;
    width: 60px;
    line-height: 60px;
  }
  .event-title h3 a {
    font-size: 15px;
    line-height: 26px;
  }
  .style-two .event-title h3 a {
    font-size: 22px;
    line-height: 32px;
  }
  .event-button a {
    font-size: 13px;
    line-height: 40px;
  }
  .event-list .owl-nav {
    top: -52%;
  }

  /*volunteer section*/

  .volunteer-title h2 {
    font-size: 20px;
  }
  .volunteer-text span {
    font-size: 15px;
  }

  /*testimonial*section*/

  .testimonial-section .charina-section-title h1 {
    font-size: 27px;
    line-height: 40px;
  }

  .testimonial-single-box {
    padding: 66px 25px 27px;
    margin-bottom: 30px;
  }

  .testimonial-title h4 {
    font-size: 20px;
  }
  .testi-title h4 {
    font-size: 20px;
  }
  .testimonial-desc p {
    font-size: 15px;
  }

  .testi-shape {
    top: 50px;
  }

  .testimonial-section .col-lg-6.col-md-6.pl-50 {
    padding-left: 15px;
  }

  /*galary section*/

  .galary-text {
    transform: translateX(26%);
  }
  .style-two .galary-title h2 {
    font-size: 26px;
  }
  .style-two .galary-text {
    transform: translateX(33%);
  }
  .galary-title h4 a {
    font-size: 22px;
  }
  .style-three .galary-title {
    left: 100px;
  }

  /*video section*/
  .video-title h1 {
    font-size: 40px;
  }

  /*donate section*/
  .donate-section.style-two {
    text-align: center;
  }

  .video-button {
    margin-bottom: 35px;
  }
  .style-two .video-icon {
    top: -62px;
    left: 38%;
  }
  .donate-campaigns-items {
    display: block;
  }
  .donate-items-content {
    padding: 20px 30px 40px;
  }
  .donate-section-title h2 {
    font-size: 24px;
    line-height: 34px;
  }
  .donate-list .owl-nav {
    top: -27%;
    right: 15px;
  }

  /*service section*/
  .service-section .charina-section-title.white {
    text-align: center;
    margin-bottom: 30px;
  }

  /*counter section*/
  .counter-section {
    text-align: center;
  }
  .counter-title {
    left: 0;
    right: 0;
  }
  .counter-title h1 {
    font-size: 33px;
  }
  .counter-single-box.up {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .counter-single-box.upper2 {
    margin-top: 0;
  }
  .counter-icon {
    float: inherit;
    padding-right: 0;
    margin-bottom: 15px;
  }

  /*mission & vission*/
  .tabs li a {
    padding: 3px 25px;
    font-size: 15px;
    margin-right: 10px;
  }

  .charina-single-mission-items {
    display: block;
    padding: 55px 55px 55px;
  }
  .charina-mission-content {
    padding: 20px 0 0 22px;
  }
  .mission-title h3 {
    font-size: 23px;
    line-height: 34px;
  }
  .charina-mission-thumb img {
    width: 100%;
  }
  .mission-items-desc p {
    font-size: 15px;
  }
  .mission-shape {
    top: 7%;
    left: 10%;
  }

  /*call do action area*/

  .call-do-title h2 {
    font-size: 40px;
  }
  .style-two.call-to-action .charina-section-title.white {
    text-align: center;
  }
  .style-two.call-to-action .charina-button.text-right {
    text-align: center !important;
  }
  .charina-button.text-right {
    text-align: center !important;
    margin-top: 30px;
  }
  .call-to-shape {
    right: 40%;
    top: -103px;
  }
  .style-three.call-to-action {
    text-align: center;
  }
  .style-three.call-to-action .call-to-shape {
    top: -74px;
  }
  .call-to-title h2 {
    font-size: 25px;
  }

  .col-lg-6.col-md-6.pl-60.responsive {
    padding-left: 15px !important;
  }

  /*brand section*/
  .brand-section {
    padding: 80px 0 80px;
  }

  /*blog section*/

  .charina-blog-thumb img {
    width: 100%;
  }
  .blog-title h2 a {
    font-size: 18px;
    line-height: 27px;
  }

  .blog-title2 h3 a {
    font-size: 20px;
  }

  /*footer section*/
  .footer-info-desc p {
    font-size: 14px;
  }

  .footer-shape2 {
    right: 26px;
    top: -65px;
  }
  .footer-shape {
    bottom: -80px;
    left: 48px;
  }

  .footer-bottom-area {
    text-align: center;
    padding: 20px 0 18px;
  }

  .footer-bottom-menu.text-right {
    text-align: center !important;
  }
  iframe {
    width: 100%;
  }
  .donations-detials-title h2 a {
    font-size: 23px;
  }
  .donation-description p {
    font-size: 15px;
  }

  .post-button a {
    top: -182px;
  }
  .organizer-items {
    margin-top: 30px;
  }

  .breatcam-title h1 {
    font-size: 32px;
    color: #fff;
    padding: 1px 0 0;
  }
  .donar-single-box {
    margin-bottom: 20px;
  }
  .style-three .events-single-box {
    display: block;
  }
  .style-three .event-title h3 {
    font-size: 21px;
  }
  .event-thumb {
    margin-bottom: 20px;
  }
  .event-details-items {
    margin-top: 30px;
  }
  .widget-title2 h3 {
    font-size: 25px;
  }
  .charina-button a {
    padding: 14px 38px;
    font-size: 15px;
  }
  .widget_search {
    margin-top: 30px;
  }
  .sidebar-title h1 {
    font-size: 22px;
  }
  .contact-form-thumb img {
    width: 100%;
    margin-top: 30px;
  }
  .row.contact-bg {
    padding: 25px 35px 45px;
  }
  .blogs-icon {
    float: inherit;
    padding-right: 25px;
  }
  .blogs-descriptions p {
    font-size: 15px;
  }
  .social-icon-list.text-right {
    text-align: left !important;
    padding-top: 25px;
  }
}

/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .charina_nav_manu {
    display: none !important;
  }
  .header_top_menu {
    display: none;
  }
  /*slider area*/
  .hero-section {
    height: 690px;
    text-align: center;
  }
  .hero-sub-title h5 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .hero-title h1 {
    font-size: 28px;
    line-height: 34px;
  }
  .hero-button {
    margin-top: 34px;
  }
  .hero-button {
    margin-top: 10px;
  }
  .hero-button a {
    font-size: 13px;
    padding: 12px 34px;
  }
  .owl-nav {
    top: 68%;
    left: 11%;
  }
  .responsive .owl-nav {
    top: 52%;
    left: 77%;
  }
  .video-icon {
    left: 77%;
  }

  .hero-shape {
    left: 195px;
  }

  /*feature section*/

  .feature-title h3 {
    font-size: 22px;
  }
  .feature-description p {
    font-size: 14px;
  }

  .feature-section .charina-section-title h1 {
    font-size: 21px;
    line-height: 30px;
  }
  .feature-section .charina-section-title h4 {
    font-size: 16px;
    margin-top: 20px;
  }

  /*section title*/
  .charina-section-title h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .charina-section-title h4 {
    font-size: 15px;
  }
  .charina-section-title p {
    font-size: 15px;
  }
  .about-section .charina-section-title h1 {
    font-size: 21px;
    line-height: 34px;
  }

  /*about section*/
  .about-thumb img {
    width: 100%;
  }
  .about-thumb {
    margin: 0;
  }
  .about-thumb2 img {
    width: 100%;
  }
  .about-thumb2 {
    margin: 0;
  }
  .about-thumb2 {
    left: 0;
  }
  .about-shape {
    bottom: 8%;
  }
  .about-three .about-thumb2 {
    left: 0;
  }
  .charina-description p {
    font-size: 15px;
    line-height: 28px;
  }
  .charina-check-list p {
    font-size: 15px;
  }
  .about-three.about-section .charina-section-title h1 {
    font-size: 22px;
    line-height: 32px;
  }
  .charina-button a {
    font-size: 14px;
  }
  .about-item-content h3 {
    font-size: 18px;
  }
  .items-icon {
    padding-right: 20px;
  }
  .about-item-content p {
    font-size: 13px;
    width: 96%;
  }
  .upper.charina-check-list p {
    margin-bottom: 6px;
    font-size: 12px;
  }

  /*abour progress*/
  .progress-ber-plugin {
    padding: 40px 12px 13px;
  }
  p.progress-text {
    padding-left: 22px;
  }
  .progress-text p {
    font-size: 12px;
  }
  .progress-text span {
    font-size: 11px;
  }

  /*service section*/
  .service-section.style-two {
    text-align: center;
  }
  .service-section.style-two .charina-section-title {
    margin-bottom: 30px;
  }

  /*event section*/
  .events-section .charina-section-title h1 {
    font-size: 24px;
    line-height: 36px;
  }

  .event-title h3 a {
    font-size: 17px;
    line-height: 28px;
  }

  .events-section .events-content {
    padding: 22px 15px 0 20px;
  }
  .event-title h3 {
    font-size: 18px;
  }
  .event-text p span {
    padding-left: 10px;
  }
  .event-date {
    display: none;
  }

  .event-shape {
    left: 32%;
    top: 1%;
  }

  .events-section .charina-button {
    margin-bottom: 40px;
  }

  .style-two.events-section {
    padding: 70px 0px 40px;
  }
  .event-list .owl-nav {
    top: -21%;
    right: 6%;
  }
  .style-two .event-title h3 {
    font-size: 18px;
    line-height: 28px;
    padding: 17px 0px 30px 0;
  }
  .style-two .event-title h4 {
    font-size: 21px;
  }
  .style-two .event-title h4 span {
    font-size: 32px;
    font-weight: 400;
    height: 58px;
    width: 58px;
    line-height: 58px;
  }
  .style-two .event-title h3 a {
    font-size: 18px;
    line-height: 28px;
  }

  .events-single-box {
    display: block;
  }

  /*volunteer section*/

  .volunteers-section {
    padding: 60px 0 50px;
  }
  .volunteer-title h2 {
    font-size: 20px;
  }
  .volunteer-text span {
    font-size: 15px;
  }
  .style-two.volunteers-section .charina-section-title h1 {
    font-size: 27px;
    line-height: 34px;
  }

  /*testimonial*section*/

  .testimonial-section .charina-section-title h1 {
    font-size: 24px;
    line-height: 36px;
  }
  .testimonial-single-box {
    padding: 66px 25px 27px;
    margin-bottom: 35px;
  }
  .testimonial-title h4 {
    font-size: 20px;
  }
  .testi-title h4 {
    font-size: 20px;
  }
  .testimonial-desc p {
    font-size: 15px;
  }

  .testi-shape {
    top: 50px;
  }

  .testimonial-section .col-lg-6.col-md-6.pl-50 {
    padding-left: 15px !important;
  }

  /*galary section*/

  .galary-text {
    transform: translateX(12%);
  }
  .galary-text a {
    padding: 20px 25px;
    font-size: 17px;
  }
  .galary-title h2 {
    font-size: 28px;
  }
  .style-two .galary-title h2 {
    font-size: 26px;
  }
  .style-two .galary-text {
    transform: translateX(7%);
  }
  .galary-title h4 a {
    font-size: 20px;
  }
  .style-three .galary-title {
    left: 32px;
  }

  /*video section*/
  .video-title h1 {
    font-size: 40px;
  }

  /*donate section*/
  .donate-section {
    padding: 0 0 65px;
  }
  .donate-section.style-two {
    text-align: center;
    background-position: center right;
    padding: 150px 0 100px;
  }

  .video-button {
    margin-bottom: 35px;
  }
  .style-two .video-icon {
    top: -62px;
    left: 38%;
  }
  .donate-list .owl-nav {
    top: -18%;
    right: 15px;
  }
  .donate-section.style-two .charina-section-title h1 {
    font-size: 22px;
    line-height: 35px;
  }
  .donate-section.style-two .charina-section-title p {
    font-size: 14px;
  }
  .donate-section.style-two.upper .progress-text span {
    font-size: 14px;
  }
  .donate-section.style-two.upper .progress-text p {
    font-size: 13px;
  }
  .donate-date-text {
    padding-left: 0;
    margin-top: 20px;
  }

  .donate-campaigns-items {
    display: block;
  }
  .donate-items-content {
    padding: 20px 30px 40px;
  }
  .donate-section-title h2 {
    font-size: 24px;
    line-height: 34px;
  }
  .donate-list .owl-nav {
    top: -18%;
    right: 15px;
  }
  .donate-thumb2 img {
    width: 100%;
  }
  .donate-section.style-two.upper .donate-section-title h2 {
    font-size: 17px;
    line-height: 30px;
  }
  .donate-section-title p {
    font-size: 15px;
  }
  .donate-title h3 a {
    font-size: 20px;
    line-height: 26px;
  }

  /*service section*/
  .service-section .charina-section-title.white {
    text-align: center;
    margin-bottom: 30px;
  }

  /*counter section*/
  .counter-section {
    text-align: center;
  }
  .counter-title {
    left: 0;
    right: 0;
  }
  .counter-title h1 {
    font-size: 33px;
  }
  .counter-single-box.up {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .counter-single-box.upper2 {
    margin-top: 0;
  }
  .counter-icon {
    float: inherit;
    padding-right: 0;
    margin-bottom: 15px;
  }

  .counter-section.style-two .charina-section-title h1 {
    font-size: 20px;
    line-height: 35px;
  }

  /*mission & vission*/
  .tabs li a {
    padding: 2px 22px;
    font-size: 12px;
    margin-right: 10px;
  }

  .charina-single-mission-items {
    display: block;
    padding: 55px 30px 55px;
  }
  .charina-mission-content {
    padding: 20px 0 0 0px;
  }
  .mission-title h3 {
    font-size: 20px;
    line-height: 31px;
  }
  .charina-mission-thumb img {
    width: 100%;
  }
  .mission-items-desc p {
    font-size: 15px;
  }
  .mission-shape {
    top: 2%;
    left: 12%;
  }
  .mission-sectoin .charina-section-title h1 {
    font-size: 23px;
    line-height: 25px;
  }
  .mission-list ul li {
    font-size: 15px;
  }
  .mission-button a {
    padding: 11px 27px;
    font-size: 15px;
  }

  /*call do action area*/
  .call-to-action {
    text-align: center;
  }
  .call-to-action .col-lg-6.col-md-6.pl-60.responsive {
    padding-left: 20px;
  }
  .call-to-title h2 {
    font-size: 25px;
    line-height: 36px;
  }
  .call-to-icon {
    float: inherit;
  }

  .call-to-shape {
    top: -106px;
  }
  .style-two.call-to-action .charina-section-title h1 {
    font-size: 20px;
    line-height: 34px;
  }

  .style-three.call-to-action .charina-section-title h1 {
    font-size: 20px;
    line-height: 30px;
  }

  .style-three.call-to-action .call-to-shape {
    top: -74px;
  }
  .call-to-desc p {
    font-size: 15px;
  }

  .charina-button.text-right {
    text-align: center !important;
    margin-top: 25px;
  }
  /*brand section*/
  .brand-section {
    padding: 80px 0 80px;
  }

  /*blog section*/

  .blog-section .charina-section-title h1 {
    font-size: 23px;
    line-height: 35px;
  }

  .charina-blog-thumb img {
    width: 100%;
  }
  .blog-title h2 a {
    font-size: 18px;
    line-height: 27px;
  }

  /*footer section*/
  .footer-section {
    text-align: center;
  }
  .footer-info-desc p {
    font-size: 14px;
  }
  .company-info-desc p {
    font-size: 15px;
  }
  .footer-shape2 {
    right: 26px;
    top: -65px;
  }
  .footer-shape {
    bottom: -80px;
    left: 48px;
  }

  .footer-bottom-area {
    text-align: center;
    padding: 20px 0 18px;
  }

  .footer-bottom-menu.text-right {
    text-align: center !important;
  }
  .footer-bottom-content-copy p {
    font-size: 15px;
  }
  iframe {
    width: 100%;
  }

  .contact-us-section .charina-section-title h1 {
    font-size: 19px;
    line-height: 28px;
  }

  .contact-info-section .charina-section-title h1 {
    font-size: 23px;
  }
  .donations-detials-title h2 a {
    font-size: 23px;
  }
  .donation-description p {
    font-size: 15px;
  }

  .post-button a {
    top: -210px;
  }
  .organizer-items {
    margin-top: 30px;
  }

  .breatcam-title h1 {
    font-size: 30px;
  }

  .mid-col {
    margin-top: 50px !important;
  }

  .mid-col-down {
    margin-bottom: 50px !important;
  }

  .pol-image {
    padding-left: 0px;
  }

  .hero-title h2 {
    margin-top: 20px !important;
  }

  .fsca-h1 {
    display: none !important;
  }

  .row-col {
    margin-top: 0px !important;
  }
  .breatcam-menu ul li {
    font-size: 14px;
  }
  .donar-single-box {
    margin-bottom: 20px;
    margin-right: 20px;
  }
  .donation-details-section .charina-button {
    padding: 0px 30px 45px 0;
  }
  .responsive.charina-button a {
    font-size: 14px;
    margin-top: 0;
  }
  .responsive.charina-button {
    padding: 0px 30px 45px 0;
    margin-top: 0;
  }
  .donation-list ul li {
    font-size: 12px;
  }
  .donar-title h5 {
    font-size: 15px;
  }
  .post-comment-thumb {
    float: inherit;
    margin-bottom: 20px;
  }
  .forms-title h1 {
    font-size: 26px;
  }
  .widget-title2 h3 {
    font-size: 25px;
  }
  .events-thumb img {
    width: 100%;
  }
  .style-three .event-title h3 {
    font-size: 18px;
    line-height: 28px;
  }
  .style-three .event-discription p {
    font-size: 14px;
  }
  .events-content {
    padding: 22px 0px 0 0px;
  }
  .event-thumb {
    margin-bottom: 20px;
  }
  .event-details-items {
    margin-top: 30px;
  }
  .widget-title2 h3 {
    font-size: 25px;
  }
  .charina-button a {
    padding: 14px 38px;
    font-size: 15px;
  }
  .up.donation-description p {
    font-size: 15px;
  }
  .donate-section .donations-detials-title.pt-25 {
    padding-top: 0 !important;
  }
  .rpost-content h4 a {
    font-size: 14px;
    line-height: 22px;
  }
  .rpost-title {
    padding-left: 12px;
  }
  .widget-items {
    padding: 28px 25px 10px;
  }
  .widget_search {
    margin-top: 30px;
  }
  .blog-title2 h3 a {
    font-size: 18px;
  }
  .blogs-content {
    padding: 20px 20px 75px;
  }
  .blog-description2 p {
    font-size: 15px;
  }
  .blogs-section {
    padding: 50px 0 16px;
  }
  .widget_search {
    margin-top: 30px;
  }
  .sidebar-title h1 {
    font-size: 18px;
  }
  .contact-form-thumb img {
    width: 100%;
    margin-top: 30px;
  }
  .row.contact-bg {
    padding: 25px 35px 45px;
  }
  .form-section .charina-section-title h1 {
    font-size: 20px;
    line-height: 27px;
  }
  .blogs-descriptions p {
    font-size: 15px;
  }
  .social-icon-list.text-right {
    text-align: left !important;
    padding-top: 25px;
  }
  .blogs-icon {
    float: inherit;
    padding-bottom: 20px;
  }
  .special-desc p {
    font-size: 14px;
  }
  .up.donations-detials-title h2 a {
    font-size: 24px;
  }
  .donate-description p {
    font-size: 15px;
  }

  /* Footer */

  .footer-section {
    padding-left: 0px !important;
    padding-top: 100px !important;
  }

  .about-section {
    padding: 0px;
  }

  
 /* Quotation */
.checkbox-group {
    flex-direction: column; 
    gap: 15px;
    padding: 0 10px;
}

.checkbox-group label {
    white-space: normal; 
    width: 100%;
    align-items: flex-start; 
}

.checkbox-group input[type="checkbox"] {
    flex-shrink: 0; 
    margin-top: 3px; 
}
}