@media screen and (min-width:1200px){
/*.exe-members ul li:nth-child(1) { margin-left: 20%;  }
.exe-members ul li:nth-child(2) { margin-right: 20%;  }
.exe-members + .exe-members ul li:nth-child(1) { margin-left: 0%;  }
.exe-members + .exe-members ul li:nth-child(2) { margin-right: 0%;  }
*/
}

@media screen and (max-width:1399px){
    header nav {
        max-width: 700px;
    }

    /* Banner */
    
    .bannar .bannar-block .banner-carousel {
        margin-right: 0;
    }
    /* OUR MISSION */
    
    h2 {
        font-size: 38px;
    }
    .our-mission h2::after {
        width: 336px;
    }
    .our-mission p {
        font-size: 30px;
        line-height: 35px;
    }
    .our-mission::before {
        width: 200px;
        height: 238px;
    }
    .our-mission::after {
        width: 165px;
        height: 246px;
    }
    /* ABOUT-US */
    
    .gallery .gallery-carousel .item {
        height: 270px;
    }

.impact .impact-item img{ height: 400px; }
.gray-box h2 {    max-width: 550px;    line-height: 50px; }




}








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

    section {
        padding: 80px 0;
    }
    
    header nav {
        max-width: 600px;
    }

    header .main-header button {
        margin-left: 20px;
    }
    
    h1 {
        font-size: 54px;
        line-height: 72px;
    }
    
    /* banner */
    
    .bannar .bannar-block .bannar-title h1::after {
        max-width: 285px;
    }
    
    /* OUR MISSION */

    h2 {
        font-size: 38px;
    }
    .our-mission {
        padding: 120px 0px;
    }
    .our-mission p {
        font-size: 25px;
    }
    .our-mission::after {
        height: 180px;
    }

    /* ABOUT US */

    .about-us {
        padding: 105px 0;
    }
    .about-us figure img {
        height: 520px;
    }
    .about-us figure .image-box {
        max-width: 254px;
        height: 236px;
    }
    .about-us .content {
        text-align: center;
    }
    /* our impact */
    .impact .impact-item img {
        height: 400px;
    }

    /* gallery  */

    .gallery h2{
        line-height: 25px;
    }
    .impact .impact-item img {
    height: 340px; }
    
    .white-box h2 {
    font-size: 42px; 
    max-width: 992px;
    line-height: 52px; 
}

.two-col-layout .col-sm-6 {
    border-right: 5px solid #fff;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 25px;
}

footer .footer-list {    max-width: 300px; }

.member-wrap ul li {    width: 31.7%;  }
.member-wrap ul li p.address, .member-wrap ul li p.phone, .member-wrap ul li p.email {     word-wrap: break-word; }

.page-id-236 .inner-page .container-fluid aside{ width:45%; }
.page-id-236 .inner-page .container-fluid aside h3 {
    margin-bottom: 20px; font-size: 24px;
}
.buttons-sec ul li a {     margin: 0 20px;  }
.blog .inner-page .single-event .content h3 a { font-size: 32px; }
.blog .inner-page .single-event .content h4 {  font-size: 22px;  }
.gold-bg.right h2 {    font-size: 38px; }
.exe-members ul li { width: 24%; }
.exe-members h2 {    font-size: 40px; }
.exe-members h4 {    font-size: 22px;    line-height: 30px; }

.exe-members ul li { width:32%; } 

.tribe-events-view--list .tribe-common-l-container header h3.tribe-events-calendar-list__event-title a {    font-size: 28px; lineheight: 34px; }


}










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

    section {
        padding: 60px 0;
    }

    header nav .navbar-nav{
        flex-direction: column;
        padding-top: 90px;
        overflow: auto;
        height: 100%;
        justify-content: flex-start;
    }
    header nav .navbar-nav li{
      margin: 15px 0;
    }

    h1 {
        font-size: 44px;
        line-height: 62px;
        position: relative;
        margin-top: 20px;
    }


    /* banner */

.bannar {
    min-height: 830px;
}

.bannar .banner-carousel .item {
    position: relative;
}

.bannar .bannar-block .banner-carousel {
    max-width: 600px;
    margin: 0 auto;
    width: 65%;
}

.bannar .bannar-block {
    display: block;
    position: relative;
}

.bannar .bannar-block .bannar-title {
    text-align: center;
    margin: 0 auto;
}

.bannar .bannar-block .bannar-title h1{
    position: relative;
    margin-top: 20px;
}

.bannar .bannar-block .banner-carousel .item img {
    height: 400px;
}

.bannar .bannar-block .bannar-title h1::after {
left:20%
}

    /* OUR MISSION */

    h2 {
        font-size: 30px;
    }
    .our-mission {
        padding: 100px 0px;
    }
    .our-mission::before {
        height: 195px;
    }

    .our-mission h2 {
        font-size: 46px;
    }
    
    /* ABOUT US   */
    .about-us {
        padding: 85px 0;
    }
    .about-us figure img {
        height: 450px;
    }
    .about-us .about-us-container {
        display: block;
    }

    .about-us figure {
        margin: 0 auto;
    }

    .about-us .content {
        text-align: center;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 0;
    }

    /* HIASTORY */
    .history {
        padding: 66px 0;
    }

    h3 {
        font-size: 22px;
    }

    p {
        font-size: 14px;
        line-height: 23px;
    }

    .history p {
        margin-bottom: 20px;
    }

    .history::before {
        width: 60px;
        height: 340px;
    }
    .history::after {
        width: 60px;
        height: 340px;
    }
    .history .history-backgroundimage {
        width: 400px;
    }
    .history .history-data {
       margin: 0;
    }

    .history .history-data .history-list .history-images-block {
        margin: 0 0 15px;
        justify-content: center;
    }

    .history .history-data .history-list .history-images-block figure {
        width: 100%;
        max-width: 600px;
        margin: 0 0;
    }

    .history .history-data .history-list figure {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 70px;
        height: 400px;
    }

    .history .history-data .history-list .history-content {
        width: 100%;
        padding: 0;
        max-width: 670px;
        margin: 0 auto;
        text-align: center;
    }

    .history .history-data .history-list {
            display: block;
            padding: 0;
    }

    .history .history-data .history-list .innerbox {
        width: 100%;
        margin-left: auto;
        max-width: none;
    }
    
    .history .history-data .history-list .innerbox p {
        text-align: center;
    }
    
    .history .history-data .history-list .innerbox h3 {
        line-height: 30.95px;
         text-align: center;
    }
    
    .history .history-data .history-list:nth-child(even) {
        padding: 40px 0;
    }
    
    .history .history-data .history-list:nth-child(even) .innerbox {
        margin-right: auto;
        margin-left: 0;
    }
    
    .history .history-data .history-list:nth-child(even) .history-content {
        padding: 0;
    }
    
    /* IMPACT */
    
    .impact {
        padding: 95px 0;
    }
    .impact::before {
        width: 135px;
        height: 150px;
    }
    .impact::after {
        width: 135px;
        height: 151px;
    }
    .impact .impact-item {
        padding: 20px 0;
    }
    .impact .ourimpact-data {
        padding: 0;
    }
     

    /* gallery */
    .gallery h2 {
        line-height: 10px;
    }
    
    .gallery {
        padding: 40px 13px;
    }
    
    /* FOOTER */
    
    footer .footer-list {
        max-width: 150px;
    }
    
    .sub-footer-contant {
        background-color: #252429;
        padding: 25px 0 25px 0;
    }
    
    /* mobile menu */

    header nav#nav.is-active{opacity:1;visibility:visible; transition:all .4s ease;}
    header nav#nav {max-width: 100%; position:fixed;top:0;right:0;margin-top:0;z-index:990;opacity:0; visibility:hidden; height: 100%; width:100%; background-color:#fcc647;transition:all .4s ease;}
    .mobile-toggle{ position:relative; outline: none; right:0; z-index:999;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.25s;transition-timing-function:linear;background-color:transparent;border:0; overflow:visible; padding:0; width:34px; height:28px;}
    .mobile-toggle-box{width:28px;height:28px;display:inline-block;position:relative;}
    .mobile-toggle-inner{display:block;top:50%;margin-top:-2px}
    .mobile-toggle-inner,
    .mobile-toggle-inner::before,
    .mobile-toggle-inner::after{width:28px;height:3px;background-color:#ffffff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;}
    .is-active .mobile-toggle-inner,
    .is-active .mobile-toggle-inner::before,
    .is-active .mobile-toggle-inner::after{background-color:#ffffff;}
    .mobile-toggle-inner::before,.mobile-toggle-inner::after{content:"";display:block}
    .mobile-toggle-inner::before{top:-10px}
    .mobile-toggle-inner::after{bottom:-10px}
    .mobile-toggle--squeeze .mobile-toggle-inner{ -webkit-transition-duration:.075s;-ms-transition-duration:.075s;transition-duration:.075s;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-ms-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
    .mobile-toggle--squeeze .mobile-toggle-inner::before{-webkit-transition:top .075s .12s ease,opacity .075s ease;-ms-transition:top .075s .12s ease,opacity .075s ease;transition:top .075s .12s ease,opacity .075s ease}
    .mobile-toggle--squeeze .mobile-toggle-inner::after{-webkit-transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19);-ms-transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19)}
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.12s;-ms-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-ms-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::before{top:0;opacity:0;transition:top .075s ease,opacity .075s .12s ease}
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::after{bottom:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1);-ms-transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1)}

.gray-box h2 {
    max-width: 435px;
    line-height: 35px;
}
.gold-bg { 
    padding: 15px; 
}
.gold-bg ul li, .gold-bg ul + p, .gold-bg .social-icons { 
    padding-left: 40px; 
}
.gold-bg.right {
    padding: 50px 15px;
}
.wpcf7-spinner {     margin: 0;  }

.innerbanner {
    height: 400px; 
}
.buttons-sec ul li a { 
    padding: 15px 25px;
    margin: 0 20px; 
}
.white-box h2 {
    font-size: 32px;
    max-width: 768px;
    line-height: 42px;
}
.two-col-layout.two, .white-box {     padding: 60px 0;  }
.two-col-layout ul li {     overflow-wrap: break-word;  }


footer .footer-block {
    display: block; 
    text-align: center;
    margin: 0 auto;
    max-width: 285px;
}
footer .footer-block .footer-list { text-align: left; padding: 25px 0;     max-width: 285px; }
footer .footer-block .footer-list h5{ text-align: center; }

.member-wrap ul li img {    height: 260px;  }
.page-id-236 .inner-page .container-fluid aside h3 {
    margin-bottom: 20px; font-size: 20px;
}
.event-details .top-content h2 { line-height: 32px; }
p { font-size: 16px;  }


.wsf-grid.wsf-sections { margin-bottom:15px; }
.heateor_sss_sharing_title { font-size: 22px; }
.blog .inner-page .single-event .content h3 a { font-size: 26px; }
.page-id-122 .modal-content .modal-body {    display: block; }
.page-id-122 .modal-content .modal-body figure img { border-radius: 6px; overflow: hidden }

.tribe-events-view--list .tribe-common-l-container header h3.tribe-events-calendar-list__event-title a {    font-size: 26px; lineheight: 32px; }
.single-tribe_events #tribe-events-pg-template #tribe-events-content h1.tribe-events-single-event-title { font-size: 44px; line-height: 48px; } 

.tribe-events-event-meta.primary, .tribe-events-event-meta.secondary  { width: 100% !important; }





}









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

    /* about us */
    .about-us {
        padding: 65px 0;
    }
    
    .about-us figure {
        max-width: 580px;
    }
    
    .about-us figure img {
        height: 420px;
    }
    
    .about-us figure .image-box {
        max-width: 215px;
        height: 215px;
    }
    
    /* History */

    .history {
        padding: 66px 0;
    }

    .history p {
        margin-bottom: 15px;
    }
    
    /* FOOTER */
    
    footer .footer-block {
        flex-wrap: wrap;
    }
    .two-col-layout.two .col-sm-6 { 
    padding-bottom: 20px; 
}
.member-wrap ul li {
    width: 48%;
}

.page-id-236 .inner-page .container-fluid {    display: block; }
.page-id-236 .inner-page .container-fluid aside { padding-left:0 !important; width: 100% !important }
.page-id-236 .inner-page .container-fluid aside img { max-width:500px; margin-bottom:30px; width:100%; }
.single-post .gray .col-sm-6 { width: 100%; max-width: 600px; }
.buttons-sec ul li a { padding: 10px 15px; margin: 5px 5px; }
.single-post .gray .col-sm-6 { padding: 0 15px; }
.blog .inner-page .single-event figure { margin: 30px auto; width: 100%;     max-width: 480px;   }
.blog .inner-page .single-event .content {  width: 100%; }
.single-event { display: block; }
.exe-members ul li { width:48%; } 
.gold-bg { margin-bottom: 30px;  }
.exe-members h2 { font-size: 34px; }
.two-col-layout.two .col-sm-6 {    padding-bottom: 15px;  padding-left: 15px; }

.impact.home .charity h3, .page-id-87 .impact .charity h3, .page-template-impact-details-tlp .impact .charity h3 { 
    font-size: 28px; 
}

.tribe-events .tribe-events-calendar-list__event-date-tag {    width: 60px; }
.single-tribe_events #tribe-events-pg-template #tribe-events-content h1.tribe-events-single-event-title { font-size: 32px; line-height: 38px; }
.single-tribe_events #tribe-events-pg-template #tribe-events-content .tribe-events-schedule { font-size: 22px;  }

.tribe-events-event-meta.secondary .tribe-events-meta-group.tribe-events-meta-group-venue { width: 50%; margin-left: 20px; }
.tribe-events-event-meta.secondary .tribe-events-venue-map {   width: 50%; }









}


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


    /* banner */

    .bannar .bannar-block .banner-carousel {
        width: 90%;
    }

    /* our mission */

    .our-mission {
        padding: 80px 0px;
    }

    .our-mission h2 {
        font-size: 36px;
    }

    .our-mission h2::after {
        margin-top: 15px;
    }
    
    /* about us */
    .about-us {
        padding: 45px 0;
    }

    .about-us figure {
        max-width: 440px;
    }

    .about-us figure img {
        height: 330px;
    }
    
    .about-us figure .image-box {
        max-width: 155px;
        height: 150px;
    }

    /* history */
    
    .history {
        padding: 46px 0;
    }

    .history .history-data .history-list .history-images-block {
        flex-direction: column;
        align-items: center;
    }

    .history .history-data .history-list .history-images-block .history-image2 {
        border-right: none;
    }

    .history .history-data .history-list .history-images-block .history-image2 img {
        border-radius: 12px;
    }

    .history .history-data .history-list .history-images-block .history-image3 {
        border-left: none;
    }

    .history .history-data .history-list .history-images-block .history-image3 img {
        border-radius: 12px;
    }


    /* impact  */

    .impact {
        padding: 75px 0;
    }

    /* Gallery  */

    .gallery {
        padding: 30px 13px;
    }

    /* FOOTER */
    .sub-footer-contant {
        text-align: center;
    }

    .sub-footer-contant .footer-srvices {   
        float: none;
    }
.gray-box .container-fluid {
     flex-direction: column;
    text-align: center;
    padding: 30px 0 0 0;
}
.gray-box aside + aside {
    width: 100%;
    max-width: 280px;
}
.innerbanner {
    height: 300px; 
}

.buttons-sec ul {
    text-align: center;
    display: flex;
    padding: 40px 20px;
    flex-direction: column;
}
.buttons-sec ul li a {
     margin: 4px 20px;
    width: 200px;
}
.member-wrap ul li {
    width: 100%; max-width: 400px;
}
.member-wrap ul{ text-align: center; }

.page-id-236 .inner-page .container-fluid aside form input { max-width:400px; width:100%; }
.member-wrap ul li {    margin-bottom: 25px; }

.tribe-events-view--list .tribe-common-l-container header h3.tribe-events-calendar-list__event-title a {    font-size: 24px; lineheight: 30px; }
.single-tribe_events #tribe-events-pg-template #tribe-events-content h1.tribe-events-single-event-title { font-size: 28px; line-height: 34px; }
.single-tribe_events #tribe-events-pg-template #tribe-events-content .tribe-events-schedule { font-size: 20px;  }

.single-tribe_events .tribe-events-single .tribe-events-event-meta.primary {    flex-direction: column; }
.single-tribe_events .tribe-events-single .tribe-events-event-meta.secondary {    flex-direction: column-reverse; }
.tribe-events-event-meta.secondary .tribe-events-meta-group.tribe-events-meta-group-venue{ margin-left: 0; }
.tribe-events-event-meta.secondary .tribe-events-meta-group.tribe-events-meta-group-venue, .tribe-events-event-meta.secondary .tribe-events-venue-map { width: 100%;    max-width: 100%; }
	header{ height: auto !important; z-index:114 !important; }
}






@media screen and (max-width:576px){
.two-col-layout .col-sm-6 + .col-sm-6 { 
    padding-top: 0;
}
.white-box h2 {
    font-size: 28px;
    max-width: 768px;
    line-height: 36px;
}
	.bannar .bannar-block .bannar-title{ padding-bottom: 20px; }
	.bannar .bannar-block .banner-carousel {  padding-top:120px !important; }
}



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

    section {
        padding: 60px 0;
    }

    h1 {
        font-size: 34px;
        line-height: 52px;
    }

    /* banner */

    .bannar {
        min-height: 580px;
    }

    .bannar .bannar-block .bannar-title h1::after {
        max-width: 215px;
    }

    .bannar .bannar-block .banner-carousel .item img {
        height: 270px;
    }

    .bannar .bannar-block .banner-carousel {
        width: 90%;
    }

    /* OUR MISSION */

    h2 {
        font-size: 28px;
        line-height: 25px;
    }
    .our-mission h2 {
        font-size: 30px;
    }
    .our-mission {
        padding: 80px 0px;
    }
    .our-mission p {
        font-size: 20px;
        line-height: 30px;
        margin-top: 0;
    }
    .our-mission::before {
        height: 170px;
    }
    .our-mission::after {
        width: 115px;
        height: 155px;
    }
    .our-mission h2::after {
        width: 280px;
        margin-top: 5px;
    }

    /* ABOUT US */

    .about-us figure .image-box {
        max-width: 153px;
        height: 145px;
    }

    .about-us figure img {
        max-width: 350px;
        height: 290px;
    }

    .about-us .content {
        padding-bottom: 0;
    }


    /* HISTORY */
    .history {
        padding: 26px 0;
    }

    .history h2 {
        line-height: 25px;
    }

    .history .history-backgroundimage {
        width: 320px;
    }

    .history .history-data .history-list figure {
        height: 404px;
    }

    .history .history-data .history-list .history-content {
        width: 100%;
        padding: 0;
        max-width: 670px;
        margin: 0 auto;
        text-align: center;
    }
    .history .history-data .history-list:nth-child(even) .history-content {
        padding: 0;
    }

    /* our impact */

    .impact h2 {
        font-size: 28px;
        line-height: 30px;
    }

    /* our gallery */

    .gallery {
        text-align: center;
        position: relative;
        padding: 20px 13px;
    }

    .gallery h2 {
        line-height: 20px;
    }

    .gallery .gallery-carousel {
        margin: 25px 0;
    }
    
    .gallery .gallery-carousel .item {
        height: 380px;
    }

    /* Footer  */

    .gallery h2 {
        line-height: 20px;
    }

    .gallery .gallery-carousel {
        margin: 25px 0;
    }
    header .main-header .btn {
    margin-left: 20px;
    min-width: 115px;
     padding: 10px 5px; font-size: 16px;
}
    .white-box h2 {    font-size: 26px; }
    .blog .inner-page .single-event figure {    margin: 0px auto; }
    .blog .inner-page .single-event .content {    padding: 30px 15px; }
    .blog .inner-page .single-event .content h3 a {  font-size: 24px; }
    .blog .inner-page .single-event .content h4 {    line-height: 28px; }
    .exe-members ul li {  width: 100%; }
    .exe-members {    margin-top: 40px; }
    .exe-members ul li { margin-bottom: 20px; }
    
    
    
    
    
}