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

@media screen and (min-width: 0px) and (max-width:1850px) {
  .pinImage{
    /* max-width:28vw; */
    max-width: 350px;
  }
  /* page hero start here */
  /* .pageHeroBlock::before{clip-path: polygon(50% 80%, 100% 30%, 100% 100%, 0 100%, 0 30%); height:90%;} */
  .pageHeroBlock .bannerTitle{ bottom:24%;}
  /* page hero end here */
  .pageHeroBlock.noImageAdded .noLogo{max-width: 240px;}
  .pinWithTitle h1{font-size:4.854vw; line-height:5.4vw;}
}

@media screen and (min-width: 0px) and (max-width:1500px){
.footerHolder{padding-right:64px;}
.footerInfo{padding-left:64px; padding-right:40px;}
}


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

  /* .pageHeroBlock::before{clip-path: polygon(50% 80%, 100% 30%, 100% 100%, 0 100%, 0 30%);} */

  /* .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;}

  .footerDonteBox .imageBlock{margin-top: -90px;}
  .footerDonteBox::before{height: 90px; top:-92px;}

  .feedTitle{padding-right:0;}

  .pageHeroBlock .content_1050{max-width:60%;}
  .pageHeroBlock h1{font-size:7.208vw; line-height:7.8vw;}

  .iconTextLinkBlock h2, .downloadsBlock h2{ font-size: 32px; line-height: 40px;}
}

@media screen and (min-width: 0px) and (max-width:1440px){
  .homeSlider .slick-arrow.slick-prev{left: 64px;}
  .homeSlider .slick-arrow.slick-next{left:104px;}
  .partnerDetailBanner::before{width:calc(100% - 150px);}

  body.page-template-template-thank-you .thanksBlock{padding-right:0px;}

  .formInfo h2{padding:0 0 50px 0;}
  .peaceForm .gform_heading h2.gform_title{padding:12px 0 30px 0;}
}

@media screen and (min-width: 0px) and (max-width:1280px){
  .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;}

  .pageHeroBlock .content_1050{max-width:80%;}
  .pageHeroBlock h1{font-size:8.208vw; line-height:8.8vw;}

  /* 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 */

  .actionHead h2, .feedTitle h2{font-size:40px; line-height:48px; padding-bottom:12px; padding-top:8px; }
  .instaBlock .desc p{padding-bottom:20px;}

  .homeSlider h3 {font-size:40px; line-height:48px; padding: 0 20px}

  body.page-template-template-thank-you .thanksBlock{padding-right:0px;}

}

@media screen and (min-width: 0px) and (max-width:1200px){
  .formBlock .col{padding-left:40px; padding-right:40px;}
  .formInfo h2{font-size:46px;line-height:54px;}
  .peaceForm h3{font-size:20px; line-height:28px;}

  .formInfo ol li{font-size:22px; line-height:28px; padding: 12px 0 12px 78px; padding-right: 10px;}
  .formInfo ol ::before{font-size:48px; line-height:48px; top:10px}
  .formInfo .findOut{padding-left:78px;}

}

@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;}

  .footerDonteBox .imageBlock{margin-top:-56px;}
  .footerDonteBox::before{height:68px; top:-58px;}

  #page-wrap .lastSection{ padding-bottom:80px;}
  .actionItems.twocard .col{
    padding-left:calc(36px + 2%);
    padding-right:calc(36px + 2%);
  }

  .no-result{margin-top:40px;}

  /* truthBlock start here */
  .truthTitle h2{font-size:40px; line-height:48px;}
  .truthBlock ul li h3{font-size:28px; line-height:36px;}
  .truthBlock ul li{padding:14px 12px;}
  .truthTitle{padding:0 12px;}
  .truthBlock .desc{font-size:22px; line-height:32px;}
  /* truthBlock end here */

  .galleryHover .desc{-webkit-line-clamp:6; line-clamp:6;}
}

@media screen and (min-width: 0px) and (max-width:1023px){
  body.page-template-default #page-wrap,
  body.search-results #page-wrap{padding-top:30px;}
  body.error404 #page-wrap{padding-top:50px;}
  .TBspace{padding-top:70px; padding-bottom:70px;}

  /* sign up template start */
  body.page-template-template-signup #page-wrap, body.page-template-template-thank-you #page-wrap{padding-top:109px;}
  .formInfo h2{font-size:46px; line-height:54px; padding:0 0 24px 0;}
  .peaceForm .gform_heading h2.gform_title {padding:10px 0 14px 0;}

  .peaceForm .gfield--type-checkbox label{max-width:100%!important;}
  .formInfo ol li{font-size:22px; line-height:28px; padding:18px 0 18px 78px;}
  
  .flip-inner {
    width:60px;
    height:74px; 
    font-size:60px;
    line-height:64px;
  }
  
  .flip-inner .flip-front,
  .flip-inner .flip-back {
   font-size:60px;
    line-height:64px;
  }

  #form-submission-count{min-height:74px;}
  .loadCounter{padding:0 12px;}
  .loadCounter .count{font-size:60px; line-height:74px; letter-spacing:30px;}
  .countMain::before, .countMain::after, 
  .countParent::before, .countParent::after{width:60px; height:74px;}

  .countMain::after{left:66px;}
  .countParent::before{left:130px;}
  .countParent::after{left:195px;}
    /* sign up template end */

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

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

  .feedTitle .col{width:100%;}
  .feedName{padding-right:0;}
  .feedchanel{padding-left:0; text-align:left;}

  .feedchanel.desktop{display:none;}
  .feedchanel.responsive{display:block; padding-bottom:30px;}

  body.page-template-template-signup .gform_ajax_spinner{left:140px;}

  /* new forms page design start here */
  .formBlock .col{ width:100%; padding-left:0; padding-right:0;}
  .formBlock .col:first-child{padding-bottom:40px;}
  .peaceForm .gform_footer{padding-left:8px!important;}
  /* new forms page design end here */

  .peaceForm .gform_ajax_spinner{left:170px!important;}
}

@media screen and (min-width: 0px) and (max-width:1000px){
  .iconTextLinkBlock .col, .downloadsBlock .col{width:50%;}
  .iconTextLinkBlock .col{padding-left:20px; padding-right:20px;}
  .iconBox{max-width:120px;}

  .iconTextLinkBlock .grid, .downloadsBlock .grid{padding-top:0;}

  body.page-template-template-thank-you .thanksBlock{padding-right:0px;}
  body.page-template-template-thank-you h1{font-size:40px; line-height:48px;}
}

@media screen and (min-width: 0px) and (max-width:980px){
  .galleryHover .desc{-webkit-line-clamp:4; line-clamp:4;}
}

  /* devices portrait phone landscape start  */
  @media screen and (min-width: 0px) and (max-width: 896px) {
  @media all and (orientation: landscape) {

    .homeHeroWithPin{
      height: auto;
    }

    .content_866{padding: 0 24px;}
    .imageCaptionHoder{ right: 20px; bottom: 20px;}

    .formInfo ol{padding-right:10%;}
    .formInfo ol li{ padding-top: 10px; padding-bottom: 10px;}
    /* 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{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%;}
    .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;}
    .homeBannerBlock .imageBox{height:auto;}
    .homeBannerBlock .imageBox .box::before{padding-top:78%;}
    .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-bottom: var(--greyColor) solid 1px;
      border-right:0px;
      padding:24px 0;
    }
    .whatsNewBlock .sectionTitle h2{font-size:28px; line-height:34px;}
    .whatsNewBlock .col:first-child{padding-top:0;}
    .whatsNewBlock .col:last-child{padding-bottom:0; border-bottom:0;}
    .whatsNewBlock .col.socialHolder{width:100%;}

    .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{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:75%;}
    .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:75%;}
    .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);
    }

    .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;}
    /* 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, .galleryBlock .content_866 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:120px;}
    .highlightSlideHolder .slick-arrow.slick-next{right:0;}
    .highlightSlideHolder .slick-arrow.slick-prev{right:44px;}
    /* Highlight Block end */

    .pagePromoBlock .content_866{ padding: 0 45px}

    /* Flexible css end */


    /* footer start here */
    .footerDonteBox .btn{ max-width:240px;}
    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; */
      margin-top:0;
    }
    .footerDonteBox{width:40%; padding-top:0; margin-top:0; z-index: 3; position:relative;}
    .footerHolder{ padding-right: 24px;}
    .footerDonteBox .content{padding:34px 24px 40px 24px!important;}

    /* .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%;}

    .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;}

    .actionBlock.sectionGradient, .instaBlock{
    background: rgb(0,0,0);
   background: -moz-linear-gradient(69deg, rgba(0,0,0,1) 24%, rgba(22,43,71,1) 63%, rgba(22,43,71,1) 81%, rgba(232,209,232,1) 97%, rgba(255,212,46,1) 100%);
   background: -webkit-linear-gradient(69deg, rgba(0,0,0,1) 24%, rgba(22,43,71,1) 63%, rgba(22,43,71,1) 81%, rgba(232,209,232,1) 97%, rgba(255,212,46,1) 100%);
   background: linear-gradient(69deg, rgba(0,0,0,1) 24%, rgba(22,43,71,1) 63%, rgba(22,43,71,1) 81%, rgba(232,209,232,1) 97%, rgba(255,212,46,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffd42e",GradientType=1);
  }
  .actionBlock .content_1440{padding-left:20px; padding-right:20px;}
  .actionItems .col{width:50%;}
  .actionItems.twocard .col{width:50%; padding-left:36px; padding-right:36px;}
  .actionHead{padding-left:34px; padding-right:34px;}
  .actionHead h2, .feedTitle h2{font-size:40px; line-height:48px;}
  .imageTitleBox h3{font-size:4.604vw; line-height:4.9vw;}

  .endActionBlock .desc, .endActionBlock .btnHolder{padding-top:40px;}
  .endActionBlock::before{clip-path:polygon(50% 22%, 100% 10%, 100% 0, 0 0, 0 10%);}
  .endActionBlock h2{font-size:9.208vw; line-height:10vw;}
  .endActionBlock .desc{font-size:4.6vw; line-height:5.2vw;}

  /* page hero start here */
  .pageHeroBlock::before{clip-path: polygon(50% 88%, 100% 36%, 100% 100%, 0 100%, 0 36%);}
  .pageHeroBlock .content_1050{max-width:60%;}
  .pageHeroBlock h1{font-size:7.208vw; line-height:7.8vw;}
  .pageHeroCaption{font-size:3.8vw; line-height:4.4vw;}
  .pageHeroCaption .cationText{margin: 0 auto;}
  /* page hero end here */

  /* pageIntroBlock start here */
  .pageIntroBlock .content_1050{padding-bottom:10px;}
  .pageIntroBlock{font-size:24px; line-height:32px;}
  /* pageIntroBlock end here */

  body.windows.webkit a.a2a_button_facebook span svg,
  body.linux.chrome a.a2a_button_facebook span svg{ margin-top: 0!important;}

  /* truthBlock start here */
  .truthTitle h2{font-size:32px; line-height:40px; padding-bottom:10px;}
  .truthBlock ul li{padding:14px 10px;}
  .truthTitle{padding:0px;}
  .truthBlock ul li h3{font-size:22px; line-height:29px;}
  .truthBlock .desc{font-size:18px; line-height:26px;}
  .truthBlock ul li .borderBox{padding-top:14px;}
  .truthBlock .desc{padding-top:12px; padding-right:10%;}
  /* truthBlock end here */

  .subpageListBlock.sectionGradient{
    background: rgb(0,0,0);
background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 15%, rgba(22,43,71,1) 60%, rgba(75,100,133,1) 80%, rgba(232,209,232,1) 96%, rgba(255,212,46,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 15%, rgba(22,43,71,1) 60%, rgba(75,100,133,1) 80%, rgba(232,209,232,1) 96%, rgba(255,212,46,1) 100%);
background: linear-gradient(45deg, rgba(0,0,0,1) 15%, rgba(22,43,71,1) 60%, rgba(75,100,133,1) 80%, rgba(232,209,232,1) 96%, rgba(255,212,46,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffd42e",GradientType=1);
  }
  }

  @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:70%;}
    .homeBannerBlock::before{height:calc(100% - 54px);}
    .homeBannerBlock h1{font-size:70px; line-height:70px;}
    .bannerImageVideo{width:64%;}
    .bannerText{width:36%;}
    .homeBannerBlock{height:50vh; min-height:auto;}
    .homeBannerInfoHolder .desc{width:48%; font-size:15px; line-height:26px;}
    /* 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:28px; line-height:34px; 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:60px; padding-bottom:40px;}
    .listBannerInfo .bannerTitle{padding-bottom:42px;}
    .listBannerInfo h1{font-size:70px; line-height:70px; padding-bottom:26px;}
    .listBannerInfo .desc{font-size:18px; line-height:28px;}
    .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;} */
    /* 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:42px;
    }
    /* news page start here */
    .detailBanner .detailImageTexture{bottom:-23%; width:56%; right:-8%;}
    .bannerTop, .bannerTop .grid{min-height:46vh;}
    .bannerTop .grid, .peopleTopBanner{padding-top:60px;}
    .newsDetailBanner h1, .partBannerTop h1, .peopleInfo h1{font-size:70px; line-height:70px;}
    .detailBanner .box::before{padding-top:92%;}
    .newsDetailBanner .bannerBottom .postDesc{font-size:18px; line-height:28px;}
    .newsDetailBanner::before, .peopleDetailBanner::before{top:60px; 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% - 100px);}
    .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:60px;}
    .partnerDetailBanner::before{top:60px; height:calc(100% - 100px);}
    .partnerBanImage .box::before{padding-top:110%;}
    .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:60px 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 */

    /* details page end here */

    /* about banner start here */
    .sectionalBanner{padding-bottom:60px; background-color: var(--yellowLightColor);}
    .sectionalBanner::before{ background-color:var(--whiteColor); top:0;height:290px;}
    body.page-template-template-donation .sectionalBanner{background-color: var(--whiteColor);}
    .bannerInfo{padding-top:120px; 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:98%;}
    .banerTitleDesc .desc{font-size:18px; line-height:28px;}
    .bannerImage::before{
      bottom:auto;
      top:60px;
      right:100px;
      height:calc(100% - 30px);
      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, .galleryBlock .content_866 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:22px; line-height:28px; 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{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;}
    /* 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-top:0;}
    .footerDonteBox .content{padding:40px;}

    .footerLinks{width:50%;}
    .footerQuickLinks, .footerContact{width:100%;}
    .footerTop .footerLogoBox .logo{max-width:64px;}
    .footerQuickLinks, .footerContact{padding-right:0;}
    .footerHolder{ padding-right: 45px;}
    .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 */

    /* new blocks start here */
    .pinImage{max-width:46vw;}
    .pinWithTitle h1{font-size:7.8vw; line-height:8.4vw; padding:6vw 0 0 0;}

    /* action block start */
    .actionHead{padding-right:20px; padding-left:20px;}
    .actionItems .col, .actionItems.twocard .col{width:50%; padding:34px 20px;}
    .actionHead h2, .feedTitle h2{font-size:40px; line-height:48px;}
    .imageTitleBox h3{font-size:4.878vw; line-height:5.6vw;}

    .actionBlock.sectionGradient, .instaBlock{
      background: rgb(0,0,0);
     background: -moz-linear-gradient(69deg, rgba(0,0,0,1) 24%, rgba(22,43,71,1) 63%, rgba(22,43,71,1) 81%, rgba(232,209,232,1) 97%, rgba(255,212,46,1) 100%);
     background: -webkit-linear-gradient(69deg, rgba(0,0,0,1) 24%, rgba(22,43,71,1) 63%, rgba(22,43,71,1) 81%, rgba(232,209,232,1) 97%, rgba(255,212,46,1) 100%);
     background: linear-gradient(69deg, rgba(0,0,0,1) 24%, rgba(22,43,71,1) 63%, rgba(22,43,71,1) 81%, rgba(232,209,232,1) 97%, rgba(255,212,46,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffd42e",GradientType=1);
    }
    /* action block end */

    /* end action start here */
    .endActionBlock::before{clip-path: polygon(50% 24%, 100% 4%, 100% 0, 0 0, 0 4%); top:-2%; height:80%;}
    .endActionBlock{min-height:auto; padding-top:22%;}
    .endActionBlock h2{font-size:8.889vw; line-height:10.5vw;}
    .endActionBlock .desc{font-size:3.111vw; line-height:4vw;}
    .endActionBlock .content_1050{max-width:76%; padding-top:100px; padding-bottom:80px;}
    .endActionBlock .desc, .endActionBlock .btnHolder{ padding-top: 40px;}
    /* end action end here */

    /* page hero start here */
    .pageHeroBlock::before{clip-path: polygon(50% 88%, 100% 30%, 100% 100%, 0 100%, 0 30%);}
    .pageHeroBlock{ min-height:auto;}
    .pageHeroBlock .box{position: relative;}
    .pageHeroBlock .box::before{padding-top:80%;}

    .pageHeroBlock .content_1050{max-width:70%;}
    .pageHeroBlock h1{font-size:10vw; line-height:10vw;}
    .pageHeroCaption{font-size:4vw; line-height:5.5vw;}
    /* page hero end here */

    /* pageIntroBlock start here */
    .pageIntroBlock{font-size:28px; line-height:36px;}
    /* pageIntroBlock end here */

    .discoverSlider h3{font-size:24px; line-height:32px;}
    .discoverSliderBlock h2{ font-size: 46px; line-height: 50px;}
    /* new blocks end here */

    .pageHeroBlock.noImageAdded .noLogo{max-width: 22vw;}
    }
  }
  /* devices portrait phone landscape end  */

  /* ipad landscape start here */
  @media all and (device-width:768px) and (device-height:1024px) and (orientation: landscape){
    .gallerylink{display:block; right: 20px;}
    .galleryBlock .imageBox .box:hover .galleryHover{opacity:0; visibility:hidden;}
    .galleryBlock .imageBox{ padding-right: 0;}

    .pageRecords h2{ font-size:40px; line-height:48px; }

    .galleryBlock .galleryList.fourCol .imageBox .gallerylink{bottom:24px;}
    .galleryBlock .galleryList.threeCol .imageBox .gallerylink{right:28px;
      bottom:28px;}
      body.page-template-template-thank-you .thanksBlock{padding-right:0px;}
  }
@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) {

  .pageHeroBlock.noImageAdded .noLogo{max-width:18vw;}
  .headerHolder, .footerInfo, .fullPageHolder, .content_1440 {padding: 0 45px;}
  body.page-template-template-thank-you .thanksBlock{padding-right:0px;}
  /* home page start here */
  .homeBannerBlock{height:70vh;}
  .homeBannerBlock::before{height:calc(100% - 60px);}
  .homeBannerBlock h1{font-size:70px; line-height:70px; padding-bottom:14px;}
  .bannerText{width:34%;}
  .bannerImageVideo{width:66%;}
  .homeBannerInfoHolder{width:54%; left: 45px;}
  .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:34px; line-height:38px; 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:60px;}
  .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:60px; width:calc(100% - 120px); height:calc(100% - 100px);}
  .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:60px;}
  .partnerDetailBanner::before{top:60px; width:calc(100% - 120px); height:calc(100% - 100px);}
  .partnerBanInfo > div{padding-bottom:0px;}
  .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;}
  .bannerImage{ padding-left: 40px;}
  .bannerImage::before{width: calc(100% + 40px);}
  .banerTitleDesc .desc{ font-size: 18px; line-height: 30px;}

  /* details page end here */

  /* 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:22px; line-height:30px; 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-top: 0;}
  .footerDonteBox .content{padding: 45px;}

  .footerBottom > div{width:100%; padding-bottom:8px;}
  .footerBottom > div:last-child{padding-bottom:0;}
  /* footer end here */

  /* end action start here */
  .endActionBlock::before{clip-path: polygon(50% 24%, 100% 4%, 100% 0, 0 0, 0 4%); top:-2%; height: 80%;}
  .endActionBlock{min-height:auto; padding-top:20%;}
  .endActionBlock h2{font-size:8.889vw; line-height:10.5vw;}
  .endActionBlock .desc{font-size:3.111vw; line-height:4vw;}
  .endActionBlock .content_1050{max-width:76%; padding-top:80px; padding-bottom:80px;}
  .endActionBlock .desc, .endActionBlock .btnHolder{ padding-top: 40px;}
  /* end action end here */

  /* page hero start here */
  .pageHeroBlock::before{clip-path:polygon(50% 88%, 100% 16%, 100% 100%, 0 100%, 0 16%);}
  .pageHeroBlock h1{font-size:8.208vw; line-height:9vw;}
  .pageHeroCaption{font-size:3.5vw; line-height:4.4vw;}
  /* page hero end here */

  .gallerylink{display:block; right: 20px;}
  .galleryBlock .imageBox .box:hover .galleryHover{opacity:0; visibility:hidden;}
  .galleryBlock .imageBox{ padding-right: 0;}

  .pageRecords h2{ font-size:40px; line-height:48px; }

  .galleryBlock .galleryList.fourCol .imageBox .gallerylink{bottom:24px;}
  .galleryBlock .galleryList.threeCol .imageBox .gallerylink{right:28px;
    bottom:28px;}
  }
  /* ipad landscape end here */

  /* ipad pro 12inch start */
  @media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
    .pageHeroBlock.noImageAdded .noLogo{max-width:20vw;}
    /* home page start here */
    /* home banner */
    .homeBannerInfoHolder{left:45px; width:70%;}
    .homeBannerBlock::before{height:calc(100% - 54px);}
    .homeBannerBlock h1{font-size:80px; line-height:80px;}
    .bannerImageVideo{width:64%;}
    .bannerText{width:36%;}
    .homeBannerBlock{height:50vh;}
    .homeBannerInfoHolder .desc{width:48%; font-size:15px; line-height:24px;}
    /* 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:36px; line-height:40px; 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:60px; padding-bottom:40px;}
    .listBannerInfo .bannerTitle{padding-bottom:42px;}
    .listBannerInfo h1{font-size:70px; line-height:70px; padding-bottom:26px;}
    .listBannerInfo .desc{font-size:18px; line-height:28px;}
    .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;}
    /* 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:42px;
    }
    /* news page start here */
    .detailBanner .detailImageTexture{bottom:-23%; width:56%; right:-8%;}
    .bannerTop, .bannerTop .grid{min-height:46vh;}
    .bannerTop .grid, .peopleTopBanner{padding-top:60px;}
    .newsDetailBanner h1, .partBannerTop h1, .peopleInfo h1{font-size:70px; line-height:70px;}
    .detailBanner .box::before{padding-top:92%;}
    .newsDetailBanner .bannerBottom .postDesc{font-size:18px; line-height:28px;}
    .newsDetailBanner::before{top:60px; 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:60px;}
    .partnerDetailBanner::before{top:60px; height:calc(100% - 100px);}
    .partnerBanImage .box::before{padding-top:110%;}
    .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:60px 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 */

    /* details page end here */

    /* about banner start here */
    .sectionalBanner{padding-bottom:60px; background-color: var(--yellowLightColor);}
    .sectionalBanner::before{ background-color:var(--whiteColor); top:0;height:290px;}
    body.page-template-template-donation .sectionalBanner{background-color: var(--whiteColor);}
    .bannerInfo{padding-top:120px; 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:98%;}
    .banerTitleDesc .desc{font-size:18px; line-height:28px;}
    .bannerImage::before{
      bottom:auto;
      top:60px;
      right:100px;
      height:calc(100% - 30px);
      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, .galleryBlock .content_866 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:26px; line-height:32px; 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;}
    /* Highlight Block end */

    /* flexible css end here */


    /* footer start here */
    footer::after{ width: 80%;}
    .footerInfo{width:60%;}
    .footerDonteBox{width:40%; padding-top:0;}
    .footerDonteBox .content{padding:40px;}

    .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;}

   /* new blocks start here */
   .pinImage{max-width:46vw;}
   .pinWithTitle h1{font-size:7.8vw; line-height:8.4vw; padding:6vw 0 0 0;}

   /* end action start here */
   .endActionBlock::before{clip-path: polygon(50% 24%, 100% 4%, 100% 0, 0 0, 0 4%); top:-2%;}
   .endActionBlock{min-height:auto; padding-top:20%;}
   .endActionBlock h2{font-size:8.889vw; line-height:10.5vw;}
   .endActionBlock .desc{font-size:3.111vw; line-height:4vw;}
   .endActionBlock .content_1050{max-width:76%; padding-top:140px; padding-bottom:80px;}
   .endActionBlock .desc, .endActionBlock .btnHolder{ padding-top: 40px;}
   /* end action end here */

   /* page hero start here */
   .pageHeroBlock{ min-height:auto;}
   .pageHeroBlock .box{position: relative;}
   .pageHeroBlock .box::before{padding-top:80%;}

   .pageHeroBlock .content_1050{max-width:70%;}
   .pageHeroBlock h1{font-size:10vw; line-height:10vw;}
   .pageHeroCaption{font-size:4vw; line-height:5.5vw;}
   /* page hero end here */

   /* new blocks end here */
   .gallerylink{display:block; right: 20px;}
   .galleryBlock .imageBox .box:hover .galleryHover{opacity:0; visibility:hidden;}
   .galleryBlock .imageBox{ padding-right: 0;}

  }
  /* 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;}

    .gallerylink{display:block; right: 20px;}
    .galleryBlock .imageBox .box:hover .galleryHover{opacity:0; visibility:hidden;}
    .galleryBlock .imageBox,
    .galleryBlock .galleryList.threeCol .col .imageBox{padding-right:0;}
    .galleryBlock .galleryList.fourCol .col .imageBox{ padding:18px; padding-right: 0px!important;}

    .galleryBlock .galleryList.threeCol .col,
    .galleryBlock .galleryList.fourCol .col{
      width:50%;
      padding:18px 14px;
    }


}


  @media screen and (min-width: 0px) and (max-width:767px){
    /* content page start here */
    .content_866{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%;}
   .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%;}

   .homeBannerBlock h1{padding-bottom:22px;}
   .homeBannerBlock .grid{padding-bottom:50px;}
   .homeBannerBlock .imageBox{height:auto;}
   .homeBannerBlock .imageBox .box::before{padding-top:78%;}
   .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-bottom: var(--greyColor) solid 1px;
     border-right:0px;
     padding:24px 0;
   }
   .whatsNewBlock .sectionTitle h2{font-size:28px; line-height:34px; padding-bottom:20px;}
   .whatsNewBlock .col:first-child{padding-top:0;}
   .whatsNewBlock .col:last-child{padding-bottom:0; border-bottom:0;}
   .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{width:100%; padding-left:24px; padding-right:24px;}
   .col.listBannerImage{margin-top:-30%;}
   .col.listBannerInfo{
    padding-top:110px;
    padding-right:24px;
    padding-bottom:calc(28% + 80px);
    background-color: var(--orangeColor);
  }
  .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;}


   /* 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;}
   .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: 75%;}
   .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;}
   /* people pages end here */

   /* partner details start here */
   .partnerDetailBanner{ padding-bottom: 20px;}
   .partnerBanImage .detailImageTexture{display:block;}
   .partnerBanImage .box::before {padding-top:75%;}
   .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{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);}
   .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;}
   /* 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;}
   .contentBlock.TBspace{padding-bottom:30px;}
   /* Main Page List end */

   /* sub Page List start */
   .subpageListBlock h2{font-size:36px; line-height:42px; padding-bottom:8px;}
   .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 */

   .galleryBlock .content_866{ padding-bottom: 20px;}

   /* flexible css end */

   body.page-template-default #page-wrap,
   body.search-results #page-wrap{padding-top:60px;}
   body.error404 #page-wrap{padding-top:80px;}

  /* footer css start */
  .footerHolder{ padding-right: 0;}
  #page-wrap .lastSection {padding-bottom:100px;}
  .footerDonteBox .imageBlock{
  -webkit-border-radius:8px;
  border-radius:8px;
  -moz-border-radius:8px;
  -khtml-border-radius:8px;
  }
  .footerDonteBox{
    -webkit-border-radius:12px;
    border-radius:12px;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    border:var(--whiteColor) solid 2px;
  }
  .footerInfo{ order: 2; width: 100%;}
  .footerDonteBox{ order: 1; width:90%; max-width:400px; margin-left:auto; margin-right:auto;}
  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}

  .feedName{padding-bottom:20px}

  .galleryBlock .col{width:100%;}

  .cky-modal{width:calc(100% - 20px)!important;}
  }
@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;}

  /* truthBlock start here */
  .truthTitle h2{font-size:32px; line-height:40px; padding-bottom:10px;}
  .truthBlock ul li{width:100%; padding:14px 0;}
  .truthTitle{padding:0px;}
  .truthBlock ul li h3{font-size:22px; line-height:29px;}
  .truthBlock .desc{font-size:18px; line-height:26px;}
  .truthBlock ul li .borderBox{padding-top:14px;}
  .truthBlock .desc{padding-top:12px; padding-right:10%;}
  /* truthBlock end here */

  .galleryBlock .galleryList.threeCol .col,
  .galleryBlock .galleryList.fourCol .col{width:100%;}
}

  @media screen and (min-width: 0px) and (max-width:576px){
    .cky-prefrence-btn-wrapper .cky-btn, .cky-btn.cky-btn-preferences{
      text-align: center!important;
    }
 .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:4px!important;}
 .cky-prefrence-btn-wrapper .cky-btn{
   margin:2px 6px!important;
   min-width:220px!important;
   max-width:220px!important;
   font-size:15px!important;
    line-height:24px!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){

    .pageHeroBlock.noImageAdded .noLogo{max-width:30vw;}

    body.page-template-template-thank-you h1, .formInfo h2{font-size:36px; line-height:44px; padding-bottom:10px;}
    body.page-template-template-signup #page-wrap, body.page-template-template-thank-you #page-wrap{
      padding-top:95px;
    }
    body.windows.webkit.page-template-template-thank-you .a2a_kit a.a2a_button_facebook span svg,
    body.page-template-template-thank-you .a2a_kit a.a2a_button_facebook span svg,
    body.linux.chrome.page-template-template-thank-you .a2a_kit a.a2a_button_facebook span svg{margin-top:4px!important;}
    .formInfo ol li{padding:14px 0 14px 68px; font-size:20px; line-height:26px;}
    .formInfo ol ::before{font-size:42px; line-height:42px;}
    .formInfo .findOut{padding-left:68px; padding-top:10px;}

    .flip-inner {width:60px; height:72px; font-size:58px; line-height:60px;}
    .flip-inner .flip-front,
    .flip-inner .flip-back {font-size:58px; line-height:60px;}
    .peaceForm .bottomSpace{padding-bottom:8px;}

    /* common css start here */
    body{font-size:16px; line-height:30px;}
    .headerHolder, .footerInfo, .fullPageHolder, .content_1440{padding:0 24px;}
    .content_866{padding:0 24px;}
    .LargeText{font-size:22px; line-height:32px;}
    .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;}
    /* common css end here */
    .headerHolder{ align-items: flex-start;}
    .headerHolder .logo{max-width:46px;}

    /* 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:58px; padding-bottom:58px;}

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

    .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, .subpageListBlock .pageThumb{width:68px; height:68px; top:22px;}
    .prioritiesList h2{ font-size: 25px; line-height:32px; padding-bottom: 20px;}
    .prioritiesList ul li a,
    .subpageListBlock .prioritiesList ul li a{ padding: 14px 30px 16px 86px; 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{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:90px; 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;}
    /* 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:20px !important;}

    /* partner details start here */
    /* 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 */

    .loadCounter{padding:0 13px;}
    .countMain::before, .countMain::after, 
    .countParent::before, .countParent::after{width:60px; height:72px;}
    .countMain::after{left:65px;}
    .countParent::before{left:128px;}
    .countParent::after{left:193px;}
    .loadCounter .count{font-size:57.6px; line-height:73px; letter-spacing:30.7px;}

    /* 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, .galleryBlock .content_866 h2{font-size:32px; line-height:32px; padding-bottom: 20px;}
    .galleryBlock .content_866 .desc{ font-size: 18px; line-height: 26px;}
    .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:20px; line-height:24px;}
    .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:0;}
    .thanksBlock h1{font-size:24px; line-height:30px;}
    .thanksBlock h2{font-size:20px; line-height:24px;}
    .thanksBlock p{font-size:14px; line-height:24px;}

    .subpageListBlock.sectionGradient{
      background: rgb(0,0,0);
      background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 15%, rgba(22,43,71,1) 60%, rgba(75,100,133,1) 80%, rgba(232,209,232,1) 96%, rgba(255,212,46,1) 100%);
      background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 15%, rgba(22,43,71,1) 60%, rgba(75,100,133,1) 80%, rgba(232,209,232,1) 96%, rgba(255,212,46,1) 100%);
      background: linear-gradient(45deg, rgba(0,0,0,1) 15%, rgba(22,43,71,1) 60%, rgba(75,100,133,1) 80%, rgba(232,209,232,1) 96%, rgba(255,212,46,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffd42e",GradientType=1);
      }

    /* footer start here */
    footer{
     background: rgb(0,0,0);
     background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 19%, rgba(22,43,71,1) 53%, rgba(22,43,71,1) 67%, rgba(232,209,232,1) 87%, rgba(255,212,46,0.798739564185049) 100%);
     background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 19%, rgba(22,43,71,1) 53%, rgba(22,43,71,1) 67%, rgba(232,209,232,1) 87%, rgba(255,212,46,0.798739564185049) 100%);
     background: linear-gradient(0deg, rgba(0,0,0,1) 19%, rgba(22,43,71,1) 53%, rgba(22,43,71,1) 67%, rgba(232,209,232,1) 87%, rgba(255,212,46,0.798739564185049) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffd42e",GradientType=1);
    }
    .footerDonteBox .imageBlock{
    margin-top:0;
    -webkit-border-radius:8px;
    border-radius:8px;
    -moz-border-radius:8px;
    -khtml-border-radius:8px;
    }
    .footerDonteBox{
      -webkit-border-radius:12px;
      border-radius:12px;
      -moz-border-radius:12px;
      -khtml-border-radius:12px;
      border:var(--whiteColor) solid 2px;
    }
    body.page-template-template-sectional footer{
      margin-top:0;
      /* 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:0;
      /* 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:74%;}
    .col.footerLinks, .footerLinks .col{padding-right:0px;}
    .footerDonteBox{width:calc(100% - 44px); margin-left:auto; margin-top:-70px;}
    .footerDonteBox .content{padding:34px 24px 40px 24px;}

    /* .footerDonteBox::before{display:none;} */
    .footerDonteBox::before{height:73px; top:-2px;}
    .footerBottom{padding-top:80px;}
    .termLinks, .termLinks ul li{width:100%;}
    .termLinks ul li{ padding: 0 0 16px 0;}

    .footerQuickLinks ul li.updateLink a{
      font-size:15px;
      line-height:26px;
      padding:8px 18px 10px 48px;}

    .footerBottom > div{ padding-bottom: 16px!important;}
    .footerBottom > div:last-child{ padding-bottom: 0!important;}
    .socialIcons li a{ width: 20px; height: 20px; margin: 0 auto;}
    /* footer end here */

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

    /* new blocks start here */
    input[type="submit"], input[type="button"], input[type="reset"], button, .btn{
      font-size:16px; line-height:24px;
      padding:9px 15px;
      padding-top:9px;
    }
    .pinImage{max-width:70%;}
    .pinWithTitle h1{font-size:7.8vw; line-height:8.4vw; padding:40px 20px 0 20px;}
    .homeHeroWithPin{height:auto;}
    .homeHeroWithPin.TBspace{padding-top:80px; padding-bottom:80px;}

    .homeHeroWithPin.sectionGradient{
      background: rgb(0,0,0);
     background: -moz-linear-gradient(14deg, rgba(0,0,0,1) 0%, rgba(22,43,71,1) 28%, rgba(232,209,232,1) 58%, rgba(255,212,46,1) 91%);
     background: -webkit-linear-gradient(14deg, rgba(0,0,0,1) 0%, rgba(22,43,71,1) 28%, rgba(232,209,232,1) 58%, rgba(255,212,46,1) 91%);
     background: linear-gradient(14deg, rgba(0,0,0,1) 0%, rgba(22,43,71,1) 28%, rgba(232,209,232,1) 58%, rgba(255,212,46,1) 91%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffd42e",GradientType=1);
    }

    /* action block start */
    .actionHead{padding-right:0; padding-left:0; font-size: 18px; line-height: 26px;}
    .actionItems .col, .actionItems.twocard .col{width:100%; padding:34px 30px;}
    .imageTitleBox h3{font-size:8vw; line-height:8.9vw;}
    .actionHead h2, .feedTitle h2 {font-size:28px; line-height:36px;}
    /* action block end */

    /* end action start here */
    .endActionBlock::before {clip-path:polygon(50% 18%, 100% 4%, 100% 0, 0 0, 0 4%); height: 50%}
    .endActionBlock h2{font-size:40px; line-height:48px;}
    .endActionBlock .desc{font-size:22px; line-height:30px;}
    .endActionBlock .content_1050{max-width:96%; padding-top:60px; padding-bottom:60px;}
    .endActionBlock .desc, .endActionBlock .btnHolder{padding-top:30px;}
    /* end action end here */

    /* page hero start here */
    .pageHeroBlock::before{clip-path: polygon(50% 88%, 100% 40%, 100% 100%, 0 100%, 0 40%);}
    .pageHeroBlock .box::before{padding-top:100%;}
    .pageHeroBlock .content_1050{max-width:90%;}
    .pageHeroCaption .cationText{max-width:100%;}
    .pageHeroBlock h1{font-size:40px; line-height:48px; letter-spacing:-1.6px;}
    .pageHeroCaption{font-size:25px; line-height:34px;}
    /* page hero end here */

    /* pageIntroBlock start here */
    .pageIntroBlock .content_1050{padding-left:20px; padding-right:20px; padding-bottom:20px;}
    .pageIntroBlock{font-size:22px; line-height:30px;}
    .scrollArrow{width:50px;}
    /* pageIntroBlock end here */

    .actionHead h2, .feedTitle h2{font-size:32px!important;
    line-height: 40px!important;}

    body.windows.webkit a.a2a_button_facebook span svg,
    body.linux.chrome a.a2a_button_facebook span svg{ margin-top: 0!important;}
    /* new blocks end here */

    .iconTextLinkBlock .col, .downloadsBlock .col{ width: 100%;}
    .iconTextLinkBlock .desc{ padding-top: 8px; max-width: 80%; margin: 0 auto;}
    .iconTextLinkBlock .col{ padding-left:10px; padding-right:10px; padding-top: 20px; padding-bottom:20px;}
    .iconTextLinkBlock .col:last-child{ padding-bottom: 0px;}
    .iconTextLinkBlock .btnHolder{ position:relative; padding-top: 20px; padding-bottom: 10px; bottom: 0}

    .iconTextLinkBlock h2, .downloadsBlock h2{ font-size:28px; line-height:36px;}
  }

  @media screen and (min-width: 0px) and (max-width:400px){
    .alm-filters--reset-button{padding:15px 10px!important;}
    .alm-filters--reset-button::after{margin-left:2px;}

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

    body.page-template-template-thank-you .a2a_kit a > .a2a_svg{
      -webkit-box-shadow:-4px 4px 0px 0px var(--orangeColor)!important;
      box-shadow:-4px 4px 0px 0px var(--orangeColor)!important;
    }
  }

  @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; */
      font-size:14px!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;}
    .actionItems .col{width:100%; padding:30px 10px;}
  }