/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1500px) {
    .container{
        max-width: 1470px;
    }
}

@media (min-width: 1600px) and (max-width: 1699px){
    /* header */
    .header{padding-left: 130px;}
    /* header */

    /* event section */
    .event-slider .slick-arrow.slick-prev{left: -60px;}
    .event-slider .slick-arrow.slick-next{right: -60px;}
    /* event section */

    /* what doing section */
    .what-doing-detail{margin-left: 70px;}
    /* what doing section */

    /* past event section */
    .past-event-slider .slick-arrow.slick-prev{left: -60px;}
    .past-event-slider .slick-arrow.slick-next{right: -60px;}
    /* past event section */
}

@media (min-width: 1500px) and (max-width: 1599px){
    /* header */
    .header{padding-left: 30px;}
    /* header */

    /* event section */
    .event-slider .slick-arrow.slick-prev{left: -60px;}
    .event-slider .slick-arrow.slick-next{right: -60px;}
    .event-slider-part{padding: 0 50px;}
    .event-slider-info .small-title{font-size: 22px;}
    /* event section */

    /* what doing section */
    .what-doing-detail{margin-left: 0; padding: 70px 30px 10px 70px;}
    /* what doing section */

    /* past event section */
    .past-event-slider .slick-arrow.slick-prev{left: -60px;}
    .past-event-slider .slick-arrow.slick-next{right: -60px;}
    .past-event-slider-part{padding: 0 50px;}
    .past-event-slider-info .small-title{font-size: 22px;}
    .past-event-slider-list{min-height: 96px;}
    /* past event section */

    /* what else section */
    .what-else-slider-part{padding: 0 50px;}
    .what-else-slider .slick-arrow.slick-prev{left: -60px;}
    .what-else-slider .slick-arrow.slick-next{right: -60px;}
    /* what else section */
}

@media (min-width: 1400px) and (max-width: 1499px){
    /* header */
    .navbar-nav .nav-item{font-size: 12px;}
    .navbar-nav .nav-item .nav-link{width: 125px; padding: 25px 0;}
    .menu-block{width: 99px; height: 99px;}
    .menu-block span{font-size: 12px;}
    .header{padding-left: 30px;}
    /* header */

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

    /* event section */
    .event-slider .slick-arrow.slick-prev{left: -60px;}
    .event-slider .slick-arrow.slick-next{right: -60px;}
    .event-slider-part{padding: 0 25px;}
    .event-slider-info .small-title{font-size: 20px;}
    .event-section{padding: 90px 0 50px;}
    /* event section */

    /* what doing section */
    .what-doing-detail{margin-left: 0; padding: 60px 30px 10px 60px;}
    .what-doing-detail .see-more{margin: 40px 0 0;}
    /* what doing section */

    /* past event section */
    .past-event-slider .slick-arrow.slick-prev{left: -60px;}
    .past-event-slider .slick-arrow.slick-next{right: -60px;}
    .past-event-slider-part{padding: 0 25px;}
    .past-event-slider-info .small-title{font-size: 20px;}
    .past-event-slider-list{min-height: 96px;}
    /* past event section */

    /* what else section */
    .what-else-slider-part{padding: 0 25px;}
    .what-else-slider .slick-arrow.slick-prev{left: -60px;}
    .what-else-slider .slick-arrow.slick-next{right: -60px;}
    .what-else-section{padding: 90px 0; margin: 60px 0 40px;}
    /* what else section */

    /* contact section */
    .contact-section{padding: 40px 0;}
    /* contact section */

    /* donate section  */
    .donate-detail .contact-donate-title *{font-size: 56px;}
    .donate-detail .donate-paragraph{font-size: 18px;}
    .donate-contact-button{margin: 40px 0 0;}
    /* donate section  */

    /* footer */
    .footer{padding: 90px 0;}
    /* footer */
}

@media (min-width: 1300px) and (max-width: 1399px){
    /* common-style */
    .section-title{font-size: 52px;}
    .block-title{font-size: 34px;}
    /* common-style */

    /* header */
    .navbar-nav .nav-item{font-size: 12px;}
    .navbar-nav .nav-item .nav-link{width: 125px; padding: 25px 0;}
    .menu-block{width: 99px; height: 99px;}
    .menu-block span{font-size: 12px;}
    .header{padding-left: 30px;}
    /* header */

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

    /* event section */
    .event-slider .slick-arrow.slick-prev{left: -60px;}
    .event-slider .slick-arrow.slick-next{right: -60px;}
    .event-slider-info .small-title{font-size: 18px;}
    .event-section{padding: 90px 0 50px;}
    .event-slider-info{padding: 18px 20px 25px 25px;}
    .event-slider-list ul li{font-size: 16px;}
    .learn-more{margin: 30px 0 0;}
    /* event section */

    /* what doing section */
    .what-doing-detail{margin-left: 0; padding: 60px 30px 10px 60px;}
    .what-doing-detail .see-more{margin: 40px 0 0;}
    /* what doing section */

    /* past event section */
    .past-event-slider .slick-arrow.slick-prev{left: -60px;}
    .past-event-slider .slick-arrow.slick-next{right: -60px;}
    .past-event-slider-info .small-title{font-size: 18px; min-height: 48px;}
    .past-event-slider-info{padding: 18px 20px 25px 25px; margin: -50px 0 0; height: calc(100% + 50px);}
    .past-event-slider-list ul li{font-size: 16px;}
    .learn-more{margin: 30px 0 0;}
    .past-event-slider-icon{width: 60px; height: 60px; padding: 12px;}
    .past-event-slider-list{min-height: 89px;}
    .past-event-slider .slick-list{padding-top: 35px;}
    /* past event section */

    /* what else section */
    .what-else-slider .slick-arrow.slick-prev{left: -60px;}
    .what-else-slider .slick-arrow.slick-next{right: -60px;}
    .what-else-section{padding: 90px 0; margin: 60px 0 40px;}
    .what-else-slider-detail .what-else-slider-image{height: 350px;}
    .what-else-slider-info{height: calc(100% - 350px);}
    /* what else section */

    /* contact section */
    .contact-section{padding: 40px 0;}
    .contact-form{padding: 50px 35px 12px;}
    .contact-button button{padding: 20px 145px;}
    /* contact section */

    /* donate section  */
    .donate-detail .contact-donate-title *{font-size: 56px;}
    .donate-detail .donate-paragraph{font-size: 18px;}
    .donate-contact-button{margin: 40px 0 0;}
    .donate-contact-button a{padding: 18px 32px; font-size: 18px;}
    /* donate section  */

    /* footer */
    .footer{padding: 80px 0;}
    /* footer */
}

@media (min-width: 1200px) and (max-width: 1299px){
    /* common-style */
    .section-title{font-size: 52px;}
    .block-title{font-size: 32px;}
    /* common-style */

    /* header */
    .navbar-nav .nav-item{font-size: 12px;}
    .navbar-nav .nav-item .nav-link{width: 125px; padding: 25px 0;}
    .menu-block{width: 99px; height: 99px;}
    .menu-block span{font-size: 12px;}
    .header{padding-left: 20px;}
    /* header */

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

    /* event section */
    .event-slider .slick-arrow.slick-prev{left: -60px;}
    .event-slider .slick-arrow.slick-next{right: -60px;}
    .event-slider-info .small-title{font-size: 18px;}
    .event-section{padding: 90px 0 50px;}
    .event-slider-part{padding: 0 30px;}
    .event-slider-info{padding: 18px 20px 25px 25px;}
    .event-slider-list ul li{font-size: 16px;}
    .learn-more{margin: 30px 0 0;}
    /* event section */

    /* what doing section */
    .what-doing-detail{margin-left: 0; padding: 50px 30px 10px 50px;}
    .what-doing-detail .see-more{margin: 40px 0 0;}
    .what-doing-paragraph{font-size: 20px;}
    /* what doing section */

    /* past event section */
    .past-event-slider .slick-arrow.slick-prev{left: -60px;}
    .past-event-slider .slick-arrow.slick-next{right: -60px;}
    .past-event-slider-info .small-title{font-size: 18px; min-height: 48px;}
    .past-event-slider-info{padding: 18px 20px 25px 25px; margin: -50px 0 0; height: calc(100% + 50px);}
    .past-event-slider-list ul li{font-size: 16px;}
    .learn-more{margin: 30px 0 0;}
    .past-event-slider-icon{width: 60px; height: 60px; padding: 12px;}
    .past-event-slider-list{min-height: 89px;}
    .past-event-slider .slick-list{padding-top: 35px;}
    .past-event-slider-part{padding: 0 30px;}
    /* past event section */

    /* what else section */
    .what-else-slider .slick-arrow.slick-prev{left: -60px;}
    .what-else-slider .slick-arrow.slick-next{right: -60px;}
    .what-else-section{padding: 70px 0; margin: 60px 0 40px;}
    .what-else-slider-part{padding: 0 30px;}
    .what-else-slider-detail .what-else-slider-image{height: 350px;}
    .what-else-slider-info{height: calc(100% - 350px);}
    /* what else section */

    /* contact section */
    .contact-section{padding: 40px 0;}
    .contact-form{padding: 50px 35px 12px;}
    .contact-button button{padding: 20px 145px;}
    /* contact section */

    /* donate section  */
    .donate-detail .contact-donate-title *{font-size: 56px;}
    .donate-detail .donate-paragraph{font-size: 18px;}
    .donate-contact-button{margin: 40px 0 0;}
    .donate-contact-button a{padding: 18px 32px; font-size: 18px;}
    /* donate section  */

    /* footer */
    .footer{padding: 80px 0;}
    /* footer */
}

@media (min-width: 992px) and  (max-width: 1199px){
    /* common style */
    .main-heading{font-size: 60px;}
    .btn{padding: 15px 25px;}
    .section-title{font-size: 46px;}
    .block-title{font-size: 26px;}
    /* common style */

    /* header */
    .header{padding-left: 30px;}
    /* header */

    /* banner */
    .banner-detail .donate-button{margin: 30px 0 0;}
    /* banner */

    /* mission section */
    .mission-section{padding: 60px 0;}
    .mission-content .mission-paragraph{font-size: 20px;}
    /* mission section */

    /* event section */
    .event-slider .slick-arrow.slick-prev{left: -50px;}
    .event-slider .slick-arrow.slick-next{right: -50px;}
    .event-slider-info .small-title{font-size: 18px;}
    .event-section{padding: 80px 0 40px;}
    .event-slider-part{padding: 0 45px; margin: 40px 0 0;}
    .event-slider-info{padding: 18px 18px 20px 20px; height: calc(100% - 200px);}
    .event-slider-list ul li{font-size: 16px;}
    .learn-more{margin: 30px 0 0;}
    .event-slider .slick-list{margin: 0 -10px;}
    .event-slider .slick-slide{padding: 0 10px;}
    .event-slider-detail .event-slider-image{height: 200px;}
    .learn-more a{font-size: 18px;}
    .event-slider .slick-arrow{width: 40px; height: 40px;}
    /* event section */

    /* what doing section */
    .what-doing-detail{margin-left: 0; padding: 30px 20px 10px 30px;}
    .what-doing-detail .see-more{margin: 30px 0 0;}
    .what-doing-paragraph{font-size: 16px;}
    .what-doing-paragraph > *:not(:last-child){margin-bottom: 20px;}
    .what-doing-paragraph{margin: 18px 0 0;}
    /* what doing section */

    /* past event section */
    .past-event-slider .slick-arrow.slick-prev{left: -50px;}
    .past-event-slider .slick-arrow.slick-next{right: -50px;}
    .past-event-slider-info .small-title{font-size: 18px; min-height: 72px;}
    .past-event-slider-info{padding: 18px 18px 20px 20px; margin: -50px 0 0; height: calc(100% + 50px);}
    .past-event-slider-list ul li{font-size: 16px;}
    .learn-more{margin: 30px 0 0;}
    .past-event-slider-icon{width: 60px; height: 60px; padding: 12px;}
    .past-event-slider-list{min-height: 111px;}
    .past-event-slider .slick-list{padding-top: 35px;}
    .past-event-slider-part{padding: 0 45px;}
    .past-event-slider .slick-list{margin: 0 -10px;}
    .past-event-slider .slick-slide{padding: 0 10px;}
    .past-event-slider .slick-arrow{width: 40px; height: 40px;}
    /* past event section */

    /* what else section */
    .what-else-slider .slick-arrow.slick-prev{left: -50px;}
    .what-else-slider .slick-arrow.slick-next{right: -50px;}
    .what-else-section{padding: 50px 0; margin: 30px 0;}
    .what-else-slider-part{padding: 0 45px;}
    .what-else-slider-detail .what-else-slider-image{height: 300px;}
    .what-else-slider-info{height: calc(100% - 300px);}
    .what-else-slider .slick-arrow{width: 40px; height: 40px;}
    .what-else-slider-part{margin: 40px 0 0;}
    /* what else section */

    /* contact section */
    .contact-section{padding: 40px 0;}
    .contact-form{padding: 40px 20px 12px;}
    .contact-button button{padding: 15px 120px; font-size: 20px;}
    .contact-content .row{margin: 0 -15px;}
    .contact-content .row > *{padding: 0 15px;}
    .common-form .row{margin: 0 -5px;}
    .common-form .row > *{padding: 0 5px;}
    /* contact section */

    /* donate section  */
    .donate-detail .contact-donate-title *{font-size: 46px;}
    .donate-detail .donate-paragraph{font-size: 16px;}
    .donate-contact-button{margin: 30px 0 0;}
    .donate-contact-button a{padding: 14px 28px; font-size: 16px;}
    .donate-image-block{margin-top: -40px;}
    .donate-section{margin: 70px 0 0;}
    /* donate section  */

    /* footer */
    .footer{padding: 70px 0;}
    .footer-menu-title *{font-size: 24px;}
    .footer-menu-part-title *{font-size: 20px;}
    .footer-contact-title *{font-size: 24px;}
    .footer-menu-link ul li a{font-size: 16px;}
    .footer-menu-part-link ul li a{font-size: 16px;}
    .footer-contact-link ul li{line-height: 22px; font-size: 16px;}
    .footer-contact-link ul li a{font-size: 16px; line-height: 22px;}
    .footer-logo-part{max-width: 180px;}
    .footer-copyright{font-size: 12px; margin: 60px 0 0;}
    .footer-social-media-list ul li a{width: 40px; height: 40px; font-size: 18px;}
    .footer-contact-link{margin: 30px 0 0;}
    /* footer */
}
 
@media (max-width: 1199px) {
    /* button-start */

    button.navbar-toggler {
        border: none;
    }
    
    .navbar-toggler {
        right: 0;
        top: 0;
    }
    
    .navbar-toggler {
        border: none;
        background-color: transparent;
        position: relative;
        right: 0;
    }
    
    .navbar-collapse {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        right: -100%;
        max-width: 100%;
        width: 100%;
        bottom: 0;
        height: 100vh;
        overflow: auto;
        background-color: #fff;
        transition: 0.5s;
        z-index: 9;
    }
    
    .navbar-collapse.show {
        right: 0;
        height: auto;
    }
    
    .navbar-collapse.show::before {
        right: 0;
    }
    
    .navbar-collapse::before {
        content: "";
        position: fixed;
        width: 100%;
        height: 80px;
        top: 0;
        right: -100%;
        background-color: #ffffff;
        transition: 0.5s;
        z-index: 9;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-nav{margin: 0;}
    .navbar-nav .nav-item{color: #1CAF4D; font-size: 16px; margin-bottom: 30px;}
    .navbar-nav .nav-item .nav-link{width: auto; padding: 0; height: auto; flex-direction: row; align-items: center;}
    .navbar-nav .nav-item .nav-link:hover{color: black;}
    .navbar-nav .nav-item .nav-link img{margin-bottom: 0; margin-right: 6px;}
    .menu-block{width: 99px; height: 99px;}
    .menu-block span{font-size: 12px;}
    .navbar-toggler{padding: 0;}
    .menu-close-icon{position: absolute; top: 20px; right: 20px; z-index: 99; cursor: pointer;}
    .menu-close-icon img{width: 25px; height: 25px;}
    /* button-end */ 
}

@media (min-width: 768px) and (max-width: 991px){
    /* common style */
    .main-heading{font-size: 46px;}
    .btn{padding: 12px 20px; font-size: 16px;}
    .section-title{font-size: 38px;}
    .block-title{font-size: 22px;}
    /* common style */

    /* header */
    .menu-block{width: 80px; height: 80px;}
    .navbar-brand{max-width: 200px;}
    .header{padding-left: 20px;}
    /* header */

    /* banner */
    .banner-detail .donate-button{margin: 30px 0 0;}
    .banner-image{height: 500px;}
    /* banner */

    /* mission section */
    .mission-section{padding: 60px 0;}
    .mission-content .mission-paragraph{font-size: 18px;}
    /* mission section */

    /* event section */
    .event-slider .slick-arrow.slick-prev{left: -50px;}
    .event-slider .slick-arrow.slick-next{right: -50px;}
    .event-slider-info .small-title{font-size: 18px;}
    .event-section{padding: 60px 0 40px;}
    .event-slider-part{padding: 0 30px; margin: 40px 0 0;}
    .event-slider-info{padding: 18px 18px 20px 20px; height: calc(100% - 200px);}
    .event-slider-list ul li{font-size: 16px;}
    .learn-more{margin: 30px 0 0;}
    .event-slider .slick-list{margin: 0 -10px;}
    .event-slider .slick-slide{padding: 0 10px;}
    .event-slider-detail .event-slider-image{height: 200px;}
    .learn-more a{font-size: 18px;}
    .event-slider .slick-arrow{width: 40px; height: 40px;}
    /* event section */

    /* what doing section */
    .what-doing-section {margin: 40px 0;}
    .what-doing-detail{margin-left: 0; padding: 30px 30px 20px; max-width: 100%;}
    .what-doing-detail .see-more{margin: 30px 0 0; display: flex; justify-content: center}
    .what-doing-paragraph{font-size: 16px; text-align: center;}
    .what-doing-paragraph > *:not(:last-child){margin-bottom: 20px;}
    .what-doing-paragraph{margin: 18px 0 0;}
    .what-doing-detail .small-title{text-align: center;}
    .what-doing-detail .section-title{text-align: center;}
    /* what doing section */

    /* past event section */
    .past-event-slider .slick-arrow.slick-prev{left: -50px;}
    .past-event-slider .slick-arrow.slick-next{right: -50px;}
    .past-event-slider-info .small-title{font-size: 18px; min-height: 48px;}
    .past-event-slider-info{padding: 18px 18px 20px 20px; margin: -50px 0 0; height: calc(100% + 50px);}
    .past-event-slider-list ul li{font-size: 16px;}
    .learn-more{margin: 30px 0 0;}
    .past-event-slider-icon{width: 60px; height: 60px; padding: 12px;}
    .past-event-slider-list{min-height: 111px;}
    .past-event-slider .slick-list{padding-top: 35px;}
    .past-event-slider-part{padding: 0 30px;}
    .past-event-slider .slick-list{margin: 0 -10px;}
    .past-event-slider .slick-slide{padding: 0 10px;}
    .past-event-slider .slick-arrow{width: 40px; height: 40px;}
    .past-event-section{padding: 15px 0 40px;}
    /* past event section */

    /* what else section */
    .what-else-slider .slick-arrow.slick-prev{left: -50px;}
    .what-else-slider .slick-arrow.slick-next{right: -50px;}
    .what-else-section{padding: 40px 0; margin: 25px 0;}
    .what-else-slider-part{padding: 0 30px;}
    .what-else-slider-detail .what-else-slider-image{height: 250px;}
    .what-else-slider-info{height: calc(100% - 250px); padding: 25px;}
    .what-else-slider .slick-arrow{width: 40px; height: 40px;}
    .what-else-slider-part{margin: 30px 0 0;}
    .what-else-slider .slick-list{margin: 0 -10px;}
    .what-else-slider .slick-slide{padding: 0 10px;}
    .what-else-paragraph{font-size: 24px;}
    .what-else-learn-more a{font-size: 18px;}
    /* what else section */

    /* contact section */
    .contact-section{padding: 40px 0;}
    .contact-form{padding: 40px 20px 12px; max-width: 100%; margin: 0;}
    .contact-button button{padding: 15px 120px; font-size: 20px;}
    .contact-content .row{margin: 0 -5px;}
    .contact-content .row > *{padding: 0 5px;}
    .common-form .row{margin: 0 -5px;}
    .common-form .row > *{padding: 0 5px;}
    .contact-small-title{text-align: center; display: block;}
    .contact-detail .section-title{text-align: center;}
    .contact-detail .section-title *{text-align: center;}
    .contact-detail .common-detail{text-align: center; max-width: 100%;}
    .contact-list{width: 100%; max-width: 350px; margin: 35px auto 30px;}
    .contact-detail{margin: 0;}
    /* contact section */

     /* donate section  */
     .donate-detail .contact-donate-title *{font-size: 46px; text-align: center;}
     .donate-section::before{display: none;}
     .donate-detail .donate-paragraph{font-size: 16px; text-align: center;}
     .donate-contact-button{margin: 30px 0 0; display: flex; justify-content: center;}
     .donate-contact-button a{padding: 14px 28px; font-size: 16px;}
     .donate-image-block{margin-top: 0; padding-left: 0;}
     .donate-section{margin: 40px 0 0;}
     .donate-content{ padding: 30px 0; position: relative; top: 0; transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
     /* donate section  */

     /* footer */
    .footer{padding: 70px 0;}
    .footer-menu-title *{font-size: 24px;}
    .footer-menu-part-title *{font-size: 20px;}
    .footer-contact-title *{font-size: 24px;}
    .footer-menu-link ul li a{font-size: 16px;}
    .footer-menu-part-link ul li a{font-size: 16px;}
    .footer-contact-link ul li a{font-size: 16px;}
    .footer-logo-part{max-width: 180px;}
    .footer-copyright{font-size: 12px; margin: 40px 0 0;}
    .footer-social-media-list ul li a{width: 40px; height: 40px; font-size: 18px;}
    .footer-flex-part{flex-wrap: wrap;}
    .footer-flex-part > *{width: 100%; max-width: 50%; flex: 0 0 50%;}
    .footer-menu-part{margin-top: 50px;}
    .footer-contact-part{margin-top: 50px;}
    .footer-menu-link{justify-content: flex-start; margin: 20px 0 0;}
    .footer-contact-link{margin: 30px 0 0;}
    /* footer */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* common style */
    .main-heading{font-size: 35px;}
    .btn{padding: 12px 20px; font-size: 16px;}
    .common-detail{font-size: 16px;}
    .small-title{font-size: 20px;}
    .section-title{font-size: 30px;}
    .block-title{font-size: 22px;}
    /* common style */

    /* header */
    .menu-block{width: 80px; height: 80px;}
    .navbar-brand{max-width: 200px;}
    .header{padding-left: 30px;}
    /* header */

    /* banner */
    .banner-detail .donate-button{margin: 30px 0 0;}
    .banner-image{height: 500px;}
    /* banner */

    /* mission section */
    .mission-section{padding: 40px 0;}
    .mission-content .mission-paragraph{font-size: 18px; margin: 20px auto 0;}
    /* mission section */

    /* event section */
    .event-slider .slick-arrow.slick-prev{left: -50px;}
    .event-slider .slick-arrow.slick-next{right: -50px;}
    .event-slider-info .small-title{font-size: 16px;}
    .event-section{padding: 60px 0 30px;}
    .event-slider-part{padding: 0 30px; margin: 40px 0 0;}
    .event-slider-info{padding: 18px 18px 20px 20px; height: calc(100% - 200px);}
    .event-slider-list ul li{font-size: 15px;}
    .learn-more{margin: 30px 0 0;}
    .event-slider .slick-list{margin: 0 -10px;}
    .event-slider .slick-slide{padding: 0 10px;}
    .event-slider-detail .event-slider-image{height: 200px;}
    .learn-more a{font-size: 18px;}
    .event-slider .slick-arrow{width: 40px; height: 40px;}
    /* event section */

    /* what doing section */
    .what-doing-section {margin: 40px 0;}
    .what-doing-detail{margin-left: 0; padding: 30px 20px 20px; max-width: 100%;}
    .what-doing-detail .see-more{margin: 30px 0 0; display: flex; justify-content: center}
    .what-doing-paragraph{font-size: 16px; text-align: center;}
    .what-doing-paragraph > *:not(:last-child){margin-bottom: 20px;}
    .what-doing-paragraph{margin: 18px 0 0;}
    .what-doing-detail .small-title{text-align: center;}
    .what-doing-detail .section-title{text-align: center;}
    /* what doing section */

    /* past event section */
    .past-event-slider .slick-arrow.slick-prev{left: -50px;}
    .past-event-slider .slick-arrow.slick-next{right: -50px;}
    .past-event-slider-info .small-title{font-size: 16px; min-height: 22px;}
    .past-event-slider-info{padding: 18px 18px 20px 20px; margin: -50px 0 0; height: calc(100% + 50px);}
    .past-event-slider-list ul li{font-size: 15px;}
    .learn-more{margin: 30px 0 0;}
    .past-event-slider-icon{width: 60px; height: 60px; padding: 12px;}
    .past-event-slider-list{min-height: 66px;}
    .past-event-slider .slick-list{padding-top: 35px;}
    .past-event-slider-part{padding: 0 30px; margin: 30px 0 0;}
    .past-event-slider .slick-list{margin: 0 -10px;}
    .past-event-slider .slick-slide{padding: 0 10px;}
    .past-event-slider .slick-arrow{width: 40px; height: 40px;}
    .past-event-section{padding: 15px 0 40px;}
    .past-event-content .common-detail{margin: 18px 0 0;}
    /* past event section */

    /* what else section */
    .what-else-slider .slick-arrow.slick-prev{left: -50px;}
    .what-else-slider .slick-arrow.slick-next{right: -50px;}
    .what-else-section{padding: 30px 0; margin: 25px 0;}
    .what-else-slider-part{padding: 0 30px;}
    .what-else-slider-detail .what-else-slider-image{height: 250px;}
    .what-else-slider-info{height: calc(100% - 250px); padding: 20px;}
    .what-else-slider .slick-arrow{width: 40px; height: 40px;}
    .what-else-slider-part{margin: 30px 0 0;}
    .what-else-slider .slick-list{margin: 0 -10px;}
    .what-else-slider .slick-slide{padding: 0 10px;}
    .what-else-paragraph{font-size: 20px; margin: 18px 0 0;}
    .what-else-learn-more a{font-size: 18px;}
    /* what else section */

    /* contact section */
    .contact-section{padding: 30px 0;}
    .contact-form{padding: 40px 20px 12px; max-width: 100%; margin: 0;}
    .contact-button button{padding: 15px 120px; font-size: 20px;}
    .contact-content .row{margin: 0 -5px;}
    .contact-content .row > *{padding: 0 5px;}
    .common-form .row{margin: 0 -5px;}
    .common-form .row > *{padding: 0 5px;}
    .contact-small-title{text-align: center; display: block;}
    .contact-detail .section-title{text-align: center;}
    .contact-detail .section-title *{text-align: center;}
    .contact-detail .common-detail{text-align: center; max-width: 100%;}
    .contact-list{width: 100%; max-width: 350px; margin: 35px auto 30px;}
    .contact-button{margin: 10px 0 0;}
    .contact-detail{margin: 0;}
    /* contact section */

    /* donate section  */
    .donate-detail .contact-donate-title *{font-size: 38px; text-align: center;}
    .donate-section::before{display: none;}
    .donate-detail .donate-paragraph{font-size: 16px; text-align: center;}
    .donate-contact-button{margin: 30px 0 0; display: flex; justify-content: center;}
    .donate-contact-button a{padding: 14px 28px; font-size: 16px;}
    .donate-image-block{margin-top: 0; padding-left: 0;}
    .donate-section{margin: 30px 0 0;}
    .donate-content{ padding: 30px 0; position: relative; top: 0; transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
    /* donate section  */

    /* footer */
    .footer{padding: 40px 0;}
    .footer-menu-title *{font-size: 24px;}
    .footer-menu-part-title *{font-size: 20px;}
    .footer-contact-title *{font-size: 24px;}
    .footer-menu-link ul li a{font-size: 16px;}
    .footer-menu-part-link ul li a{font-size: 16px;}
    .footer-contact-link ul li a{font-size: 16px;}
    .footer-logo-part{max-width: 180px;}
    .footer-copyright{font-size: 12px; margin: 40px 0 0;}
    .footer-social-media-list ul li a{width: 40px; height: 40px; font-size: 18px;}
    .footer-flex-part{flex-wrap: wrap;}
    .footer-flex-part > *{width: 100%; max-width: 50%; flex: 0 0 50%;}
    .footer-menu-part{margin-top: 50px;}
    .footer-contact-part{margin-top: 50px;}
    .footer-menu-link{justify-content: flex-start; margin: 20px 0 0;}
    .footer-contact-link{margin: 30px 0 0;}
    /* footer */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){
    /* common style */
    .main-heading{font-size: 28px;}
    .btn{padding: 12px 20px; font-size: 16px;}
    .common-detail{font-size: 15px;}
    .small-title{font-size: 20px;}
    .section-title{font-size: 28px;}
    /* common style */

    /* header */
    .menu-block{width: 60px; height: 60px;}
    .navbar-brand{max-width: 150px;}
    .header{padding-left: 12px;}
    /* header */

    /* banner */
    .banner-detail .donate-button{margin: 20px 0 0;}
    .banner-image{height: 585px;}
    /* banner */

    /* mission section */
    .mission-section{padding: 30px 0;}
    .mission-content .mission-paragraph{font-size: 16px; margin: 20px auto 0;}
    .mission-content .mission-paragraph > *:not(:last-child){margin-bottom: 15px;}
    /* mission section */

    /* event section */
    .event-section{padding: 40px 0 80px;}
    .event-slider-part{padding: 0 10px; margin: 25px 0 0;}
    .event-content .common-detail{margin: 20px auto 0;}
    .event-slider .slick-arrow{ top: auto; bottom: -50px; left: 50% !important; transform:translate(-50% , 0) ; -webkit-transform:translate(-50% , 0) ; -moz-transform:translate(-50% , 0) ; -ms-transform:translate(-50% , 0) ; -o-transform:translate(-50% , 0) ; }
    .event-slider .slick-arrow.slick-prev{ transform:translate(-110% , 0) ; -webkit-transform:translate(-110% , 0) ; -moz-transform:translate(-110% , 0) ; -ms-transform:translate(-110% , 0) ; -o-transform:translate(-110% , 0) ; }
    .event-slider .slick-arrow.slick-next{ transform:translate(15% , 0) ; -webkit-transform:translate(15% , 0) ; -moz-transform:translate(15% , 0) ; -ms-transform:translate(15% , 0) ; -o-transform:translate(15% , 0) ; }
    /* event section */

    .what-doing-section{margin: 20px 0;}

    /* past event section */
    .past-event-slider-part{padding: 0 10px; margin: 25px 0 0;}
    .past-event-slider .slick-arrow{ top: auto; bottom: -50px; left: 50% !important; transform:translate(-50% , 0) ; -webkit-transform:translate(-50% , 0) ; -moz-transform:translate(-50% , 0) ; -ms-transform:translate(-50% , 0) ; -o-transform:translate(-50% , 0) ; }
    .past-event-slider .slick-arrow.slick-prev{ transform:translate(-110% , 0) ; -webkit-transform:translate(-110% , 0) ; -moz-transform:translate(-110% , 0) ; -ms-transform:translate(-110% , 0) ; -o-transform:translate(-110% , 0) ; }
    .past-event-slider .slick-arrow.slick-next{ transform:translate(15% , 0) ; -webkit-transform:translate(15% , 0) ; -moz-transform:translate(15% , 0) ; -ms-transform:translate(15% , 0) ; -o-transform:translate(15% , 0) ; }
    /* past event section */

    /* what else section */
    .what-else-slider-part{padding: 0 10px; margin: 25px 0 0;}
    .what-else-slider .slick-arrow{ top: auto; bottom: -50px; left: 50% !important; transform:translate(-50% , 0) ; -webkit-transform:translate(-50% , 0) ; -moz-transform:translate(-50% , 0) ; -ms-transform:translate(-50% , 0) ; -o-transform:translate(-50% , 0) ; }
    .what-else-slider .slick-arrow.slick-prev{ transform:translate(-110% , 0) ; -webkit-transform:translate(-110% , 0) ; -moz-transform:translate(-110% , 0) ; -ms-transform:translate(-110% , 0) ; -o-transform:translate(-110% , 0) ; }
    .what-else-slider .slick-arrow.slick-next{ transform:translate(15% , 0) ; -webkit-transform:translate(15% , 0) ; -moz-transform:translate(15% , 0) ; -ms-transform:translate(15% , 0) ; -o-transform:translate(15% , 0) ; }
    .what-else-section{margin: 30px 0; padding: 30px 0 60px;}
    /* what else section */

    /* contact section */
    .contact-section{padding: 20px 0;}
    .common-form{margin: 30px 0 0;}
    .contact-form{padding: 25px 20px 12px;}
    .common-form .form-control{padding: 10px;}
    .contact-button button{padding: 15px 20px; font-size: 16px;}
    .contact-info .contact-wrp{font-size: 18px;}
    .contact-info .contact-wrp a, .contact-info .contact-wrp span{font-size: 15px; margin: 3px 0 0;}
    .contact-info .contact-icon{flex: 0 0 auto; width: 42px; height: 42px; padding: 7px; margin-right: 12px;}
    .contact-list{max-width: 300px;}
    /* contact section */

    /* donate section  */
    .donate-detail .contact-donate-title *{font-size: 28px;}
    .donate-content{padding: 25px 0;}
    /* donate section  */

    /* footer */
    .footer-flex-part{flex-direction: column;}
    .footer-flex-part > *{width: 100%; max-width:100%; flex: 0 0 100%;}
    .footer-social-media-list{margin: 20px 0 0;}
    .footer-social-media-list ul{justify-content: center;}
    .footer-logo-part{display: flex; justify-content: center; margin: 0 auto;}
    .footer-copyright{margin: 20px 0 50px; text-align: center;}
    .footer-menu-title *{text-align: center; display: block;}
    .footer-menu-link{justify-content: center;}
    .footer-menu-link ul li{text-align: center;}
    .footer-menu-part ul li{text-align: center;}
    .footer-menu-part-title *{display: block; text-align: center;}
    .footer-contact-title *{display: block; text-align: center;}
    .footer-contact-link ul{width: 100%; max-width: 190px; margin: 30px auto 0;}
    /* footer */
}