@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] {
text-decoration:inherit;
color: inherit; 
}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){
  .radio-group .radio-label { padding: 15px 22px;}
}
@media only screen and (min-width:1401px) and (max-width:1500px) {
  body{ overflow-x:hidden;}
  
  .radio-group .radio-label { padding: 15px 22px;}
  
  }
@media only screen and (min-width:1366px) and (max-width:1400px) {
body{ overflow-x:hidden;}

.radio-group .radio-label { padding: 15px 18px;}

}

@media screen and (min-width:1280px) and (max-width:1331px) {
    body{ overflow-x:hidden;}
    .ddsmoothmenu ul {column-gap: 20px;}
    .ddsmoothmenu ul li a{font-size: 20px; padding: 32px 0px;}
}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

header{padding: 0px 15px;}
.ddsmoothmenu ul{column-gap: 20px;}
.ddsmoothmenu ul li a{font-size: 20px; padding: 32px 0px;}
.home-banner .swiper-slide .swiper-cnt h1{font-size: 36px; line-height: 48px;}
.home-banner .swiper-slide .swiper-cnt a.donate-btn{padding: 10px 35px; font-size: 18px;}
.pan-india{padding: 60px 0;}
.pan-india h2{font-size: 36px; line-height: 42px; margin-bottom: 40px;}
.pan-lst ul li h3{font-size: 32px;}
.pan-lst ul li p{font-size: 22px;}
.campaigns-sec{padding: 60px 0 0 0;}
.projects-sec{width: 100%;padding: 60px 0; margin-left: 0;}
.projects-title{width: 100%;}
.help-guid{padding: 60px 0px;}
.help-guid h2 br{display: none;}
.help-guid p{font-size: 24px; line-height: 30px;}
.donate-cause{padding: 60px 0;}
.donate-rgt {flex: 0 1 56%;padding: 30px;}
.donate-amt h5{font-size: 28px;line-height: 32px;}
.amt span{font-size: 28px; line-height: 32px;}
.radio-group{column-gap: 20px; row-gap: 20px;}
.radio-group .radio-label{padding: 15px 20px;}
.donate-btn button{padding: 10px 40px; font-size: 18px;}
footer{padding: 60px 0px;}
.foot-menu-lst {flex: 0 1 23%;}
.foot-rgt ul li a .fa-brands{font-size: 28px;}

/* about us */
.inner-banner .inner-banner-rgt { padding: 30px 50px;}
}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.container, .container-fluid { width:100%;}
header{padding: 0px 15px;}
.ddsmoothmenu ul{column-gap: 20px;}
.ddsmoothmenu ul li a{font-size: 15px; padding: 32px 0px;}
.home-banner .swiper-slide .swiper-cnt h1{font-size: 36px; line-height: 48px;}
.home-banner .swiper-slide .swiper-cnt a.donate-btn{padding: 10px 35px; font-size: 18px;}
.pan-india{padding: 50px 0;}
.pan-india h2{font-size: 36px; line-height: 42px; margin-bottom: 40px;}
.pan-lst ul li h3{font-size: 32px;}
.pan-lst ul li p{font-size: 22px;}
.campaigns-sec{padding: 50px 0 0 0;}
.projects-sec{width: 100%;padding: 50px 0; margin-left: 0;}
.projects-title{width: 100%;}
.help-guid{padding: 50px 0px;}
.help-guid h2 br{display: none;}
.help-guid p{font-size: 24px; line-height: 30px;}
.donate-cause{padding: 50px 0;}
.donate-rgt {flex: 0 1 56%;padding: 30px;}
.donate-amt h5{font-size: 28px;line-height: 32px;}
.amt span{font-size: 28px; line-height: 32px;}
.radio-group{column-gap: 20px; row-gap: 20px;}
.radio-group .radio-label{padding: 15px 20px;}
.donate-btn button{padding: 10px 40px; font-size: 18px;}
.inner-banner .inner-banner-rgt { padding: 10px 50px;}

footer{padding: 50px 0px;}
.foot-menu-lst {flex: 0 1 23%;}
.foot-rgt ul li a .fa-brands{font-size: 28px;}
.top-rht ul li .search-frm-field { top: 60px;}

/*  */
.about-list li:nth-child(2n-1) .about-cnt {padding-left: 0; padding-right: 40px;}
.about-cnt { padding-left: 45px; padding-right: 65px;}

}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.container, .container-fluid { width:100%; padding:0px 15px; }
header{padding: 10px 0;}
.menu{display: none;}
.m-menu { display: block;}
/* .top-rht{display: none;}
.top-lft{display: none;} */
footer{padding: 30px 15px;}
.foot-inner{row-gap: 40px;}
.foot-lft {flex: 0 1 100%; row-gap: 40px;}
.foot-menu-lst {flex: 0 1 23.5%;}
.foot-top{column-gap: 0; row-gap: 40px;}
.foot-rgt {flex: 0 1 100%;}
.foot-menu-lst h3{margin-bottom: 10px;}
.foot-menu-lst h3 a{font-size: 15px; line-height: 22px;}
.foot-menu-lst ul{row-gap: 7px;}
.foot-menu-lst ul li a{font-size: 14px;}
.foot-rgt ul{justify-content: left; column-gap: 22px;}
.foot-rgt ul li a .fa-brands{font-size: 26px;}
.foot-btm p{font-size: 14px; color: #999;}

.home-banner .swiper-slide .swiper-cnt{position: relative; padding: 20px 15px 40px 15px; background: #ffffff;}
.home-banner .swiper-slide .swiper-cnt .swiper-title {padding:  0; width: 100%;}
.home-banner .swiper-slide .swiper-cnt h1{width: 100%; font-size: 32px; line-height: 36px; color: #030303; text-align: center; margin-bottom: 20px;}
.home-banner .swiper-slide .swiper-cnt h1 br{display: none;}
.home-banner .swiper-slide .swiper-cnt .swiper-btn {margin-right: 0;width: 100%; text-align: center;}
.home-banner .swiper-slide .swiper-cnt a.donate-btn{width: 280px;margin: 0 auto; float: none; background: #030303; color: #ffffff; padding: 10px 30px; font-size: 17px;line-height: 30px;}
.home-banner .swiper-slide .swiper-image{height: 280px; object-fit: cover;}
.home-banner .swiper-pagination-bullet{width: 10px;height: 10px;}
.home-banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 12px;}

.pan-india{padding: 40px 0;}
.pan-india h2{font-size: 28px; line-height: 32px; margin-bottom: 40px;}
.pan-lst ul{row-gap: 40px;}
.pan-lst ul li h3{font-size: 32px;}
.pan-lst ul li p{font-size: 20px;}

.campaigns-sec{padding: 40px 0 0 0;}
.campaigns-sec h2{font-size: 32px; line-height: 36px;}
.campaigns-sec a.view-btn{font-size: 16px; line-height: 22px;}
.campaign-img {width: 100%;}
.campaigns-lst{padding: 20px;}
.campaigns-lst h3{font-size: 28px;line-height: 32px;}
.price-input .field input{font-size: 17px; width: auto;}
.price-input .field label{font-size: 17px;}
.campaign-link{margin-bottom: 15px;}
.campaign-link a.campaign-btn{font-size: 16px;}
.campaign-select .select_box_input{height: 48px; font-size: 18px;}

.donate-cause{padding: 40px 0;}
.donate-lft {padding: 50px 20px;}
.donate-rgt {padding: 20px; flex: 0 1 52%;}

.help-guid{padding: 40px 0;}
.help-guid h2{font-size: 32px; line-height: 36px; margin-bottom: 20px;}
.help-guid h2 br{display: none;}
.help-guid p{font-size: 18px; line-height: 28px; margin-bottom: 25px;}
.help-guid p br{display: none;}
.help-guid a.email-btn{font-size: 16px; line-height: 22px; width: 280px;}

.donate-cause h2{font-size: 32px; line-height: 36px; margin-bottom: 20px;}
.donate-amt{column-gap: 0; row-gap: 20px; text-align: center; margin-bottom: 20px;}
.donate-amt h5{width: 100%; font-size: 24px;line-height: 28px;}
.amt{margin: 0 auto;}
.amt input[type="text"]{font-size: 20px;}
.radio-group{column-gap: 5%; row-gap: 15px; margin-bottom: 30px; justify-content: center;}
.radio-group label{flex: 0 1 30%;}
.amt span{font-size: 24px;}
.donate-btn button{font-size: 17px;line-height: 27px; padding: 10px 30px;}
.campaign-select{margin-bottom: 30px;}
.radio-group .radio-label{padding: 10px 10px; font-size: 17px;line-height: 28px;}

.projects-sec {width: 100%;float: left;padding: 40px 0;margin-left: 0;}
.projects-sec h2{font-size: 36px; line-height: 42px;}
.projects-title{width: 100%; margin-bottom: 20px;}
.projects-list ul { column-gap: 2%;}
.projects-list ul li { flex: 0 1 32%;}
.projects-sec a.view-btn{font-size: 16px; line-height: 26px;}
.projects-sec .swiper-container .swiper-slide .project-cnt h3{font-size: 24px; line-height: 28px;}
.projects-sec .swiper-container .swiper-slide .project-cnt h6{font-size: 16px; line-height: 26px;}

.home-banner .swiper-slide .swiper-image .dummy-img { display: none; opacity: 0;}
.inner-banner .inner-banner-rgt { padding: 10px 50px;}
.inner-banner h2 { font-size: 46px; line-height: 52px;}
.inner-banner p { font-size: 22px; line-height: 30px;}
.projects-list ul li .project-cnt h3 { margin-bottom: 25px;}
.project-sec p { margin-bottom: 25px; line-height: 28px;}
.projects-list ul li .project-btn a { font-size: 18px;}

.loginbox{ width:60%; }
.inner-banner h2 { font-size: 42px; line-height: 46px;}
.top-rht ul li .search-frm-field { top: 52px;}
.event-list ul li { font-size: 22px; line-height: 30px;}
.content-list { padding: 0;}

/*  */
.individual-sec, .individual-top { padding: 30px 15px 40px;}
.individual-sec h2, .our-team h2, .address-sec h2, .achieve-title, .prj-title-top h2, .cso-content h2 { font-size: 34px; line-height: 44px;}
.content-list h2 { font-size: 34px; line-height: 38px;}
.content-list h3 { font-size: 22px; line-height: 28px;}
.left-contentdonate { margin-bottom: 40px; text-align: center;border-bottom: 2px solid #E0DFDF;padding-bottom: 20px;}
.foundation #tab-2 p { text-align: center;}
.tab-bg { padding: 30px 10px;}
.confirmation-sec { background: none; padding: 0;}
button.btn-submit { font-size: 18px; padding: 10px 40px;}
.cloud-img { margin-bottom: 30px;}
.content-list h2 { font-size: 34px; line-height: 44px;}

/*  */
.about-list li:nth-child(2n-1) .about-cnt {padding-left: 0; padding-right: 30px;}
.about-cnt { padding-left: 35px; padding-right: 25px;}
.team-list ul li { flex: 0 1 32%;}
.modal-dialog { max-width: 90% !important;}
.mrg-rgt { padding:0;}
.content-page { padding: 50px 5px;}
.breadcrum-sec .container-fluid { padding-left: 30px; padding-right: 30px;}


.logo-left img { width: 100%; max-width: 200px;}
.address-text .contact-div { margin-top: 20px; padding-left: 15px !important;}
.our-appeal .donate-lft { flex: 0 1 100%;}
.our-appeal .donate-rgt { flex: 0 1 100%;}

.breadcrum-sec ul { width: 100%; overflow-x: auto;}
}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.container, .container-fluid { width:100%; padding:0px 15px; }
header{padding: 10px 0;}
.menu{display: none;}
.m-menu { display: block;}
/* .top-rht{display: none;} 
.top-lft{display: none;}*/
footer{padding: 30px 15px;}
.foot-inner{row-gap: 30px;}
.foot-lft {flex: 0 1 100%; row-gap: 30px;}
.foot-menu-lst {flex: 0 1 49%;}
.foot-top{column-gap: 0; row-gap: 40px;}
.foot-rgt {flex: 0 1 100%;}
.foot-menu-lst h3{margin-bottom: 10px;}
.foot-menu-lst h3 a{font-size: 15px; line-height: 22px;}
.foot-menu-lst ul{row-gap: 7px;}
.foot-menu-lst ul li a{font-size: 14px;}
.foot-rgt ul{justify-content: center; column-gap: 22px;}
.foot-rgt ul li a .fa-brands{font-size: 26px;}
.foot-btm p{font-size: 14px; color: #999; text-align: center;}

.home-banner .swiper-slide .swiper-cnt{position: relative; padding: 20px 15px 40px 15px; background: #ffffff;}
.home-banner .swiper-slide .swiper-cnt .swiper-title {padding:  0; width: 100%;}
.home-banner .swiper-slide .swiper-cnt h1{width: 100%; font-size: 32px; line-height: 38px; color: #030303; text-align: center; margin-bottom: 25px; font-family: 'Montserrat-SemiBold';}
.home-banner .swiper-slide .swiper-cnt h1 br{display: none;}
.home-banner .swiper-slide .swiper-cnt .swiper-btn {margin-right: 0;width: 100%; text-align: center;}
.home-banner .swiper-slide .swiper-cnt a.donate-btn{width: 280px;margin: 0 auto; background: #030303; color: #ffffff; float: none; padding: 10px 30px; font-size: 18px;line-height: 30px;}
.home-banner .swiper-slide .swiper-image{height: 370px; object-fit: cover;}
.home-banner .swiper-pagination-bullet{width: 10px;height: 10px;}
.home-banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 12px;}

.pan-india{padding: 40px 0;}
.pan-india h2{font-size: 28px; line-height: 32px; margin-bottom: 30px; font-family: 'Montserrat-Medium';}
.pan-lst ul{column-gap: 4%; row-gap: 50px;}
.pan-lst ul li{flex: 0 1 48%;}
.pan-lst ul li h3{font-size: 32px; line-height: 32px;}
.pan-lst ul li .fun-fact-number { margin-bottom: 5px;}
.pan-lst ul li p{font-size: 20px; line-height: 22px; font-family: 'Montserrat-Medium';}

.campaigns-sec{padding: 40px 0 0 0;}
.campaigns-sec h2{font-size: 32px; line-height: 36px;}
.campaigns-sec a.view-btn{font-size: 16px; line-height: 22px;}
.campaign-img {width: 100%;}
.campaigns-lst{padding: 20px;}
.campaigns-lst h3{font-size: 28px;line-height: 32px;}
.price-input .field input{font-size: 18px; width: auto;}
.price-input .field label{font-size: 18px;}
.campaign-link{margin-bottom: 15px;}
.campaign-link a.campaign-btn{font-size: 16px;}
.campaign-select .select_box_input{height: 48px; font-size: 18px;}

.campaigns-inner{column-gap: 0; row-gap: 50px;}
.campaigns-lst {flex: 0 1 100%;}

.donate-cause{padding: 40px 0;}
.donate-lft {flex: 0 1 100%; padding: 40px 20px; width: 100%;}
.donate-rgt {flex: 0 1 100%; padding: 25px;}

.help-guid{padding: 40px 0;}
.help-guid h2{font-size: 32px; line-height: 36px; margin-bottom: 20px;}
.help-guid h2 br{display: none;}
.help-guid p{font-size: 18px; line-height: 28px; margin-bottom: 25px;}
.help-guid p br{display: none;}
.help-guid a.email-btn{font-size: 16px; line-height: 22px; width: 280px;}

.donate-cause h2{font-size: 32px; line-height: 36px; margin-bottom: 15px;}
.donate-amt{column-gap: 0; row-gap: 25px; text-align: center; margin-bottom: 30px;}
.donate-amt h5{width: 100%; font-size: 28px;line-height: 32px;}
.amt{margin: 0 auto;}
.amt input[type="text"]{font-size: 18px; height: 50px;}
.radio-group{column-gap: 5%; row-gap: 25px; margin-bottom: 30px; justify-content: center;}
.radio-group label{flex: 0 1 30%;}
.amt span{font-size: 24px; height: 50px;}
.donate-btn button{font-size: 18px;line-height: 28px; padding: 10px 30px;}
.campaign-select{margin-bottom: 30px;}
.radio-group .radio-label{padding: 10px 15px; font-size: 18px;line-height: 28px;}

.projects-sec {width: 100%;float: left;padding: 40px 0;margin-left: 0;}
.projects-sec h2{font-size: 32px; line-height: 36px;}
.projects-title{width: 100%; margin-bottom: 20px; row-gap: 15px;}
.projects-sec a.view-btn{font-size: 16px; line-height: 26px;}
.projects-sec .swiper-container .swiper-slide .project-cnt h3{font-size: 22px; line-height: 26px;}
.projects-sec .swiper-container .swiper-slide .project-cnt h6{font-size: 16px; line-height: 26px;}

.inner-banner .inner-banner-lft{width: 100%; order: 1;}
.inner-banner .inner-banner-rgt{width: 100%; padding: 35px 20px; order: 2; text-align: center; background: #f4f4f4;}
.inner-banner h2{font-size: 42px; line-height: 48px; margin-bottom: 20px;}
/* .inner-banner h2 br { display: none;} */
.inner-banner p { margin-bottom: 20px; font-size: 18px; line-height: 28px;}
.objective-title { padding: 0 3%;}
.objective-sec { padding: 60px 0;}
.objective-sec p { font-size: 16px; line-height: 26px;}
.objective-lst ul  { row-gap: 40px;}
.objective-lst ul li { flex: 0 1 100%;}
.objective-lst ul li:not(:last-of-type)::after { display: none;}
.inner-banner a.dw-btn { float: none; display: inline-block; font-size: 16px;}
.mob-proj-section { background: #f4f4f4; float: left; width: 100%; padding: 35px 0;}
.faq-sec{padding: 40px 0;}
.faq-inner{column-gap: 0; row-gap: 30px;}
.smk_accordion.acc_with_icon .accordion_in .acc_content {padding-left: 15px;padding-right: 15px;}
.smk_accordion .accordion_in .acc_content p{font-size: 15px; line-height: 25px;}
.smk_accordion.acc_with_icon .accordion_in .acc_head {padding-left: 15px;padding-right: 45px;}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {right: 12px;top: 30%;}
.faq-lft {flex: 0 1 100%; order: 2;}
.faq-rgt {flex: 0 1 100%;}
.faq-sec h2{font-size: 32px; line-height: 36px; text-align: center; margin-bottom: 20px;}
.accordion_example2.smk_accordion .accordion_in .acc_head {padding: 10px 40px 10px 15px; font-size: 16px; line-height: 24px;}
.accordion_example2.smk_accordion .accordion_in.acc_active > .acc_head {font-size: 18px; line-height: 26px;}
ul.tabs li {padding: 15px 15px; font-size: 18px;}
ul.tabs li span {display: none;}

.prj-update{padding: 40px 0;}
.prj-title{padding: 0; margin-bottom: 30px;}
.prj-update h2{font-size: 32px;line-height: 36px; margin-bottom: 20px;}
.prj-update p{font-size: 16px;line-height: 26px;}

.mob-section { display: none;}
.inner-banner img { height: 320px;}
.tab-content { background: none;}
.projects-list ul { column-gap: 3%; row-gap: 30px;}
.projects-list ul li { flex: 0 1 48.5%;} 
.projects-list ul li .project-cnt { background: #ffffff;}
.projects-list ul li .project-cnt h3 { margin-bottom: 15px; font-size: 24px; }
.mob-proj-section .project-sec p { margin-bottom: 25px; line-height: 28px; font-size: 18px;}
.projects-list ul li .project-cnt p { color: #7d7d7d; margin-bottom: 25px; line-height: 28px; font-size: 16px;}
.projects-list ul li .project-btn a, .project-cnt a.dw-btn, .projects-sec .project-btn span { font-size: 16px;}

.loginbox{ width:85%; }
.mob-slide { display: block; padding: 0;}
.prj-top, .prj-btm { display: none;}
.prj-lst, .prj-lst.event {flex: 0 1 108%;}
.prj-lst ul { row-gap: 15px;}
.prj-lst ul li { font-size: 16px; line-height: 26px;}
.donors-sec { padding: 50px 0;}
.donors-lft{flex: 0 1 100%;}
.donors-rgt{flex: 0 1 100%;}
.donors-sec h2 {font-size: 32px;line-height: 36px; margin-bottom: 25px;}
.donors-sec p { font-size: 16px; line-height: 26px;}
.top-rht ul li .search-frm-field { top: 52px;}
.project-sec h2 {font-size: 32px;line-height: 36px; }
.event-list ul { row-gap: 15px;}
.event-list ul li { font-size: 18px; line-height: 28px; text-align: left;}
.inner-banner .inner-banner-rgt.grey-bg { background: #f4f4f4;}

.prj-img { flex: 0 1 100%; width: 100%; margin-bottom: 30px;}
.mob-prj { display: none;}
.prj-lst.pad-prj { padding-top: 0; padding-bottom: 30px;}
.tab-content .campaign-select { margin-bottom: 20px;}
.content-page { padding: 40px 10px 20px;}
.content-list { padding: 0;}
.content-list h2 { font-size: 36px; line-height: 42px;}
.content-list h3 { font-size: 24px; line-height: 28px;}
.content-list p, .content-list ul li { font-size: 16px; line-height: 26px;}
.project-sec h4, .projects-sec .swiper-slide .project-cnt h4, .projects-sec .swiper-slide .project-cnt p { font-size: 16px; line-height: 26px;}
.share-btn a { font-size: 16px; padding: 8px 50px;}
.cso-content p, .prj-title-top p { font-size: 16px; line-height: 24px;}

.mob-search button { width: 22px; height: 22px;}
.top-rht ul li a i { font-size: 24px;}

.top-rht ul { column-gap: 15px;}
.top-rht ul li .search-btn { display: none;}
.mob-search { display: block;}
.mobile-search{top:70px;padding: 15px 0px 20px;}
.mobile-frm-field{height: 35px;line-height: 35px;}
.mobile-search input[type="text"]{font-size: 14px;}
.mobile-search a.close img{width: 15px; display: inline-block;}

/*  */
.breadcrum-sec { padding: 10px 0;}
.individual-sec, .individual-top { padding: 20px 0px 60px;}
.individual-sec .form-group, .form-group { margin-bottom: 20px;}
.individual-sec h2, .about-title h2, .our-team h2, .address-sec h2, .achieve-title, .prj-title-top h2, .cso-content h2 { font-size: 32px; line-height: 36px; margin-bottom: 20px;}
.content-list h2 { font-size: 32px; line-height: 36px;}
.content-list h3 { font-size: 20px; line-height: 28px;}
.individual-sec h3 { font-size: 20px; line-height: 28px; margin-bottom: 10px; }
.individual-lft{flex: 0 1 100%; padding: 30px 20px;}
.individual-rgt{flex: 0 1 100%; padding: 40px;}
.new-cso { width: 100%; float: left;}
.tab-content-main { padding-top: 30px;}
.foundation .prj-title h2 span { display: initial;}
.foundation #tab-2 h3 { font-size: 24px; line-height: 30px;}
.left-contentdonate { margin-bottom: 40px; text-align: center;border-bottom: 2px solid #E0DFDF;padding-bottom: 20px;}
.foundation #tab-2 p { text-align: center;}
.tab-bg { padding: 30px 10px;}
.confirmation-sec { background: none; padding: 0;}
button.btn-submit { font-size: 18px; padding: 10px 40px; margin-top: 20px;}
.cloud-img { margin-bottom: 30px;}
.send-data { float: left; width: 100%; text-align: center;}

.inner-banner .support { width: 100%; justify-content: center;}
.about-title { padding: 0; margin-bottom: 30px;}
.about-title h3 { font-size: 20px; line-height: 30px;}
.about-list li:nth-child(2n-1) .about-cnt {padding-left: 0; padding-right: 0px;}
.about-img { flex: 0 1 100%;}
.about-cnt { flex: 0 1 100%; padding-left: 0px; padding-right: 0px;}
.about-list li:nth-child(2n-1) .about-img { order: 1;}
.about-list li:nth-child(2n-1) .about-cnt { order: 2;}
.about-list ul li p { font-size: 16px; line-height: 24px;}
.donate-btn-btm a { text-align: center;}
.team-list ul li { flex: 0 1 48%; padding: 15px 10px 22px;}
.modal-dialog { max-width: 92% !important; width: 100% !important;}
.modal-confirm h5 { font-size: 16px; line-height: 24px;}

.account-type label, .individual-sec label { font-size: 14px; padding: 9px 7px;}
.donate-submit p { font-size: 14px; line-height: 24px;}
.donate-submit p { padding-top: 0;}
.form-amount { margin-top: 10px;}
.breadcrum-sec .container-fluid { padding-left: 15px; padding-right: 15px;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
.individual-sec .form-control, .individual-sec textarea { height: 48px;}
ul.tabs li:not(:last-of-type)::after { display: none;}

.about-list ul li h3 { font-size: 24px; line-height: 26px;}
.our-team .modal-confirm p { font-size: 16px; line-height: 26px;}
.team-list ul li h3 { font-size: 22px; line-height: 24px;}
.team-list ul li p { font-size: 16px;}

.logo-left img { width: 100%; max-width: 200px;}
.address-text .contact-div { margin-top: 20px; padding-left: 15px !important;}
.address-sec h4 { font-size: 18px; line-height: 24px;}
.belief-content { row-gap: 15px};

.breadcrum-sec ul { width: 100%; overflow-x: auto; scrollbar-width:none;}
}
@media screen and (max-width:639px) {

.content-list h2 { font-size: 32px; line-height: 40px;}
.logo img{ max-width:230px; }

.inner-banner h2{font-size: 38px; line-height: 48px; margin-bottom: 20px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
.top-rht {flex: 0 1 50%;}
.top-rht ul { column-gap: 7px;}
.logo img{ max-width:200px; }

.pan-lst ul{column-gap: 0; row-gap: 35px; justify-content: center;}
.pan-lst ul{column-gap: 0;}
.pan-lst ul li {flex: 0 1 100%;}
.radio-group label {flex: 0 1 47%;}
.price-input .field input{font-size: 16px;}
.price-input .field label{font-size: 16px;}
.donate-amt h5{font-size: 24px; line-height: 28px;}

.donate-cause h2{font-size: 28px;line-height: 32px}
.help-guid h2{font-size: 28px;line-height: 32px;margin-bottom: 15px;}
.help-guid p {font-size: 16px;line-height: 26px;}

.campaigns-sec h2 {font-size: 28px;line-height: 32px;}
.pan-lst ul li h3 {font-size: 32px; line-height: 28px !important;}
.pan-lst ul li p{font-size: 17px;}

.projects-sec h2 {font-size: 24px;line-height: 32px;}
.projects-sec a.view-btn {font-size: 14px;line-height: 24px;}

.projects-list ul { row-gap: 30px;}
.projects-list ul li { flex: 0 1 100%;} 
.projects-list ul li .project-btn a { font-size: 18px; width: 100%; margin-bottom: 10px;}

.project-sec h2 {font-size: 28px;line-height: 32px; }
.home-banner .swiper-slide .swiper-cnt h1 {font-size: 28px;line-height: 32px; }

.individual-sec h2, .about-title h2, .our-team h2, .address-sec h2, .achieve-title, .prj-title-top h2, .cso-content h2 { font-size: 26px; line-height: 32px; margin-bottom: 15px;}
.individual-sec h3 { font-size: 18px; line-height: 26px; }
.content-list h2 { font-size: 28px; line-height: 32px;}
.content-list h3 { font-size: 16px; line-height: 24px;}

button.btn-submit { font-size: 18px; padding: 8px 40px;width: 100%;text-align: center;justify-content: center;}
.donate-btn button { font-size: 18px; padding: 12px 40px;width: 100%;text-align: center;justify-content: center;}
.help-guid a.email-btn, .home-banner .swiper-slide .swiper-cnt a.donate-btn { width: 100%;}

.our-team { padding: 40px 0 50px;}
.team-list ul li h3 { font-size: 20px; line-height: 22px;}
}

@media screen and (max-width:359px) {

  .team-list ul li { flex: 0 1 100%; }

}