/*////////////////////////////////////////////////////// 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{min-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: 150px 0 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{min-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: 150px 0 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 input{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{min-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: 150px 0 90px 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 input{padding: 20px 40px;}

    /* 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) {
    .desktop-menu{
    display:flex;
    transform:translateX(40px);
    opacity:0;
    pointer-events:none;
    transition:.45s ease;
    /* max-width:0; */
    /* overflow:hidden; */
}

.desktop-menu.active{
    transform:translateX(0);
    opacity:1;
    pointer-events:auto;
    /* max-width:1200px; */
}
    .navbar-expand-xl .navbar-toggler {
        display: block !important;
    }
}


@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: 150px 0 90px 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 input{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{
        min-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: 10px;filter: invert(50%) sepia(35%) saturate(964%) hue-rotate(87deg) brightness(99%) contrast(94%);}

    .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: 150px 0 90px 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 input{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: 120px 0 90px 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 input{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: 90px 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 input{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 */

}