@media screen and (min-width: 0px) and (max-width:1420px) {}

@media screen and (min-width: 0px) and (max-width:1600px) {
body.blog .listBannerImage, body.page-template-template-partner-list .listBannerImage{padding-right:80px;}
}
@media screen and (min-width: 0px) and (max-width:1536px){

  /* .newsDetailBanner{ overflow: hidden;} */
  body.single-our_work_partner_cpt,
  body.single-post,
  body.page-child{overflow-x:hidden;}

  .footerInfo{width:74%;}
  .footerDonteBox{width:26%;}
  .prioritiesImage img{width:94%;}
  .highlightBox{ left: 0;}

  .prioritiesImage{width:66%;}
  .prioritiesList{width:34%;}

  .slLeftBottomImg{left:3%; top:28%;}
  /* .prioritiesBlock::before, .prioritiesImage::before{
    background-position:left -50% center;
    background-size:80%;
  } */

  /* fullwidthImgBlock start */
  .fullwidthImgBlock .box::before {padding-top:46%;}
  /* fullwidthImgBlock end */

  /* quoteBlock start */
  /* quoteBlock end */

  /* discover slider start */
  .discoverSliderBlock::before{width: 90%;}
  .discoverSlider .slick-arrow.slick-next{right:calc(10% + 60px);}
  .discoverSlider .slick-arrow.slick-prev{right:calc(10% + 104px);}
  /* discover slider end */

  .partnerDetailBanner::before{width: calc(100% - 150px);}

  /* .listingBanerBlock{ margin-top:60px;} */

  .detailBanner .detailImageTexture.respo{ display:block; right: 0; bottom: -46%; width: 44%;}
  .detailBanner .detailImageTexture.desktop{ display: none;}

  .partnerDetailBanner .detailImageTexture.respo{ display:block; right: 0; bottom: -46%; width: 44%;}
  .partnerDetailBanner .detailImageTexture.desktop{ display: none;}
}

@media screen and (min-width: 0px) and (max-width:1440px){
  .homeBannerBlock{min-height:460px;}

  .homeSlider .slick-arrow.slick-prev{left:64px;}
  .homeSlider .slick-arrow.slick-next{left:104px;}
  .partnerDetailBanner::before{width:calc(100% - 150px);}
  .sectionalBanner .banerTitleDesc h1{padding:0 0 18px 0;}

  .homeBannerBlock::before{width:100%;}

  /* home hero css start here */
  .whatsNewBlock .grid{padding-top:60px;}
  /* home hero css end here */

}

@media screen and (min-width: 0px) and (max-width:1310px){
  .whatsNewBlock .grid{padding-top:0px;}
.whatsNewBlock .signUpBox h2{margin-top:-14px;}
}

@media screen and (min-width: 0px) and (max-width:1280px){
  .homeBannerInfoHolder .desc{width:34%; max-width:34%;}
  .cky-notice-group{width:100%;}
  .sectionalSec.yellowBG .pageRecords{padding-left:110px;}
  .sectionalSec.whiteBG .pageRecords{padding-right:110px;}
  .sectionalSec.whiteBG .pageRecords .pageImage::before{ bottom: auto; top:-16%}

  .subpageListBlock .description{padding-right:90px; padding-bottom:60px;}

  .homeBannerBlock h1{font-size:74px; line-height:80px;}
  .sectionalBanner .banerTitleDesc h1{font-size:80px; line-height:88px;}
  .deptTitle h2{font-size:44px; line-height:50px;}

    /* home hero css start here */
    .whatsNewBlock .grid{padding-top:0px;}
    /* home hero css end here */

  /* page promotion start */
  .pageProHolder{width:calc(100% - 30px); margin-left:auto;}
  .pageProHolder, .pageProHolder a{min-height:248px;}
  .pageProHolder a{padding:40px; padding-left:154px;}
  .pageProHolder .imageBlock{left:-60px; max-width:174px;}
  /* page promotion end */

  /* Highlight Block start */
  .HLinfo{padding-right:40px;}
  .HLimage{padding-right:80px;}
  .highlightSlideHolder .slick-arrow.slick-next{right:40px;}
  .highlightSlideHolder .slick-arrow.slick-prev{right:84px;}
  /* Highlight Block end */

  /* content promotion block start */ 
  .contPromoSec .prInfo{padding-left:40px; padding-right:40px; padding-bottom:40px;}

  .showFeatured, .showFeatured .box{height:auto;}
  .showFeatured .box::before{padding-top:68%;}
  /* content promotion block end */ 

}

@media screen and (min-width: 0px) and (max-width:1100px){
  .filterAction{ display: block!important;}
  .filterContain{
    border-top:var(--yellowColor) solid 1px;
    border-bottom:var(--yellowColor) solid 1px;
    padding-left: 0!important; padding-right: 0!important;
  }
  .listFilter{
    padding:15px 31px;
    padding-top: 30px;
    display: none; border-top:var(--yellowColor) solid 1px;}
  .listFilter .alm-filters .alm-filter{ width: 50%;}
  .listFilter .alm-filters .alm-filter.alm-filter--order,
  .listFilter .alm-filters .alm-filter.alm-filter--sort{ max-width: 50%; margin-left: 0;}
  .listFilter .alm-filters--controls{ display: none!important;}
  .alm-filters .alm-filter{ padding:10px 14px!important;
    padding-top:28px!important;
    padding-bottom:20px!important;
  }
  .listFilter .alm-filters .alm-filter--inner{ width: calc(100% - 28px); left: 14px; top:78px;}
  .alm-filter.alm-filter--order .alm-filter--inner,
  .alm-filter.alm-filter--sort .alm-filter--inner{  width: calc(100% - 28px)!important;}

  .listFilter .alm-filters > [aria-labelledby="alm-filter-topic_cat-title"]::before,
  .listFilter .alm-filters > [aria-labelledby="alm-filter-location_cat-title"]::before,
  .listFilter .alm-filters > [aria-labelledby="alm-filter-content_type_cat-title"]::before,
  .listFilter .alm-filters > [aria-labelledby="alm-filter-order-title"]::before,
  .listFilter .alm-filters > [aria-labelledby="alm-filter-sort-title"]::before{ left: 14px;}
}

@media screen and (min-width: 0px) and (max-width:1023px){
  .TBspace{padding-top:70px; padding-bottom:70px;}
  #page-wrap{ padding-top:129px;}

  body.page-template-template-donation .hamburger{display:none!important;}

  .searchClose{right:232px; top:52px;}

  .listingBanerBlock{margin-top:0px;}
  /* formBlock start */
  .gform-field-label{font-size:22px!important; line-height:27px!important;}
  /* formBlock end */

  .headerMenuHolder{margin-top:0px;}

  body.page-template-template-donation .headerHolder .logo{
  max-width:100px;
  max-height:100px;
  }
  body.page-template-template-donation .headerHolder .logo img{ max-height:100px;}

  /* content promotion block start */ 
  .contPromoSec::before{width:calc(100% - 160px);}
  /* content promotion block end */ 

  .linkButton, .downloadButton, a.linkButton, a.downloadButton{padding: 12px 42px 9px 15px;}

  .detailBanner .detailImageTexture.respo{ display:block; right: 0; bottom: -46%; width: 44%;}
  .detailBanner .detailImageTexture.desktop{ display: none;}

  .partnerDetailBanner .detailImageTexture.respo{ display:block; right: 0; bottom: -46%; width: 44%;}
  .partnerDetailBanner .detailImageTexture.desktop{ display: none;}

  .bannerImageVideo{width:60%;}
  .homeBannerInfoHolder .desc{width:42%; max-width:42%;}

  .sectionalBanner .banerTitleDesc h1,
  .listBannerInfo h1, 
  .newsDetailBanner h1, .partBannerTop h1, .peopleInfo h1{font-size:74px; line-height:80px;}

  /* accordion css start */
  .accordionTtitle{font-size:28px; line-height:36px;}
  /* accordion css end */
}

@media screen and (min-width: 1023px){
    .searchMenuOverlay, .searchIcon, .searchMenuBtn{ display: none;}
}

@media screen and (min-width:320px) and (max-width:932px) {
    @media all and (orientation: landscape) {
.homeBannerBlock{height:auto!important; min-height: auto;}
.homeBannerBlock::before{width:100%; height:calc(100% - 54px);}
.bannerImageVideo, .bannerText{width:100%;}
.bannerImageVideo{order:1;}
.bannerText{order:2; padding-top:45px; padding-right:45px;}
.homeBannerInfoHolder{position:relative; left:0; width:100%; top:0; transform:none;}
.homeBannerInfoHolder .desc{width:100%!important; max-width: 100%!important;}

.homeBannerBlock h1{padding-bottom:22px;}
.homeBannerBlock .grid{padding-bottom:50px;}
.homeBannerBlock .imageBox{height:auto;}
.homeBannerBlock .imageBox .box::before{padding-top:78%;}
    }
}

@media screen and (min-width: 0px) and (max-width:932px) {
    @media all and (orientation: landscape) {
        .showFeatured{ bottom: -40px;}
        .content_866, .content_1080{padding: 0 24px;}
        .imageCaptionHoder{ right: 20px; bottom: 20px;}
        /* home page start here */
        .prioritiesImage{width:100%; padding-right:0;}
        .prioritiesList{width:100%; padding-left:0;}
        .prioritiesImage img{width:90%;}
        .highlightBox{width:100%; max-width:340px; bottom:auto; top:28%;}
    
        .homeBannerBlock{height:auto;}
        .homeBannerBlock::before{width:100%; height:calc(100% - 54px);}
        .bannerImageVideo, .bannerText{width:100%;}
        .bannerImageVideo{width:60%;}
        .bannerImageVideo{order:1;}
        .bannerText{order:2; padding-top:45px; padding-right:45px;}
        .homeBannerInfoHolder{position:relative; left:0; width:100%; top:0; transform:none;}
        .homeBannerInfoHolder .desc{width:100%; max-width:100%;}
        .homeSlider .slick-arrow{top:-32px;}
        .homeSlider .slick-arrow.slick-prev{left:12px;}
        .homeSlider .slick-arrow.slick-next{left:58px;}
        .slLeftBottomImg{left:-16%; top:27%; width:32%;}
        .slRightTopImg{display:none;}
    
        .homeBannerBlock h1{padding-bottom:22px; font-size:60px; line-height:60px;}
        .homeBannerBlock .grid{padding-bottom:50px; padding-left: 24px;}
        .homeBannerBlock .imageBox{height:auto;}
        .homeBannerBlock .imageBox .box::before{padding-top:56.25%;}
        .homeSlider .slick-list{padding-left:8px!important;}
        .homeSlider h3 {font-size: 32px; line-height: 32px; margin-top: -25px;}
    
        .whatsNewBlock.TBspace{padding-top:50px; padding-bottom:50px;}
        .whatsNewBlock .col.socialHolder ul{ display: flex; flex-wrap: wrap;}
        .whatsNewBlock .col.socialHolder{justify-content: flex-start;}
        .whatsNewBlock .socialIcons li{padding:0 18px 0 0;}
        .whatsNewBlock .col.signUpBox{  border-top: 0px;}
        .whatsNewBlock .col.socialHolder{padding-top: 12px;}
    
        .whatsNewBlock .col.postRecord, .whatsNewBlock .col{
          width: 100%;
          border-top: var(--greyColor) solid 1px;
          border-right:0px;
          padding:24px 0;
        }
        .whatsNewBlock .sectionTitle h2{font-size:28px; line-height:34px;}
        .whatsNewBlock .col:first-child{}
        .whatsNewBlock .col:last-child{padding-bottom:0; border-top:0;}
        .whatsNewBlock .col.socialHolder{width:100%;}
    
        .whatsNewBlock .col.postRecord, .whatsNewBlock .col{
            width: 100%;
            border-top: var(--greyColor) solid 1px;
            border-left: 0;
            border-right:0px;
            padding:24px 0;
          }
          .whatsNewBlock .col:first-child{ width: 100%; padding-top:0;}
        /* .whatsNewBlock .col.postRecord:nth-child(2){order:1; padding-top:0;}
        .whatsNewBlock .col.postRecord:nth-child(3){order:2;}
        .whatsNewBlock .col.signUpBox{order:3;}
        .whatsNewBlock .col.socialHolder{order:4;} */
        .whatsNewBlock .col.signUpBox{border-top:0;}
        .whatsNewBlock .grid{ padding-top: 0;}
        .whatsNewBlock .signUpBox h2{margin-top: 0;}
    
        .prioritiesList{ padding-bottom: 60px;}
        .prioritiesList ul li{width:100%;}
        .prioritiesList ul li:nth-child(odd){padding-right:0px;}
        .prioritiesList ul li:nth-child(even){padding-left:0px;}
        .prioritiesImage{position:relative;}
        .highlightBox{top:auto; bottom:0;}
        .prioritiesBlock::before{ display: none;}
        /* .prioritiesImage::before{height:38%; display:block; left: -60px;} */
    
        .prioritiesBlock .prioritiesList ul li{ width: 50%;}
        .prioritiesBlock .prioritiesList ul li:nth-child(odd){ padding-right:10px;}
        .prioritiesBlock .prioritiesList ul li:nth-child(even){ padding-left:10px;}
        /* home page end here */
    
        /* list/Details pages css start here */
        .col.listBannerInfo{padding-right:40px;}
        .listBannerImage,
        body.blog .listBannerImage, 
        body.page-template-template-partner-list .listBannerImage{padding-right:0;}
        .listBannerInfo h1{font-size:60px; line-height:60px;}
        .listBannerImage h2{font-size:32px; line-height:40px;}
        .listBannerInfo .desc{font-size:18px; line-height:28px;}
        .listingBanerBlock .grid{padding-top:60px; padding-bottom:40px;}
        .listingBanerBlock::before{height:calc(100% + 40px);}
        .postListBlock.TBspace{padding-top:100px;}
    
        .postListBlock .col{padding-top: 28px; padding-bottom: 28px;}
        .postListBlock .col:nth-child(odd){ padding-right:10px;}
        .postListBlock .col:nth-child(even){ padding-left:10px;}
        .postListBlock .postImage, .postListBlock .postInfo{ width: 100%;}
        .postListBlock .postImage{ padding-right: 0; padding-bottom: 24px;}
        .postListBlock .postInfo{padding-left:0}
        .postInfo h3{font-size:25px; line-height:29px; display:block!important; padding:0 0 4px 0!important;}
        .postListBlock .postImage .box{width:auto; max-width:128px;}
        .postListBlock .postInfo .entry{font-size:14px; line-height:24px; padding-top:4px;}
        .listBannerInfo .bannerTitle{ padding-bottom: 36px;}
    
        .newsDetailBanner.sectionalHeader .bannerBottom .postDesc{ padding-bottom:20px!important;}
        /* list/Details pages css end here */
    
        /* detail pages start here */
        .newsDetailBanner h1, .partBannerTop h1, .peopleInfo h1{ font-size: 70px; line-height: 70px;}
        .detailBanner .postShare.deskView, .partnerBanImage .postShare.deskView, .peopleTopBanner .postShare.deskView{ display: none;}
        .newsDetailBanner .bannerBottom .postShare.mobView, .partnerBlocks .postShare.mobView, .peopleTopBanner .postShare.mobView{
          display: flex;
          margin-left:0;
          padding-top:44px;
        }
        .bannerTop .grid, .peopleTopBanner{ padding-top:0;}
        .newsDetailBanner::before, .peopleDetailBanner::before{width:100%;}
        .newsDetailBanner .bannerText .bannerTitle, .partBannerTop .bannerTitle, .peopleInfo .bannerTitle{
          padding-bottom: 32px;
        }
        .addtoany_shortcode{width:auto; margin:0;}
    
        .postShare .title {line-height:22px; padding-right:20px; font-size:17px; padding-top:4px; padding-bottom: 0;}
        .postShare .a2a_kit a{ margin-bottom: 0px!important; margin-right: 10px!important;}
        .partnerBlocks, .peopleTopBanner{ flex-wrap: wrap;}
        /* news page start here */
        .imagewithTexture{width:70%; margin-left:auto;}
        .detailBanner .box::before{padding-top:56%;}
        .newsDetailBanner{padding-bottom:20px;}
        .newsDetailBanner::before{height:calc(100% - 172px);}
        .postPublishing,
        .detailBanner,
        .newsDetailBanner .bannerBottom .postDesc,
        .newsDetailBanner .bannerBottom .postShare,
        .newsDetailBanner .bannerText{width: 100%;}
        .detailBanner{position:relative;}
        .newsDetailBanner .bannerBottom .col{ padding-right: 0;}
        .newsDetailBanner .bannerBottom .postShare{ max-width: 100%;}
        .newsDetailBanner .bannerText > div{ padding: 0}
        .newsDetailBanner .bannerBottom{ padding-bottom: 0;}
        .postPublishing{ padding-top:32px;}
        .postPublishing ul{ padding-bottom: 22px;}
    
        .discoverSliderBlock.TBspace{padding-top:60px; padding-bottom:60px;}
        .discoverSliderBlock .content_1440, .sharePage .content_866{padding:0 24px;}
        .discoverSliderBlock h2 {font-size:32px; line-height:32px;}
    
        /* news page end here */
    
        /* people pages start here */
        .peopleInfo h1{ padding-bottom: 20px;}
        .peopleTopBanner{ padding-bottom: 20px;}
        .peopleDetailBanner::before{height:calc(100% - 172px);}
        .peopleimage{margin-top:0; width:100%; padding-left:0; order:1; margin-left:auto; max-width:280px;}
        .peopleInfo{width:100%; padding-right:0; order:2;}
        .peopleTopBanner .postShare{ order: 3; width: 100%;}
        .peopleInfo.TBspace{padding-top:45px; padding-bottom:45px;}
        /* people pages end here */
    
        /* partner details start here */
        .partnerDetailBanner{ padding-bottom: 20px;}
        .partnerBanImage .detailImageTexture{display:block;}
        .partnerBanImage .box::before {padding-top:56%;}
        .partnerDetailBanner::before{height:calc(100% - 172px);}
        .col.partnerBanInfo{order:2; padding-right:0}
        .col.partnerBanImage{order:1; padding-left:0;}
        .col.partnerBanInfo, .col.partnerBanImage{width:100%;}
        .partnerDetailBanner::before{width:100%;}
        .partnerBanInfo > div{ padding: 45px 45px 0 0;}
    
        .partnerBlocks .postShare.mobView{ width: 100%;}
        .partnerBlocks .postShare.mobView > div{ display: flex; flex-wrap: wrap;}
        .infoBoxes{ width: 100%;}
        .partnerBlocks .postShare{ margin-top: 0;}
        .infoBoxes{ padding-right: 0; padding-bottom:25px;}
        .infoBoxes .col::before{ display: none;}
        .infoBoxes .col{ width: 100%; border-top:solid 1px var(--blackColor); padding:26px 0; border-left: 0;}
        .partBannerBottom.TBspaceLess{ padding-top:45px; padding-bottom:0;}
        /* partner details end here */
    
        /* about banner start here */
        .sectionalBanner .banerTitleDesc h1{padding-bottom:20px; font-size: 70px; line-height:70px;}
        .sectionalBanner{ background-color:var(--whiteBG);}
        .bannerImage .box::before{padding-top:75%;}
        .sectionalBanner{padding-bottom:70px;}
        .sectionalBanner .secBannerTexture{display:none;}
        .sectionalBanner::before,
        body.page-template-template-donation .sectionalBanner::before{
          top:60px;
          background-color:var(--purpleLightColor);
          width:100%;
          height:calc(100% - 60px);
        }
        body.page-template-template-donation .sectionalBanner.purpleBg::before{
          background-color:var(--purpleLightColor);}
        body.page-template-template-donation .sectionalBanner.orangeBg::before{
          background-color:#fc5a1f
        }
        body.page-template-template-donation .sectionalBanner.whiteBg::before{
          background-color:var(--whiteColor);
        }

        body.page-template-template-donation .sectionalBanner.greenBg::before{
          background-color:var(--greenColor);
        }
        body.page-template-template-donation .sectionalBanner.blueBg::before{
          background-color:var(--purpleColor);
        }
        body.page-template-template-donation .sectionalBanner.yellowBg::before{
          background-color:var(--yellowColor);
        }

    
        body.page-template-template-donation .sectionalBanner.blueBg .bannerInfo,
        body.page-template-template-donation .sectionalBanner.blueBg .bannerInfo h1{ color:#fff;}
    
        .bannerImage::before{display:none;}
        .bannerImage{order:1; width:70%; margin-left: auto; padding-bottom:0; padding-left:0}
        .bannerInfo{order:2; width:100%; padding-top:45px; padding-bottom:0; padding-right:45px;}
    
    
        .sectionalBanner:has(+ .pagePromoBlock):before,
        .sectionalBanner:has(+ .formBlock):before,
        .sectionalBanner:has(+ .fullwidthImgBlock):before,
        .sectionalBanner:has(+ .quoteBlock):before,
        .sectionalBanner:has(+ .imageCarouselBlock):before,
        .sectionalBanner:has(+ .contentBlock):before,
        .sectionalBanner:has(+ .highlightBlock):before,
        .sectionalBanner:has(+ .newsletterSubsc):before,
        .sectionalBanner:has(+ .discoverSliderBlock):before,
        .sectionalBanner:has(+ .partnerPromoBlock):before,
        .sectionalBanner:has(+ .contentPromoBlock):before{background-color:var(--purpleLightColor);}
        /* about banner end here */
    
        /* detail pages end here */
    
        /* Flexible css start */
    
        /* Main Page List start */
        .sectionalSec.whiteBG .pageRecords .pageImage::before{display:none;}
        .sectionalSec.yellowBG .pageRecords{padding-left:0;}
        .sectionalSec.whiteBG .pageRecords{padding-right:0;}
        .pageRecords h2{font-size:42px; line-height:42px;}
        .pageImage .box::after{left:18px;}
        .sectionalSec.whiteBG .pageImage .box::after{left:-18px;}
        .sectionalSec.yellowBG .pageImage, .sectionalSec.whiteBG .pageInfo{padding-right:38px;}
        .sectionalSec.yellowBG .pageInfo, .sectionalSec.whiteBG .pageImage{padding-left:38px;}
        .sectionalSec.whiteBG .pageRecords .pageImage::before{bottom:auto; top:-10%;}
    
        .sectionalSec.yellowBG .pageImage, .sectionalSec.whiteBG .pageImage{width:46%;}
        .sectionalSec.yellowBG .pageInfo, .sectionalSec.whiteBG .pageInfo{width:54%;}
        .sectionalSec .pageInfo{font-size:17px; line-height:29px;}
        /* Main Page List end */
    
        /* sub Page List start */
        .subpageListBlock .content_1050{ padding-left: 24px;  padding-right: 24px;}
        .subpageListBlock .description{ padding-right: 0; padding-bottom: 50px;}
        .subpageListBlock .prioritiesList ul li h3, .partnerPromoBlock .prioritiesList ul li h3{
          font-size: 28px;
          line-height: 34px;
          display: block;
          padding-bottom: 12px;
          padding-right: 10px;
        }
        .subpageListBlock .prioritiesList li, .partnerPromoBlock .prioritiesList li {width: 100%;}
        .subpageListBlock .prioritiesList li:nth-child(odd),
       .partnerPromoBlock .prioritiesList li:nth-child(odd){padding-right:0px;}
       .subpageListBlock .prioritiesList li:nth-child(even),
       .partnerPromoBlock .prioritiesList li:nth-child(even){padding-left:0px;}
        /* sub Page List end */
    
        /* fullwidthImgBlock start */
        .fullwidthImgBlock{height:auto;}
        .imageCaption{position:relative; padding:18px 26px; padding-bottom: 22px; font-size:14px; line-height:24px; max-width: 100%;}
        .fullwidthImgBlock .box::before{padding-top:60%;}
        /* fullwidthImgBlock end */
    
        /* partner promotion start */
        .partnerPromoBlock .content_1050{padding-left:24px; padding-right:24px;}
        .partnerPromoBlock::before{height: calc(100% - 108px);}
        .partnerPromoBlock h2{font-size:44px; line-height:50px; padding:0 0 30px 0;}
        /* partner promotion end */
    
        /* quoteBlock start */
        .quoteBlock{font-size:40px; line-height:40px;}
        .quoteBlock .content_1100{padding-left:24px; padding-right:24px;}
        .quoteBox::before{height:calc(100% - 68px);}
        /* quoteBlock end */
    
        /* Highlight Block start */
        .highlightSlideHolder .fullPageHolder{padding:0 24px;}
        .HLimage{padding-right:40px;}
        .HLinfo{padding-right:0; padding-top:86px; padding-bottom:40px;}
        .highlightSlideHolder .slick-arrow.slick-next{right:0;}
        .highlightSlideHolder .slick-arrow.slick-prev{right:44px;}
        .highlightSlideHolder::before{height:calc(100% - 40px);}
        .highlightSlideHolder{ padding-bottom: 70px;}
        /* Highlight Block end */
    
        .pagePromoBlock .content_866{ padding: 0 45px}
    
        /* Flexible css end */
    
    
        /* footer start here */
        .footerDonteBox .btn{ max-width:180px;}
        body.yellowSecLast footer::after,
        body.blog footer::after,
        body.page-template-template-partner-list footer::after,
        body.page-template-template-people-list footer::after,
        body.post-template-default footer::after,
        body.single-our_work_partner_cpt footer::after{
          z-index:2;
        }
        body.yellowSecLast .footerDonteBox,
        body.blog .footerDonteBox,
        body.page-template-template-partner-list .footerDonteBox,
        body.page-template-template-people-list .footerDonteBox,
        body.post-template-default .footerDonteBox,
        body.single-our_work_partner_cpt .footerDonteBox{
          z-index:3;
        }
        body.yellowSecLast footer::before,
        body.blog footer::before,
        body.page-template-template-partner-list footer::before,
        body.page-template-template-people-list footer::before{
          width:100%;
          height: 70px;
          background-color:var(--yellowLightColor);
          content:'';
          position:absolute;
          left: 0;
          top:-70px;
        }
    
        /* body.single-our_work_partner_cpt footer::before, */
        body.post-template-default footer::before,
        footer.showDiscover > ::before{
          width:100%;
          height: 70px;
          background-color:var(--purpleLightColor);
          content:'';
          position:absolute;
          left: 0;
          top:-70px;
        }
        footer::after{
          width:100%;
          right:auto;
          height:30%;
          top:-19%;
          left:-36%;
          z-index:-1;
          background-image: url('../images/slider-right-image.png');
        }
    
        footer::after{width:100%; right:auto; left:-34%; z-index:-1;}
        body.page-template-template-sectional footer, footer{margin-top:70px;}
        .footerDonteBox{width:100%; padding:34px 24px 40px 24px!important; margin-top:-70px; z-index: 3; position:relative;}
        .footerDonteBox::before{display:none;}
        .footerBottom > div {padding-bottom:12px!important; width: 100%;}
        .footerBottom > div:last-child {padding-bottom:0!important;}
        .headerHolder, .footerInfo, .fullPageHolder{padding:0 24px;}
        .footerInfo.TBspace{padding-top:40px; padding-bottom:40px;}
        .footerInfo{width:60%;}
        .footerDonteBox{width:40%; padding:24px; padding-top:0;}
        .footerLinks{width:50%;}
        .footerQuickLinks, .footerContact{width:100%;}
        .footerTop .footerLogoBox .logo{max-width:54px;}
        .footerQuickLinks, .footerContact{padding-right:0;}
        .footerInfo.TBspace{ padding-top: 45px; padding-bottom: 45px;}
        .footerTop .col{padding-right:10px;}
        .footerBottom{padding-top:90px;}
        .footerBottom > div{ padding-bottom: 10px;}
        .footerQuickLinks ul li.updateLink{ padding-top:14px;}
        .footerQuickLinks ul li.updateLink a{padding:10px 18px 8px 48px;}
    
        .footerTop h3{padding-bottom:6px;}
        .footerTop ul.nav-list li{padding-bottom:11px;}
        .col.footerContact{padding-top:20px;}
    
        .footerDonteBox{ font-size: 14px; line-height: 23px;}
        .footerDonteBox h3{font-size:28px; line-height:34px; padding-bottom:18px;}
        /* footer end here */
    
        .wp-caption.alignleft, .alignleft, .leftImage{ margin-left: 10px !important;}
        .wp-caption.alignright, .alignright, .rightImage{  margin-right: 10px!important;}
    }
}
  /* devices portrait phone landscape start  */
  @media screen and (min-width: 0px) and (max-width: 896px) {
  @media all and (orientation: landscape) {

    .content_866, .content_1080{padding: 0 24px;}
    .imageCaptionHoder{ right: 20px; bottom: 20px;}
    /* home page start here */
    .prioritiesImage{width:100%; padding-right:0;}
    .prioritiesList{width:100%; padding-left:0;}
    .prioritiesImage img{width:90%;}
    .highlightBox{width:100%; max-width:340px; bottom:auto; top:28%;}

    .homeBannerBlock{height:auto;}
    .homeBannerBlock::before{width:100%; height:calc(100% - 54px);}
    .bannerImageVideo{ width: 64%;}
    .bannerText{width:70%;}
    .bannerImageVideo{order:1;}
    .bannerText{order:2; padding-top:0px; padding-right:45px;}
    .homeBannerInfoHolder{position:relative; left:0; width:100%; top:0; transform:none;}
    .homeBannerInfoHolder .desc{width:100%; max-width:100%;}
    .homeSlider .slick-arrow{top:-32px;}
    .homeSlider .slick-arrow.slick-prev{left:12px;}
    .homeSlider .slick-arrow.slick-next{left:58px;}
    .slLeftBottomImg{left:-16%; top:27%; width:32%;}
    .slRightTopImg{display:none;}

    .homeBannerBlock h1{padding-bottom:22px; font-size:60px; line-height:60px;}
    .homeBannerBlock .grid{padding-bottom:0px;}
    .homeBannerBlock .imageBox{height:auto;}
    .homeBannerBlock .imageBox .box::before{padding-top:56.25%;}
    .homeSlider .slick-list{padding-left:8px!important;}
    .homeSlider h3 {font-size: 32px; line-height: 32px; margin-top: -25px;}

    .whatsNewBlock.TBspace{padding-top:50px; padding-bottom:50px;}
    .whatsNewBlock .col.socialHolder ul{ display: flex; flex-wrap: wrap;}
    .whatsNewBlock .col.socialHolder{justify-content: flex-start;}
    .whatsNewBlock .socialIcons li{padding:0 18px 0 0;}
    .whatsNewBlock .col.signUpBox{  border-bottom: 0px;}
    .whatsNewBlock .col.socialHolder{padding-top: 12px;}

    .whatsNewBlock .col.postRecord, .whatsNewBlock .col{
      width: 100%;
      border-top: var(--greyColor) solid 1px;
      border-right:0px;
      padding:24px 0;
    }
    .whatsNewBlock .sectionTitle h2{font-size:28px; line-height:34px;}
    .whatsNewBlock .col:first-child{}
    .whatsNewBlock .col:last-child{padding-bottom:0; border-top:0;}
    .whatsNewBlock .col.socialHolder{width:100%;}

    .whatsNewBlock .col.postRecord, .whatsNewBlock .col{
        width: 100%;
        border-top: var(--greyColor) solid 1px;
        border-left: 0;
        border-right:0px;
        padding:24px 0;
      }
    /* .whatsNewBlock .col.postRecord:nth-child(2){order:1; padding-top:0;}
    .whatsNewBlock .col.postRecord:nth-child(3){order:2;}
    .whatsNewBlock .col.signUpBox{order:3;}
    .whatsNewBlock .col.socialHolder{order:4;} */
    .whatsNewBlock .col.signUpBox{border-bottom:0;}

    .prioritiesList{ padding-bottom: 60px;}
    .prioritiesList ul li{width:100%;}
    .prioritiesList ul li:nth-child(odd){padding-right:0px;}
    .prioritiesList ul li:nth-child(even){padding-left:0px;}
    .prioritiesImage{position:relative;}
    .highlightBox{top:auto; bottom:0;}
    .prioritiesBlock::before{ display: none;}
    /* .prioritiesImage::before{height:38%; display:block; left: -60px;} */

    .prioritiesBlock .prioritiesList ul li{ width: 50%;}
    .prioritiesBlock .prioritiesList ul li:nth-child(odd){ padding-right:10px;}
    .prioritiesBlock .prioritiesList ul li:nth-child(even){ padding-left:10px;}
    /* home page end here */

    /* list/Details pages css start here */
    .col.listBannerInfo{padding-right:40px;}
    .listBannerImage,
    body.blog .listBannerImage, 
    body.page-template-template-partner-list .listBannerImage{padding-right:0;}
    .listBannerInfo h1{font-size:60px; line-height:60px;}
    .listBannerImage h2{font-size:32px; line-height:40px;}
    .listBannerInfo .desc{font-size:18px; line-height:28px;}
    .listingBanerBlock .grid{padding-top:60px; padding-bottom:40px;}
    .listingBanerBlock::before{height:calc(100% + 40px);}
    .postListBlock.TBspace{padding-top:100px;}

    .postListBlock .col{padding-top: 28px; padding-bottom: 28px;}
    .postListBlock .col:nth-child(odd){ padding-right:10px;}
    .postListBlock .col:nth-child(even){ padding-left:10px;}
    .postListBlock .postImage, .postListBlock .postInfo{ width: 100%;}
    .postListBlock .postImage{ padding-right: 0; padding-bottom: 24px;}
    .postListBlock .postInfo{padding-left:0}
    .postInfo h3{font-size:25px; line-height:29px; display:block!important; padding:0 0 4px 0!important;}
    .postListBlock .postImage .box{width:auto; max-width:128px;}
    .postListBlock .postInfo .entry{font-size:14px; line-height:24px; padding-top:4px;}
    .listBannerInfo .bannerTitle{ padding-bottom: 36px;}

    .newsDetailBanner.sectionalHeader .bannerBottom .postDesc{ padding-bottom:20px!important;}
    /* list/Details pages css end here */

    /* detail pages start here */
    .newsDetailBanner h1, .partBannerTop h1, .peopleInfo h1{ font-size: 70px; line-height: 70px;}
    .detailBanner .postShare.deskView, .partnerBanImage .postShare.deskView, .peopleTopBanner .postShare.deskView{ display: none;}
    .newsDetailBanner .bannerBottom .postShare.mobView, .partnerBlocks .postShare.mobView, .peopleTopBanner .postShare.mobView{
      display: flex;
      margin-left:0;
      padding-top:44px;
    }
    .bannerTop .grid, .peopleTopBanner{ padding-top:0;}
    .newsDetailBanner::before, .peopleDetailBanner::before{width:100%;}
    .newsDetailBanner .bannerText .bannerTitle, .partBannerTop .bannerTitle, .peopleInfo .bannerTitle{
      padding-bottom: 32px;
    }
    .addtoany_shortcode{width:auto; margin:0;}

    .postShare .title {line-height:22px; padding-right:20px; font-size:17px; padding-top:4px; padding-bottom: 0;}
    .postShare .a2a_kit a{ margin-bottom: 0px!important; margin-right: 10px!important;}
    .partnerBlocks, .peopleTopBanner{ flex-wrap: wrap;}
    /* news page start here */
    .imagewithTexture{width:70%; margin-left:auto;}
    .detailBanner .box::before{padding-top:56%;}
    .newsDetailBanner{padding-bottom:20px;}
    .newsDetailBanner::before{height:calc(100% - 172px);}
    .postPublishing,
    .detailBanner,
    .newsDetailBanner .bannerBottom .postDesc,
    .newsDetailBanner .bannerBottom .postShare,
    .newsDetailBanner .bannerText{width: 100%;}
    .detailBanner{position:relative;}
    .newsDetailBanner .bannerBottom .col{ padding-right: 0;}
    .newsDetailBanner .bannerBottom .postShare{ max-width: 100%;}
    .newsDetailBanner .bannerText > div{ padding: 0}
    .newsDetailBanner .bannerBottom{ padding-bottom: 0;}
    .postPublishing{ padding-top:32px;}
    .postPublishing ul{ padding-bottom: 22px;}

    .discoverSliderBlock.TBspace{padding-top:60px; padding-bottom:60px;}
    .discoverSliderBlock .content_1440, .sharePage .content_866{padding:0 24px;}
    .discoverSliderBlock h2 {font-size:32px; line-height:32px;}

    /* news page end here */

    /* people pages start here */
    .peopleInfo h1{ padding-bottom: 20px;}
    .peopleTopBanner{ padding-bottom: 20px;}
    .peopleDetailBanner::before{height:calc(100% - 172px);}
    .peopleimage{margin-top:0; width:100%; padding-left:0; order:1; margin-left:auto; max-width:280px;}
    .peopleInfo{width:100%; padding-right:0; order:2;}
    .peopleTopBanner .postShare{ order: 3; width: 100%;}
    .peopleInfo.TBspace{padding-top:45px; padding-bottom:45px;}
    /* people pages end here */

    /* partner details start here */
    .partnerDetailBanner{ padding-bottom: 20px;}
    .partnerBanImage .detailImageTexture{display:block;}
    .partnerBanImage .box::before {padding-top:56%;}
    .partnerDetailBanner::before{height:calc(100% - 172px);}
    .col.partnerBanInfo{order:2; padding-right:0}
    .col.partnerBanImage{order:1; padding-left:0;}
    .col.partnerBanInfo, .col.partnerBanImage{width:100%;}
    .partnerDetailBanner::before{width:100%;}
    .partnerBanInfo > div{ padding: 45px 45px 0 0;}

    .partnerBlocks .postShare.mobView{ width: 100%;}
    .partnerBlocks .postShare.mobView > div{ display: flex; flex-wrap: wrap;}
    .infoBoxes{ width: 100%;}
    .partnerBlocks .postShare{ margin-top: 0;}
    .infoBoxes{ padding-right: 0; padding-bottom:25px;}
    .infoBoxes .col::before{ display: none;}
    .infoBoxes .col{ width: 100%; border-top:solid 1px var(--blackColor); padding:26px 0; border-left: 0;}
    .partBannerBottom.TBspaceLess{ padding-top:45px; padding-bottom:0;}
    /* partner details end here */

    /* about banner start here */
    .sectionalBanner .banerTitleDesc h1{padding-bottom:20px; font-size: 70px; line-height:70px;}
    .sectionalBanner{ background-color:var(--whiteBG);}
    .bannerImage .box::before{padding-top:75%;}
    .sectionalBanner{padding-bottom:70px;}
    .sectionalBanner .secBannerTexture{display:none;}
    .sectionalBanner::before,
    body.page-template-template-donation .sectionalBanner::before{
      top:60px;
      background-color:var(--purpleLightColor);
      width:100%;
      height:calc(100% - 60px);
    }
    body.page-template-template-donation .sectionalBanner.purpleBg::before{
      background-color:var(--purpleLightColor);}
    body.page-template-template-donation .sectionalBanner.orangeBg::before{
      background-color:#fc5a1f
    }
    body.page-template-template-donation .sectionalBanner.whiteBg::before{
      background-color:var(--whiteColor);
    }
    body.page-template-template-donation .sectionalBanner.greenBg::before{
      background-color:var(--greenColor);
    }
    body.page-template-template-donation .sectionalBanner.blueBg::before{
      background-color:var(--purpleColor);
    }
    body.page-template-template-donation .sectionalBanner.yellowBg::before{
      background-color:var(--yellowColor);
    }


    body.page-template-template-donation .sectionalBanner.blueBg .bannerInfo,
    body.page-template-template-donation .sectionalBanner.blueBg .bannerInfo h1{ color:#fff;}

    .bannerImage::before{display:none;}
    .bannerImage{order:1; width:70%; margin-left: auto; padding-bottom:0; padding-left:0}
    .bannerInfo{order:2; width:100%; padding-top:45px; padding-bottom:0; padding-right:45px;}


    .sectionalBanner:has(+ .pagePromoBlock):before,
    .sectionalBanner:has(+ .formBlock):before,
    .sectionalBanner:has(+ .fullwidthImgBlock):before,
    .sectionalBanner:has(+ .quoteBlock):before,
    .sectionalBanner:has(+ .imageCarouselBlock):before,
    .sectionalBanner:has(+ .contentBlock):before,
    .sectionalBanner:has(+ .highlightBlock):before,
    .sectionalBanner:has(+ .newsletterSubsc):before,
    .sectionalBanner:has(+ .discoverSliderBlock):before,
    .sectionalBanner:has(+ .partnerPromoBlock):before,
    .sectionalBanner:has(+ .contentPromoBlock):before{background-color:var(--purpleLightColor);}
    /* about banner end here */

    /* detail pages end here */

    /* Flexible css start */

    /* Main Page List start */
    .sectionalSec.whiteBG .pageRecords .pageImage::before{display:none;}
    .sectionalSec.yellowBG .pageRecords{padding-left:0;}
    .sectionalSec.whiteBG .pageRecords{padding-right:0;}
    .pageRecords h2{font-size:42px; line-height:42px;}
    .pageImage .box::after{left:18px;}
    .sectionalSec.whiteBG .pageImage .box::after{left:-18px;}
    .sectionalSec.yellowBG .pageImage, .sectionalSec.whiteBG .pageInfo{padding-right:38px;}
    .sectionalSec.yellowBG .pageInfo, .sectionalSec.whiteBG .pageImage{padding-left:38px;}
    .sectionalSec.whiteBG .pageRecords .pageImage::before{bottom:auto; top:-10%;}

    .sectionalSec.yellowBG .pageImage, .sectionalSec.whiteBG .pageImage{width:46%;}
    .sectionalSec.yellowBG .pageInfo, .sectionalSec.whiteBG .pageInfo{width:54%;}
    .sectionalSec .pageInfo{font-size:17px; line-height:29px;}
    /* Main Page List end */

    /* sub Page List start */
    .subpageListBlock .content_1050{ padding-left: 24px;  padding-right: 24px;}
    .subpageListBlock .description{ padding-right: 0; padding-bottom: 50px;}
    .subpageListBlock .prioritiesList ul li h3, .partnerPromoBlock .prioritiesList ul li h3{
      font-size: 28px;
      line-height: 34px;
      display: block;
      padding-bottom: 12px;
      padding-right: 10px;
    }
    .subpageListBlock .prioritiesList li, .partnerPromoBlock .prioritiesList li {width: 100%;}
    .subpageListBlock .prioritiesList li:nth-child(odd),
   .partnerPromoBlock .prioritiesList li:nth-child(odd){padding-right:0px;}
   .subpageListBlock .prioritiesList li:nth-child(even),
   .partnerPromoBlock .prioritiesList li:nth-child(even){padding-left:0px;}
    /* sub Page List end */

    /* fullwidthImgBlock start */
    .fullwidthImgBlock{height:auto;}
    .imageCaption{position:relative; padding:18px 26px; padding-bottom: 22px; font-size:14px; line-height:24px; max-width: 100%;}
    .fullwidthImgBlock .box::before{padding-top:60%;}
    /* fullwidthImgBlock end */

    /* partner promotion start */
    .partnerPromoBlock .content_1050{padding-left:24px; padding-right:24px;}
    .partnerPromoBlock::before{height: calc(100% - 108px);}
    .partnerPromoBlock h2{font-size:44px; line-height:50px; padding:0 0 30px 0;}
    /* partner promotion end */

    /* quoteBlock start */
    .quoteBlock{font-size:40px; line-height:40px;}
    .quoteBlock .content_1100{padding-left:24px; padding-right:24px;}
    .quoteBox::before{height:calc(100% - 68px);}
    /* quoteBlock end */

    /* Highlight Block start */
    .highlightSlideHolder .fullPageHolder{padding:0 24px;}
    .HLimage{padding-right:40px;}
    .HLinfo{padding-right:0; padding-top:86px; padding-bottom:40px;}
    .highlightSlideHolder .slick-arrow.slick-next{right:0;}
    .highlightSlideHolder .slick-arrow.slick-prev{right:44px;}
    .highlightSlideHolder::before{height:calc(100% - 40px);}
    .highlightSlideHolder{ padding-bottom: 70px;}
    /* Highlight Block end */

    .pagePromoBlock .content_866{ padding: 0 45px}

    /* Flexible css end */


    /* footer start here */
    .footerDonteBox .btn{ max-width:180px;}
    body.yellowSecLast footer::after,
    body.blog footer::after,
    body.page-template-template-partner-list footer::after,
    body.page-template-template-people-list footer::after,
    body.post-template-default footer::after,
    body.single-our_work_partner_cpt footer::after{
      z-index:2;
    }
    body.yellowSecLast .footerDonteBox,
    body.blog .footerDonteBox,
    body.page-template-template-partner-list .footerDonteBox,
    body.page-template-template-people-list .footerDonteBox,
    body.post-template-default .footerDonteBox,
    body.single-our_work_partner_cpt .footerDonteBox{
      z-index:3;
    }
    body.yellowSecLast footer::before,
    body.blog footer::before,
    body.page-template-template-partner-list footer::before,
    body.page-template-template-people-list footer::before{
      width:100%;
      height: 70px;
      background-color:var(--yellowLightColor);
      content:'';
      position:absolute;
      left: 0;
      top:-70px;
    }

    /* body.single-our_work_partner_cpt footer::before, */
    body.post-template-default footer::before,
    footer.showDiscover > ::before{
      width:100%;
      height: 70px;
      background-color:var(--purpleLightColor);
      content:'';
      position:absolute;
      left: 0;
      top:-70px;
    }
    footer::after{
      width:100%;
      right:auto;
      height:30%;
      top:-19%;
      left:-36%;
      z-index:-1;
      background-image: url('../images/slider-right-image.png');
    }

    footer::after{width:100%; right:auto; left:-34%; z-index:-1;}
    body.page-template-template-sectional footer, footer{margin-top:70px;}
    .footerDonteBox{width:100%; padding:34px 24px 40px 24px!important; margin-top:-70px; z-index: 3; position:relative;}
    .footerDonteBox::before{display:none;}
    .footerBottom > div {padding-bottom:12px!important; width: 100%;}
    .footerBottom > div:last-child {padding-bottom:0!important;}
    .headerHolder, .footerInfo, .fullPageHolder{padding:0 24px;}
    .footerInfo.TBspace{padding-top:40px; padding-bottom:40px;}
    .footerInfo{width:60%;}
    .footerDonteBox{width:40%; padding:24px; padding-top:0;}
    .footerLinks{width:50%;}
    .footerQuickLinks, .footerContact{width:100%;}
    .footerTop .footerLogoBox .logo{max-width:54px;}
    .footerQuickLinks, .footerContact{padding-right:0;}
    .footerInfo.TBspace{ padding-top: 45px; padding-bottom: 45px;}
    .footerTop .col{padding-right:10px;}
    .footerBottom{padding-top:90px;}
    .footerBottom > div{ padding-bottom: 10px;}
    .footerQuickLinks ul li.updateLink{ padding-top:14px;}
    .footerQuickLinks ul li.updateLink a{padding:10px 18px 8px 48px;}

    .footerTop h3{padding-bottom:6px;}
    .footerTop ul.nav-list li{padding-bottom:11px;}
    .col.footerContact{padding-top:20px;}

    .footerDonteBox{ font-size: 14px; line-height: 23px;}
    .footerDonteBox h3{font-size:28px; line-height:34px; padding-bottom:18px;}
    /* footer end here */

    .wp-caption.alignleft, .alignleft, .leftImage{ margin-left: 10px !important;}
    .wp-caption.alignright, .alignright, .rightImage{  margin-right: 10px!important;}
  }

  @media all and (orientation: portrait) {
    /* common css start here */
    .headerHolder, .footerInfo, .fullPageHolder, .content_1440{padding: 0 45px;}
    h1, h2, h3, h4, h5, h6{padding-bottom:18px; padding-top:8px;}
    h1{font-size:36px; line-height:44px;}
    h2{font-size:26px; line-height:34px;}
    h3{font-size:22px; line-height:30px;}
    h4{font-size:20px; line-height:28px;}

    .wp-caption.alignleft, .alignleft, .leftImage{margin-left:-40px!important;}
    .wp-caption.alignright, .alignright, .rightImage{margin-right:-40px!important;}
    /* common css end here */

    /* home page start here */
    /* home banner */
    .homeBannerInfoHolder{left:45px; width:100%;}
    .homeBannerBlock::before{height:calc(100% - 40px);}
    .homeBannerBlock h1{font-size:70px; line-height:70px;}
    .bannerImageVideo{width:64%;}
    .bannerText{width:80%;}
    .homeBannerBlock{height:42vh; min-height:auto;}
    .homeBannerInfoHolder .desc{width:100%; font-size:15px; line-height:26px;}
    
    .homeBannerBlock{ height: auto;}
    .homeBannerBlock .imageBox{height:auto;}
    .homeBannerBlock .imageBox .box::before{padding-top:56.25%;}
    .homeBannerBlock .bannerImageVideo{background-color:transparent;}
    .homeBannerBlock::before{width:100%!important;}
    .homeBannerInfoHolder .desc{ width: 100%!important; max-width: 100%!important;}
    .homeBannerBlock .homeBannerInfoHolder{position:relative; left:0; top:0; padding-top:80px; padding-bottom:40px;}
    .bannerImageVideo{ position: absolute; right:0;}
    /* home banner */

    /* what's new start */
    .whatsNewBlock .col{ padding: 0 16px;}
    .whatsNewBlock .sectionTitle h2{font-size:28px; line-height:34px;}
    .whatsNewBlock h3{font-size:22px; line-height:28px;}
    .whatsNewBlock h2{font-size:28px; line-height:34px; margin-top:-10px!important;}
    /* what's new end */

    /* Insights slider start */
    .insightsBlock.TBspace{padding-top:110px; padding-bottom:80px;}
    .homeSlider .slick-arrow{top:-44px;}
    .homeSlider .slick-arrow.slick-prev{left:38px;}
    .homeSlider .slick-arrow.slick-next{left:78px;}
    .slLeftBottomImg{left:4%; top:23%; width:24%;}
    .slRightTopImg{right:-2%; top:4%; width:40%;}
    .homeSlider h3{font-size:42px; line-height:42px; margin-top: -32px;}
    .homeSlider li, .discoverSlider li{padding:4px 9px;}
    /* Insights slider end */

    /* priorities start */
    .prioritiesBlock.TBspace{ padding-top: 0;}
    .prioritiesImage{width:100%; padding-right:0; position: relative;}
    .prioritiesList{width:100%; padding-left:0;}
    .prioritiesImage img{width:85%;}
    .highlightBox{width:100%; max-width:340px; bottom:auto; top:41%;}
    /* .prioritiesImage::before{
      display:block;
      width:calc(50% + 100px);
      left:-100px;
      height:56%;
      background-position:center center;
      background-size:100%;
    } */
    .prioritiesBlock::before{display:none;}

    .prioritiesList{padding-top:28px; padding-bottom:120px;}
    .prioritiesList h2{padding-top:0; font-size:28px; line-height:34px;}
    .prioritiesList ul li{width:50%;}
    .prioritiesList ul li:nth-child(odd){padding-right:9px;}
    .prioritiesList ul li:nth-child(even){padding-left:9px;}
    .prioritiesList ul li h3{font-size:22px; line-height:28px;}
    .prioritiesList ul li .desc{font-size:14px; line-height:23px;}
    .prioritiesList ul li a{ padding: 24px 30px 24px 100px;}
    .prioritiesList ul li a::after{ top:36px;}
    /* priorities end */

    /* home page end here */

    /* listing pages start here */
    .listingBanerBlock .grid{min-height:auto; padding-top:40px; padding-bottom:40px;}
    .listBannerInfo .bannerTitle{padding-bottom:20px;}
    body.blog .listingBanerBlock .listBannerInfo h1{padding-top:0;}
    .listBannerInfo h1{font-size:70px; line-height:64px; padding-bottom:20px;}
    .listBannerInfo .desc{font-size:18px; line-height:28px;}
    .listBannerImage,
    body.blog .listBannerImage, 
    body.page-template-template-partner-list .listBannerImage{padding-right:0px;}
    .col.listBannerInfo{padding-right:80px;}
    .listBannerImage h2{font-size:34px; line-height:41px;}
    .listingBanerBlock::before{height:calc(100% + 40px);}
    .postListBlock.TBspace{padding-top:80px;}
    body.page-template-template-people-list .postListBlock.TBspace.first{ padding-top: 80px;}

    .postListBlock .postImage{width:100%; padding-bottom:24px;}
    .postListBlock .postImage .box{width:40%; max-width:100px;}
    .postListBlock .postInfo{width:100%; padding-left:0;}

    .postListBlock .col{padding-top:20px; padding-bottom:20px;}
    .postListBlock .col:nth-child(odd){padding-right:9px;}
    .postListBlock .col:nth-child(even){padding-left:9px;}
    .postInfo h3{font-size:28px; line-height:34px;}
    .postListBlock .postInfo .entry{font-size:15px; line-height:26px; padding-top:14px;}

    /* .alm-btn-wrap{padding-top:30px!important; padding-bottom:40px!important;} */
    /* listing pages end here */

    /* details page start here */
    .sectionalBanner .banerTitleDesc h1{font-size:70px; line-height:70px;}
    .newsDetailBanner .bannerText .bannerTitle, .partBannerTop .bannerTitle, .peopleInfo .bannerTitle {
      font-size:14px;
      line-height:23px;
      padding-bottom:20px;
    }
    /* news page start here */
    .detailBanner .detailImageTexture{bottom:-23%; width:56%; right:-8%;}
    .bannerTop, .bannerTop .grid{
      /* min-height:46vh; */
      min-height: auto;
    }
    .bannerTop .grid, .peopleTopBanner{padding-top:40px;}
    .newsDetailBanner h1, .partBannerTop h1, .peopleInfo h1{font-size:70px; line-height:70px;}
    .detailBanner .box::before{padding-top:70%;}
    .newsDetailBanner .bannerBottom .postDesc{font-size:18px; line-height:28px;}
    .newsDetailBanner::before, .peopleDetailBanner::before{top:40px; width:calc(100% - 100px);}
    .newsDetailBanner .bannerText > div{padding:40px 0;}
    .newsDetailBanner .bannerBottom .col{padding-right:60px;}
    .newsDetailBanner .bannerBottom .postShare{padding-right:0;}
    .newsDetailBanner::before{height: calc(100% - 90px);}
    .newsDetailBanner .bannerBottom{padding-top:20px;}
    .imageCaptionHoder{right:45px; bottom:28px;}
    .detailBanner .postShare.deskView, .partnerBanImage .postShare.deskView{ right: 38px;}

    .postNoImage{max-width:260px;}

    .discoverSliderBlock.TBspace{padding-top:80px;}
    .discTexture{width:42%; right:4%; top:-5%;}
    /* news page end here */

    .peopleTopBanner{min-height:auto;}
    .peopleInfo{width:60%; padding-right:20px;}
    .peopleimage{width:40%; padding-left:20px;}
    .peopleInfo h1{padding-bottom: 26px;}
    .peopleInfo h2{font-size:42px; line-height:51px;}
    .peopleInfo.TBspace{padding-top:60px; padding-bottom:60px;}
    .peopleDetailBanner::before{height:calc(100% - 100px);}

    /* partner details start here */
    .partnerDetailBanner::before{ width:calc(100% - 100px);}
    .partnerBanImage .detailImageTexture{display:none;}
    .partBannerTop .grid{padding-top:40px;}
    .partnerDetailBanner::before{top:40px; height:calc(100% - 100px);}
    .partnerBanImage .box::before{padding-top:70%;}
    .partnerBanInfo .postDesc{font-size:18px; line-height:28px;}
    .col.partnerBanInfo{padding-right:20px; width:54%;}
    .col.partnerBanImage{padding-left:20px; width:46%; margin-top:-60px;}
    .partnerBanInfo > div{padding:40px 0;}
    .partnerBanInfo > div{ padding-bottom: 0;}
    .partBannerTop h1{padding-bottom:26px;}

    .infoBoxes{padding-right:80px;}
    .infoBoxes .col{width:100%; padding:20px 28px; border-left:0px;}
    .infoBoxes .col::before{display:block;}
    /* partner details end here */

    .showFeatured{
      top:40px;
      bottom:auto;
      /* bottom:-40px;  */
    }
    /* details page end here */

    /* about banner start here */
    .sectionalBanner{padding-bottom:60px; 
        /* background-color: var(--yellowLightColor); */
        background-color: transparent;
    }
    .sectionalBanner::before{ background-color:var(--whiteColor); top:0;height:290px;}
    body.page-template-template-donation .sectionalBanner{background-color: var(--whiteColor);}
    .bannerInfo{padding-top:80px; padding-bottom:20px;}
    .sectionalBannerHolder{align-items:flex-start;}
    .bannerInfo{padding-right:30px; width:54%;}
    .bannerImage{padding-left:30px; width:46%; padding-bottom:22%;}
    .bannerImage .box::before{padding-top:70%;}
    .banerTitleDesc .desc{font-size:18px; line-height:28px;}
    .bannerImage::before{
      bottom:auto;
      top:40px;
      right:100px;
      height:calc(100% - 40px);
      width: calc(100% + 60px);
    }
    .secBannerTexture{width:60%; bottom:-16%;}
    /* about banner end here */

    /* flexible css start here */
    ul.pageCarousel .slick-list{ padding-left: 0px!important;}

    /* Main Page List start */
    .sectionalSec.yellowBG .pageRecords{padding-left:0;}
    .sectionalSec.whiteBG .pageRecords{padding-right:0;}
    .pageRecords h2{font-size:42px; line-height:42px;}
    .pageImage .box::after{left:18px;}
    .sectionalSec.whiteBG .pageImage .box::after{left:-18px;}
    .sectionalSec.yellowBG .pageImage, .sectionalSec.whiteBG .pageInfo{padding-right:38px;}
    .sectionalSec.yellowBG .pageInfo, .sectionalSec.whiteBG .pageImage{padding-left:38px;}
    .sectionalSec.whiteBG .pageRecords .pageImage::before{bottom:auto; top:-10%;}

    .sectionalSec.yellowBG .pageImage, .sectionalSec.whiteBG .pageImage{width:46%;}
    .sectionalSec.yellowBG .pageInfo, .sectionalSec.whiteBG .pageInfo{width:54%;}
    .sectionalSec .pageInfo{font-size:17px; line-height:29px;}
    /* Main Page List end */

    /* sub Page List start */
    .subpageListBlock .description{ padding-right: 0; padding-bottom: 50px;}
    .subpageListBlock .prioritiesList li:nth-child(odd),
    .partnerPromoBlock .prioritiesList li:nth-child(odd){padding-right:9px;}
    .subpageListBlock .prioritiesList li:nth-child(even),
    .partnerPromoBlock .prioritiesList li:nth-child(even){padding-left:9px;}
    .subpageListBlock .prioritiesList ul li h3, .partnerPromoBlock .prioritiesList ul li h3 {
      font-size:28px; line-height:34px; display:block; padding-bottom:8px; padding-right:10px;}
    .pageThumb{top:21px; left:4px;}
    .prioritiesList ul li a::after{top:32px;}
    .subpageListBlock .desc{padding-top:0px;}
    /* sub Page List end */

    /* fullwidthImgBlock start */
    .fullwidthImgBlock{height:auto;}
    .imageCaption{max-width:250px; font-size:14px; line-height:23px; padding:24px;}
    .fullwidthImgBlock .box::before{padding-top:52%;}
    /* fullwidthImgBlock end */

    /* page promotion start */
    .pageProHolder{ width: calc(100% - 60px); margin-left:auto;}
    .pageProHolder, .pageProHolder a{min-height:248px;}
    .pageProHolder a{padding:40px; padding-left:154px;}
    .pageProHolder .imageBlock{left:-60px; max-width:174px;}
    .pagePromoBlock .content_866, .content_1080{padding-left:45px; padding-right:45px;}
    .pageProHolder a h2{display:block; padding-bottom:0;}
    .pageProHolder p{font-size:15px; line-height:26px;}
    .pageProHolder .placeTag{ padding-top:22px;}
    .pageProHolder a .placeTag::before{top:26px;}
    /* page promotion end */

    /* partner promotion start */
    .partnerPromoBlock::before{height: calc(100% - 108px);}
    .partnerPromoBlock h2{font-size:44px; line-height:50px; padding:0 0 40px 0;}
    /* partner promotion end */

    /* quoteBlock start */
    .quoteBlock{font-size:42px; line-height:46px;}
    .quoteBox::before{height:calc(100% - 74px);}
    /* quoteBlock end */

    /* image carousel Block start */
    .imageCarouselBlock .fullPageHolder{padding-right:0; padding-left:30px;}
    .imageCarouselBlock .slick-arrow.slick-next {right:calc(8% + 2px);}
    .imageCarouselBlock .slick-arrow.slick-prev {right:calc(8% + 44px); left:auto;}
    /* image carousel Block end */

    /* Highlight Block start */
    .highlightBlock{}
    .HLimage, .HLinfo{width:100%; padding-right:0;}
    .HLinfo{padding-top:40px;}
    .HLinfo .desc{font-size:15px; line-height:26px;}
    .highlightSlideHolder .slick-dots{left:0;}
    .highlightSlideHolder .slick-arrow.slick-next{right:0;}
    .highlightSlideHolder .slick-arrow.slick-prev{right:44px;}
    .highlightBlock h3{font-size:28px; line-height:34px;}
    .highlightSlideHolder .slick-dots{bottom:-34px;}
    .highlightSlideHolder .slick-arrow{bottom:-51px;}

    .highlightSlideHolder.fullWidthslider .HLinfo{padding-top:80px;}
    .highlightSlideHolder.fullWidthslider::before{height:calc(100% - 30px);}
    /* Highlight Block end */

    /* newsletter subscribe Block start */
    .subscribeHolder{font-size:15px; line-height:26px; padding-right:190px;}
    .subscribeHolder h2{font-size:34px; line-height:41px; padding-bottom:16px;}
    .subscribeHolder p{padding-bottom:22px;}
    /* newsletter subscribe Block end */

    /* flexible css end here */

    /* footer start here */
    footer::after{ width: 80%;}
    .footerInfo{width:60%;}
    .footerDonteBox{width:40%; padding:40px; padding-top:0;}
    .footerLinks{width:50%;}
    .footerQuickLinks, .footerContact{width:100%;}
    .footerTop .footerLogoBox .logo{max-width:54px;}
    .footerQuickLinks, .footerContact{padding-right:0;}
    .footerInfo.TBspace{ padding-top: 45px; padding-bottom: 45px;}
    .footerTop .col{padding-right:10px;}
    .footerBottom{padding-top:110px;}
    .footerBottom > div{ padding-bottom: 10px;}
    .footerQuickLinks ul li.updateLink{ padding-top:14px;}
    .footerQuickLinks ul li.updateLink a{padding:10px 18px 8px 48px;}

    .footerTop h3{padding-bottom:6px;}
    .footerTop ul.nav-list li{padding-bottom:11px;}
    .col.footerContact{padding-top:20px;}

    .footerDonteBox{ font-size: 14px; line-height: 23px;}
    .footerDonteBox h3{font-size:28px; line-height:34px; padding-bottom:18px;}
    /* footer end here */

    section.sectionalBanner + section.accordionBlock.TBspaceLess{ padding-top: 40px;}

    }
  }
  /* devices portrait phone landscape end  */

  /* ipad landscape start here */
  @media only screen and (min-device-width:768px)  and (max-device-width:1024px){
    @media all and (orientation: landscape) {
        .homeBannerBlock{
          /* height:48vh; */
          min-height:420px;
          }
        .homeBannerInfoHolder .desc{width:42%; max-width:42%;}
    }

  }

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape),
  all and (device-width: 1180px) and (device-height: 820px) and (orientation: landscape),
  all and (device-width: 1080px) and (device-height: 810px) and (orientation: landscape),
  all and (device-width: 810px) and (device-height: 1080px) and (orientation: landscape),
  all and (device-width: 1194px) and (device-height: 834px) and (orientation: landscape),
  all and (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape) {
    #page-wrap{ padding-top: 183px;}  
  .headerHolder, .footerInfo, .fullPageHolder, .content_1440 {padding: 0 45px;}
  /* home page start here */
  .homeBannerBlock{
    /* height:48vh; */
    min-height:420px;
  }
  .homeBannerBlock::before{height:calc(100% - 40px);}
  .homeBannerBlock h1{font-size:70px; line-height:70px; padding-bottom:14px;}
  .bannerText{width:78%;}
  .bannerImageVideo{width:66%;}
  .homeBannerInfoHolder{width:78%; left: 45px; padding-top: 80px;}
  .homeBannerInfoHolder .desc{width:51%; font-size:15px; line-height:24px;}
  .slLeftBottomImg{left:4%; width:20%; top:24%;}
  .insightsBlock.TBspace{padding-top:100px; padding-bottom:60px;}
  .homeSlider .slick-arrow.slick-prev{left:36px;}
  .homeSlider .slick-arrow.slick-next{left:80px;}
  .homeSlider h3{font-size:44px; line-height:44px; margin-top:-33px;}

  .prioritiesBlock::before{width: 47%;}
  .prioritiesBlock.TBspace{ padding-top: 0px;}
  .prioritiesImage{ width: 62%; padding-right: 20px;}
  .prioritiesList{ width: 38%; padding-left: 20px; padding-top:40px; padding-bottom:80px;}
  /* home page end here */

  /* details page start here */
  .bannerTop .grid{padding-top:40px;}
  .newsDetailBanner h1, .partBannerTop h1, .peopleInfo h1, .sectionalBanner .banerTitleDesc h1{ font-size: 70px; line-height: 70px;}
  .imageCaptionHoder{right:45px;}
  /* .bannerTop, .bannerTop .grid{min-height:52vh;} */
  .detailBanner .postShare.deskView, .partnerBanImage .postShare.deskView{ padding-top: 24px;}
  /* news page start here */
  .detailBanner .postShare.deskView, .partnerBanImage .postShare.deskView{right:38px;}
  .newsDetailBanner .bannerText > div{padding:40px 0; padding-bottom:0;}
  .newsDetailBanner::before{top:40px; width:calc(100% - 120px); height:calc(100% - 90px);}
  .newsDetailBanner .bannerBottom .postDesc{ font-size: 18px; line-height: 30px;}
  /* news page end here */

  /* partner details start here */
  .partBannerTop h1{ padding-bottom: 10px;}
  .col.partnerBanInfo{width:48%;}
  .col.partnerBanImage{width:52%;}
  .partBannerTop .grid{padding-top:40px;}
  .partnerDetailBanner::before{top:40px; width:calc(100% - 120px); height:calc(100% - 100px);}
  .partnerBanInfo > div{padding-bottom:0px; padding-top:40px;}
  .partnerBanInfo .postDesc{font-size:18px; line-height:30px;}
  .infoBoxes .col{padding:0 24px;}
  .infoBoxes{padding-right:10%;}
  /* partner details end here */

  .peopleDetailBanner::before{ width: calc(100% - 120px);}
  .peopleimage .postShare{ padding-top: 24px;}
  .peopleTopBanner{min-height: 50vh;}

  .sectionalBanner .banerTitleDesc h1{ padding-bottom: 10px;}
  .bannerInfo{padding-right:40px; padding-bottom:40px; padding-top:80px;}
  .bannerImage{padding-left:40px;}
  .bannerImage::before{width:calc(100% + 40px); height:calc(100% + 30px);}
  .banerTitleDesc .desc{font-size:18px; line-height:30px;}

  /* details page end here */

  .bannerImage .box::before{padding-top:72%;}

  .listingBanerBlock .grid{ padding-top: 40px;}
  body.blog .listingBanerBlock .listBannerInfo h1{padding-top:0px;}
  .showFeatured{ top:40px;}
  .listBannerInfo .bannerTitle{ padding-bottom: 20px;}

  /* flexible css start here */

  /* Main Page List start */
  .sectionalSec.yellowBG .pageRecords{padding-left:110px;}
  .sectionalSec.whiteBG .pageRecords{padding-right:110px;}
  /* Main Page List end */

  /* sub Page List start */
  .subpageListBlock .description{padding-right:70px; padding-bottom:50px;}
  .subpageListBlock .prioritiesList ul li h3, .partnerPromoBlock .prioritiesList ul li h3 {
    font-size:28px; line-height:34px; display:block; padding-bottom:12px; padding-right:10px;}
  .pageThumb{top:21px; left:4px;}
  .prioritiesList ul li a::after{top:38px;}
  /* sub Page List end */

  /* fullwidthImgBlock start */
  .fullwidthImgBlock{ height:auto;}
  /* fullwidthImgBlock end */

  /* flexible css end here */

  .wp-caption.alignleft, .alignleft, .leftImage{margin-left:-40px!important;}
   .wp-caption.alignright, .alignright, .rightImage{margin-right:-40px!important;}

  /* footer start here */
  .footerInfo{width:68%;}
  .footerDonteBox{width:32%; padding: 45px; padding-top: 0;}
  .footerBottom > div{width:100%; padding-bottom:8px;}
  .footerBottom > div:last-child{padding-bottom:0;}
  /* footer end here */
  }
  /* ipad landscape end here */

  /* ipad pro 12inch start */
  @media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
    /* home page start here */
    /* home banner */
    .homeBannerInfoHolder{left:45px; width:100%;}
    .homeBannerBlock::before{height:calc(100% - 40px);}
    .homeBannerBlock h1{font-size:80px; line-height:80px;}
    .bannerImageVideo{width:64%;}
    .bannerText{width:80%;}
    .homeBannerBlock{height:42vh; min-height:auto;}
    .homeBannerInfoHolder .desc{width:48%; font-size:15px; line-height:24px;}

    .homeBannerBlock{ height: auto;}
    .homeBannerBlock .imageBox{height:auto;}
    .homeBannerBlock .imageBox .box::before{padding-top:56.25%;}
    .homeBannerBlock .bannerImageVideo{background-color:transparent;}
    .homeBannerBlock::before{width:100%!important;}
    .homeBannerBlock .homeBannerInfoHolder{ position: relative; left: 0; top:0; padding-top:80px; padding-bottom:60px;}
    .bannerImageVideo{ position: absolute; right:0;}
    /* home banner */

    /* what's new start */
    .whatsNewBlock .col{ padding: 0 16px;}
    .whatsNewBlock .sectionTitle h2{font-size:28px; line-height:34px;}
    .whatsNewBlock h3{font-size:22px; line-height:28px;}
    .whatsNewBlock h2{font-size:28px; line-height:34px;}
    /* what's new end */

    /* Insights slider start */
    .insightsBlock.TBspace{padding-top:110px; padding-bottom:80px;}
    .homeSlider .slick-arrow{top:-44px;}
    .homeSlider .slick-arrow.slick-prev{left:38px;}
    .homeSlider .slick-arrow.slick-next{left:78px;}
    .slLeftBottomImg{left:4%; top:23%; width:24%;}
    .slRightTopImg{right:-2%; top:4%; width:40%;}
    .homeSlider h3{font-size:42px; line-height:42px; margin-top: -32px;}
    .homeSlider li, .discoverSlider li{padding:4px 9px;}
    /* Insights slider end */

    /* priorities start */
    .prioritiesBlock.TBspace{ padding-top: 0;}
    .prioritiesImage{width:100%; padding-right:0; position: relative;}
    .prioritiesList{width:100%; padding-left:0;}
    .prioritiesImage img{width:85%;}
    .highlightBox{width:100%; max-width:340px; bottom:auto; top:41%;}
    /* .prioritiesImage::before{
      display:block;
      width:calc(50% + 100px);
      left:-100px;
      height:56%;
      background-position:center center;
      background-size:100%;
    } */
    .prioritiesBlock::before{display:none;}

    .prioritiesList{padding-top:28px; padding-bottom:120px;}
    .prioritiesList h2{padding-top:0; font-size:28px; line-height:34px;}
    .prioritiesList ul li{width:50%;}
    .prioritiesList ul li:nth-child(odd){padding-right:9px;}
    .prioritiesList ul li:nth-child(even){padding-left:9px;}
    .prioritiesList ul li h3{font-size:22px; line-height:28px;}
    .prioritiesList ul li .desc{font-size:14px; line-height:23px;}
    .prioritiesList ul li a{ padding: 24px 30px 24px 100px;}
    .prioritiesList ul li a::after{ top:36px;}
    /* priorities end */

    /* home page end here */

    /* listing pages start here */
    .showFeatured{ top:40px;}
    .listingBanerBlock .grid{min-height:auto; padding-top:40px; padding-bottom:40px;}
    .listBannerInfo .bannerTitle{padding-bottom:20px;}
    .listBannerInfo h1{font-size:70px; line-height:70px; padding-bottom:26px;}
    .listBannerInfo .desc{font-size:18px; line-height:28px;}
    .listBannerImage,
    body.blog .listBannerImage, 
    body.page-template-template-partner-list .listBannerImage{padding-right:0px;}
    .col.listBannerInfo{padding-right:80px;}
    .listBannerImage h2{font-size:34px; line-height:41px;}
    .listingBanerBlock::before{height:calc(100% + 40px);}
    .postListBlock.TBspace{padding-top:80px;}

    .postListBlock .postImage{width:100%; padding-bottom:24px;}
    .postListBlock .postImage .box{width:40%; max-width:100px;}
    .postListBlock .postInfo{width:100%; padding-left:0;}

    .postListBlock .col{padding-top:29px; padding-bottom:29px;}
    .postListBlock .col:nth-child(odd){padding-right:9px;}
    .postListBlock .col:nth-child(even){padding-left:9px;}
    .postInfo h3{font-size:28px; line-height:34px;}
    .postListBlock .postInfo .entry{font-size:15px; line-height:26px; padding-top:14px;}
    .alm-btn-wrap{padding-top:30px!important; padding-bottom:40px!important;}

    body.blog .listingBanerBlock .listBannerInfo h1{ padding-top: 0;}
    /* listing pages end here */

    /* details page start here */
    .sectionalBanner .banerTitleDesc h1{font-size:70px; line-height:70px;}
    .newsDetailBanner .bannerText .bannerTitle, .partBannerTop .bannerTitle, .peopleInfo .bannerTitle {
      font-size:14px;
      line-height:23px;
      padding-bottom:20px;
    }
    /* news page start here */
    .detailBanner .detailImageTexture{bottom:-23%; width:56%; right:-8%;}
    .bannerTop, .bannerTop .grid{min-height:auto;}
    .bannerTop .grid, .peopleTopBanner{padding-top:40px;}
    .newsDetailBanner h1, .partBannerTop h1, .peopleInfo h1{font-size:70px; line-height:70px;}
    .detailBanner .box::before{padding-top:70%;}
    .newsDetailBanner .bannerBottom .postDesc{font-size:18px; line-height:28px;}
    .newsDetailBanner::before{top:40px; width:calc(100% - 100px);}
    .peopleDetailBanner::before{top:60px; width:calc(100% - 140px);}
    .newsDetailBanner .bannerText > div{padding:40px 0;}
    .newsDetailBanner .bannerBottom .col{padding-right:60px;}
    .newsDetailBanner .bannerBottom .postShare{padding-right:0;}
    .newsDetailBanner::before{height: calc(100% - 100px);}
    .newsDetailBanner .bannerBottom{padding-top:20px;}
    .imageCaptionHoder{right:45px; bottom:28px;}
    .detailBanner .postShare.deskView, .partnerBanImage .postShare.deskView{ right: 38px;}
    /* news page end here */

    .peopleTopBanner{min-height:auto;}
    .peopleInfo{width:60%; padding-right:20px;}
    .peopleimage{width:40%; padding-left:20px;}
    .peopleInfo h2{font-size:42px; line-height:51px;}
    .peopleInfo.TBspace{ padding-top:60px; padding-bottom:60px;}
    .peopleDetailBanner::before{height: calc(100% - 100px);}

    /* partner details start here */
    .partnerDetailBanner::before{ width:calc(100% - 100px);}
    .partnerBanImage .detailImageTexture{display:none;}
    .partBannerTop .grid{padding-top:40px;}
    .partnerDetailBanner::before{top:40px; height:calc(100% - 100px);}
    .partnerBanImage .box::before{padding-top:70%;}
    .partnerBanInfo .postDesc{font-size:18px; line-height:28px;}
    .col.partnerBanInfo{padding-right:20px; width:54%;}
    .col.partnerBanImage{padding-left:20px; width:46%; margin-top:-60px;}
    .partnerBanInfo > div{padding:40px 0;}
    .partnerBanInfo > div{ padding-bottom: 0;}
    .partBannerTop h1{padding-bottom:20px;}

    .partnerBanInfo .postDesc{padding-top:10px;}
    .infoBoxes{padding-right:80px;}
    .infoBoxes .col{width:100%; padding:20px 28px; border-left:0px;}
    .infoBoxes .col::before{display:block;}
    /* partner details end here */

    /* details page end here */

    /* about banner start here */
    .sectionalBanner{padding-bottom:60px;
         /* background-color: var(--yellowLightColor); */
         background-color: transparent;
    }
    .sectionalBanner::before{ background-color:var(--whiteColor); top:0;height:290px;}
    body.page-template-template-donation .sectionalBanner{background-color: var(--whiteColor);}
    .bannerInfo{padding-top:80px; padding-bottom:20px;}
    .sectionalBannerHolder{align-items:flex-start;}
    .bannerInfo{padding-right:30px; width:54%;}
    .bannerImage{padding-left:30px; width:46%; padding-bottom:22%;}
    .bannerImage .box::before{padding-top:70%;}
    .banerTitleDesc .desc{font-size:18px; line-height:28px;}
    .bannerImage::before{
      bottom:auto;
      top:40px;
      right:100px;
      height:calc(100% - 20px);
      width: calc(100% + 60px);
    }
    .secBannerTexture{width:60%; bottom:-16%;}
    /* about banner end here */

    /* flexible css start here */
    /* Main Page List start */
    .sectionalSec.yellowBG .pageRecords{padding-left:0;}
    .sectionalSec.whiteBG .pageRecords{padding-right:0;}
    .pageRecords h2{font-size:42px; line-height:42px;}
    .pageImage .box::after{left:18px;}
    .sectionalSec.whiteBG .pageImage .box::after{left:-18px;}
    .sectionalSec.yellowBG .pageImage, .sectionalSec.whiteBG .pageInfo{padding-right:38px;}
    .sectionalSec.yellowBG .pageInfo, .sectionalSec.whiteBG .pageImage{padding-left:38px;}
    .sectionalSec.whiteBG .pageRecords .pageImage::before{bottom:auto; top:-10%;}

    .sectionalSec.yellowBG .pageImage, .sectionalSec.whiteBG .pageImage{width:46%;}
    .sectionalSec.yellowBG .pageInfo, .sectionalSec.whiteBG .pageInfo{width:54%;}
    .sectionalSec .pageInfo{font-size:17px; line-height:29px;}
    /* Main Page List end */

    /* sub Page List start */
    .subpageListBlock .description{ padding-right: 0; padding-bottom: 50px;}
    .subpageListBlock .prioritiesList li:nth-child(odd),
    .partnerPromoBlock .prioritiesList li:nth-child(odd){padding-right:9px;}
    .subpageListBlock .prioritiesList li:nth-child(even),
    .partnerPromoBlock .prioritiesList li:nth-child(even){padding-left:9px;}
    .subpageListBlock .prioritiesList ul li h3, .partnerPromoBlock .prioritiesList ul li h3 {
      font-size:28px; line-height:34px; display:block; padding-bottom:12px; padding-right:10px;}
    .pageThumb{top:21px; left:4px;}
    .prioritiesList ul li a::after{top:32px;}
    /* sub Page List end */

    /* fullwidthImgBlock start */
    .fullwidthImgBlock{height:auto;}
    .imageCaption{max-width:250px; font-size:14px; line-height:23px; padding:24px;}
    .fullwidthImgBlock .box::before{padding-top:52%;}
    /* fullwidthImgBlock end */

    /* Highlight Block start */
    .highlightBlock{}
    .HLimage, .HLinfo{width:100%; padding-right:0;}
    .HLinfo{padding-top:40px;}
    .HLinfo .desc{font-size:15px; line-height:26px;}
    .highlightSlideHolder .slick-dots{left:0;}
    .highlightSlideHolder .slick-arrow.slick-next{right:0;}
    .highlightSlideHolder .slick-arrow.slick-prev{right:44px;}
    .highlightBlock h3{font-size:28px; line-height:34px;}
    .highlightSlideHolder .slick-dots{bottom:-34px;}
    .highlightSlideHolder .slick-arrow{bottom:-51px;}

    .highlightSlideHolder.fullWidthslider::before{
        height:calc(100% - 22px);
    }
    .highlightSlideHolder.fullWidthslider .HLinfo{padding-top:60px;}
    /* Highlight Block end */

    /* flexible css end here */


    /* footer start here */
    footer::after{ width: 80%;}
    .footerInfo{width:60%;}
    .footerDonteBox{width:40%; padding:40px; padding-top:0;}
    .footerLinks{width:50%;}
    .footerQuickLinks, .footerContact{width:100%;}
    .footerTop .footerLogoBox .logo{max-width:54px;}
    .footerQuickLinks, .footerContact{padding-right:0;}
    .footerInfo.TBspace{ padding-top: 45px; padding-bottom: 45px;}
    .footerTop .col{padding-right:10px;}
    .footerBottom{padding-top:110px;}
    .footerBottom > div{ padding-bottom: 10px;}
    .footerQuickLinks ul li.updateLink{ padding-top:14px;}
    .footerQuickLinks ul li.updateLink a{padding:10px 18px 8px 48px;}

    .footerTop h3{padding-bottom:6px;}
    .footerTop ul.nav-list li{padding-bottom:11px;}
    .col.footerContact{padding-top:20px;}

    .footerDonteBox{ font-size: 14px; line-height: 23px;}
    .footerDonteBox h3{font-size:28px; line-height:34px; padding-bottom:18px;}
    /* footer end here */

    .wp-caption.alignleft, .alignleft, .leftImage{margin-left:-40px!important;}
   .wp-caption.alignright, .alignright, .rightImage{margin-right:-40px!important;}
  }
  /* ipad pro 12inch end */

  @media screen and (min-width: 0px) and (max-width:900px){
    .cky-title{ padding: 0 0 10px 0!important;}
    .cky-title, .cky-notice-group{ width: 100%;}

    /* image carousel Block start */
    .imageCarouselBlock .fullPageHolder {padding-right: 0; padding-left: 30px;}
    ul.pageCarousel .slick-list {padding-left: 0px !important;}
    .imageCarouselBlock .slick-arrow.slick-next {right:calc(8% + 2px);}
    .imageCarouselBlock .slick-arrow.slick-prev {right:calc(8% + 44px); left:auto;}
    /* image carousel Block end */

    body.page-template-template-donation .headerHolder .logo {max-width:80px;
   max-height:80px;}
 body.page-template-template-donation .headerHolder .logo img{max-height:80px;}

 .homeBannerInfoHolder .desc{
    width:44%;
    max-width:44%;
}
}


  @media screen and (min-width: 0px) and (max-width:767px){
    body.our_work_partner_cpt-template-default .partnerDetailBanner.lastElm{margin-bottom: 80px;}
    /* content page start here */
    .content_866, .content_1080{padding: 0 24px;}
    .wp-caption.alignleft, .alignleft, .leftImage{margin-left:10px!important;}
    .wp-caption.alignright, .alignright, .rightImage{margin-right:10px!important;}
    /* content page end here */

   /* home page start here */
   .homeBannerBlock{height:auto;}
   .homeBannerBlock::before{width:100%; height:calc(100% - 54px);}
   .bannerImageVideo, .bannerText{width:100%; position: relative;}
   .bannerImageVideo{order:1;}
   .bannerText{order:2; padding-top:45px; padding-right:45px;}
   .homeBannerInfoHolder{position:relative; left:0; width:100%; top:0; transform:none;}
   .homeBannerInfoHolder .desc{width:100%; max-width: 100%;}
   .whatsNewBlock .signUpBox h2{margin-top: 0;}
   .whatsNewBlock .grid{ padding-top: 0;}
   .homeBannerBlock .homeBannerInfoHolder{ padding-top: 0; padding-bottom: 0;}

   .homeBannerBlock h1{padding-bottom:18px;}
   .homeBannerBlock .grid{padding-bottom:31px;}
   .homeBannerBlock .imageBox{height:auto;}
   .homeBannerBlock .imageBox .box::before{padding-top:60%;}
   .homeSlider .slick-list, .discoverSlider .slick-list{padding-left:12px!important;}

   .whatsNewBlock.TBspace{padding-top:50px; padding-bottom:50px;}
   .whatsNewBlock .col.socialHolder ul{ display: flex; flex-wrap: wrap;}
   .whatsNewBlock .col.socialHolder{justify-content: flex-start;}
   .whatsNewBlock .socialIcons li{padding:0 18px 0 0;}

   .whatsNewBlock .col.postRecord, .whatsNewBlock .col{
     width: 100%;
     border-top: var(--greyColor) solid 1px;
     border-left: 0;
     border-right:0px;
     padding:26px 0;
   }

   .whatsNewBlock h2{margin-top:0!important;}
   .whatsNewBlock .col:first-child{ width: 100%; padding-top: 0;}
   /* .whatsNewBlock .col.postRecord:nth-child(2){order:1; padding-top:0;}
   .whatsNewBlock .col.postRecord:nth-child(3){order:2;}
   .whatsNewBlock .col.signUpBox{order:3;}
   .whatsNewBlock .col.socialHolder{order:4;} */
   .whatsNewBlock .col.signUpBox{border-top:0;}

   .whatsNewBlock .sectionTitle h2{font-size:28px; line-height:34px; padding-bottom:20px;}
   .whatsNewBlock .col:first-child{}
   .whatsNewBlock .col:last-child{padding-bottom:0; border-top:0; padding-top:10px;}
   .whatsNewBlock .col.socialHolder{width:100%;}

   .prioritiesList ul li{width:100%;}
   .prioritiesList ul li:nth-child(odd){padding-right:0px;}
   .prioritiesList ul li:nth-child(even){padding-left:0px;}
   /* home page end here */

   /* list/Details pages css start here */
   .listingBanerBlock .grid{ padding-top:0;}
   .listingBanerBlock{background-color:var(--yellowLightColor);}
   .listingBanerBlock::before{display:none;}
   .listingBanerBlock .fullPageHolder{padding:0;}
   .col.listBannerInfo, .col.listBannerImage,
   body.blog .listBannerImage, 
   body.page-template-template-partner-list .listBannerImage{width:100%; padding-left:24px; padding-right:24px;}
   .col.listBannerImage{margin-top:-30%;}
   .col.listBannerInfo{
    padding-top:60px;
    padding-right:24px;
    padding-bottom:calc(28% + 80px);
    background-color: var(--yellowColor);
  }
  .postListBlock.TBspace{ padding-top:40px;}

  body.page-template-template-people-list .col.listBannerInfo{ 
    /* padding-bottom: 60px; */
}
  .postListBlock .fullPageHolder{ padding-left: 24px; padding-right: 24px;}
  /* body.page-template-template-people-list .postListBlock{ padding-top: 0;} */

  .postListBlock.TBspace{padding-top:50px; padding-bottom:20px;}  
  .postListBlock.TBspace.first{padding-top:20px;}
   /* list/Details pages css end here */

   /* detail pages start here */
   .detailBanner .postShare.deskView, .partnerBanImage .postShare.deskView, .peopleTopBanner .postShare.deskView{ display: none;}
   .newsDetailBanner .bannerBottom .postShare.mobView, .partnerBlocks .postShare.mobView, .peopleTopBanner .postShare.mobView{
     display: flex;
     margin-left:0;
     padding-top:44px;
   }
   .bannerTop .grid, .peopleTopBanner{ padding-top:0;}
   .newsDetailBanner::before, .peopleDetailBanner::before{width:100%;}
   .newsDetailBanner .bannerText .bannerTitle, .partBannerTop .bannerTitle, .peopleInfo .bannerTitle{
     padding-bottom: 32px;
   }
   .addtoany_shortcode{width:auto; margin:0;}

   .postShare .title {line-height:22px; padding-right:20px; font-size:17px; padding-top:4px; padding-bottom: 0;}
   .postShare .a2a_kit a{ margin-bottom: 0px!important; margin-right: 10px!important;}
   .partnerBlocks, .peopleTopBanner{ flex-wrap: wrap;}

   .discoverSliderBlock h2{padding-bottom:28px; padding-right: 64px;}
   .discoverSliderBlock.TBspace{padding-top:60px; padding-bottom:100px;}
   .discoverSliderBlock::before{width:100%;}
   .discoverSlider .slick-arrow{top:-58px;}
   .discoverSlider .slick-arrow.slick-next{right:36px;}
   .discoverSlider .slick-arrow.slick-prev{right:76px;}

   /* news page start here */
   .detailBanner .box::before{padding-top:54%;}
   .newsDetailBanner{padding-bottom:20px;}
   .newsDetailBanner::before{height:calc(100% - 152px);}
   .postPublishing,
   .detailBanner,
   .newsDetailBanner .bannerBottom .postDesc,
   .newsDetailBanner .bannerBottom .postShare,
   .newsDetailBanner .bannerText{width:100%;}
   .detailBanner{position:relative;}
   .newsDetailBanner .bannerBottom .col{padding-right:0;}
   .newsDetailBanner .bannerBottom .postShare{max-width:100%;}
   .newsDetailBanner .bannerText > div{padding:0}
   .newsDetailBanner .bannerBottom{padding-bottom:0;}
   .postPublishing{padding-top:32px;}
   .postPublishing ul{padding-bottom:22px;}
   /* news page end here */

   /* people pages start here */
   .peopleTopBanner{ padding-bottom: 20px;}
   .peopleDetailBanner::before{height:calc(100% - 152px);}
   .peopleimage{margin-top:0; width:100%; padding-left:0; order:1; margin-left:auto; max-width:280px;}
   .peopleInfo{width:100%; padding-right:0; order:2;}
   .peopleTopBanner .postShare{ order: 3; width: 100%;}
   .peopleInfo.TBspace{padding-top:45px; padding-bottom:45px;}

   body.page-template-template-people-list .postListBlock.TBspace.first{
    padding-top:20px;
   }
   .locationInfo{ padding-bottom: 10px;}
   body.page-template-template-people-list .postListBlock.TBspace{ padding-bottom: 20px;}
   body.page-template-template-people-list .postListBlock.TBspace.Last{ padding-bottom: 80px;}
   /* people pages end here */

   /* partner details start here */
   .partnerDetailBanner{ padding-bottom: 20px;}
   .partnerBanImage .detailImageTexture{display:block;}
   .partnerBanImage .box::before {padding-top:54%;}
   .partnerDetailBanner::before{height:calc(100% - 152px);}
   .col.partnerBanInfo{order:2; padding-right:0}
   .col.partnerBanImage{order:1; padding-left:0;}
   .col.partnerBanInfo, .col.partnerBanImage{width:100%;}
   .partnerDetailBanner::before{width:100%;}
   .partnerBanInfo > div{ padding: 45px 45px 0 0;}

   .partnerBlocks .postShare.mobView{ width: 100%;}
   .partnerBlocks .postShare.mobView > div{ display: flex; flex-wrap: wrap;}
   .infoBoxes{ width: 100%;}
   .partnerBlocks .postShare{ margin-top: 0;}
   .infoBoxes{ padding-right: 0; padding-bottom:25px;}
   .infoBoxes .col::before{ display: none;}
   .infoBoxes .col{ border-top:solid 1px var(--blackColor); padding:20px 0;}
   .partBannerBottom.TBspaceLess{ padding-top:45px; padding-bottom:0;}
   .partnerDetailBanner .partBannerBottom, body.no-flexible-rows .partnerDetailBanner .partBannerBottom{min-height:auto;}
   /* partner details end here */

   /* about banner start here */
   .sectionalBanner .banerTitleDesc h1{padding-bottom:20px;}
   .sectionalBanner{ background-color:var(--whiteBG);}
   .bannerImage .box::before{padding-top:75%;}
   .sectionalBanner{padding-bottom:45px;}
   .sectionalBanner .secBannerTexture{display:none;}
   .sectionalBanner::before,
   body.page-template-template-donation .sectionalBanner::before{
     top:60px;
     background-color:var(--purpleLightColor);
     width:100%;
     height:calc(100% - 60px);
   }
body.page-template-template-donation .sectionalBanner.purpleBg::before{background-color:var(--purpleLightColor);}
body.page-template-template-donation .sectionalBanner.orangeBg::before{background-color:#fc5a1f;}
body.page-template-template-donation .sectionalBanner.whiteBg::before{background-color:var(--whiteColor);}
body.page-template-template-donation .sectionalBanner.greenBg::before{background-color:var(--greenColor);}
body.page-template-template-donation .sectionalBanner.blueBg::before{background-color:var(--purpleColor);}
body.page-template-template-donation .sectionalBanner.yellowBg::before{background-color:var(--yellowColor);}

body.page-template-template-donation .sectionalBanner.blueBg .bannerInfo,
body.page-template-template-donation .sectionalBanner.blueBg .bannerInfo h1{ color:#fff;}

   .bannerImage::before{display:none;}
   .bannerImage{order:1; width:100%; padding-bottom:0; padding-left:0}
   .bannerInfo{order:2; width:100%; padding-top:45px; padding-bottom:0; padding-right:45px;}

   .sectionalBanner:has(+ .pagePromoBlock):before,
   .sectionalBanner:has(+ .formBlock):before,
   .sectionalBanner:has(+ .fullwidthImgBlock):before,
   .sectionalBanner:has(+ .quoteBlock):before,
   .sectionalBanner:has(+ .imageCarouselBlock):before,
   .sectionalBanner:has(+ .contentBlock):before,
   .sectionalBanner:has(+ .highlightBlock):before,
   .sectionalBanner:has(+ .newsletterSubsc):before,
   .sectionalBanner:has(+ .discoverSliderBlock):before,
   .sectionalBanner:has(+ .partnerPromoBlock):before,
   .sectionalBanner:has(+ .contentPromoBlock):before{background-color:var(--purpleLightColor);}
   /* about banner end here */


   .newsDetailBanner.sectionalHeader .bannerBottom .postDesc{ padding-bottom:60px;}
   .newsDetailBanner.sectionalHeader .bannerBottom{ min-height: auto;}
   /* detail pages end here */

   /* flexible css start */

   /* Main Page List start */
   .TBspace{padding-top:50px; padding-bottom:50px;}
   /* Main Page List end */

   /* sub Page List start */
   .subpageListBlock h2{font-size:42px; line-height:50px;}
   .subpageListBlock .prioritiesList li, .partnerPromoBlock .prioritiesList li{
     width:100%;
     padding-right:0;
   }
   .subpageListBlock .description{ padding-bottom: 40px;}
   .subpageListBlock .prioritiesList li:nth-child(odd),
   .partnerPromoBlock .prioritiesList li:nth-child(odd){padding-right:0px;}
   .subpageListBlock .prioritiesList li:nth-child(even),
   .partnerPromoBlock .prioritiesList li:nth-child(even){padding-left:0px;}
   .subpageListBlock .desc{ padding-top: 0}
   .subpageListBlock .prioritiesList ul li a::after{top:32px;}
   /* sub Page List end */

   /* fullwidthImgBlock start */
   .fullwidthImgBlock{height:auto;}
   .imageCaption{position:relative; padding:18px 26px; padding-bottom: 22px; font-size:14px; line-height:24px; max-width: 100%;}
   .fullwidthImgBlock .box::before{padding-top:60%;}
   /* fullwidthImgBlock end */

   /* quoteBlock start */
   .quoteBlock .content_1100{ padding-left: 45px;padding-right: 45px;}
   /* quoteBlock end */

   /* Highlight Block start */
   .highlightSlideHolder .fullPageHolder{ padding: 0 45px;}
   /* Highlight Block end */

   /* flexible css end */

  /* footer css start */
  .footerInfo{ order: 2; width: 100%;}
  .footerDonteBox{ order: 1; width:90%; margin-left:10%;}
  footer .bottomImage{ display: none;}
  /* footer css end */

  .cky-notice-des, .cky-notice-btn-wrapper{ padding: 0px!important;}
  .cky-consent-bar{ padding: 24px!important;}
  .cky-btn.cky-btn-customize{ order: 1!important;}
  .cky-btn.cky-btn-reject{ order: 3!important;}
  .cky-btn.cky-btn-accept{ order: 2!important}

  /* content promotion block start */ 
  .contPromoSec{padding-top:0; margin-top:200px;}
  .contPromoSec .box{width:100%; max-width:340px; margin-top:-200px;}
  .contPromoSec .prInfo{width:100%; padding:40px 60px;}
  .contPromoSec::before{width:100%;}

  .showFeatured{width:100%; position:relative; bottom:auto; padding-left:24px; padding-right:24px; margin-top:-30%; top:0px;}
  .showFeatured .box::before{padding-top:60%;}
  .flowBg{ display:none;}
  /* content promotion block end */ 

  .page-template-template-people-list .fancybox-toolbar{ right: 30px;}

  .fancybox-slide .postImage{padding-bottom:20px;}
  .fancybox-slide .locationInfo{padding-bottom:10px;}
  .fancybox-slide{font-size:16px; line-height:24px;}
  .fancybox-slide .sharePage{padding-top:20px;}

  body.blog .listingBanerBlock .listBannerInfo h1 {
    padding-top:0;
  }

  }

@media screen and (min-width: 0px) and (max-width:641px){
  .gform_footer input[type="submit"]{line-height:26px!important;}
  .gform_validation_errors h2{font-size:16px !important; line-height:22px!important;}
.gform_wrapper.gravity-theme .gform_validation_errors{
  padding:10px 14px !important;
  padding-left: 36px!important;
  background-position: 7px 10px !important;}
}

  @media screen and (min-width: 0px) and (max-width:576px){
 .cky-btn.cky-btn-reject, .cky-btn.cky-btn-accept{
   width:100%!important;
   max-width:100%!important;
 }
 .cky-btn.cky-btn-reject{ margin-left: auto!important;}
  .cky-btn.cky-btn-accept{ margin-right:auto!important;}
 .cky-notice-btn-wrapper{
   display: flex !important;
   justify-content: space-between !important;
   flex-direction: row !important;
   flex-wrap: wrap!important;
 }
 .cky-notice-btn-wrapper .cky-btn{margin:2px!important;}
 .cky-prefrence-btn-wrapper .cky-btn{
   margin:6px!important;
   min-width: 220px!important;
   max-width: 220px!important;
 }
.cky-consent-container{
  max-width:calc(100% - 40px)!important;
  left: 0;
  right: 0;
  margin: 0 auto;
}
  }

  @media screen and (min-width: 0px) and (max-width:550px){
    /* common css start here */
    body.our_work_partner_cpt-template-default .partnerDetailBanner.lastElm{
      margin-bottom: 40px;
    }
    .searchClose{right:180px; top:26px}
    body{font-size:16px; line-height:30px;}
    .headerHolder, .footerInfo, .fullPageHolder, .content_1440{padding:0 24px;}
    .content_866, .content_1080{padding:0 24px;}
    .LargeText{font-size:19px; line-height:30px;}
    .SmallText{font-size:14px; line-height:26px;}
    p{padding:0px 0px 28px 0px;}

    h1, h2, h3{padding-bottom:14px; padding-top:6px;}
    h1{font-size:34px; line-height:42px;}
    h2{font-size:24px; line-height:30px;}
    h3{font-size:20px; line-height:28px;}

    .wp-caption.alignleft, .alignleft, .leftImage,
    .wp-caption.alignright, .alignright, .rightImage{
      margin-left: auto!important;
      margin-right: auto!important;
      float: none!important;
      max-width:280px!important;
      display: block!important;
      margin-bottom: 10px!important;
    }
    .leftImage::before, .rightImage::before{top:0px!important;}
    #page-wrap{padding-top:110px;}
    .donateBtn .btn, .signupBtn .btn{min-width:70px!important;}
    .secondaryLinks li.signupBtn{padding-right:8px;}

    /* common css end here */
    .headerHolder{align-items:flex-start;}
    .headerHolder .logo{max-width:46px;}

    header.TBspace.gescout-sticky .logo,
    header.gescout-show .logo{width:46px; height:48px;}

    /* home page start here */
    .bannerText{padding-right:24px;}
    .homeBannerBlock h1{font-size:41px; line-height:41px;}
    .homeBannerInfoHolder .desc{font-size:14px; line-height:24px;}

    .whatsNewBlock .postRecord .dateTags{font-size:13px; line-height:21px; padding-bottom:8px;}
    .whatsNewBlock h3{font-size:21px; line-height:27px; display: block!important; padding: 0; padding-bottom: 0!important;}
    .whatsNewBlock.TBspace{padding-top:41px; padding-bottom:43px;}

    .whatsNewBlock .col.socialHolder{padding-top:12px;}
    .whatsNewBlock h2{font-size:25px; line-height:29px; padding-bottom:15px;}
    .whatsNewBlock .col.signUpBox{border-bottom:0px;}
    .whatsNewBlock .socialIcons li{padding:0 28px 0 0;}
    .whatsNewBlock .socialIcons li:last-child{padding-right:0;}
    .whatsNewBlock .col.postRecord{padding:26px 0; padding-bottom:18px;}

    .homeSlider li, .discoverSlider li{padding:4px 12px;}
    .homeSlider h3{font-size:32px; line-height:32px; margin-top:-25px;}
    .insightsBlock.TBspace{padding-top:80px; padding-bottom:40px;}
    .homeSlider .slick-arrow{top:-32px; background-size:20px;}
    .homeSlider .slick-arrow.slick-prev{left:12px;}
    .homeSlider .slick-arrow.slick-next{left:58px;}
    .slLeftBottomImg{left:-16%; top:31%; width:46%;}
    .slRightTopImg{display:none;}

    .prioritiesList{padding-bottom:60px; padding-top:38px;}
    .highlightBox{top:auto; bottom:0; max-width:100%; position:relative; margin-top:-32%;}
    .prioritiesImage img{width:100%; margin:0 auto;}
    .highlightContainer{font-size:13px; line-height:22px;}
    .highlightContainer a{padding:24px; padding-bottom:28px;}
    .highlightContainer a::after{ display: none;}
    .highlightContainer h3{font-size:21px; line-height:27px;}
    /* .prioritiesImage::before{height:46%;} */
    .pageThumb{width:52px; height:52px; top:22px;}
    .prioritiesList h2{ font-size: 25px; line-height:32px; padding-bottom: 20px;}
    .prioritiesList ul li a{ padding: 14px 30px 16px 70px; min-height:100px;}
    .prioritiesList ul li a::after{ top:22px;}
    .prioritiesList ul li .desc{ font-size: 13px; line-height: 21px;}
    .prioritiesList ul li h3{ font-size: 21px; line-height: 27px;}
    /* home page end here */

    /* list/Details pages css start here */
    .col.listBannerInfo, .col.listBannerImage,
    body.blog .listBannerImage, 
    body.page-template-template-partner-list .listBannerImage{padding-left:24px; padding-right:24px;}
    .listBannerInfo h1{font-size:41px; line-height:41px; padding-bottom:18px;}
    .listBannerInfo .desc{font-size:16px; line-height:26px;}
    .col.listBannerInfo{padding-top:40px; padding-bottom:calc(28% + 50px);}
    .listBannerInfo .bannerTitle{padding-bottom:22px;}
    .listBannerImage h2{font-size:29px; line-height:33px;}
    .postInfo .placeTag{font-size:13px; line-height:21px;}

    .postListBlock .col{width:100%; padding-top:25px; padding-bottom:25px;}
    .postListBlock .col:nth-child(odd){padding-right:0;}
    .postListBlock .col:nth-child(even){padding-left:0;}

    .postListBlock .postImage .box{ width: auto; max-width: 128px;}
    .postInfo h3{ font-size: 25px; line-height: 29px; display: block!important; padding: 0 0 4px 0!important;}
    .postListBlock .postInfo .entry{font-size:14px; line-height:24px; padding-top:4px;}

    .filterAction, .listFilter{padding-left:10px; padding-right:10px;}
    .listFilter .alm-filters .alm-filter{width:100%;}
    .listFilter .alm-filters .alm-filter.alm-filter--order,
    .listFilter .alm-filters .alm-filter.alm-filter--sort{max-width:100%;}

    /* .postListBlock.TBspace{padding-bottom:90px;} */

    .postListBlock.TBspace{padding-top:50px; padding-bottom:20px;}  
    .postListBlock.TBspace.first{padding-top:20px;}
    .postListBlock.TBspace.Last{padding-bottom:40px;}
    /* list/Details pages css end here */

    /* detail pages start here */

    .newsDetailBanner.sectionalHeader .bannerBottom .postDesc{ padding-bottom:40px;}

    .newsDetailBanner h1, .partBannerTop h1, .peopleInfo h1{ font-size:41px; line-height: 41px;}
    .imageCaptionHoder{ right: 22px; bottom: 22px;}
    .captionText{min-width:280px; max-width:280px; padding: 10px;}
    .newsDetailBanner .bannerBottom .postDesc,
    .partnerBanInfo .postDesc,
    .banerTitleDesc .desc{font-size:16px; line-height:26px;}
    .newsDetailBanner .bannerText .bannerTitle, .partBannerTop .bannerTitle, .peopleInfo .bannerTitle {
  padding-bottom: 23px;
}

    .linkButton, .downloadButton, a.linkButton, a.downloadButton{
      max-width:280px;
      text-align:left;
    }
    /* news page start here */
    .bannerText{padding-top:32px;}
    .detailBanner .detailImageTexture{bottom:-45%; width:80%; right:-30%;}
    .bannerBottom .postPublishing li{ font-size: 13px; line-height: 21px;}
    .postNoImage{max-width: 260px; right: 0;}
    /* news page end here */

    /* people pages start here */
    .peopleInfo h1{font-size:41px; line-height:41px; padding-bottom: 20px;}
    .peopleInfo h2{font-size:29px; line-height:33px;}
    /* people pages end here */

    .sharePage .a2a_kit a{margin-right: 12px !important;}

    /* partner details start here */
    .partnerBanInfo > div{padding-top:32px;}
    .partBannerTop h1{padding-bottom:16px;}
    .partnerBanInfo .postDesc{padding-top:10px;}
    /* partner details end here */

    /* about banner start here */
    .sectionalBanner .banerTitleDesc h1{font-size:41px; line-height:41px;}
    /* about banner end here */

    .discoverSliderBlock h2{font-size:32px; line-height:32px;}
    .discoverSliderBlock.TBspace{padding-bottom:60px;}
    .discoverSlider .slick-arrow{top:-48px;}
    .discoverSlider .slick-arrow.slick-next{right:14px;}
    .discoverSlider .slick-arrow.slick-prev{right:48px;}
    .discoverSlider h3{padding-top:0;}
    .discoverSlider .placeTag{padding-top:4px;}
    .discTexture {width:80%; right:-10%; top:-13%;}
    /* detail pages end here */

    /* flexible css start */
    .TBspaceLess{padding-top:25px; padding-bottom:25px;}

    /* Main Page List start */
    .sectionalSec.yellowBG .pageImage, .sectionalSec.whiteBG .pageImage,
    .sectionalSec.yellowBG .pageInfo, .sectionalSec.whiteBG .pageInfo{width:100%;}

    .sectionalSec .pageInfo{padding-top:40px; font-size: 15px; line-height: 25px;}
    .sectionalSec.yellowBG .pageImage{padding-right:12px;}
    .sectionalSec.whiteBG .pageImage{padding-left:12px;}
    .sectionalSec.yellowBG .pageInfo{padding-left:0;}
    .sectionalSec.whiteBG .pageInfo{padding-right:0;}
    .pageRecords h2{font-size:32px; line-height:32px; padding-bottom: 20px;}
    .pageImage .box::after{left:12px;}
    .sectionalSec.whiteBG .pageImage .box::after{left:-12px;}
    .sectionalSec.whiteBG .pageRecords .pageImage::before{display:none;}
    .findOut{padding-top:18px;}
    /* Main Page List end */

    /* sub Page List start */
    .subpageListBlock .content_1050{padding-left:24px; padding-right:24px;}
    .subpageListBlock .prioritiesList ul li h3, .partnerPromoBlock .prioritiesList ul li h3{ font-size: 25px; line-height: 29px;}
    .subpageListBlock .prioritiesList li a{ padding-top:20px; padding-bottom:24px;}
    .subpageListBlock .prioritiesList li .pageThumb{top:20px;}
    /* sub Page List end */

    /* page promotion start */
    .pagePromoBlock .content_866{ padding-left: 24px; padding-right: 24px;}
    .pageProHolder, .pageProHolder a{min-height:auto;}
    .pageProHolder{width:100%; margin-top:30%;}
    .pageProHolder .imageBlock{left:0; max-width:100%; width:80%; margin-top:-30%;}
    .pageProHolder a{padding:26px; padding-left:26px; padding-top:38%; padding-bottom: 34px;}
    .pageProHolder .placeTag{padding-bottom:14px; padding-right:24px;}
    .pageProHolder a .placeTag::before{top:auto; bottom:0;}
    /* page promotion end */

    /* partner promotion start */
    .partnerPromoBlock .content_1050{padding-left:24px; padding-right:24px;}
    .partnerPromoBlock h2{font-size:41px; line-height:48px; padding:0 0 30px 0;}
    .partnerPromoBlock::before{height:calc(100% - 86px);}
    /* partner promotion end */

    /* quoteBlock start */
    .quoteBlock{font-size:32px; line-height:32px;}
    .quoteBlock .content_1100{padding-left:24px; padding-right:24px;}
    .quoteBox::before{height: calc(100% - 56px);}
    /* quoteBlock end */

    /* image carousel Block start */
    .imageCarouselBlock .fullPageHolder{ padding-left: 12px;}
    .imageCarouselBlock .slick-arrow.slick-next {right:14px;}
    .imageCarouselBlock .slick-arrow.slick-prev {right:58px; left:auto;}
    /* image carousel Block end */

    /* Highlight Block start */
    .highlightSlideHolder .fullPageHolder{padding:0 24px;}
    .HLimage .slideCaption{font-size:13px; line-height:21px; padding-top:16px;}
    .highlightBlock h3{font-size:25px; line-height:29px; padding:0 0 14px 0;}
    .HLinfo{padding-top:35px; padding-bottom:20px;}
    .HLinfo .desc{font-size:14px; line-height:24px;}
    .highlightSlideHolder .slick-arrow{background-size:18px; bottom:-46px;}
    .highlightSlideHolder .slick-arrow.slick-next{right:-11px;}
    .highlightSlideHolder .slick-arrow.slick-prev{right:28px;}
    /* Highlight Block end */

    /* newsletter subscribe Block start */
    .subscribeHolder{
      padding:26px;
      padding-right:26px;
      padding-top:54px;
      padding-bottom: 120px;
      font-size:14px;
      line-height:24px;
    }
    .subscribeHolder h2{font-size:29px; line-height:33px; padding-bottom:10px;}
    .subscribeHolder .bottomImage{width:56%;}
    .subscribeHolder p{ padding-bottom: 36px;}
    /* newsletter subscribe Block end */

    /* flexible css end */

    .alm-paging.pagination, .pagination{padding:20px 0 0 0!important; margin:0!important;}

    .pageNotFound{ font-size: 18px; line-height: 24px;}
    .errorBox .iconHolder{ padding-bottom: 20px;}
    .errorBlock{ width: 140px;}
    .pageNotFound h3{ font-size: 42px; line-height: 46px; padding-bottom: 6px;}
    .thanksBlock{padding:36px 10px 24px 10px;}
    .thanksBlock h1{font-size:24px; line-height:30px;}
    .thanksBlock h2{font-size:20px; line-height:24px;}
    .thanksBlock p{font-size:14px; line-height:24px;}

    /* footer start here */
    body.page-template-template-sectional footer{ margin-top:70px;}
    body.yellowSecLast footer::after,
    body.blog footer::after,
    body.page-template-template-partner-list footer::after,
    body.page-template-template-people-list footer::after,
    body.post-template-default footer::after,
    body.single-our_work_partner_cpt footer::after{
      z-index:2;
    }
    body.yellowSecLast .footerDonteBox,
    body.blog .footerDonteBox,
    body.page-template-template-partner-list .footerDonteBox,
    body.page-template-template-people-list .footerDonteBox,
    body.post-template-default .footerDonteBox,
    body.single-our_work_partner_cpt .footerDonteBox{
      z-index:3;
    }
    body.yellowSecLast footer::before,
    body.blog footer::before,
    body.page-template-template-partner-list footer::before,
    body.page-template-template-people-list footer::before{
      width:100%;
      height: 70px;
      background-color:var(--yellowLightColor);
      content:'';
      position:absolute;
      left: 0;
      top:-70px;
    }

    /* body.single-our_work_partner_cpt footer::before, */
    body.post-template-default footer::before,
    footer.showDiscover > ::before{
      width:100%;
      height: 70px;
      background-color:var(--purpleLightColor);
      content:'';
      position:absolute;
      left: 0;
      top:-70px;
    }
    footer::after{
      width:100%;
      right:auto;
      height:30%;
      top:-19%;
      left:-36%;
      z-index:-1;
      background-image: url('../images/slider-right-image.png');
    }
    footer{ margin-top: 70px;}
    footer .col.socialLinksHolder{display: none;}
    .footerTop .footerLogoBox .logo{ max-width:40px;}
    .footerDonteBox h3{font-size:25px; line-height:28px; padding-bottom:16px;}
    .socialIcons.mobileView{display:block; padding-top:40px;}
    .footerLinks{width:70%;}
    .col.footerLinks{padding-right:0px;}
    .footerDonteBox{width:100%; margin-left:24px; padding:34px 24px 40px 24px; margin-top:-70px;}
    .footerDonteBox::before{display:none;}
    .footerBottom{padding-top:80px;}
    .termLinks, .termLinks ul li{width:100%;}
    .termLinks ul li{ padding: 0 0 16px 0;}

    .footerBottom > div{ padding-bottom: 16px!important;}
    .footerBottom > div:last-child{ padding-bottom: 0!important;}

    /* footer end here */

    ol > li::before{ font-size: 18px;}
    ol > li > ol > li::before{font-size: 22px;}

    /* content promotion block start */ 
    .contPromoSec{margin-top:160px;}
    .contPromoSec .box{max-width:260px; margin-top:-160px;}
    .contPromoSec .prInfo{padding:30px 26px;}
    .prInfo h2{font-size:34px; line-height:38px;}
    /* content promotion block end */ 

    /* accordion css start */
    .accordionBlock.content_866{padding-left:0; padding-right:0;}
    .accordionTtitle{padding-right:70px;}
    /* accordion css end */

    .deptTitle h2{font-size:34px; line-height:40px;}

    body.blog .postListBlock, body.page-template-template-partner-list .postListBlock{padding-top:20px;}
    body.single .bannerTop .grid, body.single .bannerTop{ min-height: auto;}
    body.single .newsDetailBanner .bannerBottom .postDesc ul.categoryLinks{padding-top:0;}
    .newsDetailBanner .bannerBottom .excerptsTxt{padding-bottom:16px;}

body.chrome.mac .btn{
  padding: 10px 16px;
  padding-top: 15px;
  min-width:70px;
}

/* accordion css start */
.accordionTtitle{font-size:25px; line-height:32px; padding-top:16px;}
.arrowSign{width:34px; height:34px; background-size:22px; top:12px;}
/* accordion css end */


  }

  @media screen and (min-width: 0px) and (max-width:360px){
    .cky-consent-container{max-width:calc(100% - 20px)!important;}
    .alm-filters--reset-button{padding:15px 18px!important;}
    .filterAction ul li{padding-left:10px; padding-right:10px;}
    .toggleFilter{padding-left:30px; font-size:14px;  line-height:22px;}
    .thanksBlock .sharePage .title{width:100%; padding:0 0 6px 0;}
  }