@media only screen and (max-width:1600px) {  
    .header ul li a {
        font-size: 16px;
        margin-right: 20px;
    } 
    .header .navbar-custom button {
        padding: 10px 44px;
        font-size: 16px;
    }
    a.nav-link.dropdown-toggle.dropbtn {
        margin-right: calc(20px + 20px);
    }

    .carousel-caption-custom h5 {
        font-size: 55px;
    }

    .carousel-caption-custom p {
        font-size: 28px;
    }

    .about-light h1 {
        font-size: 130px;      
    }
    .title {
        font-size:45px;        
    }
    .about-content p {        
        font-size: 18px;
    }
    .btn-theme {
        padding: 10.5px 24px !important;
        font-size: 16px !important;
    }
    .latest-news-title {
        margin-bottom: 50px;
    }
    .custom-img-badge {
        font-size: 14px !important;
        padding: 6px 10.3px !important;
    }
    .custom-badge {
        padding: 5px 18px;
        max-width: 120px;
    }
    .badge-title {
        font-size: 14px;
    }
    .foreb-indias-title {
        font-size: 50px;
        margin-top: 35px;
    }
    .card-pera-1 {
        font-size: 18px;        
        margin-bottom: 21px;
    }
    .card-pera-2 {
        font-size: 17px;
        margin-bottom: 21px;
    }
    .card-link {       
        font-size: 18px;
    }
    .header .navbar-custom .dropdown-item {
        font-size: 15px;       
    }
    .together-title {
        font-size: 52px;
        margin-bottom: 25px;
    }
    .together-content {
        font-size: 18px;       
        margin-bottom: 85px;
    }
    .donet-button span {
        font-size: 16px;
    }
    .footer-content h6 {
        font-size: 16px;
        margin-bottom: 22px;
    }
    .footer-menu li a {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .footer {
        background-size: 100%;
    }

    /* overview page */
    .get-know-first {
        font-size: 35px;
    }
    .get-know-last {
        font-size: 35px;        
    }
    .about-pera {
        font-size: 17px !important;        
        margin-top: 10px;
    }
    .about-pera-2 {
        font-size: 17px;       
    }
    .youth-text {
        font-size: 35px;       
        width: 91%;
    }
    .goal-content-box li {
        font-size: 25px;        
        padding-bottom: 32px;
    }
    .goal-content-box ul li::marker {
        font-size: 33px;
    }
    .objective-box-red p {        
        font-size: 18px;        
    }
    .objective-box-black p {       
        font-size: 18px;        
    }
    .focus-pera-1 {
        font-size: 20px;
        margin-bottom: 14px;
    }
    .focus-pera-2 {
        font-size: 18px;
    }
    .focus-content {
        padding: 35px 35px 35px 35px !important;
    }
    .volunteer-content p {
        font-size: 18px;
        margin-top: 9px;
    }

    /* global-leader */
    .leader-name h1 {       
        font-size: 38px;        
    }
    .leader-position p {
        font-size: 23px;        
    }
    .leader-content p {
        font-size: 18px;        
    }

    /* our-partner */

    /* .our-partner-group img{
        height: 150px;
    } */
    .our-partner-group h1 {
        font-size: 51px;        
    }
    .our-partner-heading h3 {
        font-size: 48px;    
    }
    .our-partner-heading h4 {
        font-size: 28px;       
    }

    /* health-education-committee */
    .target-audiance-content h5 {
        font-size: 23px;        
    }
    .activity-heading span {
        font-size: 58px;        
    }
    .header-main-bg h1 {        
        font-size:45px;
    }
    /* advocacy-committie */
    .heading-pera {
        font-size: 23px;        
    }

    /* our-work */
    .location-content p {        
        font-size: 18px;
        line-height: 1;
    }
    .slider-pera {
        font-size: 18px;
        margin-top: 25px;
    }
    .slider-button {
        margin-top: 50px;
    }
    .slider-img p {        
        font-size: 18px;
        padding: 5.5px 27.3px;
    }
    .next-button{
        width: 80%;
    }
    .flagship-theory h3 {
        font-size: 38px;       
    }
    .flagship-theory h3::after {       
        right: 65px;
    }
    .flagship-theory p {
        font-size: 18px;
    }
    .flagship-theory-2 h3 {
        font-size: 38px;        
    }
    .flagship-theory-2 p {
        font-size: 18px;
    }
    .flagship-theory-2 h3::after {       
        right: 180px;
    }
    .evnt-description h2 {
        font-size: 53px;    
    }
    .evnt-description ul li {
        font-size: 18px;
        margin-right: 18px;
    }
    .evnt-description p {
        font-size: 18px;
        padding-top: 30px;      
    }

    /* media center */
    .instagram-content h3 {
        font-size: 55px;        
    }
    .instagram-content ul li {
        font-size: 28px;
    }

    /* fund-us */
    .fund-us-content span {
        font-size: 56px;
    }
    .fund-us-content {    
        padding-top: 10px;
    }
    .fund-us-content p {
        font-size: 28px;        
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .fund-us-section {
        margin-bottom: 60px;
    }    

    /* become-member */
    .become-member-sec h1 {        
        font-size:45px;        
    }
    .become-member-sec p {
        font-size:20px;        
        margin-top:20px;
    }
    .become-member-sec {
        padding: 110px 135px;
    }
    .benifit-list img{
        width: 28%;
    }
    .benifit-list p {
        font-size: 15px;
        margin-top: 15px;
    }
    .parent {        
        grid-row-gap: 35px;
    }

    .join-us-content p {
        font-size: 22px;        
    }

    /* faqs */
    .accordion-custom .accordion-button {        
        font-size: 23px !important;
    }
    .accordion-custom  .accordion-body {
        font-size: 19px;
    }

    /* join wyhf */
    .join-wyhf-form label {
        font-size: 23px;        
    }
    .join-wyhf-content p {
        font-size: 18px;
        color: #121212;
        width: 76%;
        margin-bottom: 27px;
    }

    /* login */
    /* .login-content {                
        left: 100px;
        top: 200px;   
        width: 580px;     
    }
    .footer-pera {        
        left: 145px;
    }
    .login-sec {
        background-size: 49% !important;
    }
    .login-logo {
        right: 725px;
    } */

    /* india-chapter */
    .india-chapter-bg {
        padding: 77.5px 475px 331px 500px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    .country-cvd-sec ul {
        margin-top: 50px;
        margin-left: 100px;
    }
    .country-cvd-sec ul li {
        font-size: 26px;        
        margin-bottom: 11px;
    }
    .target-audiance-content p {
        font-size: 18px;
    }
    .education-red h6 {
        font-size: 23px;    
        padding-top: 7px;
        margin-bottom: 10px;
    }
    .education-red {
        padding: 20px 10px 20px 20px;
    }
    .education-red h6::before {
        width: 60px;
    }
    .education-red p {
        font-size: 17px;        
    }
    .education-red p::before {
        top: 11px;
    }
    .education-red ul {
        margin-top: 22px;
    }
    .education-red ul li span {
        font-size: 18px;
        line-height: 1.4;
    }
    .education-red ul li {        
        font-size: 18px;        
    }

    /* chapter */
    .chapter-main-sec {
        padding: 120px 170px 120px 0;
    }    
    .volunteers-rigthside {
        gap: 50px;
    }
    .chapter-box h2 {
        font-size: 46px;
    }
    .chapter-box h6 {
        font-size: 28px;
    }
    .accordion-chapter .accordion-body .flag-name {
        font-size: 18px;        
    }
    .accordion-chapter .accordion-button {        
        font-size: 35px !important;
    }
    .create-chapter-name h1 {        
        font-size:30px;        
        margin-bottom:8px;
        padding-top:18px;
    }
    .create-chapter-name p {
        font-size: 23px;      
        margin-bottom: 8px;
    }
    .create-chapter-name span {        
        font-size: 28px;
    }
    .create-chapter-name ul {
        margin-top: 18px;
    }
    .create-chapter-name ul li {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .section-about::before {
        position: absolute;
        content: "";
        border-top: 2px solid #D61B26;
        height: 120px;
        max-width: 7.4%;
        width: 100%;
        transform: rotate(90deg);
        left: 175px;
        top: 0;
    }

    /* bug */
    .research-title{
        font-size: 49px;
    }
    .footer-bg-logo {
        max-width: 17% !important;
        width: 100%;
    }
    .card-pera-3 {
        width: 83%;
    }

    .volunteer-with-us{padding:40px 50px; margin-bottom:-190px;}
    .container-padding-top{padding-top:20px;}
    .footer {padding-bottom:50px;}
    .become-page .section-padding-top {padding-top:80px;}
    .become-page .footer {padding-top:50px; padding-bottom: 50px;}
    .social-links ul li {margin-right:20px;}
    .volunteer-content h1 { font-size: 40px;}
    .carousel-custom {
        margin-top: 30px;
    }
    .submit-button {padding:12px 45px !important; margin-top: 40px !important;}
    .join-wyhf-form .form-control {padding:10px 0 10px 10px; height: 48px;}
    .join-wyhf-form .form-select-lg {
        padding-top: 0;
        padding-bottom: 0;
        height: 48px;
    }

}


@media only screen and (max-width:1440px) {
    .carousel-caption-custom h5 {
        font-size: 45px;
        line-height: 1.4;
    }
    .carousel-caption-custom p {
        font-size: 22px;
        margin-top: 18px;
    }

    .about-light h1 {
        font-size: 120px;
    }

    .about-content p {
        font-size: 17px;
        margin-bottom: 65px;
    }
    .video-edit iframe {
        height: 386px;
    }
    .foreb-indias-content {
        padding: 30px;
    }
    .custom-img-badge {
        font-size: 12px !important;
        padding: 5px 7.3px !important;
    }
    .foreb-indias-title {
        font-size: 40px;
        width: 68%;
    }
    .slide-img {
        height: 765px !important;       
    }
    .carousel-caption-custom {
        top: 50%!important;
        left: 150px !important;        
        transform: translateY(-50%);
    }
    .navbar-custom {
        padding-top: 9px !important;
    }
    .together-title {
        font-size: 47px;
    }

    .volunteer-content h1 {
        font-size:35px;
    }
   
    .social-links ul li {
        margin-right: 30px;
    }
    .social-links i {
        font-size: 18px;
    }
    .footer-content h6 {
        font-size: 14px;
    }
    .footer-menu li a {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .footer-reserved {
        margin: 20px 0px 20px 0px;
        font-size: 14px;
    }
    .badge-title {
        font-size: 13px;
        line-height: 1;
    }
    .header ul li a {
        font-size: 15px;
        margin-right: 15px;
    }
    a.nav-link.dropdown-toggle.dropbtn {
        margin-right: calc(15px + 15px);
    }
    .dropdown-toggle::after {
        margin-top: 1px !important;
    }
    .header .navbar-custom button {
        padding: 9px 36px;
        font-size: 16px;
    }

    /* overview-page */
    .get-know-first {
        font-size: 30px;
    }
    .get-know-last {
        font-size: 30px;
    }
    .about-pera {
        font-size: 16px !important;
    }
    .about-pera-2 {
        font-size: 16px;
    }
    .quote-1 {
        font-size: 50px;
    }
    .quote-2 {
        font-size: 50px;
    }
    .youth-text {
        font-size: 34px;
    }
    .objective-box-red p {
        font-size: 17px;
        margin-top: 25px;
    }
    .objective-box-black p {
        font-size: 17px;
        margin-top: 25px;
    }
    .focus-pera-2 {
        font-size: 17px;
    }
    .volunteer-content p {
        font-size:16px;
        margin-top:8px;
    }
    .img-height {
        height: 301px;
    }

    /* global-leader */
    .leader-name h1 {
        font-size: 36px;
    }
    .leader-position p {
        font-size: 21px;
        margin-bottom: 15px;
    }
    .leader-content p {
        font-size: 17px;
    }

    /* our-partner */
    .our-partner-heading h3 {
        font-size: 44px;
        margin-bottom: 29px;
    }
    .our-partner-heading h4 {
        font-size: 26px;
        margin-bottom: 145px;
    }

    /* health-education-committiee */
    .target-audiance-content h5 {
        font-size: 21px;
    }
    .activity-heading span {
        font-size: 56px;
    }
    
    .target-audiance-content h5 {
        font-size: 19px;
    }
    .activity-heading span {
        font-size: 52px;
    }
    .header-main-bg h1 {
        padding: 120px 155px;

    }

    /* advocacy-committie */
    .advocacy-heading::before {
        width: 800px;
        height: 80px;
    }
    .heading-pera {
        font-size: 22px;
    }
    .policy-heading::before {
        width: 730px;
        height: 77px;
    }

    /* our-work */
    .carousel-control-prev {
        justify-content: start;
        transition: opacity .15s ease-in-out;
    }
    .carousel-control-next{
        justify-content: end;

    }

    /* fund-us */
    .fund-us-section {
        margin-top: 120px;        
        padding-top: 55px;
    }

    /* faqs */
    .accordion-custom .accordion-button {
        font-size: 21px !important;
    }
    .accordion-custom  .accordion-body {
        font-size: 18px;
    }
    .accordion-button {        
        padding: 0.6rem 1rem; 
    }
    .accordion-body {
        padding:  0.6rem 1rem !important;
    }

    /* join wyhf */
    .join-wyhf-form label {
        font-size: 20px;
    }

    /* login */
    /* .login-sec {        
        background-size: contain !important;
    }
    .login-content {
        left: 85px;
        top: 190px;
        width: 500px;
    }
    .footer-pera {
        left: 95px;
    }
    .login-content .form-label {
        font-size: 18px;
    }
    .login-content a {        
        font-size: 18px;
    } */

    /* india-chapter */
    .india-chapter-bg {
        padding: 77.5px 402px 272px 414px;
    }
    .india-chapter-bg h1 {
        font-size: 240px;       
    }
    .country-cvd-sec ul {
        margin-top: 40px;
        margin-left: 90px;
    }
    .country-cvd-sec ul li {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .education-red img {        
        width: 23%;
    }

    /* chapter */
    .volunteers-rigthside {
        gap: 40px;
    }
    .chapter-main-sec {
        padding: 110px 125px 110px 0;
    }
    .chapter-box h2 {
        font-size: 44px;
    }
    .chapter-box h6 {
        font-size: 26px;
    }
    .chapter-box-2 h2 {
        font-size: 44px;
    }
    .chapter-box-2 h6 {
        font-size: 26px;
    }
    .chapter-box-3 h2 {
        font-size: 44px;
    }
    .chapter-box-3 h6 {
        font-size: 26px;
    }
    .accordion-chapter .accordion-button {
        font-size: 33px !important;
    }
    .accordion-chapter .accordion-body .flag-name {
        font-size: 17px;
    }
    .create-chapter-name h1 {
        font-size: 36px;
        margin-bottom: 6px;
        padding-top: 14px;
    }
    .create-chapter-name p {
        font-size: 22px;
        margin-bottom: 6px;
    }
    .create-chapter-name span {
        font-size: 26px;
    }
    .create-chapter-name ul {
        margin-top: 14px;
    }
    .create-chapter-name ul li {
        font-size: 17px;
        margin-bottom: 12px;
    }
    .section-about::before {
        position: absolute;
        content: "";
        border-top: 2px solid #D61B26;
        height: 120px;
        max-width: 8.3%;
        width: 100%;
        transform: rotate(90deg);
        left: 85px;
        top: 0;
    }

    /* bug */
    .research-title{
        font-size: 49px;
    }
    .footer-bg-logo {
        max-width: 17% !important;
        width: 100%;
    }
    .body-slider .carousel-item {
        position: relative;
        overflow: hidden;
        height: 88vh;
    }
    .section-padding-top {
        padding-top: 55px;
    }


    .volunteer-with-us {
        padding: 40px 50px;
        margin-bottom: -132px;
    }

    .together-section {
        padding-top: 75px!important;
        padding-bottom: 75px!important;
    }

    .dropdown-content a {padding: 5px 16px;}


}

@media only screen and (max-width:1400px) {
.left-table {min-height: 55px;}
.left-table h3 {font-size: 20px;}

}


@media screen and (max-width:1445px) {
.btn-theme {padding: 10.5px 15px !important;}
.leader-name h1 {font-size: 28px;}
.leader-social-link ul li {
    margin-right: 15px;
    margin-top:15px;
}

}



@media only screen and (max-width:1366px) {
    .title {
        font-size: 38px;
    }

    .leader-position p {
        font-size:18px;
        margin-bottom:0px;
    }

    .leader-name h1 {
        font-size: 24px;
    }

    .header ul li a {
        font-size: 14px;
        margin-right: 9px;
    }
    .about-content p {
        font-size: 17px;
        margin-bottom: 44px;
    }


    /* overview-page */
    .overview-about {        
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .about-pera {
        font-size: 15px !important;
        margin-top: 5px;
    }
    .about-pera-2 {
        font-size: 15px;
    }
    .youth-text {
        font-size: 30px;
    }
    .quote-1 {
        font-size: 45px;
    }
    .quote-2 {
        font-size: 45px;
    }
    .goal-content-box {
        padding: 30px 77px 0px 40px;        
    }
    .goal-content-box li {
        font-size: 22px;
        padding-bottom: 22px;
    }
    .objective-box-red {      
        padding: 20px 31px 25px 31px;        
    }
    .objective-box-black {      
        padding: 20px 31px 25px 31px;        
    }
    .focus-pera-1 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .focus-pera-2 {
        font-size: 16px;
    }
    .focus-content {
        padding: 30px !important;
    }

    /* our-partner */
    .our-partner-heading h4 {
        font-size: 25px;
        margin-bottom: 100px;
    }
    .our-partner-group h1 {
        font-size: 45px;
    }
    .our-partner-group {       
        margin-bottom: 110px;
    }

    /* our-work */
    .slider-pera {
        font-size: 16px;
        margin-top: 15px;
    }
    .slider-button {
        margin-top: 30px;
    }

    .slider-heading .title{
        font-size: 46px;
    }
    .slider-img p {
        font-size: 16px;
        padding: 4.5px 20.3px;
    }

    .flagship-theory h3 {
        font-size: 36px;
    }
    .flagship-theory p {
        font-size: 16px;
    }
    .flagship-theory {
        margin-left: 30px;
    }
    .flagship-theory h3::after {
        right: 15px;
    }

    .flagship-theory-2 h3 {
        font-size: 36px;
    }
    .flagship-theory-2 p {
        font-size: 16px;
    }
    .flagship-theory-2 h3::after {
        right: 110px;
    }

    .evnt-description h2 {
        font-size: 44px;
    }
    .evnt-description ul li span img{
        width: 86%;
    }
    .evnt-description p {
        font-size: 17px;
        padding-top: 20px;
    }


    /* fund-us */
    .fund-us-content p {
        font-size: 24px;        
    }
    .fund-us-content span {
        font-size: 54px;
    }

    /* become-member */
    .benifit-list p {
        font-size: 12px;
        margin-top: 12px;
    }
    .join-us-content p {
        font-size: 19px;
    }
    .join-us-content a {        
        font-size: 16px;    
        padding: 10.5px 38.4px;
    }

    /* join wyhf */
    .join-wyhf-content p {
        font-size: 17px;        
        width: 83%;
        margin-bottom: 14px;
    }
    .join-wyhf-form label {
        font-size: 19px;
    }

    /* login */
    /* .login-content {
        left: 40px;
    }
    .footer-pera {
        left: 50px;
    } */
    

    /* india-chapter */
    .india-chapter-bg h1 {
        font-size: 230px;
    }
    .india-chapter-bg {
        padding: 77.5px 402px 251px 414px;
    }
    .country-cvd-sec ul {
        margin-top: 30px;
        margin-left: 65px;
    }
    .country-cvd-sec ul li {
        font-size: 21px;        
    }
    .education-red ul li {
        font-size: 17px;
    }
    .education-red ul li span {
        font-size: 17px;        
    }
    .education-red p {
        font-size: 15px;
    }
    .education-red {
        padding: 20px 5px 15px 15px;
    }

    /* chapter */
    .accordion-chapter .accordion-body .flag-name {
        font-size: 15px;
    }
    .accordion-chapter .accordion-body img {
        margin-right: 12px;
    }
    .create-chapter-name p {
        font-size: 20px;        
    }
    .create-chapter-name ul li {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .chapter-box {        
        width: 460px;
        height: 140px;        
    }
    .chapter-box-2 {        
        width: 460px;
        height: 140px;        
    }
    .chapter-box-3 {        
        width: 460px;
        height: 140px;        
    }
    .chapter-main-sec {
        padding: 57px 107px 55px 0;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    .chapter-box img {
        margin-top: -12px;
        margin-right: -8px;
    }
    .chapter-box-2 img {
        margin-top: -12px;
        margin-right: -8px;
    }
    .chapter-box-3 img {
        margin-top: -12px;
        margin-right: -8px;
    }
    .section-about::before {
        position: absolute;
        content: "";
        border-top: 2px solid #D61B26;
        height: 120px;
        max-width: 8.7%;
        width: 100%;
        transform: rotate(90deg);
        left: 100px;
        top: 0;
    }

    /* bug */
    .research-title {
        font-size: 42px;
    }
    .card-pera-3 {
        width: 95%;
    }

    .leader-social-link ul li {
        margin-right: 10px;
        margin-top: 10px;
    }

    .leader-social-link ul li a{display: block;}
    .leader-social-link ul li a img {
        max-width: 35px;
    }

}



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

    .header ul li a {
        font-size: 14px;
        margin-right: 10px;
    }
    a.nav-link.dropdown-toggle.dropbtn {
        margin-right: calc(13px + 13px);
    }
    .header .navbar-custom button {
        padding: 8px 31px;
        font-size: 14px;
    }
    .slide-img {
        height: 700px !important;
    }
    .header .navbar-custom .dropdown-item {
        font-size: 14px;
    }
    .dropdown-content a {
        padding: 9px 13px;
    }
    .carousel-caption-custom h5 {
        font-size: 40px;
    }
    .carousel-caption-custom p {
        font-size: 20px;
    }
    .fedration-heading::before {
        width: 525px;
        height: 62px;
    }
    .carousel-indicators [data-bs-target] {
        width: 9.4px !important;
        height: 9.4px !important;       
    }
    .about-light h1 {
        font-size: 108px;
    }
    .title {
        font-size: 45px;
        margin-bottom: 12px;
        padding-top: 18px;
    }
    .about-content p {
        font-size: 16px;
    }
    .section-padding-top {
        padding-top: 110px;
    }
    .box {        
        padding: 0px 15px 15px 15px;
    }
    .custom-img-badge {
        font-size: 11px !important;
    }
    .card-pera-1 {
        font-size: 16px;
        padding-top: 15px;
        margin-bottom: 15px;
    }
    .card-pera-2 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .card-link {
        font-size: 16px;
    }
    .badge-title {
        font-size: 11px;
    }
    .custom-badge {
        padding: 5px 14px;
        max-width: 93px;
    }
    .foreb-indias-content {
        padding: 25px;
    }
    .foreb-indias-title {
        font-size: 35px;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .together-title {
        font-size: 40px;
        margin-bottom: 18px;
        width: 58%;
    }
    .together-content {
        font-size: 16px;
        margin-bottom: 60px;
    }
    .volunteer-content h1 {
        font-size:30px;
    }

    
    /* overview-page */

    .volunteer-with-pera {
        padding:35px 35px 35px 35px;
        margin-bottom: -215px;       
    }
    .focus-content {
        padding: 25px !important;
    }
    .img-height {
        height: 275px;
    }

    /* global-leader */
    .leader-position p {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .leader-social-link ul li {        
        margin-right: 15px;
    }
    .leader-content p {
        font-size: 15px;
    }

    /* health-education-committiee */

    .target-audiance-content img{
        width: 21%;
    }
    .activity-heading::before {
        height: 78px;
    }
    .parent {        
        grid-column-gap: 40px;
        grid-row-gap: 90px;
    }
    .header-main-bg h1 {
        padding: 100px 95px;
        font-size: 45px;
    }

    /* advocacy-committie */
    .heading-pera {
        font-size: 20px;
    }
    .advocacy-heading::before {
        width: 745px !important;
    }
    .policy-heading::before {
        width: 682px !important;
    }
    .heading-pera {
        font-size: 18px;
    }


    /* our-work */
    .next-button {
        width: 65%;
    }
    .evnt-description h2 {
        font-size: 44px;
    }
    .evnt-description ul li span img{
        width: 86%;
    }
    .evnt-description p {
        font-size: 17px;
        padding-top: 20px;
    }

    /* media-center */
    .instagram-sec {    
        margin-top: 110px;
        padding: 85px 110px;
    }
    .instagram-content h3 {
        font-size: 50px;
        margin-bottom: 10px;
    }
    .instagram-content ul li {
        font-size: 26px;
    }
    .instagram-content ul li img {
        width: 4%;
    }

    /* fund-us */
    .fund-us-content span {
        font-size: 50px;
    }
    .fund-us-content {
        padding-top: 5px;
    }
    .fund-us-content p {
        font-size: 21px;
        margin-top: 0px;
        margin-bottom: 25px;
    }

    /* become-leader */
    .become-member-sec {
        padding: 90px 70px;
    }
    .become-member-sec h1 {
        font-size: 50px;
    }
    .become-member-sec p {
        font-size: 23px;
        margin-top: 15px;
    }
    .parent {      
        margin-top: 40px;
    }
    .benifit-list img {
        width: 20%;
    }
    .benifit-list p {
        font-size: 15px;    
    }

    /* contact-us */
    .join-us {
        max-width: 1090px;        
        margin-top: -65px;
    }
    .join-us-right {        
        padding: 50px 35px 40px 35px;
    }

    /* faqs */
    .accordion-custom .accordion-button {
        font-size: 19px !important;
    }

    /* join wyhf */
    .join-wyhf-content p {
        font-size: 16px;        
        width: 78%;
        margin-bottom: 10px;
    }
    .join-wyhf-form label {
        font-size: 19px;
    }

    /* login */
    /* .login-sec {
        background-size: 50% !important;
    }
    .login-logo {
        right: 545px;
        width: 10%;
        top: 170px;
    }
    .footer-pera {
        left: 80px;
        font-size: 14px;
    }
    .login-content .input-box {
        margin-top: 30px;
        margin-bottom: 25px;
    }
    .login-content .form-label {
        font-size: 17px;
    } */

    /* india chapter */
    .india-chapter-bg h1 {
        font-size: 195px;
    }
    .india-chapter-bg {
        padding: 77.5px 350px 219px 365px;
    }
    .country-cvd-sec ul {
        margin-top: 25px;
        margin-left: 55px;
    }
    .country-cvd-sec ul li {
        font-size: 20px;
    }
    .target-audiance-content p {
        font-size: 16px;
    }
    .education-red ul li span {
        font-size: 15px;
    }
    .education-red ul li {
        font-size: 15px;
    }
    .education-red h6 {
        font-size: 20px;
        padding-top: 6px;
        margin-bottom: 7px;
    }
    .education-red h6::before {
        width: 50px;
    }

    /* chapter */
    .volunteers-rigthside {
        gap: 30px;
    }
    .chapter-box h2 {
        font-size: 42px;
    }
    .chapter-box h6 {
        font-size: 24px;
    }

    .chapter-box-2 h2 {
        font-size: 42px;
    }
    .chapter-box-2 h6 {
        font-size: 24px;
    }

    .chapter-box-3 h2 {
        font-size: 42px;
    }
    .chapter-box-3 h6 {
        font-size: 24px;
    }
    .chapter-box {
        width: 440px;
        height: 125px;
    }

    .chapter-box-2 {
        width: 440px;
        height: 125px;
    }

    .chapter-box-3 {
        width: 440px;
        height: 125px;
    }
    .chapter-main-sec {
        padding: 50px 90px 51px 0;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    .accordion-chapter .accordion-button:not(.collapsed)::after {        
        width: 35px;        
    }
    .accordion-chapter .accordion-button::after {        
        width: 35px;
    }
    .chapter-box img {
        margin-top: -20px;
        margin-right: -6px;
        width: 27%;
    }
    .chapter-box-2 img {
        margin-top: -20px;
        margin-right: -6px;
        width: 27%;
    }
    .chapter-box-3 img {
        margin-top: -20px;
        margin-right: -6px;
        width: 27%;
    }
    .section-about::before {
        position: absolute;
        content: "";
        border-top: 2px solid #D61B26;
        min-height: 120px;
        max-width: 10%;
        width: 100%;
        transform: rotate(90deg);
        left: 32px;
        top: 0px;
        z-index: -1;
    }

    /* bug */
    .research-title {
        font-size: 42px;
    }
}
@media only screen 
and (min-width:1025px) 
and (max-width:1199px) {
    .header ul li a {
        font-size: 12px;
        margin-right: 0px;
    }
    a.nav-link.dropdown-toggle.dropbtn {
        margin-right: calc(9px + 9px);
    }
    .dropdown-toggle::after {
        margin-top: -1px !important;
    }

    /* our-partner */
    .our-partner-heading h4 {
        font-size: 25px;
        margin-bottom: 90px;
    }
    .our-partner-group h1 {
        font-size: 36px;
    }

     /* health-education-committiee */
     .target-audiance-content h5 {
        font-size: 16px;
        margin-top: 16px;
    }
    .target-audiance-content img {
        width: 19%;
    }
    .activity-heading span {
        font-size: 48px;
    }
    .activity-heading::before {
        height: 72px;
        width: 518px;
    }
    .header-main-bg h1 {
        padding: 90px 60px;
        font-size: 40px;
    }

    /* our-work */
    .carousel-custom {
        margin-top: 40px;
    }
    .slider-heading .title {
        font-size: 39px;
    }
    .location-content p {
        font-size: 16px;
    }
    .slider-pera {
        margin-top: 10px;
    }
    .slider-button {
        margin-top: 10px;
    }
    .flagship-content {
        margin-top: 40px;
    }
    .flagship-theory {
        margin-left: 0px;
    }

    .flagship-theory h3 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .flagship-theory p {
        font-size: 14px;
    }

    .flagship-theory-2 h3 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .flagship-theory-2 p {
        font-size: 14px;
    }

    .flagship-theory h3::after {     
        width: 85px;
        top: 18px;
        right: 10px;
    }
    .flagship-theory-2 h3::after {        
        width: 85px;
        top: 20px;
        right: 80px;
    }

    .evnt-description h2 {
        font-size: 35px;
    }
    .evnt-description ul li {
        font-size: 16px;
        margin-right: 15px;
    }
    .evnt-description ul li span {
        margin-right: 2px;
    }
    .evnt-description p {
        font-size: 14px;
        padding-top: 14px;
    }

    /* media-center */
    .instagram-sec {
        padding: 70px 90px;
    }
    .instagram-content h3 {
        font-size: 45px;
        margin-bottom: 8px;
    }
    .instagram-content ul li {
        font-size: 24px;
    }

    /* fund-us */
    .fund-us-content p {
        font-size: 19px;        
        margin-bottom: 20px;
    }
    .fund-us-content span {
        font-size: 45px;
    }
    .fund-us-section {
        margin-top: 100px;    
    }

    /* become-member */
    .become-member-sec {
        padding: 85px 65px;
    }
    .become-member-sec h1 {
        font-size: 45px;
    }
    .become-member-sec p {
        font-size: 21px;
        margin-top: 10px;
    }
    .parent {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }
    .benifit-list p {
        font-size: 14px;
        margin-top: 8px;
    }
    .join-us-content p {
        font-size: 16px;
    }
    .join-membership-sec {
        margin-top: 80px;
    }
    .join-us-content a {
        font-size: 16px;
        padding: 10.5px 30.4px;
    }

     /* contact-us */
     .join-us {
        max-width: 960px;
        margin-top: -50px;
    }
    .join-us-left {
        padding: 50px 60px 0px 50px;        
    }
    .join-us-right {
        padding: 40px 40px 30px 40px;        
    }
    .join-us-left h5 {        
        font-size: 24px;
        margin-bottom: 30px;
    }
    .address-content li {       
        font-size: 16px;
        margin-bottom: 20px;
    }
    .join-us-social li {        
        margin-top: 45px;
    }
    .join-us-right h5 {        
        font-size: 24px;        
        margin-bottom: 30px;
    }

    /* join wyhf */
    .join-wyhf-content {
        margin-top: 20px;
    }
    .join-wyhf-content p {
        font-size: 15px;
        width: 87%;
        margin-bottom: 8px;
    }
    .join-wyhf-form label {
        font-size: 17px;
    }
    .join-wyhf-form .form-select-lg {        
        font-size: 17px;        
    }

     /* login-page */
     /* .login-content {
        left: 45px;
        top: 190px;
        width: 425px;
    }
    .login-content .form-control {
        padding: 0.7rem 2.9rem;
    }
    .input-box img {
        top: 12px;
        left: 14px;
    }
    .password-box .password-icon {
        top: 12px;
        left: 14px;
    }
    .password-box .eye-close {
        top: 13px;
        right: 15px;
    }
    .login-logo {
        right: 466px;
        width: 10%;
        top: 208px;
    }
    .footer-pera {
        left: 45px;
        font-size: 14px;
    } */

    /* india-chapter */
    .india-chapter-bg h1 {
        font-size: 170px;
    }
    .india-chapter-bg {
        padding: 77.5px 287px 170px 315px;
    }
    .country-cvd-sec ul li {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .target-audiance-content p {
        font-size: 14px;
    }
    .education-red h6 {
        font-size: 18px;        
        margin-bottom: 5px;
    }
    .education-red h6::before {
        width: 35px;
    }
    .education-red {
        padding: 10px 5px 10px 10px;
    }
    .education-red p::before {        
        width: 8px;
        top: 9px;
        left: -14px;        
    }
    .education-red p {
        font-size: 13px;
        margin-left: 14px;
    }
    .education-red ul li span {
        font-size: 13px;
    }
    .education-red ul li {
        font-size: 13px;
    }
    .education-red img {
        margin-bottom: 15PX;
    }

    /* chapter */
    .chapter-main-sec {
        padding: 30px 65px 26px 0;
    }
    .volunteers-rigthside {
        gap: 25px;
    }
    .chapter-box {
        width: 400px;
        height: 118px;
    }
    .chapter-box-2 {
        width: 400px;
        height: 118px;
    }
    .chapter-box-3 {
        width: 400px;
        height: 118px;
    }
    .chapter-box h2 {
        font-size: 38px;
    }
    .chapter-box h6 {
        font-size: 22px;
    }

    .chapter-box-2 h2 {
        font-size: 38px;
    }
    .chapter-box-2 h6 {
        font-size: 22px;
    }

    .chapter-box-3 h2 {
        font-size: 38px;
    }
    .chapter-box-3 h6 {
        font-size: 22px;
    }
    .accordion-chapter .accordion-button {
        font-size: 28px !important;
    }
    .accordion-chapter .accordion-body .flag-name {
        font-size: 13px;
    }
    .accordion-chapter .accordion-body img {
        margin-right: 10px;
    }
    .accordion-chapter .accordion-button:not(.collapsed)::after {
        width: 32px;
    }
    .accordion-chapter .accordion-button::after {
        width: 32px;
    }
    .create-chapter-name {        
        margin-top: 0px;
    }
    .create-chapter-name p {
        font-size: 17px;
    }
    .create-chapter-name span {
        font-size: 24px;
    }
    .create-chapter-name ul {
        margin-top: 10px;
    }
    .create-chapter-name ul li {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .chapter-box img {
        margin-top: -22px;
        margin-right: -6px;
        width: 27%;
    }
    .chapter-box-2 img {
        margin-top: -22px;
        margin-right: -6px;
        width: 27%;
    }
    .chapter-box-3 img {
        margin-top: -22px;
        margin-right: -6px;
        width: 27%;
    }
    .accordion-chapter .accordion-item:not(:first-of-type) {        
        padding-top: 15px;
    }
    .accordion-chapter .accordion-item {         
        margin-top: 15px !important;    
    }
    .section-about::before {
        position: absolute;
        content: "";
        border-top: 2px solid #D61B26;
        min-height: 0px;
        max-width: 12%;
        width: 100%;
        transform: rotate(90deg);
        left: 13px;
        top: 0px;
        z-index: -1;
    }

}

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

    .header ul li a {
        font-size:14px;
        margin-right: 0px;
        padding: 5px 0 5px 0;
    }
    .dropdown-toggle::after {width:13px; height:13px;}
    .dropdown-toggle::after {
        margin-top: -2px !important;
    }
    .dropdown-toggle:hover::after {      
        margin-top: 2px !important;
    }
    .dropdown-content a {
        padding: 6px 11px;
    }
    .header .navbar-custom .dropdown-item {
        font-size: 12px;
    }

    .header .navbar-custom button {
        padding: 5px 10px;
        font-size: 13px;
        border-radius: 3px;
    }

    .carousel-caption-custom h5 {
        font-size: 35px;
    }
    .carousel-caption-custom p {
        font-size: 18px;
    }
    .fedration-heading::before {
        width: 475px;
        height: 55px;
    }
    .coursel-social-links i {
        font-size: 16px;
    }
    .slide-img {
        height: 650px !important;
    }
    .about-light h1 {
        font-size: 98px;
    }
    .title {
        font-size: 40px;
        margin-bottom: 10px;
        padding-top: 15px;
    }
    .about-content p {
        font-size: 15px;
    }

    .together-title {
        font-size: 36px;       
    }
    .together-content {
        font-size: 14px;
        margin-bottom: 40px;
    }
    .volunteer-with-us {
        padding: 60px 45px 60px 40px;
        margin-bottom: -190px;
    }
    .volunteer-content h1 {
        font-size: 34px;
    }

    .footer-content h6 {
        font-size: 13px;
        margin-bottom: 18px;
    }
    .footer-menu li a {
        font-size: 14px;
        margin-bottom: 14px;
    }
    .footer-logo {
        margin-bottom: 28px;
    }
    .social-links ul li {
        margin-right: 25px;
    }
    .video-edit iframe {
        height: 376px;
    }
    .custom-img-badge {
        top: 10px;
        left: 10px;
    }

    /* overview-page */
    .get-know-last {
        font-size: 25px;
    }
    .get-know-first {
        font-size: 25px;
    }
    .about-pera {
        font-size: 14px !important;
        margin-top: 2px;
    }
    .about-pera-2 {
        font-size: 14px;
    }
    .youth-text {
        font-size: 27px;
        width: 100%;
    }
    .quote-2 {        
        margin-right: 12px;
    }
    .goal-content-box {
        padding: 26px 61px 1px 40px;
    }
    .goal-content-box li {
        font-size: 18px;
        padding-bottom: 8px;
    }
    .goal-content-box ul li::marker {
        font-size: 25px;
    }
    .objective-box-red {
        padding: 20px 22px 25px 22px;
    }
    .objective-box-black {
        padding: 20px 22px 25px 22px;
    }
    /* .focus-box .focus-img {
        height: 284px;
    } */
    .focus-content {
        padding: 18px !important;
    }
    .focus-pera-2 {
        font-size: 14px;
    }
    .focus-pera-1 {
        font-size: 17px;
        margin-bottom: 3px;
    }
    .volunteer-with-pera {
        padding: 45px 45px 45px 40px;
    }
    
    .about-img-1{
        height: 300px;
        object-fit: cover;
        border-radius: 10px;
    }
    .about-img-2{
        height: 300px;
        object-fit: cover;
        border-radius: 10px;
    }
    .img-height {
        height: 230px;
    }

    /* global-leaders */

    .leader-position p {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .leader-name {
        position: relative;
        margin-top: 36px;
    }
    .leader-content p {
        font-size: 14px;
        width: 94.2%;
    }

    /* our-partner */
    .our-partner-heading h4 {
        font-size: 25px;
        margin-bottom: 90px;
    }
    .our-partner-group h1 {
        font-size: 36px;
    }

    /* board-of-advisors */
    .leader-name a {
        width: 40px !important;
        height: 40px !important;        
    }
    .leader-name a i {
        font-size: 18px;        
    }

    /* health-education-committiee */
    .target-audiance-content h5 {
        font-size: 16px;
        margin-top: 16px;
    }
    .target-audiance-content img {
        width: 19%;
    }
    .activity-heading span {
        font-size: 48px;
    }
    .activity-heading::before {
        height: 72px;
        width: 518px;
    }
    .header-main-bg h1 {
        padding: 90px 60px;
        font-size: 40px;
    }

    /* our-work */
    .carousel-custom {
        margin-top: 40px;
    }
    .slider-heading .title {
        font-size: 39px;
    }
    .location-content p {
        font-size: 16px;
    }
    .slider-pera {
        margin-top: 10px;
    }
    .slider-button {
        margin-top: 10px;
    }
    .flagship-content {
        margin-top: 40px;
    }
    .flagship-theory {
        margin-left: 0px;
    }

    .flagship-theory h3 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .flagship-theory p {
        font-size: 14px;
    }

    .flagship-theory-2 h3 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .flagship-theory-2 p {
        font-size: 14px;
    }

    .flagship-theory h3::after {     
        width: 85px;
        top: 18px;
        right: 10px;
    }
    .flagship-theory-2 h3::after {        
        width: 85px;
        top: 20px;
        right: 80px;
    }

    .evnt-description h2 {
        font-size: 35px;
    }
    .evnt-description ul li {
        font-size: 16px;
        margin-right: 15px;
    }
    .evnt-description ul li span {
        margin-right: 2px;
    }
    .evnt-description p {
        font-size: 14px;
        padding-top: 14px;
    }

    /* media-center */
    .instagram-sec {
        padding: 70px 90px;
    }
    .instagram-content h3 {
        font-size: 45px;
        margin-bottom: 8px;
    }
    .instagram-content ul li {
        font-size: 24px;
    }

    /* fund-us */
    .fund-us-content p {
        font-size: 19px;        
        margin-bottom: 20px;
    }
    .fund-us-content span {
        font-size: 45px;
    }
    .fund-us-section {
        margin-top: 100px;    
    }


    /* become-member */
    .become-member-sec {
        padding: 85px 65px;
    }
    .become-member-sec h1 {
        font-size: 45px;
    }
    .become-member-sec p {
        font-size: 21px;
        margin-top: 10px;
    }
    .parent {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }
    .benifit-list p {
        font-size: 14px;
        margin-top: 8px;
    }
    .join-us-content p {
        font-size: 16px;
    }
    .join-membership-sec {
        margin-top: 80px;
    }
    .join-us-content a {
        font-size: 16px;
        padding: 10.5px 30.4px;
    }

    /* contact-us */
    .join-us {
        max-width: 960px;
        margin-top: -50px;
    }
    .join-us-left {
        padding: 50px 60px 0px 50px;        
    }
    .join-us-right {
        padding: 40px 40px 30px 40px;        
    }
    .join-us-left h5 {        
        font-size: 24px;
        margin-bottom: 30px;
    }
    .address-content li {       
        font-size: 16px;
        margin-bottom: 20px;
    }
    .join-us-social li {        
        margin-top: 45px;
    }
    .join-us-right h5 {        
        font-size: 24px;        
        margin-bottom: 30px;
    }

    /* faqs */
    .accordion-custom  .accordion-body {
        font-size: 16px;
    }

    /* join wyhf */
    .join-wyhf-content {
        margin-top: 20px;
    }
    .join-wyhf-content p {
        font-size: 15px;
        width: 87%;
        margin-bottom: 8px;
    }
    .join-wyhf-form label {
        font-size: 17px;
    }
    .join-wyhf-form .form-select-lg {        
        font-size: 17px;        
    }

    /* login-page */
    /* .login-content {
        left: 45px;
        top: 190px;
        width: 425px;
    }
    .login-content .form-control {
        padding: 0.7rem 2.9rem;
    }
    .input-box img {
        top: 12px;
        left: 14px;
    }
    .password-box .password-icon {
        top: 12px;
        left: 14px;
    }
    .password-box .eye-close {
        top: 13px;
        right: 15px;
    }
    .login-logo {
        right: 466px;
        width: 10%;
        top: 208px;
    }
    .footer-pera {
        left: 45px;
        font-size: 14px;
    } */

    /* india-chapter */
    .india-chapter-bg h1 {
        font-size: 170px;
    }
    .india-chapter-bg {
        padding: 77.5px 287px 170px 315px;
    }
    .country-cvd-sec ul li {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .target-audiance-content p {
        font-size: 14px;
    }
    .education-red h6 {
        font-size: 18px;        
        margin-bottom: 5px;
    }
    .education-red h6::before {
        width: 35px;
    }
    .education-red {
        padding: 10px 5px 10px 10px;
    }
    .education-red p::before {        
        width: 8px;
        top: 9px;
        left: -14px;        
    }
    .education-red p {
        font-size: 13px;
        margin-left: 14px;
    }
    .education-red ul li span {
        font-size: 13px;
    }
    .education-red ul li {
        font-size: 13px;
    }
    .education-red img {
        margin-bottom: 15PX;
    }

    /* chapter */
    .chapter-main-sec {
        padding: 30px 65px 26px 0;
    }
    .volunteers-rigthside {
        gap: 25px;
    }
    .chapter-box {
        width: 400px;
        height: 118px;
    }
    .chapter-box-2 {
        width: 400px;
        height: 118px;
    }
    .chapter-box-3 {
        width: 400px;
        height: 118px;
    }
    .chapter-box h2 {
        font-size: 38px;
    }
    .chapter-box h6 {
        font-size: 22px;
    }

    .chapter-box-2 h2 {
        font-size: 38px;
    }
    .chapter-box-2 h6 {
        font-size: 22px;
    }

    .chapter-box-3 h2 {
        font-size: 38px;
    }
    .chapter-box-3 h6 {
        font-size: 22px;
    }
    .accordion-chapter .accordion-button {
        font-size: 28px !important;
    }
    .accordion-chapter .accordion-body .flag-name {
        font-size: 13px;
    }
    .accordion-chapter .accordion-body img {
        margin-right: 10px;
    }
    .accordion-chapter .accordion-button:not(.collapsed)::after {
        width: 32px;
    }
    .accordion-chapter .accordion-button::after {
        width: 32px;
    }
    .create-chapter-name {        
        margin-top: 0px;
    }
    .create-chapter-name p {
        font-size: 17px;
    }
    .create-chapter-name span {
        font-size: 24px;
    }
    .create-chapter-name ul {
        margin-top: 10px;
    }
    .create-chapter-name ul li {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .chapter-box img {
        margin-top: -22px;
        margin-right: -6px;
        width: 27%;
    }
    .chapter-box-2 img {
        margin-top: -22px;
        margin-right: -6px;
        width: 27%;
    }
    .chapter-box-3 img {
        margin-top: -22px;
        margin-right: -6px;
        width: 27%;
    }
    .accordion-chapter .accordion-item:not(:first-of-type) {        
        padding-top: 20px;
    }
    .accordion-chapter .accordion-item {         
        margin-top: 20px !important;    
    }
    .section-about::before {
        position: absolute;
        content: "";
        border-top: 2px solid #D61B26;
        min-height: 0px;
        max-width: 12%;
        width: 100%;
        transform: rotate(90deg);
        left: 13px;
        top: 0px;
        z-index: -1;
    }

}

@media only screen and (max-width:991px) {
    .talble-left2 strong {
        padding: 5px 0 5px 10px;
        font-size:15px;
        
    }

    .left-table h3 {
        font-size: 18px;
    }
    .talble-left strong {
        padding: 5px 0 5px 10px;
        font-size: 15px;
     
    }

    
    .f-logo a img{max-width: 100%;}

}

@media only screen and (min-width:976px) and (max-width:1023px) {
    .about-light h1 {
        font-size: 88px;
    }
    .slide-img {
        height: 590px !important;
    }
    .about-content p {
        font-size: 13px;
        margin-bottom: 60px;
    }
    .title {
        font-size: 35px;        
    }
    .foreb-indias-title {
        font-size: 30px;
        margin-top: 15px;
        margin-bottom: 16px;
        width: 63%;
    }
    .card-pera-2 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .card-link {
        font-size: 14px;
    }
    .card-pera-1 {
        font-size: 14px;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .together-title {
        font-size: 31px;
    }
    .together-content {
        margin-bottom: 30px;
    }
    .donet-button span {
        font-size: 14px;
    }
    .volunteer-content h1 {
        font-size: 30px;
    }
    .volunteer-with-us {
        padding: 40px 45px 40px 40px;
        margin-bottom: -177px;
    }
    .footer {
        height: 410px;  
    }
    .social-links ul li {
        margin-right: 20px;
    }
    .social-links i {
        font-size: 16px;
    }
    .footer-logo {
        margin-bottom: 14px;
    }
    .footer-content h6 {
        font-size: 12px;
        margin-bottom: 16px;
    }
    .footer-menu li a {
        font-size: 11px;
        margin-bottom: 14px;
    }
    .container-padding-top {
        padding-top: 70px;
    }
    .footer-bg-logo{
        width: 20%;
    }

    /* overview page */
    .overview-about {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    .youth-text {
        font-size: 20px;
        width: 100%;
    }
    .goal-content-box {
        padding: 14px 25px 1px 16px;
        margin-top: 15px;
    }
    .goal-content-box li {
        font-size: 17px;
        padding-bottom: 2px;
    }
    .goal-content-box ul li::marker {
        font-size: 20px;
    }
    .goal-content-box ul{
        padding-left: 1.5rem;
    }
    .our-object-sec {
        margin-top: 60px;
        padding-bottom: 60px;
    }
    .about-img-1{
        height: 200px;
        object-fit: cover;
        border-radius: 10px;
    }
    .about-img-2{
        height: 200px;
        object-fit: cover;
        border-radius: 10px;
    }
    .img-height {
        height: 230px;
    }

    /* global-leaders */
    .leader-social-link img {
        height: 35px;
    }
    .leader-social-link ul li {
        margin-right: 7px;
    }
    .leader-content p {
        font-size: 13px;
        width: 100%;
    }
    .leader-name {
        margin-top: 0px;
    }
    .leader-name {
        margin-top: 20px;
    }

    /* our-partner */
    .our-partner-heading h3 {
        font-size: 29px;
        margin-bottom: 15px;
    }
    .our-partner-heading h4 {
        font-size: 24px;
        margin-bottom: 58px;
        width: 100%;
    }
    .our-partner-group h1 {
        font-size: 28px;
    }
    .our-partner-group img {        
        width: 150px;
    }
    .our-partner-group {
        margin-bottom: 70px;
    }

    /* health-education-committie */
    .section-padding-top {
        padding-top: 75px;
    }
    .target-audiance-content h5 {
        font-size: 12px;
        margin-top: 11px;
    }
    .activity-heading span {
        font-size: 44px;
    }
    .activity-heading::before {
        height: 65px;
        width: 490px;
    }
    .header-main-bg h1 {
        padding: 80px 55px;
        font-size: 35px;
    }

    /* advocacy-committiee */
    .advocacy-heading::before {
        width: 705px !important;
    }
    .heading-pera {
        font-size: 16px;
        width: 100%;
    }

    /* our-work */
    .location-content p {
        font-size: 13px;
        margin-left: 0px;
        line-height: 0;
    }
    .location-content img{
        width: 85%;
    }
    .slider-heading .title {
        font-size: 28px;
    }
    .slider-pera {
        margin-top: 5px;
    }
    .slider-pera {
        font-size: 13px;
    }
    .slider-img p {
        font-size: 13px;
        padding: 2.5px 11.3px;
    }
    .flagship-theory h3 {
        font-size: 25px;
        margin-bottom: 5px;
    }
    .flagship-theory p {
        font-size: 12px;
        width: 100%;
    }
    .flagship-theory h3::after {
        width: 85px;
        top: 15px;
        right: -35px;
    }

    .flagship-theory-2 h3 {
        font-size: 25px;
        margin-bottom: 5px;
    }
    .flagship-theory-2 p {
        font-size: 12px;
        width: 95%;
    }
    .flagship-theory-2 h3::after {
        width: 85px;
        top: 16px;
        right: 28px;
    }

    .evnt-description h2::before {
        width: 90px;
    }
    .evnt-description h2 {
        font-size: 27px;
        padding-top: 15px;
    }
    .evnt-description ul li span img {
        width: 77%;
    }
    .evnt-description ul li span {
        margin-right: 0px;
    }
    .evnt-description ul li {
        font-size: 12px;
        margin-right: 10px;
    }
    .evnt-description p {
        font-size: 12px;
        padding-top: 6px;
    }

    /* fund-us */
    .fund-us-content p {
        font-size: 16px;    
    }
    .fund-us-content span {
        font-size: 38px;
    }

    /* become-member */
    .become-member-sec {
        padding: 75px 45px;
    }
    .become-member-sec h1 {
        font-size: 40px;
    }
    .become-member-sec p {
        font-size: 18px;
        margin-top: 10px;
    }
    .join-us-content p {
        font-size: 14px;
    }
    .join-us-content a {
        font-size: 14px;
        padding: 9.5px 26.4px;
        line-height: 1.4;
    }

    /* contact-us */
    .join-us {
        max-width: 880px;        
    }
    .join-us-left {
        padding: 40px 50px 0px 40px;
    }
    .join-us-right {
        padding: 30px 30px 20px 30px;
    }
    .send-button {        
        font-size: 18px !important;
        margin-top: 25px;
        padding: 14px 50px !important;        
    }

    /* faqs */
    .accordion-custom .accordion-button {
        font-size: 17px !important;
    }
    .accordion-button:not(.collapsed)::after {
        background-size: 85%;
    }
    .accordion-button::after {      
        background-size: 85%;
    }

    /* login-page */
    /* .login-content {
        left: 45px;
        top: 225px;
        width: 400px;
    }
    .login-logo {
        right: 445px;        
        top: 210px;
    }
    .footer-pera {
        bottom: 150px;
    }
    .login-content a {
        font-size: 17px;
    } */

    /* india-chapter */
    .india-chapter-bg h1 {
        font-size: 165px;
    }
    .india-chapter-bg {
        padding: 77.5px 271px 154px 292px;
    }
    .country-cvd-sec ul {
        margin-top: 16px;
        margin-left: 15px;
    }
    .country-cvd-sec ul li {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .regional-representators {        
        margin-top: 75px;
        padding-bottom: 75px;
    }
    .target-audiance-content p {
        font-size: 11px;
    }
    .education-red {
        padding: 15px 15px 15px 20px;
    }

    /* chapter */
    .volunteers-rigthside {
        gap: 18px;
    }
    .chapter-box h2 {
        font-size: 36px;
    }
    .chapter-box h6 {
        font-size: 20px;
    }

    .chapter-box-2 h2 {
        font-size: 36px;
    }
    .chapter-box-2 h6 {
        font-size: 20px;
    }

    .chapter-box-3 h2 {
        font-size: 36px;
    }
    .chapter-box-3 h6 {
        font-size: 20px;
    }
    .chapter-content {
        padding: 15px 20px;
    }
    .chapter-box {
        width: 365px;
        height: 105px;
    }
    .chapter-box-2 {
        width: 365px;
        height: 105px;
    }
    .chapter-box-3 {
        width: 365px;
        height: 105px;
    }
    .chapter-main-sec {
        padding: 43px 58px 43px 0;
    }
    .accordion-chapter .accordion-button {
        font-size: 25px !important;
    }
    .accordion-chapter .accordion-button:not(.collapsed)::after {
        width: 30px;
    }
    .accordion-chapter .accordion-button::after {
        width: 30px;
    }
    .chapter-box img {
        margin-top: -22px;
        margin-right: -5px;
        width: 26%;
    }
    .chapter-box-2 img {
        margin-top: -22px;
        margin-right: -5px;
        width: 26%;
    }
    .chapter-box-3 img {
        margin-top: -22px;
        margin-right: -5px;
        width: 26%;
    }
    .accordion-chapter .accordion-item:not(:first-of-type) {        
        padding-top: 15px;
    }
    .accordion-chapter .accordion-item {         
        margin-top: 15px !important;    
    }
    .section-about::before {
        position: absolute;
        content: "";
        border-top: 2px solid #D61B26;
        min-height: 0px;
        max-width: 12%;
        width: 100%;
        transform: rotate(90deg);
        left: 95px;
        top: 0px;
        z-index: -1;
    }
}





@media only screen and (min-width:767px) and (max-width:975px) {
    .slide-img {
        height: 500px !important;
    }
    .title {
        font-size: 26px;
    }
    .foreb-indias-content {
        padding: 18px;
    }
    .foreb-indias-title {
        font-size: 25px;
        margin-top: 13px;
        margin-bottom: 13px;
    }
    .card-pera-2 {
        font-size: 13px;
        margin-bottom: 7px;
    }
    .together-title {
        font-size: 24px;
        width: 47%;
    }
    .together-content {
        font-size: 13px;
        margin-bottom: 23px;
    }
    .donet-button span {
        font-size: 12px;
    }
    .together-section{       
        padding-top: 78px !important;
        padding-bottom: 64px !important;
        background-size: cover !important;
    }
    .volunteer-content h1 {
        font-size: 24px;
    }
    .btn-theme {
        padding: 3.5px 5px !important;
        font-size: 12px !important;
    }
    .section-padding-top {
        padding-top: 70px;
    }
    .custom-navbar-toggler:focus{
        box-shadow: none;
    }
    .dropdown-toggle:hover::after {       
        top: 15px;
    }   
    .dropdown-toggle::after {
        margin-top: -2px !important;
    } 
    .carousel-caption-custom h5 {
        font-size: 32px;
    }
    .fedration-heading::before {
        width: 456px;
        height: 48px;
    }
    .carousel-caption-custom {
        top: 50%!important;
        left: 75px !important;
        transform: translateY(-50%);
        width: 47%;

    }
    .carousel-caption-custom p {
        font-size: 16px;
    }
    .carousel-caption-custom p {
        font-size: 17px;
        margin-top: 10px;
    }
    .volunteer-with-us {
        padding: 45px 45px 45px 40px;
        margin-bottom: -135px;
    }

    /* overview-page */
    .objective-box-red p {
        font-size: 15px;
        margin-top: 16px;
    }
    .objective-box-black p {
        font-size: 15px;
        margin-top: 16px;
    }
    .objective-box-red {
        padding: 12px 12px 12px 12px;
    }
    .objective-box-black {
        padding: 12px 12px 12px 12px;
    }
    .focus-content {
        padding: 10px !important;
    }
    .volunteer-with-pera {
        padding: 30px 28px 30px 30px;
    }
    .focus-img {
        height: 100%;
        object-fit: cover;
        /* border-top-left-radius: 10px; */
        /* border-top-right-radius: 10px; */
        /* border-bottom-right-radius: 10px; */
    }
    .goal-content-box {
        margin-left: 0px;
        margin-top: 22px;
    }
    .our-object-sec {
        margin-top: 55px;
    }

    /* overview-page */
    .about-img-1 {
        height: 230px;        
    }
    .overview-about {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .objective-box-red {
        padding: 8px 8px 8px 8px;
    }
    .objective-box-red p {
        font-size: 13px;
        margin-top: 13px;
    }
    .objective-box-black {
        padding: 8px 8px 8px 8px;
    }
    .objective-box-black p {
        font-size: 13px;
        margin-top: 13px;
    }
    .object-bg-logo {
        top: -93px;
        height: 200px !important;
    }
    .objective-box-red img{
        width: 28%;
    }
    .objective-box-black img{
        width: 28%;
    }
    .focus-pera-1 {
        font-size: 15px;
        margin-bottom: 1px;
    }
    .focus-pera-2 {
        font-size: 12px;
    }
    .footer-bg-logo {        
        height: 200px !important;
    }
    .container-padding-top {
        padding-top: 65px;
    }
    

    /* global-leaders */
    .leader-img{
        width: 50%;
    }
    .leader-social-link img{
        height: 30px;
    }
    .leader-social-link ul li {        
        margin-right: 12px;
        margin-top: 10px;
    }
    .leader-name {
        margin-top: 20px;
    }
    .leader-img {
        margin-top: 15px;
    }
    .leader-name h1 {
        font-size: 29px;
        margin-bottom: 3px;
        padding-top: 11px;
    }
    .leader-position p {
        font-size: 17px;
        margin-bottom: 4px;
    }
    .leader-content p {
        font-size: 13px;
        width: 100%;
    }

    /* our-partner */
    .our-partner-heading h4 {
        font-size: 24px;
        margin-bottom: 85px;
        width: 100%;
    }
    .our-partner-group img {        
        width: 150px;
    }
    .our-partner-group h1 {
        font-size: 30px;
    }

    /* board-of-advisors */
    .leader-name a {
        width: 35px !important;
        height: 35px !important;
    }
    .leader-name a i {
        font-size: 16px;
    }

    /* health-education-committie */
    .header-main-bg h1 {
        padding: 78px 57px;
        font-size: 32px;
    }

    /* advocacy-committie */
    .advocacy-heading::before {
        width: 665px !important;
    }
    .heading-pera {
        font-size: 16px;
        width: 100%;
    }
    .policy-heading::before {
        width: 610px !important;
    }

    /* our-work */
    .carousel-custom {
        margin-top: 20px;
    }
    .slider-img p {
        font-size: 12px;
        padding: 2.5px 9.3px;
    }
    .slider-img p {
        top: 15px;
        left: 15px;       
    }
    .slider-heading .title {
        font-size: 30px;
        margin-top: 10px;
    }
    .location-content img{
        width: 76%;
    }
    .location-content p {
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 0;
        margin-left: 0px;
    }
    .slider-pera {
        margin-top: 5px;
        font-size: 13px;
    }
    .flagship-theory h3::after {        
        right: 130px;
    }
    .flagship-theory-2 h3::after {
        width: 85px;
        top: 20px;
        right: 140px;
    }
    .flagship-theory h3 {
        font-size: 30px;
        margin-bottom: 5px;
    }
    .flagship-theory-2 h3 {
        font-size: 30px;
        margin-bottom: 5px;
    }
    .flagship-theory-2 {
        margin-top: 10px;
    }

    /* media-center */
    .instagram-sec {
        padding: 46px 60px;
    }
    .instagram-content h3 {
        font-size: 40px;
        margin-bottom: 2px;
    }
    .instagram-content ul li {
        font-size: 21px;
    }

    /* fund-us */
    .fund-us-content {        
        width: 100%;
    }
    .fund-us-section {
        background-image: none !important;
        padding-top: 0px;
        margin-bottom: 60px;
    }    

    /* become-member */
    .become-member-sec {
        padding: 60px 35px;
    }
    .become-member-sec h1 {
        font-size: 36px;
    }
    .become-member-sec p {
        font-size: 18px;
        margin-top: 10px;
    }
    .benifit-list p {
        font-size: 12px;
        margin-top: 5px;
    }
    .join-membership-sec {
        margin-top: 30px;
    }
    .join-us-content {        
        padding: 40px 0px 40px 0px;
    }
    .join-us-content p {
        font-size: 14px;
    }
    .join-us-content a {
        font-size: 14px;
        padding: 9.5px 26.4px;
        line-height: 1.3;
    }

    /* contact-us */
    .join-us {
        max-width: 700px;
        margin-top: -30px;
    }
    .join-us-left {
        padding: 30px 20px 0px 30px;
    }
    .join-us-left h5 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .address-content li {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .join-us-social li {
        margin-top: 35px;
    }
    .join-us-social li a {       
        margin-right: 16px;
    } 
    .join-us-right {
        padding: 25px 20px 20px 20px;
    }
    .join-us-right h5 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .join-us-right label {
        font-size: 14px;        
    }
    .send-button {       
        font-size: 15px !important;        
        margin-top: 20px;
        padding: 12px 35px !important;        
    }

    /* faqs */
    .accordion-custom .accordion-button {
        font-size: 17px !important;
    }
    .accordion-button:not(.collapsed)::after {
        background-size: 85%;
    }
    .accordion-button::after {      
        background-size: 85%;
    }

    /* join wyhf */
    .join-wyhf-form label {
        font-size: 16px;
    }

    /* login-page */
    /* .login-sec {
        background: none !important;
    }
    .login-logo {
        display: none;
    }
    .login-content {
        left: 125px;
        top: 190px;
        width: 500px;
    }
    .footer-pera {
        left: 165px;
        font-size: 14px;
        bottom: 205px;
    } */

    /* india-chapter */
    .india-chapter-bg h1 {
        font-size: 125px;
    }
    .india-chapter-bg {
        padding: 77.5px 229px 108px 229px;
    }
    .country-cvd-sec ul {
        margin-top: 15px;
        margin-left: 15px;
    }
    .country-cvd-sec ul li {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .regional-representators {        
        margin-top: 70px;
        padding-bottom: 70px;
    }
    .target-audiance-content p {
        font-size: 12px;
    }

    /* chapter */
    .chapter-box {
        width: 360px;
        height: 100px;
    }
    .chapter-box-2 {
        width: 360px;
        height: 100px;
    }
    .chapter-box-3 {
        width: 360px;
        height: 100px;
    }
    .chapter-content {
        padding: 11px 15px;
    }
    .chapter-box h2 {
        font-size: 34px;
    }
    .chapter-box h6 {
        font-size: 20px;
    }
    .chapter-box-2 h2 {
        font-size: 34px;
    }
    .chapter-box-2 h6 {
        font-size: 20px;
    }
    .chapter-box-3 h2 {
        font-size: 34px;
    }
    .chapter-box-3 h6 {
        font-size: 20px;
    }
    .volunteers-rigthside {
        gap: 15px;
    }
    .chapter-main-sec {
        padding: 8px 40px 6px 0;
    }
    .chapter-box img {
        margin-top: -24px;
        margin-right: -5px;
        width: 24%;
    }
    .chapter-box-2 img {
        margin-top: -24px;
        margin-right: -5px;
        width: 24%;
    }
    .chapter-box-3 img {
        margin-top: -24px;
        margin-right: -5px;
        width: 24%;
    }
    .accordion-chapter .accordion-item:not(:first-of-type) {        
        padding-top: 20px;
    }
    .accordion-chapter .accordion-item {         
        margin-top: 20px !important;    
    }
    .section-about::before {
       display: none;
    }
}

@media only screen and (min-width:768px) and (max-width:975px) {

    .card-link {
        font-size: 15px;
    }
    /* overview-page */
    .goal-content-box {
        margin-left: -90px;
        margin-top: 22px;
    }
    .goal-content-box {
        padding: 14px 15px 1px 15px;
    }
    .goal-content-box li {
        font-size: 16px;
        padding-bottom: 4px;
    }
    .goal-content-box ul li::marker {
        font-size: 21px;
    }

    /* global-leaders */

    .leader-img {
        width: 100%;
    }

    /* our-partner */
    .our-partner-heading h4 {
        font-size: 24px;
        margin-bottom: 85px;
        width: 100%;
    }
    .our-partner-group img {        
        width: 150px;
    }
    .our-partner-group h1 {
        font-size: 30px;
    }

    /* health-education-committiee */
    .target-audiance-content h5 {
        font-size: 13px;
        margin-top: 8px;
    }
    .activity-heading span {
        font-size: 40px;
    }
    .activity-heading::before {
        height: 62px;
        width: 450px;
    }
    .header-main-bg h1 {
        padding: 78px 57px;
        font-size: 32px;
    }
    /* our-work */
    .carousel-custom {
        margin-top: 20px;
    }
    .slider-img p {
        font-size: 12px;
        padding: 2.5px 9.3px;
    }
    .slider-img p {
        top: 15px;
        left: 15px;       
    }
    .slider-heading .title {
        font-size: 28px;
        margin-top: 0px;
    }
    .location-content img{
        width: 76%;
    }
    .location-content p {
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 0;
        margin-left: 0px;
    }
    .slider-pera {
        margin-top: 5px;
        font-size: 13px;
    }
    .flagship-theory h3::after {
        width: 73px;
        top: 14px;
        right: -13px;
    }
    .flagship-theory-2 h3::after {
        width: 73px;
        top: 16px;
        right: -8px;
    }
    .flagship-theory-2 {
        margin-top: 10px;
    }
    .flagship-content {
        margin-top: 20px;
    }
    .flagship-theory p {
        font-size: 13px;
    }
    .flagship-theory h3 {
        font-size: 28px;
        margin-bottom: 5px;
    }
    .flagship-theory-2 p {
        font-size: 13px;
        width: 95%;
    }
    .flagship-theory-2 h3 {
        font-size: 28px;
        margin-bottom: 5px;
    }
    .flagship-theory {
        margin-left: 15px;
    }

    .evnt-description {       
        padding-left: 0px;
    }
    .evnt-description h2 {       
        font-size: 28px;        
        padding-top: 10px;
    }
    .evnt-description ul li span {
        margin-right: 0px;
    }
    .evnt-description ul li {
        font-size: 13px;
        margin-right: 10px;
    }
    .evnt-description p {
        font-size: 12px;
        padding-top: 6px;
    }

    /* contact-us */
    .join-us {
        max-width: 700px;
        margin-top: -30px;
    }
    .join-us-left {
        padding: 30px 20px 0px 30px;
    }
    .join-us-left h5 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .address-content li {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .join-us-social li {
        margin-top: 35px;
    }
    .join-us-social li a {       
        margin-right: 16px;
    } 
    .join-us-right {
        padding: 25px 20px 20px 20px;
    }
    .join-us-right h5 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .join-us-right label {
        font-size: 14px;        
    }
    .send-button {       
        font-size: 15px !important;        
        margin-top: 20px;
        padding: 12px 35px !important;        
    }
}

@media only screen and (max-width:767px) {
.volunteer-with-us {padding: 20px; margin-bottom:-48px;}
.volunteer-content h1 {font-size:22px;}
.volunteer-content {flex-direction: column; text-align: center;}
.left-table {min-height: auto; padding:10px;}
.left-table h3 {font-size: 16px;}
.table-member-ship {margin-top: 25px; overflow-x: scroll;}
.footer-menu li a {font-size:14px; margin-bottom: 10px;}
.volunteer-content p {font-size:14px;}
.flagship-theory {margin-left: 0px; padding: 10px 0 20px 0;}
.leadre-img span {width: 60px;}
.leadre-img span::before {bottom: -130px; right: -140px;}
.volunteer-content a.btn-theme{width: auto;}


}

@media only screen and (min-width:576px) and (max-width:766px) {
    .slide-img {
        height: 420px !important;
    }
    .carousel-indicators [data-bs-target] {
        width: 7.4px !important;
        height: 7.4px !important;
    }
    .about-content p {
        font-size: 13px;
        margin-bottom: 22px;
    }
    .section-padding-top {
        padding-top: 50px;
    }
    .about-light h1 {
        font-size: 80px;
    }
    .together-title {
        font-size: 20px;
        width: 47%;
    }
    .together-section {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
        background-size: cover !important;
    }
    .together-content {
        font-size: 12px;
        margin-bottom: 23px;
    }

   
    .header {
        z-index: 2;
    }
    .carousel-caption-custom h5 {
        font-size: 26px;
    }
    .carousel-caption-custom {        
        width: 50%;
    }
    .carousel-caption-custom p {
        font-size: 15px;
        margin-top: 10px;
    }
    .fedration-heading::before {
        width: 406px;
        height: 40px;
    }
    .carousel-caption-custom {
        top: 47%!important;
        left: 60px !important;
    }

    /* overview-page */
    .goal-content-box {       
        margin-left: 0px;
        margin-top: 20px;
    }
    .overview-about {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .get-know-last {
        font-size: 22px;
    }
    .get-know-first {
        font-size: 22px;
    }
    .about-pera {
        font-size: 13px !important;
        margin-top: 1px;
    }
    .about-pera-2 {
        font-size: 13px;
    }
    .youth-text {
        font-size: 22px;
    }
    .goal-content-box {
        padding: 16px 15px 1px 15px;
    }
    .goal-content-box li {
        font-size: 16px;
        padding-bottom: 5px;
    }
    .goal-content-box ul li::marker {
        font-size: 20px;
    }
    .object-bg-logo {
        top: -96px;
        height: 200px !important;
    }
    .objective-box-red {
        padding: 10px 10px 10px 10px;
    }
    .objective-box-red p {
        font-size: 14px;
        margin-top: 11px;
    }
    .objective-box-red img{
        width: 25%;
    }
    .objective-box-black {
        padding: 10px 10px 10px 10px;
    }
    .objective-box-black p {
        font-size: 14px;
        margin-top: 11px;
    }
    .objective-box-black img{
        width: 25%;
    }
    .title {
        font-size: 30px;
        margin-bottom: 10px;
        padding-top: 15px;
    }
    .our-object-sec {
        background-color: #F8F8F8;
        margin-top: 65px;
        padding-bottom: 50px;
    }
    .focus-content {
        padding: 10px !important;
    }
    .focus-pera-1 {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .focus-pera-2 {
        font-size: 13px;
    }
    .img-height {
        height: 200px;
    }
    .footer-bg-logo {        
        height: 180px !important;
    }
    .volunteer-with-us {
        margin-bottom: -100px;
    }
    .volunteer-with-pera {
        margin-bottom: -110px;        
    }
    .container-padding-top {
        padding-top: 10px;
    }
    .footer-logo {
        margin-bottom: 10px;
    }


    /* global-leaders */
    /* .volunteer-content p {
        font-size: 12px;
        margin-top: 3px;
    } */

    .leader-social-link img{
        height: 35px;
    }
    .leader-social-link ul li {
        margin-right: 10px;
        margin-top: 10px;
    }
    .leader-name {
        margin-top: 15px;
    }
    .leader-name h1 {        
        padding-top: 10px;
    }
    .leader-name h1 {
        font-size: 26px;
    }
    .leader-position p {
        font-size: 17px;
        margin-bottom: 2px;
    }
    .leader-content p {
        font-size: 13px;
        width: 100%;
    }

    /* our-partner */
    .our-partner-heading h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .our-partner-heading h4 {
        font-size: 23px;
        margin-bottom: 50px;
        width: 100%;
    }
    .our-partner-group h1 {
        font-size: 22px;
    }
    .our-partner-group img {       
        width: 100px;
    }
    .our-partner-group {
        margin-bottom: 25px;
    }

    /* boardof-advisors */
    .leader-name a {
        width: 35px !important;
        height: 35px !important;
    }
    .leader-name a i {
        font-size: 16px;
    }



    /* health-education-committiee */  
    .target-audiance-content {
        border-left: 0px solid black;
    }
    .target-audiance-content{
        text-align: center;
    }
    .activity-heading span {
        font-size: 42px;
    }
    .activity-heading::before {
        height: 64px;
        width: 460px;
    }
    .header .navbar-custom button {
        padding: 4px 12px;
        font-size: 11px;
    }    
    .header-main-bg h1 {
        padding: 64px 45px;
        font-size: 28px;
    }

    /* advocacy-committie */
    .advocacy-heading::before {
        width: 680px !important;
    }
    .heading-pera {
        font-size: 16px;
        width: 95%;
    }
    .policy-heading::before {
        width: 630px !important;
    }

    /* our-work */
    .carousel-custom {
        margin-top: 20px;
    }
    .slider-img p {
        font-size: 12px;
        padding: 3.5px 10.3px;
        top: 15px;
        left: 15px;
    }
    .slider-heading .title {
        font-size: 30px;
        margin-top: 10px;
    }
    .location-content img {
        width: 80%;
    }
    .location-content p {
        font-size: 13px;
        margin-left: 0px;
        line-height: 0;
    }
    .slider-pera {
        font-size: 13px;
        margin-top: 5px;
    }
    .flagship-content {
        margin-top: 20px;
    }
    .flagship-theory h3 {
        font-size: 27px;
        margin-bottom: 5px;
    }
    .flagship-theory p {
        font-size: 13px;
    }
    .flagship-theory-2 h3 {
        font-size: 27px;
        margin-bottom: 5px;
    }
    .flagship-theory-2 p {
        font-size: 13px;
        width: 100%;
    }
    .flagship-theory h3::after {
        top: 15px;
        right: 170px;
    }
    .flagship-theory-2 h3::after {
        top: 16px;
        right: 180px;
    }
    .flagship-theory-2{
        margin-top: 10px;
    }

    .evnt-description {      
        padding-left: 0px;
        margin-top: 10px;
    }

    /* media-center */
    .instagram-sec {
        margin-top: 65px;
        padding: 38px 50px;
    }
    .instagram-content h3 {
        font-size: 32px;
        margin-bottom: 0px;
    }
    .instagram-content ul li {
        font-size: 18px;
    }
    .instagram-content ul li a {
        margin-left: 5px;
    }
    .instagram-content ul li img {
        width: 5%;
    }

    /* fund-us */
    .fund-us-content {        
        width: 100%;
    }
    .fund-us-section {
        background-image: none !important;
        padding-top: 0px;
        margin-bottom: 60px;
    }
    .fund-us-content span {
        font-size: 40px;
    }
    .fund-us-content p {
        font-size: 17px;
        margin-bottom: 15px;
    }

    /* become-member */
    .become-member-sec h1 {
        font-size: 32px;
    }
    .become-member-sec {
        padding: 70px 25px;
    }
    .become-member-sec p {
        font-size: 15px;
        margin-top: 9px;
    }
    .parent {
        margin-top: 30px;
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }
    .benifit-list p {
        font-size: 12px;
        margin-top: 5px;
    }    
    .benifit-list img {
        width: 28%;
    }
    .join-membership-sec {
        margin-top: 30px;
    }
    .join-us-content {        
        padding: 30px 0px 30px 0px;
    }
    .join-us-content p {
        font-size: 14px;
        width: 72%;
    }
    .join-us-content a {
        font-size: 13px;
        padding: 8.5px 20.4px;
    }

    /* contact-us */
    .join-us {
        max-width: 480px;
        margin-top: 25px;
    }
    .join-us-left {        
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0px;
        background-size: 50% !important;    
        padding: 20px 30px 20px 30px;
    } 
    .join-us-right {
        padding: 20px 20px 20px 20px;
    }
    .join-us-right h5 {
        font-size: 21px;
        margin-bottom: 15px;
    }
    .join-us-right label {
        font-size: 14px;
        color: #121212;
    }
    .send-button {        
        font-size: 16px !important;        
        margin-top: 20px;
        padding: 12px 30px !important;        
    }
    .join-us-right .form-check-input {
        width: 18px !important;
        height: 18px !important;
    }
    .join-us-right {                
        border-top-right-radius: 0px;
        border-bottom-right-radius: 10px;        
        border-bottom-left-radius: 10px;
    }

    /* faqs */
    .accordion-custom .accordion-button {
        font-size: 16px !important;
    }
    .accordion-custom  .accordion-body {
        font-size: 14px;
    }
    .accordion-button:not(.collapsed)::after {
        background-size: 85%;
    }
    .accordion-button::after {      
        background-size: 85%;
    }

    /* join wyhf */
    .join-wyhf-content p {        
        width: 100%;    
    }
    .join-wyhf-form {
        margin-top: 26px;
    }
    .submit-button {
        margin-top: 40px !important;
    }

        /* login-page */
        /* .login-sec {
            background: none !important;
        }
        .login-logo {
            display: none;
        }
        .login-content {
            left: 75px;         
        }
        .footer-pera {
            left: 85px;
            font-size: 14px;
            bottom: 205px;
        }
        .login-content a {
            font-size: 16px;
        } */

    /* india-chapter */

    .india-chapter-bg h1 {
        font-size: 90px;
        -webkit-text-stroke: 2px #FFFFFF;
    }
    .india-chapter-bg {
        padding: 77.5px 179px 64px 179px;
    }
    .country-cvd-sec ul {
        margin-top: 15px;
        margin-left: 5px;
    }
    .country-cvd-sec ul li {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .regional-representators {        
        margin-top: 50px;
        padding-bottom: 50px;
    }

    /* chapter */
    .accordion-chapter .accordion-button {
        font-size: 24px !important;
    }
    .accordion-chapter .accordion-button:not(.collapsed)::after {
        width: 28px;
    }
    .accordion-chapter .accordion-button::after {
        width: 28px;
    }
    .create-chapter-name h1 {
        font-size: 32px;
        margin-bottom: 5px;
        padding-top: 10px;
    }
    .create-chapter-name p {
        font-size: 15px;
        width: 100%;
    }
    .create-chapter-name span {
        font-size: 22px;
    }
    .chapter-main-sec {
        padding: 40px 60px 40px 0;
        background-size: auto !important;
    }

    .chapter-box {
        width: 340px;
        height: 95px;
    }
    .chapter-box-2 {
        width: 340px;
        height: 95px;
    }
    .chapter-box-3 {
        width: 340px;
        height: 95px;
    }
    .chapter-content {
        padding: 10px 10px;
    }
    .chapter-box h2 {
        font-size: 32px;
        margin-bottom: 0px;
    }
    .chapter-box h6 {
        font-size: 18px;
    }
    .chapter-box-2 h2 {
        font-size: 32px;
        margin-bottom: 0px;
    }
    .chapter-box-2 h6 {
        font-size: 18px;
    }
    .chapter-box-3 h2 {
        font-size: 32px;
        margin-bottom: 0px;
    }
    .chapter-box-3 h6 {
        font-size: 18px;
    }
    .intrest-img-content::before {    
        left: -18px;
        top: 18px;
    }
    .chapter-box img {
        margin-top: -20px;
        margin-right: -4px;
        width: 25%;
    }
    .chapter-box-2 img {
        margin-top: -20px;
        margin-right: -4px;
        width: 25%;
    }
    .chapter-box-3 img {
        margin-top: -20px;
        margin-right: -4px;
        width: 25%;
    }
    .accordion-chapter .accordion-item:not(:first-of-type) {        
        padding-top: 20px;
    }
    .accordion-chapter .accordion-item {         
        margin-top: 20px !important;    
    }
    .section-about::before {
        display: none;
     }
}

@media only screen and (min-width:375px) and (max-width:575px) {

    .slide-img {
        height: 100% !important;
    }
    .video-edit iframe {
        height: 100%;
    }
    .about-light h1 {
        display: none;
    }
    .section-padding-top {
        padding-top: 25px;
    }

    .btn-theme img{
        width: 22%;
    }
    .together-title {
        font-size: 15px;
        width: 100%;
        margin-bottom: 11px;
    }
    .together-content {
        font-size: 11px;
        margin-bottom: 13px;
        width: 81%;
    }
    .voluteer-logo {        
        max-width: 85px;
    }
    .volunteer-with-us {
        padding: 25px 35px 25px 35px;
        margin-bottom: -70px;
    }
    .footer-bg-logo {
        /* width: 20%; */
        height: 16%;
    }
    .footer-logo {
        margin-bottom: 7px;
        width: 40%;
    }
    .social-links ul {       
        margin-bottom: 0.7rem;
    }
    .social-links ul li {
        margin-right: 14px;
    }
    .footer-content h6 {
        margin-bottom: 10px;
    }

    .footer-reserved {
        margin: 10px 0px 10px 0px;
        font-size: 12px;
    }
    .header {
        z-index: 2;
    }
    .header .navbar-custom button {
        padding: 4px 9px;
        font-size: 11px;
    }

    .carousel-caption-custom h5 {
        font-size: 20px;
    }
    .carousel-caption-custom {
        top: 45%!important;
        left: 35px !important;
        transform: translateY(-50%);
        width: 60%;

    }
    .fedration-heading::before {
        width: 363px;
        height: 32px;
    }
    .carousel-caption-custom p {
        font-size: 13px;
        margin-top: 8px;
    }
    .together-section{
        margin-top: 50px !important;
    }
    .navbar-custom {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .coursel-social-links a {
        margin-bottom: 0px;
    }
    .together-section {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
        background-size: cover !important;
    }
    .title {
        font-size: 30px;
        margin-bottom: 5px;
        padding-top: 10px;
    }
    .donet-button span {
        font-size: 14px;
    }
    /* overview-page */
    .overview-about {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .get-know-last {
        font-size: 21px;
    }
    .get-know-first {
        font-size: 21px;
    }
    .about-pera {
        font-size: 13px !important;
        margin-top: 1px;
    }
    .about-pera-2 {
        font-size: 13px;
    }
    .overview-logo {        
        display: none;
    }
    .youth-text {
        font-size: 21px;
    }
    .goal-content-box {
        padding: 10px 10px 1px 10px;        
        margin-left: 0px;
        margin-top: 20px;
    }
    .goal-content-box li {
        font-size: 15px;
        padding-bottom: 2px;
    }
    .goal-content-box ul li::marker {
        font-size: 19px;
    }
    .object-bg-logo {
     display: none;
    }
    .our-object-sec {
        margin-top: 42px;
        padding-bottom: 42px;
    }
    .objective-box-red {
        padding: 10px 10px 15px 10px;
    }
    .objective-box-red p {
        font-size: 13px;
        margin-top: 13px;
    }
    .objective-box-red img{
        width: 18%;
    }
    .objective-box-black {
        padding: 10px 10px 15px 10px;
    }
    .objective-box-black p {
        font-size: 13px;
        margin-top: 13px;
    }
    .objective-box-black img{
        width: 18%;
    }
    .focus-content {
        padding: 10px !important;
    }
    .focus-pera-1 {
        font-size: 15px;
        margin-bottom: 1px;
    }
    .focus-pera-2 {
        font-size: 13px;
    }
    
    .volunteer-with-pera {
        margin-bottom: -72px;
    }
    .container-padding-top {
        padding-top: 0px;
    }
    .about-img-1 {
        height: 190px;
    }
    .about-img-2 {
        height: 190px;
    }

    /* global-leaders */
    .leader-name {
        margin-top: 20px;
    }
    .leader-name h1 {
        font-size: 26px;
        margin-bottom: 3px;
        padding-top: 10px;
    }
    .leader-position p {
        font-size: 17px;
        margin-bottom: 2px;
    }
    .leader-content p {
        font-size: 13px;
        width: 100%;
    }

    .leader-social-link img{
        height: 35px;
    }
    .leader-social-link ul li {
        margin-right: 10px;
        margin-top: 10px;
    }
    .volunteer-with-pera {
        padding: 20px 20px 20px 20px;
    }

    /* our-partner */
    .our-partner-heading h3 {
        font-size: 23px;
        margin-bottom: 10px;
    }
    .our-partner-heading h4 {
        font-size: 20px;
        margin-bottom: 25px;
        width: 100%;
    }
    .our-partner-group{
        /* display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; */
        margin-bottom: 30px;
    }
    .our-partner-group h1 {
        font-size: 25px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .our-partner-group img {
        transition: 0.2s ease-in;
        filter: grayscale(1);
        width: 150px;
    }

    /* board-of-advisors */
    .leader-name a {
        width: 30px !important;
        height: 30px !important;
    }
    .leader-name a i {
        font-size: 14px;
    }

    /* health-education-committiee */
    .target-audiance-content {
        border-left: 0px solid black;
    }
    .target-audiance-content img {
        width: 16%;
    }
    .target-audiance-content h5 {
        font-size: 14px;
        margin-top: 8px;
    }
    .activity-heading span {
        font-size: 42px;
    }
    .activity-heading::before {
        height: 62px;
        width: 450px;
    }
    .activity-heading {       
        margin-bottom: 40px;
    }
    .header-main-bg h1 {
        padding: 57px 60px;
        font-size: 18px;
    }

    /* advocacy-committie */
    .advocacy-heading span{
        font-size: 30px;
    }
    .advocacy-heading::before {
        width: 560px !important;
        height: 48px;
    }
    .policy-heading span{
        font-size: 35px;
    }
    .policy-heading::before {
        width: 555px !important;
        height: 55px;
    }
    .heading-pera {
        font-size: 16px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 25px;
    }

    /* our-work */
    .carousel-custom {
        margin-top: 15px;
    }
    .slider-img p {
        font-size: 10px;
        padding: 4.5px 9.3px;
        top: 10px;
        left: 10px;
    }
    .slider-heading .title {
        font-size: 26px;
        margin-top: 10px;
    }
    .location-content img{
        width: 75%;
    }
    .location-content p {
        font-size: 14px;
        margin-left: 0px;
    }
    .slider-pera {
        font-size: 13px;
        margin-top: 5px;
    }
    .flagship-content {
        margin-top: 15px;
    }
    .flagship-theory h3 {
        font-size: 25px;
        margin-bottom: 4px;
    }
    .flagship-theory-2 h3 {
        font-size: 25px;
        margin-bottom: 4px;
    }
    .flagship-theory p {
        font-size: 13px;
        width: 100%;
    }
    .flagship-theory-2 p {
        font-size: 13px;
        width: 100%;
    }
    .flagship-theory h3::after {
        top: 14px;
        right: 5px;
    }
    .flagship-theory-2 h3::after {
        top: 16px;
        right: 15px;
    }
    .flagship-theory-2{
        margin-top: 10px;
    }

    .evnt-description {        
        padding-left: 0px;
        margin-top: 10px;
        margin-bottom: 40px;
    }
    
    .evnt-description h2 {        
        font-size: 29px;
        margin-bottom: 5px;
        padding-top: 13px;
    }
    .evnt-description ul li {
        font-size: 14px;
        margin-right: 9px;
    }
    .evnt-description ul li span {
        margin-right: 0px;
    }
    .evnt-description ul li span img {
        width: 75%;
    }


    /* media-center */
    .youtube-video {
        margin-top: 20px;
    }
    .youtube-video iframe{
        height: 100%;
    }
    .instagram-sec {
        padding: 17px 17px;
        margin-top: 32px;
    }
    .instagram-content h3 {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .instagram-content ul li {
        font-size: 15px;
    }
    .instagram-content ul li a {
        margin-left: 3px;
    }
    .instagram-content ul li img {
        width: 5%;
    }

     /* fund-us */
     .fund-us-content {        
        width: 100%;
    }
    .fund-us-section {
        background-image: none !important;
        padding-top: 0px;
        margin-bottom: 60px;
    }
    .fund-us-content span {
        font-size: 36px;
    }
    .fund-us-content p {
        font-size: 15px;
        margin-bottom: 10px;
    }

    /* become-member */
    .become-member-sec {
        padding: 20px 20px;
    }
    .become-member-sec h1 {
        font-size: 28px;
    }
    .become-member-sec p {
        font-size: 15px;
        margin-top: 8px;
    }
    .parent {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        margin-top: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
    .benifit-list p {
        font-size: 12px;
        margin-top: 5px;
    }
    .benifit-list img {
        width: 23%;
    }
    .join-membership-sec {
        margin-top: 30px;
    }
    .join-us-content {      
        padding: 20px 0px 20px 0px;
    }
    .join-us-content p {
        font-size: 12px;
        width: 77%;
    }
    .join-us-content a {
        font-size: 12px;
        padding: 6.5px 17.4px;
    }

    /* contact-us */
    .join-us {
        max-width: 320px;
        margin-top: 25px;
    }   
    .join-us-left {        
        border-top-left-radius: 10px;
        border-bottom-left-radius: 0px;        
        border-top-right-radius: 10px;
        background-size: 70% !important;
        padding: 10px 10px 15px 15px;
    }
    .join-us-social li {
        margin-top: 20px;
    }
    .join-us-social li a {     
        font-size: 18px;
        margin-right: 15px;
    }
    .join-us-right {
        padding: 15px 20px 20px 20px;
    }
    .join-us-right {                
        border-top-right-radius: 0px;
        border-bottom-right-radius: 10px;        
        border-bottom-left-radius: 10px;
    }
    .join-us-right h5 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .join-us-right label {
        font-size: 14px;        
    }
    .join-us-right .form-check-input {
        width: 18px !important;
        height: 18px !important;
    }
    .send-button {       
        font-size: 16px !important;        
        margin-top: 15px;
        padding: 12px 25px !important;        
    }

    /* faqs */
    .accordion-custom .accordion-button {
        font-size: 13px !important;
    }
    .accordion-custom  .accordion-body {
        font-size: 13px;
    }
    .accordion-body {
        padding: 0.3rem 0.6rem !important;
    }
    .accordion-button {
        padding: 0.3rem 0.6rem;
    }
    .accordion-button:not(.collapsed)::after {      
        background-size: 80%;
    }
    .accordion-button::after {
        background-size: 80% !important;
    }

    /* join wyhf */
    .join-wyhf-content p {
        font-size: 13px;
        width: 100%;        
    }
    .join-wyhf-form {
        margin-top: 20px;
    }
    .join-wyhf-form label {
        font-size: 13px;
    }
    .join-wyhf-form .form-control {
        padding: 0.21rem .75rem;
    }
    input[type="date" i]::-webkit-calendar-picker-indicator {        
        width: 18px;
        height: 18px;
    }
    .join-wyhf-form .form-select-lg {
        padding-top: .21rem;
        padding-bottom: .2rem;        
    }
    .submit-button {      
        margin-top: 30px !important;
    }
    .join-wyhf-form .form-select-lg {
        font-size: 14px;
    }

     /* login-page */
     /* .login-sec {
        background: none !important;
    }
    .login-logo {
        display: none;
    }
    .login-content {
        left: 15px;        
        width: 340px;
    }
    .footer-pera {
        left: 10px;
        font-size: 12px;
        bottom: 220px;
    }
    .login-content .form-label {
        font-size: 15px;
    }
    .login-content a {
        font-size: 15px;
    }
    .input-box img {
        top: 14px;
        left: 14px;
        width: 5%;
    }
    .password-box .password-icon {
        top: 14px;
        left: 14px;
        width: 5%;
    }
    .password-box .eye-close {
        top: 15px;
        right: 15px;
        width: 6%;
    } */

    /* india-chapter */
    .india-chapter-bg {
        padding: 26.5px 109px 62px 111px;
    }
    .india-chapter-bg h1 {
        font-size: 60px;
        -webkit-text-stroke: 2px #FFFFFF;
    }
    .country-cvd-sec ul {
        margin-top: 10px;
        margin-left: 0px;
    }
    .country-cvd-sec ul li {
        font-size: 15px;
        margin-bottom: 4px;
    }
    .regional-representators {        
        margin-top: 25px;
        padding-bottom: 25px;
    }

    /* chapter */
    .chapter-main-sec {        
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }
    .chapter-box {
        width: 315px;
        height: 95px;
    }
    .chapter-box-2 {
        width: 315px;
        height: 95px;
    }
    .chapter-box-3 {
        width: 315px;
        height: 95px;
    }
    .chapter-main-sec {
        padding: 23px 42px 23px 0;
    }
    .chapter-box h2 {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .chapter-box h6 {
        font-size: 19px;
    }
    .chapter-box-2 h2 {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .chapter-box-2 h6 {
        font-size: 16px;
    }
    .chapter-box-3 h2 {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .chapter-box-3 h6 {
        font-size: 19px;
    }
    .chapter-content {
        padding: 15px 10px;
    }
    .accordion-chapter .accordion-button {
        font-size: 22px !important;
    }
    .accordion-chapter .accordion-button:not(.collapsed)::after {
        width: 31px;
        height: 27px;
    }
    .accordion-chapter .accordion-button::after {
        width: 31px;
        height: 27px;
    }
    .create-chapter-name h1 {
        font-size: 31px;
        margin-bottom: 5px;
        padding-top: 10px;
    }
    .create-chapter-name p {
        font-size: 14px;
        width: 100%;
    }
    .create-chapter-name span {
        font-size: 21px;
    }
    .create-chapter-name ul {
        margin-top: 6px;
    }
    .create-chapter-name ul li {
        font-size: 12px;
        margin-bottom: 3px;
    }
    .intrest-img-content::before {    
        display: none;
    }
    .chapter-box img {
        margin-top: -25px;
        margin-right: -4px;
        width: 25%;
    }
    .chapter-box-2 img {
        margin-top: -25px;
        margin-right: -4px;
        width: 25%;
    }
    .chapter-box-3 img {
        margin-top: -25px;
        margin-right: -4px;
        width: 25%;
    }
    .accordion-chapter .accordion-item:not(:first-of-type) {        
        padding-top: 27px;
    }
    .accordion-chapter .accordion-item {         
        margin-top: 27px !important;    
    }
    .section-about::before {
        display: none;
     }


     /* bugs */
     .about-content p {
        font-size: 17px;
        margin-bottom: 20px;
    }
    .donet-button span {
        font-size: 12px;
    }
    .coursel-social-links a {
        padding: 5px;
    }
    .carousel-caption-custom {
        top: 25%!important;
        left: 25px !important;
        transform: translateY(-50%);
        width: 61%;
    }
    .carousel-indicators [data-bs-target] {
        width: 7.4px !important;
        height: 7.4px !important;
    }
    .carousel-indicators {
        margin-bottom: 10px !important;
    }
    .fedration-heading::before {
        width: 185px;        
    }
    .fedration-heading::before {        
        left: -25px;
    }
    .volunteer-content {
        display: block;       
        text-align: center;
    }
    
    .btn-theme {
        justify-content: space-around;
        margin-top: 7px;
    }
    .coursel-social-links i {
        font-size: 14px;
    }
    .flag-name{
        display: flex;
        align-items: center;
    }
    .join-us-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;        
    }
    .carousel-control-next {
        align-items: end;
    }
    .carousel-control-prev {
        align-items: end;
    }
    .carousel-control-next{       
        left: 45px;
    }    
}


@media only screen and (min-width:320px) and (max-width:374px) {

    .slide-img {
        height: 100% !important;
    }
    .video-edit iframe {
        height: 100%;
    }
    .about-light h1 {
        display: none;
    }
    .section-padding-top {
        padding-top: 25px;
    }
    .btn-theme {
        padding: 4.5px 6px !important;
        font-size: 12px !important;
        margin-top: 5px;
    }
    .btn-theme img{
        width: 22%;
    }
    .together-title {
        font-size: 15px;
        width: 100%;
        margin-bottom: 11px;
    }
    .together-content {
        font-size: 11px;
        margin-bottom: 13px;
        width: 81%;
    }
    .volunteer-content h1 {
        font-size: 16px;
    }
    .voluteer-logo {        
        max-width: 85px;
    }
    .volunteer-with-us {
        padding: 25px 35px 25px 35px;
        margin-bottom: -70px;
    }
    .footer-bg-logo {
        /* width: 20%; */
        height: 16%;
    }
    .footer-logo {
        margin-bottom: 7px;
        width: 40%;
    }
    .social-links ul {       
        margin-bottom: 0.7rem;
    }
    .social-links ul li {
        margin-right: 14px;
    }
    .footer-content h6 {
        margin-bottom: 10px;
    }
    .footer-menu li a {
        font-size: 11px;
        margin-bottom: 10px;
    }
    .footer-reserved {
        margin: 10px 0px 10px 0px;
        font-size: 12px;
    }
    .header {
        z-index: 2;
    }
    .header .navbar-custom button {
        padding: 4px 9px;
        font-size: 11px;
    }

    .carousel-caption-custom h5 {
        font-size: 17px;
    }
    .carousel-caption-custom {
        top: 45%!important;
        left: 35px !important;
        transform: translateY(-50%);
        width: 60%;

    }
    .fedration-heading::before {
        width: 154px;
        height: 23px;
    }
    .carousel-caption-custom p {
        font-size: 12px;
        margin-top: 0px;
    }
    .together-section{
        margin-top: 50px !important;
    }
    .navbar-custom {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .coursel-social-links a {
        margin-bottom: 0px;
    }
    .together-section {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        background-size: cover !important;
    }
    .title {
        font-size: 31px;
        margin-bottom: 5px;
        padding-top: 10px;
    }
    .donet-button span {
        font-size: 14px;
    }
    /* overview-page */
    .overview-about {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .get-know-last {
        font-size: 21px;
    }
    .get-know-first {
        font-size: 21px;
    }
    .about-pera {
        font-size: 13px !important;
        margin-top: 1px;
    }
    .about-pera-2 {
        font-size: 13px;
    }
    .overview-logo {        
        display: none;
    }
    .youth-text {
        font-size: 21px;
    }
    .goal-content-box {
        padding: 10px 10px 1px 10px;        
        margin-left: 0px;
        margin-top: 20px;
    }
    .goal-content-box li {
        font-size: 15px;
        padding-bottom: 2px;
    }
    .goal-content-box ul li::marker {
        font-size: 19px;
    }
    .object-bg-logo {
     display: none;
    }
    .our-object-sec {
        margin-top: 42px;
        padding-bottom: 42px;
    }
    .objective-box-red {
        padding: 10px 10px 15px 10px;
    }
    .objective-box-red p {
        font-size: 13px;
        margin-top: 13px;
    }
    .objective-box-red img{
        width: 18%;
    }
    .objective-box-black {
        padding: 10px 10px 15px 10px;
    }
    .objective-box-black p {
        font-size: 13px;
        margin-top: 13px;
    }
    .objective-box-black img{
        width: 18%;
    }
    .focus-content {
        padding: 10px !important;
    }
    .focus-pera-1 {
        font-size: 15px;
        margin-bottom: 1px;
    }
    .focus-pera-2 {
        font-size: 13px;
    }
    
    .volunteer-with-pera {
        margin-bottom: -72px;
    }
    .container-padding-top {
        padding-top: 0px;
    }
    .about-img-1 {
        height: 190px;
    }
    .about-img-2 {
        height: 190px;
    }

    /* global-leaders */
    .leader-name {
        margin-top: 20px;
    }
    .leader-name h1 {
        font-size: 26px;
        margin-bottom: 3px;
        padding-top: 10px;
    }
    .leader-position p {
        font-size: 17px;
        margin-bottom: 2px;
    }
    .leader-content p {
        font-size: 13px;
        width: 100%;
    }
    .leader-img{
        width: 80%;
        margin-top: 8px;
    }
    .leader-social-link img{
        height: 35px;
    }
    .leader-social-link ul li {
        margin-right: 10px;
        margin-top: 10px;
    }
    .volunteer-with-pera {
        padding: 20px 20px 20px 20px;
    }

    /* our-partner */
    .our-partner-heading h3 {
        font-size: 23px;
        margin-bottom: 10px;
    }
    .our-partner-heading h4 {
        font-size: 20px;
        margin-bottom: 25px;
        width: 100%;
    }
    .our-partner-group{
        /* display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; */
        margin-bottom: 30px;
    }
    .our-partner-group h1 {
        font-size: 25px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .our-partner-group img {
        transition: 0.2s ease-in;
        filter: grayscale(1);
        width: 150px;
    }

    /* board-of-advisors */
    .leader-name a {
        width: 30px !important;
        height: 30px !important;
    }
    .leader-name a i {
        font-size: 14px;
    }

    /* health-education-committiee */
    .target-audiance-content {
        border-left: 0px solid black;
    }
    .target-audiance-content img {
        width: 16%;
    }
    .target-audiance-content h5 {
        font-size: 14px;
        margin-top: 8px;
    }
    .activity-heading span {
        font-size: 42px;
    }
    .activity-heading::before {
        height: 62px;
        width: 450px;
    }
    .activity-heading {       
        margin-bottom: 40px;
    }
    .header-main-bg h1 {
        padding: 57px 60px;
        font-size: 18px;
    }

    /* advocacy-committie */
    .advocacy-heading span{
        font-size: 30px;
    }
    .advocacy-heading::before {
        width: 560px !important;
        height: 48px;
    }
    .policy-heading span{
        font-size: 35px;
    }
    .policy-heading::before {
        width: 555px !important;
        height: 55px;
    }
    .heading-pera {
        font-size: 16px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 25px;
    }

    /* our-work */
    .carousel-custom {
        margin-top: 15px;
    }
    .slider-img p {
        font-size: 10px;
        padding: 4.5px 9.3px;
        top: 10px;
        left: 10px;
    }
    .slider-heading .title {
        font-size: 26px;
        margin-top: 10px;
    }
    .location-content img{
        width: 75%;
    }
    .location-content p {
        font-size: 14px;
        margin-left: 0px;
    }
    .slider-pera {
        font-size: 13px;
        margin-top: 5px;
    }
    .flagship-content {
        margin-top: 15px;
    }
    .flagship-theory h3 {
        font-size: 25px;
        margin-bottom: 4px;
    }
    .flagship-theory-2 h3 {
        font-size: 25px;
        margin-bottom: 4px;
    }
    .flagship-theory p {
        font-size: 13px;
        width: 100%;
    }
    .flagship-theory-2 p {
        font-size: 13px;
        width: 100%;
    }
    .flagship-theory h3::after {
        top: 14px;
        right: 5px;
    }
    .flagship-theory-2 h3::after {
        top: 16px;
        right: 15px;
    }
    .flagship-theory-2{
        margin-top: 10px;
    }

    .evnt-description {        
        padding-left: 0px;
        margin-top: 10px;
        margin-bottom: 40px;
    }
    .evnt-description h2 {        
        font-size: 29px;
        margin-bottom: 5px;
        padding-top: 13px;
    }
    .evnt-description ul li {
        font-size: 14px;
        margin-right: 9px;
    }
    .evnt-description ul li span {
        margin-right: 0px;
    }
    .evnt-description ul li span img {
        width: 75%;
    }


    /* media-center */
    .youtube-video {
        margin-top: 20px;
    }
    .youtube-video iframe{
        height: 100%;
    }
    .instagram-sec {
        padding: 17px 17px;
        margin-top: 32px;
    }
    .instagram-content h3 {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .instagram-content ul li {
        font-size: 15px;
    }
    .instagram-content ul li a {
        margin-left: 3px;
    }
    .instagram-content ul li img {
        width: 5%;
    }

     /* fund-us */
     .fund-us-content {        
        width: 100%;
    }
    .fund-us-section {
        background-image: none !important;
        padding-top: 0px;
        margin-bottom: 60px;
    }
    .fund-us-content span {
        font-size: 36px;
    }
    .fund-us-content p {
        font-size: 15px;
        margin-bottom: 10px;
    }

    /* become-member */
    .become-member-sec {
        padding: 20px 20px;
    }
    .become-member-sec h1 {
        font-size: 28px;
    }
    .become-member-sec p {
        font-size: 15px;
        margin-top: 8px;
    }
    .parent {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        margin-top: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
    .benifit-list p {
        font-size: 12px;
        margin-top: 5px;
    }
    .benifit-list img {
        width: 23%;
    }
    .join-membership-sec {
        margin-top: 30px;
    }
    .join-us-content {      
        padding: 20px 0px 20px 0px;
    }
    .join-us-content p {
        font-size: 12px;
        width: 77%;
    }
    .join-us-content a {
        font-size: 12px;
        padding: 6.5px 17.4px;
    }

    /* contact-us */
    .join-us {
        max-width: 320px;
        margin-top: 25px;
    }   
    .join-us-left {        
        border-top-left-radius: 10px;
        border-bottom-left-radius: 0px;        
        border-top-right-radius: 10px;
        background-size: 70% !important;
        padding: 10px 10px 15px 15px;
    }
    .join-us-social li {
        margin-top: 20px;
    }
    .join-us-social li a {     
        font-size: 18px;
        margin-right: 15px;
    }
    .join-us-right {
        padding: 15px 20px 20px 20px;
    }
    .join-us-right {                
        border-top-right-radius: 0px;
        border-bottom-right-radius: 10px;        
        border-bottom-left-radius: 10px;
    }
    .join-us-right h5 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .join-us-right label {
        font-size: 14px;        
    }
    .join-us-right .form-check-input {
        width: 18px !important;
        height: 18px !important;
    }
    .send-button {       
        font-size: 16px !important;        
        margin-top: 15px;
        padding: 12px 25px !important;        
    }

    /* faqs */
    .accordion-custom .accordion-button {
        font-size: 13px !important;
    }
    .accordion-custom  .accordion-body {
        font-size: 13px;
    }
    .accordion-body {
        padding: 0.3rem 0.6rem !important;
    }
    .accordion-button {
        padding: 0.3rem 0.6rem;
    }
    .accordion-button:not(.collapsed)::after {      
        background-size: 80%;
    }
    .accordion-button::after {
        background-size: 80% !important;
    }

    /* join wyhf */
    .join-wyhf-content p {
        font-size: 13px;
        width: 100%;        
    }
    .join-wyhf-form {
        margin-top: 20px;
    }
    .join-wyhf-form label {
        font-size: 13px;
    }
    .join-wyhf-form .form-control {
        padding: 0.21rem .75rem;
    }
    input[type="date" i]::-webkit-calendar-picker-indicator {        
        width: 18px;
        height: 18px;
    }
    .join-wyhf-form .form-select-lg {
        padding-top: .21rem;
        padding-bottom: .2rem;        
    }
    .submit-button {      
        margin-top: 30px !important;
    }
    .join-wyhf-form .form-select-lg {
        font-size: 14px;
    }

     /* login-page */
     /* .login-sec {
        background: none !important;
    }
    .login-logo {
        display: none;
    }
    .login-content {
        left: 15px;        
        width: 340px;
    }
    .footer-pera {
        left: 10px;
        font-size: 12px;
        bottom: 220px;
    }
    .login-content .form-label {
        font-size: 15px;
    }
    .login-content a {
        font-size: 15px;
    }
    .input-box img {
        top: 14px;
        left: 14px;
        width: 5%;
    }
    .password-box .password-icon {
        top: 14px;
        left: 14px;
        width: 5%;
    }
    .password-box .eye-close {
        top: 15px;
        right: 15px;
        width: 6%;
    } */

    /* india-chapter */
    .india-chapter-bg {
        padding: 26.5px 109px 62px 111px;
    }
    .india-chapter-bg h1 {
        font-size: 60px;
        -webkit-text-stroke: 2px #FFFFFF;
    }
    .country-cvd-sec ul {
        margin-top: 10px;
        margin-left: 0px;
    }
    .country-cvd-sec ul li {
        font-size: 15px;
        margin-bottom: 4px;
    }
    .regional-representators {        
        margin-top: 25px;
        padding-bottom: 25px;
    }

    /* chapter */
    .chapter-main-sec {        
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }
    .chapter-box {
        width: 315px;
        height: 95px;
    }
    .chapter-box-2 {
        width: 315px;
        height: 95px;
    }
    .chapter-box-3 {
        width: 315px;
        height: 95px;
    }
    .chapter-main-sec {
        padding: 23px 42px 23px 0;
    }
    .chapter-box h2 {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .chapter-box h6 {
        font-size: 19px;
    }
    .chapter-box-2 h2 {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .chapter-box-2 h6 {
        font-size: 16px;
    }
    .chapter-box-3 h2 {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .chapter-box-3 h6 {
        font-size: 19px;
    }
    .chapter-content {
        padding: 15px 10px;
    }
    .accordion-chapter .accordion-button {
        font-size: 22px !important;
    }
    .accordion-chapter .accordion-button:not(.collapsed)::after {
        width: 31px;
        height: 27px;
    }
    .accordion-chapter .accordion-button::after {
        width: 31px;
        height: 27px;
    }
    .create-chapter-name h1 {
        font-size: 31px;
        margin-bottom: 5px;
        padding-top: 10px;
    }
    .create-chapter-name p {
        font-size: 14px;
        width: 100%;
    }
    .create-chapter-name span {
        font-size: 21px;
    }
    .create-chapter-name ul {
        margin-top: 6px;
    }
    .create-chapter-name ul li {
        font-size: 12px;
        margin-bottom: 3px;
    }
    .intrest-img-content::before {    
        display: none;
    }
    .chapter-box img {
        margin-top: -25px;
        margin-right: -4px;
        width: 25%;
    }
    .chapter-box-2 img {
        margin-top: -25px;
        margin-right: -4px;
        width: 25%;
    }
    .chapter-box-3 img {
        margin-top: -25px;
        margin-right: -4px;
        width: 25%;
    }
    .accordion-chapter .accordion-item:not(:first-of-type) {        
        padding-top: 27px;
    }
    .accordion-chapter .accordion-item {         
        margin-top: 27px !important;    
    }
    .section-about::before {
        display: none;
     }

      /* bugs */
     .foreb-indias-title {
        font-size: 25px;
        margin-top: 25px;
        margin-bottom: 20px;
    }
   
    .about-content p {
        font-size: 17px;
        margin-bottom: 20px;
    }
    .donet-button span {
        font-size: 12px;
    }

    .coursel-social-links a {
        padding: 5px;
    }
    .carousel-caption-custom {
        top: 25%!important;
        left: 25px !important;
        transform: translateY(-50%);
        width: 61%;
    }
    .carousel-indicators [data-bs-target] {
        width: 7.4px !important;
        height: 7.4px !important;
    }
    .carousel-indicators {
        margin-bottom: 10px !important;
    }
    .fedration-heading::before {
        width: 185px;        
    }
    .fedration-heading::before {        
        left: -25px;
    }
    .volunteer-content {
        display: block;       
        text-align: center;
    }
    
    .btn-theme {
        justify-content: space-around;
    }
    .coursel-social-links i {
        font-size: 14px;
    }
    .flag-name{
        display: flex;
        align-items: center;
    }
    .join-us-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .carousel-control-next {
        align-items: end;
    }
    .carousel-control-prev {
        align-items: end;
    }
    .carousel-control-next{       
        left: 45px;
    }   
}