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

@media screen and (min-width: 0px) and (max-width:1650px){
  .panelAddress::before{max-width: calc(100% - 40px);}
  .panelCircleImages.borderBottom::before, .socialPanel.borderBottom::before,
  .panelIntro.borderBottom::before, .videoslideHolder::before, .slidePanel::before, .panelMap::before, .homeFeaturedPanel::before, .resourceSec::before, .homeVideoPanel::before{max-width: calc(100% - 40px);}
  .ListBlock::before{max-width: calc(100% - 20px);}

  .homeFeaturedPanel::before{max-width: calc(100% - 120px)!important;}

  /* layout_tricolor_boxes start */
  .tricolorPanel .titleBox{ padding: 20px 90px;}
  /* layout_tricolor_boxes end */
  /* .cartoonImage a, .cartoonImage img{ max-width:270px;} */
  /* news post list start here */

  .centerImage .imgHolder img, .listImage .imgHolder img{
    /* width: 100%; height: 100%; */
    max-width: 100%;
  }
  /* news post list end here */
}

@media screen and (min-width: 0px) and (max-width:1600px){
  .tricolorPanel .info, .tricolorPanel .titleBox{ padding-left: 20px; padding-right: 20px;}
}

@media screen and (min-width: 0px) and (max-width:1530px){
  ul.issuesForm li{ padding: 0 6px 10px 6px;}
  ul.issuesForm label{ font-size: 14px; line-height: 20px;}

  ul.issuesForm li select, ul.issuesForm li input[type="text"]{ font-size: 15px!important; line-height: 24px!important;}
  ul.issuesForm li select{ background-size: 20px; background-position:right 6px center;}

  /* .cartoonImage a, .cartoonImage img{ max-width:260px;} */

  .signupForm .gform_wrapper .ginput_container_email{ padding-right:122px;}
  /*
  .signupForm .gform_wrapper .gform_footer{ position: relative; padding-top:12px!important;} */

  /* payment Panel start here */
  .formRow .grid .col:first-child{ width: 30%;}
  .formRow .grid .col:last-child{ width: 70%;}
  /* payment Panel end here */
}

@media screen and (min-width: 0px) and (max-width:1450px){
  /* layout_timeline start */
  .panelTimeline .grid .col{ width: 20%;}
  /* layout_timeline end */

  /* .cartoonImage a, .cartoonImage img{ max-width:200px;} */

  .gform_wrapper .gsection_title{ font-size: 22px; line-height: 26px;}
  ul.shortLinks li h4{ font-size:20px; line-height:26px;}
  .featuredBox h2, body.page-template-template-home .featuredPost .featuredBox h2{ font-size: 42px; line-height:50px;}
  .featuredBox .shortDesc{ font-size: 22px; line-height: 30px;}

  .signupForm .gform_wrapper .gform_footer .button {min-width: 100px; padding: 10px 18px;}

  .grayBg{ background-size:cover;}
  .listHolder.towColsec .postInfo, .latestNews .col .postInfo{ padding-left: 20px;}
  .listHolder.towColsec .postInfo .date, .latestNews .col .postInfo .date{ left: 20px;}

  .featuredPost .featuredBox.cartoonFeature .centerImage h2{ font-size: 26px; line-height: 34px;}

  /* press release start here */
  .towColsec.pressRelease .col:nth-child(2n+1) .postInfo{ padding-left: 0px;}
  .towColsec.pressRelease .col:nth-child(2n+1) .postInfo .date{ left: 0px;}
  /* press release end here */

  /* resources Panel start here */
  .resourcesPanel .imageBox{width:40%;}
  .resourcesPanel .postInfo{width:60%;}
  /* resources Panel start here */

  /* donation start here */
  .donateInfo .col:last-child{ padding-right:60px;}
  .donateBox{ padding: 20px;}
  /* donation end here */

  .panelTimeline .imageBox img{ max-width: 210px;}

  .borderHeadSec.col_48_30_22 .col:first-child{width:72%;}
  .borderHeadSec.col_48_30_22 .col:last-child{width:28%;}
}

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

  .cartoonPromo h3{font-size: 22px;line-height: 26px; width: 100%;}
  .cartoonTitle a{ top: 0px;}
  .cartoonImage{height: calc(100% - 72px);}
  .cartoonPromo .cartoonTitle{ min-height:40px;}
}

@media screen and (min-width: 0px) and (max-width:1350px){
  /* header start here */
  #page-wrap{ padding-top: 148px;}
  .logo img{ max-width: 360px!important; height: 52px;}
  .headerTop{ padding: 23px 0;}
  .headerBottom{ padding: 10px 0;}
  .headerButtons ul li a{ padding: 12px 20px;}
  .headerButtons ul li:nth-child(2) a{ padding-bottom: 10px;}

  .search-form-main{ padding: 0px; top: -9px;}
  .search-form-main input[type="submit"]{ top:9px;}
.headerButtons.Desktop{ top:-23px;}
  /* header end here */

  /* hero section start here */
  .panelHeroSec.large h1{ font-size:90px; line-height:98px;}
  /* hero section end here */

  /* layout_tricolor_boxes start */
  .tricolorPanel .titleBox{ padding: 20px 80px; font-size: 30px; line-height: 38px;}
  .tricolorPanel .info{ font-size: 22px; line-height: 30px;}
  /* layout_tricolor_boxes end */

  /* meetings section start here */
  .alphabetPanel .ListBlock .grid{ padding-right: 0px;}
  /* meetings section end here */

  /* resources Panel start here */
  .resourcesPanel .imageBox .centerImage img{ max-width:150px; max-height: 150px;}
  /* resources Panel start here */

  /* payment Panel start here */
  .formRow .grid .col:last-child{ padding-right: 0px;}
  /* payment Panel end here */
}

@media screen and (min-width: 0px) and (max-width:1320px){
  .followSec ul.sociaIcons li{ font-size:26px; line-height: 34px; margin-bottom: 4px;}
  .borderHeadSec .btn{ font-size: 16px; line-height: 24px;}
}
/* @media screen and (min-width: 0px) and (max-width:1280px){ */
@media screen and (min-width: 0px) and (max-width:1279px){
  /* temp new width changes start */
  .content_1680{ padding-left: 0px; padding-right: 0px;}
  .content_1640{ padding-left: 20px; padding-right: 20px;}
  .headerTop .content_1640, .headerBottom .content_1640{padding-right: 240px;}
  .headerButtons.Desktop{ right: 0px;}
  .content_1640.productList{ padding-left: 0px!important; padding-right: 0px!important;}
  .featuredPost::before{ left: 20px; right: 20px;}
  .panelAddress .content_1640{ padding-left: 0px; padding-right: 0px;}
  .panelAddress.borderTop::before, .panelIntro.borderBottom::before,
  .panelCircleImages.borderBottom::before, .socialPanel.borderBottom::before{width: calc(100% - 40px);}
  .paymentBox{ padding: 0 20px;}
  body.page-template-template-payments .shopTitle{ margin-bottom: 10px;}

  .alphabetPanel .content_1640{padding-left:10px; padding-right:10px;}

  .page-template-template-home .featuredPost::before{left:20px; right:20px; width:calc(100% - 40px);}
  .slidePanel::before, .panelMap::before, .homeFeaturedPanel::before, .resourceSec::before, .homeVideoPanel::before{width: calc(100% - 40px);}
  .panelQuicklinks .content_1360{ padding-left: 0px; padding-right: 0px;}
  .panelImageQuote .content_1360, .panelImageText .content_1360{ padding-left: 20px; padding-right: 20px;}
  .panelTimeline .content_1640{ padding-left: 0px; padding-right: 0px;}
  .tricolorPanel .content_1640, .panelCircleImages .content_1640, .panelSubscription .content_1640{ padding-left: 0px; padding-right: 0px;}

  .homeFeaturedPanel .grid > .col::after{ left: 10px;}
  .homeFeaturedPanel .grid .col:nth-child(3)::after{left:-10px;}
  /* temp new width changes end */

  .panelQuicklinks{ padding-top:20px; padding-bottom:20px;}
  .panelQuicklinks .grayBg{ display: none;}

  /* home page start here */
  .homenewsList .listHolder.towColsec .col::before{ left: 10px;}
  .homenewsList .listHolder.towColsec .col:nth-child(4n+4)::before{ right: 10px;}
  .homeFeaturedPanel::before{max-width: calc(100% - 40px)!important;}

  /* .homePromoBlock, .homePromoBlock .box{ height: auto;}
  .homePromoBlock .box::before{padding-top:100%;}
  .promoText{ position: relative;} */

  .homeThreeColNews, .homeLongreadPanel, .homeLongreadPanel .grid .col, .homeFeaturedPanel, .homeFeaturedPanel .col,
  .homeVideoPanel, .homeVideoPanel > .grid > .col, .adwrapper{ padding-left: 10px; padding-right: 10px;}
  .homeThreeColNews .col{padding-bottom:20px; padding-left:10px; padding-right: 10px;}
  .homeThreeColNews .col .imageBox{ width: 100%;}
  /* .homeThreeColNews .col:last-child{ padding-bottom: 0px;} */
  .homeThreeColNews .postInfo{padding-left:0px; width: 100%; padding-top: 20px;}
  .homeThreeColNews .postInfo .date{ left:0px;}
  .homeThreeColNews.commonSpace{ padding-bottom: 10px!important;}

  .homeThreeColNews .postHolder{ display:block;}
  .homeThreeColNews .postInfo, .homeThreeColNews .postHolder{ position: static;}
  .homeThreeColNews .col{ position: relative;}
  .homeThreeColNews .postInfo .date{ position: absolute; left:10px!important;}


  .homeLongreadPanel .col_33_67 > .col{ width:66.67%;}
  .homeLongreadPanel .col_33_67 > .col:last-child{ width:33.33%;}
  .longreadList .grid .col{ width: 100%; padding-bottom: 20px;}
  .longreadList .grid .col:last-child{ padding-bottom: 0px;}

  .longreadList .postInfo h3{
    /* max-height:54px;*/
    /* -webkit-line-clamp: 2;*/
     margin-bottom:4px;
     padding-bottom:0px;}
  .longreadList .postInfo p, .homeThreeColNews .postInfo p{max-height:50px;
    /* -webkit-line-clamp:2; */
  }
  .longreadList .postInfo p{ display: none;}

  .homeVideoPanel h3.videoMainTitle{ padding-left:10px; padding-right:10px;}
  .moreVideos .postInfo h3 a{ font-size: 16px; line-height: 22px;}
  .moreVideos .grid .col{ padding-left: 10px; padding-right: 10px;}
  .moreVideos .col:nth-child(2n+1){ padding-left: 0px;}
  .moreVideos .col:nth-child(2n+2){ padding-right: 0px;}
  .homeVideoPanel .grid > .col:first-child .vidTitle{ padding-top: 12px; font-size: 22px; line-height: 30px;}
  .moreVideos .postInfo h3{
    /* -webkit-line-clamp: 2;
    max-height: 44px; */
  }
  .moreVideos .btn{ font-size: 18px; line-height: 24px!important; margin-top: 10px;}

  .cartoonPromo h3{ font-size: 20px; line-height: 24px;}
  .cartoonPromo .col:last-child a{ font-size: 16px; line-height: 24px;}

  .promoText::after{ top:-18%;}


  /* home page end here */

  /* news post list start here */
  .featuredPost{ padding-left: 10px; padding-right: 10px;}
  .featuredPost .col{ padding-left: 10px; padding-right: 10px;}
  .featuredPost > .grid > .col:first-child{ width:70%;}
  .featuredPost > .grid > .col:last-child{ width:30%;}

  .featuredBox h2, body.page-template-template-home .featuredPost .featuredBox h2, .featuredPost .featuredBox .col h2{ font-size: 40px; line-height:42px;}
  .featuredBox .shortDesc{ font-size:22px; line-height: 30px;}
  ul.shortLinks li, .signupForm{ padding-bottom: 16px;}
  ul.shortLinks li h4{ font-size:22px; line-height: 26px;}
  ul.shortLinks .infoBox{ font-size: 14px; line-height: 22px;}

  .listHolder{ padding-left: 10px; padding-right: 10px;}
  .listHolder .col{ padding-left: 10px; padding-right:10px;}
  .listHolder .col .date{ left:10px;}
  .listHolder .col::after{ left: 10px;}
  .listHolder .col:nth-of-type(8n+5)::before{ left: 10px;}
  .listHolder .col:nth-of-type(8n+8)::before{ right: 10px;}
  .listHolder .col:nth-of-type(8n+4)::after,
  .listHolder .col:nth-of-type(8n+8)::after{right: 10px;}
  /* news post list end here */

  /* press release start here */
  .towColsec.pressRelease h3 {font-size:32px; line-height:40px;}
  /* press release end here */

  /* news post details page start here */
  .detailSec{ padding-left: 10px; padding-right: 10px;}
  .detailSec.col_20_50_30 > .col{ padding: 0 10px;}
  .postCategory{ font-size: 22px; line-height: 30px;}
  .detailSec h1{font-size:40px; line-height:48px;}
  .relatedPost h2{ font-size: 30px; line-height: 36px; padding-bottom: 14px;}
  .relatedPost .imageBox, .relatedPost .postInfo{ width: 100%;}
  .relatedPost .postInfo{ padding-left: 0px;}
  .relatedPost .postInfo .date{ left: 0px;}

  .latestVideoList .col:first-of-type .playIcon .fa-play{ font-size:34px; line-height: 34px;}
  /* news post details page end here */

  /* latest videos list start */
  .latestVideoList .col .postInfo{ padding:10px 0 0 0;}
  /* latest videos list end */

  /* meetings section start here */
  .ListBlock .grid .col{width:25%;}
  .currentPanel .col:first-child{width:40%;}
  .currentPanel .col:last-child{width:60%; padding-right:0px;}

  .borderHeadSec h1{ font-size: 44px; line-height:52px;}

  /* meetings section end here */

  /* resources Panel start here */
  .resourcesPanel .col{ width:50%;}
  .resourcesPanel .imageBox .centerImage{max-width:220px; max-height:220px; min-height: 220px;}
  .resourcesPanel .imageBox .centerImage img{ max-width:220px; max-height:220px;}
  /* resources Panel end here */

  /* donation start here */
  .donateInfo .col:last-child{ padding-right: 0px;}
  .detailDonate .col:last-child::before{ right: -100px;}
  /* donation end here */
}

@media screen and (min-width: 0px) and (max-width:1268px){
ul.issuesForm li:last-child label{ height: 24px;}

/* payment Panel start here */
.payImage{width:300px; height:300px;}
.payImage img{max-width:300px; max-height:300px;}
/* payment Panel end here */
}

@media screen and (min-width: 0px) and (max-width:1250px){
  .panelHeroSec.large{min-height:60vh;}

  /* layout_quick_link_cards start */
  .panelQuicklinks .col{ padding:10px;}
  .panelQuicklinks .content_1360{ padding-left: 10px; padding-right: 10px;}
  /* layout_quick_link_cards end */

  /* footer start here */
  .footerTop .col{ width: 33.33%;}
  .footerTop .col:first-child{ width: 100%; text-align: center; border-bottom:#fff solid 1px; padding-bottom: 20px; margin-bottom: 30px; padding-right: 0px;}
  .footerTop .col:nth-child(4n+2){ padding-left: 0px;}
  /* footer end here */
}

@media screen and (min-width: 0px) and (max-width:1220px){
/* layout_timeline start */
.panelTimeline .grid .col{ width: 25%;}
/* layout_timeline end */

.promoText::after{ top:-19.5%;}

/* .cartoonImage a, .cartoonImage img{ max-width:180px;} */
}

@media screen and (min-width: 0px) and (max-width:1150px){
  /* resources Panel start here */
  .resourcesPanel .imageBox .centerImage{max-width:200px; max-height:200px; min-height: 200px;}
  .resourcesPanel .imageBox .centerImage img{ max-width: 180px; max-height: 180px;}
  /* resources Panel end here */

  /* donation start here */
  .donateTitle{padding-right:40px; font-size:22px; line-height:30px;}
  .oneOff{padding-top:4px;}
  .donateTopSec{padding-bottom:12px;}
  .priceRange input[type="text"]{ font-size:26px!important; line-height:34px!important;}
  .priceRange .fa-pound-sign{ font-size:20px; line-height:28px; top:10px; left:6px;}
  .donateBtn{padding-left:20px; max-width:170px;}
  /* donation end here */

  /* home page start here */

  /* home page resize */
  body.page-template-template-home .featuredPost .col_75_25 > .col{width:50%;}
  body.page-template-template-home .featuredPost .col_75_25 > .col:last-child{width:50%;}
  /* home page resize */

  .homeFeature .col:last-child, .homeFeature .col:first-child{ width: 100%!important; padding-left: 0px; padding-right: 0px;}
  .homeFeature .col:last-child{ padding-top: 20px;}
  .homeFeature .col:first-child .box::before{ padding-top:75%!important;}

.homeVideoPanel h3.videoMainTitle{ font-size: 34px; line-height:42px;}
  /* home page end here */

}

@media screen and (min-width: 0px) and (max-width:1120px){
  /* layout_timeline start */
  .panelTimeline .grid .col{ width:33.33%;}
  /* layout_timeline end */

  /* news post details page start here */
  .detailSec > .col:first-child{ width: 100%; margin-bottom: 30px; display:none;}
  .detailSec > .col{width: 66.67%;}
  .detailSec > .col:last-child{ width: 33.33%;}
  .postAutorDetails{display: flex; align-items: center; flex-wrap: wrap; padding:10px 0px;}
  .issueNumber, .postDate, .authorName, .sharethis-inline-share-buttons, .postAutorDetails ul.sociaIcons{ padding: 4px 16px 4px 0!important;}
  .postAutorDetails ul.sociaIcons li, .followSec ul.sociaIcons li, .mobPostInfo ul.sociaIcons li{ font-size: 24px; line-height: 30px;}

  .postAutorDetails .sociaIcons{ max-width: 100%;}
  .detailSec h1{ padding-bottom: 8px;}
  .topics{ padding-bottom: 12px;}
  .mobPostInfo{ display: block;}

  .mobPostInfo.sharePost{ display: flex;}
  .mobPostInfo.sharePost .sociaIcons .st-custom-button[data-network="print"]{ margin-left: 24px;}
  /* news post details page end here */

  /* meetings section start here */
  .borderHeadSec{ display:block; padding-right:130px;}
  .borderHeadSec .btn{ position: absolute; right: 0px; top:10px;}
  .borderHeadSec .col, .borderHeadSec .col:first-child, .borderHeadSec .col:last-child{ width: 100%; padding:0 0 10px 0;}
  .borderHeadSec .col:last-child{ padding: 0px;}
  /* meetings section end here */

  .borderHeadSec.col_48_30_22 .col:first-child{width:100%;}
  .borderHeadSec.col_48_30_22 .col:last-child{width:100%;}
}

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

  /* layout_quick_link_cards start */
  .panelQuicklinks .col.large .cardTitle span{ font-size: 30px; line-height: 38px;}
  .cardTitle{ font-size: 22px; line-height: 30px;}
  /* layout_quick_link_cards end */

  /* layout_campaign_cards start */
  .panelCampaign .col{ padding-left:20px; padding-right: 20px; padding-bottom: 40px;}
  .panelCampaign .col a{ max-width: 300px; display:block; margin: 0 auto;}
  /* layout_campaign_cards end */

  /* layout_image_overlapped_text start */
  .panelImageOverlapText .textBox{ left: -40px;}
  /* layout_image_overlapped_text start */

  /* layout_subscription_plan start */
  .panelSubscription .col{ width: 50%;}
  /* layout_subscription_plan end */

  /* layout_tricolor_boxes start */
  .tricolorPanel .col{ width:50%;}
  /* layout_tricolor_boxes end */

  /* meetings section start here */
  .branchSlide li .col, .eventsCPT .alm-paging-content .col{ width: 50%; padding-top: 14px; padding-bottom: 14px;}
  .branchSlide li .col:last-child{ padding-left: 0px;}
  .branchSlide li .col:nth-child(3n+2){ padding-right: 0px;}
  /* meetings section end here */

  /* footer start here */
  .footerMid .copyRights, .footerMid .menuHolder{ width: 100%; max-width: 100%; text-align: center;}
  ul.MenuFour{ display: inline-block; margin: 0 auto; padding-top: 10px;}
  /* footer end here */
}

@media screen and (min-width: 0px) and (max-width:1067px){
  .cartoonImage{height: calc(100% - 74px);}
  .cartoonPromo .cartoonTitle{ min-height: 54px;}
}

@media screen and (min-width: 0px) and (max-width:1060px){
  .cartoonImage{height: calc(100% - 70px);}
  .cartoonPromo .cartoonTitle{ min-height: 50px;}
}

@media screen and (min-width: 0px) and (max-width:1058px){
  .cartoonImage{height: calc(100% - 94px);}
  .cartoonPromo .cartoonTitle{ min-height:60px;}
}

@media screen and (min-width: 0px) and (max-width:1050px){
  /* common css start here */
  h1{font-size:54px; line-height:62px;}
  h2{font-size:42px; line-height:50px;}
  h3{font-size:34px; line-height:42px;}
  h4{font-size:28px; line-height:36px;}
  h5{font-size:22px; line-height:30px;}
  h6{font-size:20px; line-height:28px;}
  /* common css end here */
  #page-wrap{ padding-top: 135px;}
  .logo img{ max-width: 300px!important; height:43px;}
  .headerButtons ul li a{ padding: 9px 20px;}
  .headerBottom{padding: 8px 0;}
  .headerButtons ul li:last-child a{ padding: 10px 20px;}

  .search-form-main{ top:-7px;}
  .search-form-main #searchform div input[type="text"]{ padding-top: 8px!important; padding-bottom: 8px!important;}

  /* home page start here */
  .homeFeaturedPanel .col{width: 33.33%;}
  /* .cartoonImage a, .cartoonImage img{ max-width:230px;} */

  .cartoonTitle .col{ width: 50%;}
  .homeFeaturedPanel .col{ width: 50%;}
  .homeFeaturedPanel .grid > .col::after{ display:none;}
  body.page-template-template-home .homeFeaturedPanel.commonSpace{ padding-bottom: 30px;}
  .homeFeaturedPanel::before{ display:block;}


  .cartoonImage {height: calc(100% - 46px);}
  .cartoonPromo .cartoonTitle{ min-height:40px;}
  .cartoonTitle a{ top:0px;}
  /* home page end here */

  /* hero section start here */
  .panelHeroSec.large h1{ font-size:80px; line-height:88px;}
  /* hero section end here */

  /* layout_circle_images_title_text start */
  .panelCircleImages .col.oneThird, .panelCircleImages .col.oneFourth{ width: 50%;}
  /* layout_circle_images_title_text end */

  /* news post list start here */
  .listHolder.towColsec .postInfo p, .latestNews .col .postInfo p{
    /* max-height:56px;
   -webkit-line-clamp:2; */
 }
  .mainTitle h1{ font-size: 44px; line-height: 52px;}
  .mainTitle .btn{ top:8px;}

  .featuredPost > .grid > .col:first-child{ width: 66.67%;}
  .featuredPost > .grid > .col:last-child{ width: 33.33%;}

  .featuredBox .col:first-child, .featuredBox .col:last-child{ width: 100%;}
  .featuredBox .col:first-child{ padding-left: 0px;}
  .featuredBox .col:last-child{ padding-right: 0px; padding-top: 20px;}
  .featuredBox .col:first-child .imageBox .box::before{ padding-top:75%;}
  ul.issuesForm li:last-child label{ height:auto;}



  .homenewsList .listHolder.towColsec .col:nth-of-type(4n+3)::before, .listHolder.towColsec .col:nth-of-type(4n+4)::before {
    background-color: #E0E6DB!important; display: block!important; visibility:visible; opacity: 1;
}
  /* payment Panel start here */
  .allProdForms .fpf-fields label{font-size:16px; line-height:24px;}
  body.page-template-template-payments h1{font-size:42px; line-height:50px;}
  .payFormBox h3{ font-size:30px; line-height: 36px;}
  /* payment Panel end here */

  .featuredBox.cartoonFeature .col:first-child, .featuredBox.cartoonFeature .col:last-child{ padding-left: 0px; padding-right: 0px;}

  /* donate form css start here */
  .donateAmount{ padding-bottom: 20px;}
  /* donate form css end here */

}

@media screen and (min-width: 0px) and (max-width:1025px){
.homeThreeColNews .postInfo p, .longreadList .postInfo p, .homeFeaturedPanel .col p, .homenewsList .listHolder.towColsec .postInfo p{ display: none;}
.homeThreeColNews .postInfo{ padding-bottom: 10px;}
}

@media screen and (min-width: 0px) and (max-width:1024px){
  /* common css start here */
  .TBspace{ padding-top: 40px; padding-bottom: 40px;}
  .commonSpace{ padding-top: 20px; padding-bottom: 20px;}
  /* common css end here */
  .panelHeroSec{ margin-bottom: 20px; margin-top: 20px;}

  /* layout_image_wt_text start */
  .panelImageText .col .imageInfo{ font-size:24px; line-height:32px;}
  /* layout_image_wt_text end */

  /* layout_image_wt_quote start */
  .panelImageQuote .col .quoteInfo{font-size:24px; line-height:32px;}
  /* layout_image_wt_quote end */

  /* meetingPromo start here */
  .mainTitle.TBspace{ padding-top: 0px; padding-bottom: 20px;}
  .currentPanel .col:last-child h3{font-size:30px; line-height:38px;}
  .currentPanel p{font-size:20px; line-height:28px;}
  /* meetingPromo end here */

  /* .cartoonImage{ height: 380px; max-height:380px;} */

  body.post-type-archive-product .shopTitle{ margin-bottom:40px;}
}

@media screen and (min-width: 0px) and (max-width:1023px){
.panelImageOverlapText .col{ width: 100%;}
.panelImageOverlapText .textBox{ left: 0px; margin-bottom: 40px;}
.whiteBG{ padding: 20px;  }

/* layout_tricolor_boxes start */
.tricolorPanel .info{ padding-left: 20px; padding-right: 20px;}
.tricolorPanel .titleBox{ font-size: 24px; line-height: 32px; padding: 10px 20px; }
/* layout_tricolor_boxes end */

/* swp video start here */
.videoPromoBlock .col{ width: 100%;}
.videoPromoBlock .col:first-child .box::before {padding-top:50%;}
.videoPromoBlock .col:last-child h2, .panelswpVideoPromo h2{font-size:34px; line-height:42px; padding-bottom: 18px;}

.videoList .titleBox h3{ padding-bottom: 24px;}

.panelswpVideoPromo .col{ width: 100%;}
.panelswpVideoPromo .col:first-child{ width: 100%; border: 0px;}
.panelswpVideoPromo .col:last-child .box::before {padding-top:50%;}
.panelswpVideoPromo .col:last-child::before{ width: 100%; height: 20%; border: 0px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 0);}
/* swp video end here */

/* press release start here */
.towColsec.pressRelease .col:nth-child(2n+1){ border-right: 0px; padding-right: 10px}
.towColsec.pressRelease .col:nth-child(2n+2){ padding-left: 10px;}
.towColsec.pressRelease .col:nth-child(2n+1) .postInfo{ padding-right: 0px;}
.towColsec.pressRelease .col:nth-child(2n+2) .postInfo{ padding-left: 0px;}
.towColsec.pressRelease .col:nth-child(2n+2) .date{ left: 0px;}
/* press release end here */

/* meetings section start here */
.ListBlock .grid .col{ width:33.33%;}
.alphabetPanel .ListBlock .col{ padding-top: 10px; padding-bottom: 10px;}
.alphabetPanel .ListBlock h5{ font-size: 18px; line-height: 26px;}

.meetingPromo .grid{ min-height: auto;}
.meetingPromo .col:first-child, .meetingPromo .col{ width: 100%; border: 0px;}
.meetingPromo .col:first-child{ padding:20px;}
.meetingPromo .col:last-child .box::before {padding-top: 50%;}

.meetingPromo .col:last-child::before{width:100%; height:20%; border:0px; -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); background-color:#fff;}
.meetingPromo .col h2{ color:#000;}
/* meetings section end here */

/* category list display start here */
.listHolder .col{ width:50%;}

.listHolder .col:nth-of-type(6n+4)::before, .listHolder .col:nth-of-type(6n+5)::before,
.listHolder .col:nth-of-type(6n+6)::before{ display:none!important;}

.listHolder .col:nth-of-type(4n+3)::before, .listHolder .col:nth-of-type(4n+4)::before{background-color:#EDEDED!important; display:block!important; content:''; width: 100%; height: calc(100% - 30px); position:absolute; z-index: -1; left: 0; top: 0;}

.listHolder .col:nth-of-type(4n+3)::before, .listHolder .col:nth-of-type(4n+3)::after, .listHolder .col:nth-child(4n+1)::after{ left:10px;}
.listHolder .col:nth-of-type(4n+4)::before, .listHolder .col:nth-of-type(4n+4)::after, .listHolder .col:nth-of-type(4n+2)::after{ left: auto; right: 10px;}

.listHolder.towColsec .col::before, .listHolder.bgcolorImage .col::before{ display:none!important; visibility: hidden!important; opacity: 0!important;}

/* .listHolder .col{ width: 33.33%;}
.listHolder.towColsec .col{ width: 50%;}
.listHolder.towColsec .col::before, .listHolder.bgcolorImage .col::before{ display:none!important; visibility: hidden!important; opacity: 0!important;}

.listHolder .col:nth-of-type(8n+5)::before,.listHolder .col:nth-of-type(8n+6)::before,
.listHolder .col:nth-of-type(8n+7)::before,.listHolder .col:nth-of-type(8n+8)::before{ display:none!important;}

.listHolder .col:nth-of-type(6n+1)::before, .listHolder .col:nth-of-type(6n+2)::before,
.listHolder .col:nth-of-type(6n+3)::before{ background-color:#fff;}

.listHolder .col:nth-of-type(6n+4)::before, .listHolder .col:nth-of-type(6n+5)::before,
.listHolder .col:nth-of-type(6n+6)::before{background-color:#EDEDED!important; display:block!important; content:''; width: 100%; height: calc(100% - 30px); position:absolute; z-index: -1; left: 0; top: 0;}

.listHolder .col:nth-of-type(6n+4)::before, .listHolder .col:nth-of-type(6n+4)::after{ left:10px;}
.listHolder .col:nth-of-type(6n+6)::before, .listHolder .col:nth-of-type(6n+3)::after, .listHolder .col:nth-of-type(6n+6)::after{ left: auto; right: 10px;} */

/* news post list end here */
/* category list display end here */

}

@media screen and (min-width: 0px) and (max-width:1000px){
  #page-wrap{ padding-top: 181px;}
  .headerButtons{ padding: 0;}
  .headerButtons ul{ position: static; max-width: 100%;
    display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
    -webkit-box-align: stretch;
  	-webkit-align-items: stretch;
  	-ms-flex-align: stretch;
  	align-items: stretch;}
  .headerButtons ul li{ width: 33.33%;}
  .headerButtons li.donate a, .headerButtons ul li:nth-child(2) a, .headerButtons ul li:last-child a{ padding: 10px 12px; height: 100%;}

  .headerTop .content_1640, .headerBottom .content_1640{ padding-right: 20px;}

  .signInMob{ display: block; visibility:visible; position: absolute; right: 36px;}
  .signIn{ display:none;}
  body.showMenu ul.signDropdownMob {opacity: 1; visibility: visible;pointer-events: auto; right:4px; left: auto;}
  ul.signDropdownMob{  top:38px;}
   ul.signDropdownMob::before{ right:34px; left: auto;}

   .headerButtons.Desktop{ display:none;}
   .headerButtons.Mobile{ display: block;}
   .headerTop .content_1640{ position: static;}

   .headerBottom{padding:0;}

   .shopSearchHolder{ position: absolute; left: 0px; right: 0px; width: 100%;}
   .search-form-main{ width: 100%; left: 0px; right: 0px;}
   /* .search-form-main{width:100%; top:135px!important; right: 0px; position: fixed;} */
   /* layout_two_col_editor start */
   .panelTwoColEditor .grid .col{ width: 100%;}
   .panelTwoColEditor .grid .col:first-child{ padding-right: 0px; padding-bottom: 30px;}
   .panelTwoColEditor .grid .col:last-child{ padding-left: 0px; padding-bottom:20px;}
   .panelTwoColEditor .grid .col:last-child .gform_wrapper{ float:none; margin: 0 auto;}
   .panelTwoColEditor .grid .col p:last-of-type{ padding-bottom: 0px;}
   /* layout_two_col_editor end */

   /* social_networks start */
   .socialPanel ul li{ padding: 0 12px;}
   .socialPanel ul li a{ font-size: 50px!important; line-height: 50px!important;}
   /* social_networks end */

   /* resources Panel start here */
   .resourcesPanel .imageBox .centerImage img{ max-width: 160px; max-height: 160px;}
   /* resources Panel start here */

   /* payment Panel start here */
   .formRow .grid .col:first-child{width:40%;}
   .formRow .grid .col:last-child{width:60%;}
   .payImage{width:340px; height:340px;}
   .payImage img{max-width:340px; max-height:340px;}

   .allProdForms .fpf-fields .fpf-number, .allProdForms .fpf-fields .fpf-text{ width: 33.33%; max-width: 200px;}
   .allProdForms .fpf-fields label{ font-size: 14px; line-height: 22px; padding-bottom: 6px;}
   /* payment Panel end here */

   /* donation start here */
   .donateInfo .col{width:100%; padding-bottom:20px;}
   .donateInfo .col:first-child{padding-right:0px;}
   .donateInfo .col:last-child{padding-left:0px;}
   .donateBox{ max-width: 550px; margin: 0 auto;}
   .detailDonate .col{ width: 100%!important;}

   .detailDonate .col{ text-align: center;}
   .detailDonate .col:first-child{ padding-bottom:20px;}

   .detailDonate .col:last-child::before{right:0px; bottom:-40px;}
   .detailDonate .col:first-child::before{left:0px; top: -40px;}
   .detailDonate.commonSpace{ padding-top: 40px; padding-bottom: 40px;}
   /* donation end here */
}

@media screen and (min-width: 0px) and (max-width:960px){
/* layout_quick_link_cards start */
.panelQuicklinks .col.large, .panelQuicklinks .col.medium, .panelQuicklinks .col.small{ width: 50%;}
.panelQuicklinks .col.medium .cardTitle{font-size:30px; line-height:38px;}
.panelQuicklinks .col.small a{padding: 20px 10px;}
/* layout_quick_link_cards start */

/* layout_addresses start */
.panelAddress .col{ width: 50%;}
/* layout_addresses end */
}

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

  /* common css start here */
  h1{font-size:48px; line-height:56px;}
  h2{font-size:38px; line-height:46px;}
  /* common css end here */

  .homePromoBanner .grid .col{ width: 100%; margin: 10px 0;}

  /* .homePromoBanner .homeLargePromoBanner a img,
  .homeSmallPromoBanner img{max-height:120px; width: auto; max-width: auto;} */

  /* home page start here */
  .promoText{ position:relative; padding-top: 20px;}
  .homePromoBlock{ position: static; display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap;}
  .homePromoBlock .box::before {padding-top: 0px;}
  .homePromoBlock .box{ width:40%}
  .promoText{width:60%;}
  .promoText::after{ top:0; left:auto; right: -10%; width:10%; height:100%;}

  .homeThreeColNews .col{
    /* width:50%; */
  }
  .homeThreeColNews .postInfo{ width: 100%!important; padding-left: 0px!important;}
  /* .homeThreeColNews .postInfo .date{ left: 0px!important;} */

  body.page-template-template-home .featuredPost{ padding-bottom:10px;}
  body.page-template-template-home .featuredPost::before{ display:none;}

  body.page-template-template-home .featuredPost .col_75_25 > .col{ width: 100%;}
  body.page-template-template-home .featuredPost .col_75_25 > .col:last-child{ width: 100%;}

  .homeThreeColNews .postInfo p{ display:none!important;}


  /* home page resize */
  .homeFeature .col:first-child .box::before, .featuredLongread .box::before{ padding-top: 50%!important;}
  .promoText{ padding-right: 0px;}

  /* home page resize */
  /* .promoText{ padding-right:50px;} */

  .homeThreeColNews .imageBox, .longreadList .imageBox, .listHolder.towColsec .imageBox, .latestNews .col .imageBox{ width: 40%;}
  .homeThreeColNews .postInfo, .longreadList .postInfo, .listHolder.towColsec .postInfo, .latestNews .col .postInfo{ width: 60%; padding-left:14px;}

  /* .homeThreeColNews .postInfo h3, .longreadList .postInfo h3, .listHolder.towColsec .postInfo h3, */
  .homeThreeColNews .postInfo h3, .longreadList .postInfo h3, .listHolder.towColsec .postInfo h3{font-size: 20px; line-height: 24px;}
   .latestNews .col .postInfo h3, .resourcesPanel .postInfo h3{
    /* max-height:54px;
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    overflow: hidden;  */
    margin-bottom: 4px; padding-bottom: 0px;
    font-size: 20px;
    line-height: 24px;
  }

  .homeThreeColNews .postInfo p, .longreadList .postInfo p, .listHolder.towColsec .postInfo p, .latestNews .col .postInfo p, .resourcesPanel .postInfo p{
    /* max-height: 50px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; */
    padding-bottom: 0px;
    margin-bottom: 8px;
  }

  .homeThreeColNews .postInfo .date{ left: 14px;}

  .homeLongreadPanel .col_33_67 > .col{ width:100%;}
  .homeLongreadPanel .col_33_67 > .col:last-child{ width:100%;}
  .featuredLongread{ padding-bottom: 30px;}
  .longreadList .col{ border-left: 0px;}
  .longreadList .grid .col{ width: 50%;}
  /* .cartoonImage a, .cartoonImage img{ max-width:280px;} */

  .homeVideoPanel > .grid > .col{ width: 100%;}
  .homeVideoPanel > .grid > .col:first-child{ padding-bottom:20px;}

  .homeFeaturedPanel.commonSpace{ padding-bottom: 20px!important;}
  .homenewsList.commonSpace{
    /* padding-top: 20px!important; */
     padding-bottom: 20px!important;}
  .homeFeaturedPanel .col{width:50%;}
  .longreadList .postInfo p{ display: none;}
  /* home page end here */

  /* hero section start here */
  .panelHeroSec.large{min-height:50vh;}
  .panelHeroSec.large h1{ font-size:70px; line-height:78px;}
  /* hero section end here */

  /* layout_circle_images_title_text start */
  .panelCircleImages h2{ padding-bottom:30px;}
  /* layout_circle_images_title_text end */

  /* layout_accordion start */
  .accordionTitle{ font-size: 22px; line-height: 30px; padding:18px 22px; padding-right: 45px;}
  .dropSign{ right: 12px;}
  .accordionDetails{ padding-right: 70px!important; padding: 24px 22px;}
  /* layout_accordion end */

  /* swp video start here */
  .videoPromoBlock .col:last-child{padding:24px 20px;}
  .panelswpVideoPromo .col:first-child{ padding:20px;}
  .videoslideHolder{ padding-bottom: 40px;}
  .videoslideHolder::before{ bottom: 20px;}
  .eventInfo{ font-size: 20px; line-height:28px;}
  /* swp video end here */

  /* news post list start here */

  .listHolder .col .imageBox,
  .listHolder .imageBox,
  .featuredBox .imageBox,
  .latestNews .col .imageBox,
  .relatedPost .imageBox,
  .postDetails figure,
  .homeThreeColNews .col .imageBox,
  .homeFeaturedPanel .col .imageBox,
  .homeLongreadPanel .col .imageBox{border-top: #D71920 solid 4px;}
  .listImage::before, .centerImage::before{ height: 4px;}

  .listHolder .col .imageBox .box,
  .listHolder .imageBox .box,
  .featuredBox .imageBox .box,
  .latestNews .col .imageBox .box,
  .relatedPost .imageBox .box,
  .postDetails figure img,
  .homeThreeColNews .col .imageBox .box,
  .homeFeaturedPanel .col .imageBox .box,
  .homeLongreadPanel .col .imageBox .box{ margin-top: -1px;}

  .mainTitle h1{ font-size:40px; line-height:48px;}
  .mainTitle .btn{ top:2px;}
  .categoryDesc{ padding-right: 20px;}

  .signupForm .gform_wrapper .ginput_container_email{ padding-right: 126px;}
  .signupForm .gform_wrapper .gform_footer{ position: absolute; right: 0; bottom: 0;}

  .featuredPost > .grid > .col:first-child, .featuredPost > .grid > .col:last-child{ width: 100%;}
  .featuredPost > .grid > .col:last-child{ padding-top:40px;}
  .featuredPost > .grid > .col:last-child .signupForm,
  .featuredPost > .grid > .col:last-child .shortLinks,
  .detailSec > .col:last-child .signupForm,
  .detailSec > .col:last-child .shortLinks, .detailTopBlock{ max-width: 500px; margin: 0 auto;}
  .featuredBox .col:last-child{ border-bottom:#A0A49C solid 1px; padding-bottom: 20px;}
  .featuredPost > .grid > .col:last-child{ padding-top: 20px;}
  .featuredPost > .grid > .col:last-child .signupForm{
    /* border-bottom:#A0A49C solid 1px; */
     margin-bottom: 20px;}

  .centerImage{ min-height: 450px; padding-top: 12px; padding-bottom: 12px;}
  .centerImage .imgHolder img{ max-height: 450px;}


  .relatedItemsHolder .signupForm{
    /* border-bottom:#A0A49C solid 1px;  */
    margin-bottom:20px!important;}

  .listHolder.towColsec .col{ padding-bottom: 30px;}
  .latestNews .col{ padding-top: 10px;}
  .relatedPost .postInfo .date{ bottom: 18px;}

  .featuredPost .featuredBox.cartoonFeature .centerImage h2{ padding-bottom: 0px;}
  /* news post list end here */

  /* latest videos list start */
  .relatedPost.latestVideoList .imageBox{ padding-bottom: 0px;}
  .latestVideoList .col:first-of-type .postInfo{ padding-top: 10px;}
  .latestVideoList .col .postInfo{ padding: 0 0 0 20px;}
  .latestVideoList .imageBox{ border-top: 0px;}
  /* latest videos list end */

  /* news post details page start here */
  .detailSec > .col, .detailSec > .col:last-child{ width: 100%;}
  .detailSec > .col:last-child{ padding-top: 20px;}

  .detailSec h1{ font-size:34px; line-height: 42px;}
  .relatedPost .imageBox{ width: 30%; padding-bottom: 20px;}
  .relatedPost .postInfo{ width: 70%; padding-left: 20px;}
  .relatedPost .postInfo .date{ left: 20px;}
  .relatedPost h2{ padding-bottom:20px;}
  .relatedPost .postInfo h3{ font-size: 25px; line-height:32px; padding-bottom: 10px;}
  .relatedPost .postInfo p{font-size: 18px; line-height: 26px;}
  .relatedPost > .col{ padding-bottom: 30px;}

  .subTitle h2{ font-size:30px; line-height: 36px; padding-bottom: 0px;}

  .relatedItemsHolder .detailMidBlock{ margin-top: 0px;}
  /* news post details page end here */

  /* press release start here */
  .towColsec.pressRelease .col{ padding-top: 0px; padding-bottom: 0px;}
  /* press release end here */

  /* meetings section start here */
  .mapDesc{ padding-right: 0px;}
  .panelMap .col:first-child, .panelMap .col:last-child{ width: 100%; padding: 0px;}
  .panelMap .col:first-child{ padding-bottom:30px;}
  .panelMap .col:last-child .findTitle,
  .panelMap .col:last-child .searchPostcode,
  .panelMap .col:last-child .branchSelect,
  .panelMap .col:last-child .branchSelect{ display:none;}
  .responsiveMap .responsiveSearch{ display:block;}

  .currentPanel .col:first-child, .currentPanel .col:last-child{ width: 100%; padding: 0px;}
  .currentPanel .col:first-child{ padding-bottom:30px;}
  ul.mapLinks{ max-height: 420px!important;}
  .responsiveSearch .findTitle{ padding-bottom: 8px;}
  .responsiveSearch .searchPostcode{ padding-bottom: 0px;}
  .responsiveMap .gm-control-active.gm-fullscreen-control{ display:none;}

  .meetingPromo .col h2{ font-size: 36px; line-height: 44px; padding-bottom: 12px;}
  .meetingPromo .col:first-child .eventInfo{ font-size: 22px; line-height:30px; padding-bottom: 8px;}
  .meetingPromo .col:first-child p{}

  .borderHeadSec h1{font-size:40px; line-height:48px;}
  /* meetings section end here */

  /* resources Panel start here */
  .resourcesPanel .imageBox .centerImage{max-width: 160px; max-height: 160px; min-height: 160px; padding-bottom: 0px;}
  .resourcesPanel .imageBox .centerImage img{ max-width: 140px; max-height: 140px;}

  /* resources Panel start here */

  /* payment Panel start here */
  .formRow .grid .col:first-child{ text-align:center; padding-bottom:30px!important;}
  .payImage{ margin: 0 auto;}
  .formRow .grid .col:first-child, .formRow .grid .col:last-child{width:100%; padding:0px;}
  /* payment Panel end here */

  /* donate form css start here */
  .donateAmount{padding-bottom:10px;}
  .formNote{padding-top:10px;}
  .subscriptionVal, .donationVal, .gfield_total .ginput_container, .gfield_total .ginput_container input{ text-align:right!important;}
  .gfield_total{ width: 100%;}
  /* donate form css end here */

  /* footer start here */
  .footerTop .col{ width: 50%;}
  .footerTop .col:last-child{padding-top: 30px;}
  .footerTop .col:nth-child(4n+3){ padding-right: 0px;}
  .footerTop .col:nth-child(4n+4){ padding-left: 0px;}
  /* footer end here */

  .showDesktop{display:none;}
  .showMobile{display:block!important;}
  .CenterPromoBanner .showMobile{ display: inline-block!important;}

  .payFormBox .pagination.bottomBorder{padding-bottom:20px; margin-bottom:30px;}
}

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

  .cartoonImage {height: calc(100% - 46px);}
  .cartoonPromo .cartoonTitle{ min-height:40px;}
}

@media screen and (min-width: 0px) and (max-width:850px){
/* layout_timeline start */
.panelTimeline .grid .col{ width:50%;}
/* layout_timeline end */
}
@media screen and (min-width: 768px){
  .ListBlock{ display:block!important;}
  .woocommerce-customer-details .woocommerce-column--billing-address{ margin-bottom:14px!important;}
}

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

  /* common css start here */
  h1{font-size:35px; line-height:32px;}
  h2{font-size:30px; line-height:38px;}
  h3{ font-size: 28px; line-height: 36px;}
  h4{ font-size: 26px; line-height:34px;}
  .largeText{ font-size:22px; line-height: 30px;}
  /* common css end here */

  /* home page start here */

  /* home page resize */
  /* .promoText .fa-arrow-right{ right: 20px;} */
  /* home page resize */
  .promoText .fa-arrow-right{ font-size:50px; line-height: 50px;
    right: 10px;
     margin-top: -25px;}
  /* .cartoonImage a, .cartoonImage img{ max-width:220px;} */
  .homenewsList .listHolder.towColsec .col:nth-child(4n+3)::before, .listHolder.towColsec .col:nth-child(4n+4)::before {
   visibility:hidden; opacity: 0;
}

.homenewsList .listHolder.towColsec .col:nth-child(4n+4), .homenewsList .listHolder.towColsec .col:nth-child(4n+2){ border-left: 0px;}

.homenewsList .listHolder{ padding-top: 0px;}

.homeThreeColNews .imageBox{ width: 40%!important;}
.homeThreeColNews .postInfo{ width: 60%!important; padding-left:14px!important; padding-top: 0px; position: relative;}
.homeThreeColNews .postInfo .date{ left: 14px!important;}
.homeThreeColNews .postHolder{ display:flex;}

.longreadList .postInfo p{ display: none!important;}

.homenewsList .listHolder.towColsec .col:nth-child(2) .postHolder{ padding-top: 20px;}
body.page-template-template-home .commonSpace{ padding-bottom: 30px!important;}
body.page-template-template-home .homenewsList.commonSpace{ padding-top:10px;}

body.page-template-template-home .homeThreeColNews.commonSpace{ padding-bottom: 20px!important;}
.homeThreeColNews .col:last-child{ padding-bottom: 0px;}
.longreadList .postInfo p{ display:block;}
.homeVideoPanel h3.videoMainTitle{font-size: 28px;
line-height: 36px;}

/* .cartoonImage{ height:280px; max-height:280px;} */
  /* home page end here */

  /* hero section start here */
  .panelHeroSec.large h1{ font-size:54px; line-height:62px;}
  /* hero section end here */

  /* layout_quick_link_cards start */
  .panelQuicklinks .col.medium .cardTitle{font-size:26px; line-height:34px;}
  /* layout_quick_link_cards start */

  /* layout_campaign_cards start */
  .panelCampaign .col{ width: 50%;}
  /* layout_campaign_cards start */

  /* layout_image_overlapped_text start */
  .panelImageOverlapText .textBox{margin-bottom: 30px;}
  /* layout_image_overlapped_text end */

  /* layout_image_wt_text start */
  .panelImageText .col{width:100%; padding-right:0px; padding-left:0px;}
  .panelImageText .col:first-child{padding-bottom:24px;}
  .panelImageText .col p:last-of-type{padding-bottom:0px;}
  .panelImageText .col .imageInfo{font-size:20px; line-height:30px;}
  /* layout_image_wt_text end */

  /* layout_image_wt_quote start */
  .panelImageQuote .col{ width: 100%; padding-left: 0px; padding-right: 0px;}
  .panelImageQuote .col:first-child{ padding-bottom: 24px;}
  .panelImageQuote .col .quoteInfo{font-size:20px; line-height:30px;}
  .author{font-size:20px; line-height:30px;}
  /* layout_image_wt_quote end */

  /* layout_subscription_plan start */
  .panelSubscription .col{ width: 100%;}
  .monthTitle{ font-size:24px; line-height: 32px;}
  .subscribeImage{ margin-top: -45px;}
  .panelSubscription .borderBox .info{ padding: 20px 40px 0 40px;}
  .panelSubscription .borderBox{ padding-bottom: 100px;}
  .panelSubscription .borderBox .btn{ bottom: 30px;}
  /* layout_subscription_plan end */

  /* layout_tricolor_boxes start */
  .tricolorPanel .col{ width:100%;}
  /* layout_tricolor_boxes end */

  /* layout_campaign_cards start */
  .campaignTitle{ font-size:20px; line-height: 28px;}
  /* layout_campaign_cards end */

  /* layout_tricolor_boxes start */
  .tricolorPanel .info{ font-size: 20px; line-height: 28px;}
  /* layout_tricolor_boxes end */

  /* swp video start here */
  .videoList .titleBox h3{ font-size: 25px; line-height: 32px; padding-bottom: 12px;}
  .videoPromoBlock .col:last-child h2, .panelswpVideoPromo h2{font-size:28px; line-height:36px; padding-bottom: 14px;}
  .vidInfo{ font-size: 16px; line-height: 24px;}
  /* swp video end here */

  /* news post list start here */
  .listHolder.towColsec .col, .latestNews .col, .homeThreeColNews .col, .longreadList .grid .col{ width: 100%;}

  .mainTitle h1{ font-size:35px; line-height:40px;}
  .mainTitle .btn{ top:2px; font-size: 16px; line-height: 20px; padding: 9px 15px; border-radius: 18px; min-width: 100px;}

  .featuredPost > .grid > .col:last-child .signupForm, .featuredPost > .grid > .col:last-child .shortLinks, .detailSec > .col:last-child .signupForm, .detailSec > .col:last-child .shortLinks, .detailTopBlock{
    max-width: 100%; width: 100%;
  }

  /* .mobPostInfo .postDate{ width: 100%; display: block;} */
  .mobPostInfo.sharePost .authorName, .mobPostInfo.sharePost{ width: 100%; display: block;}
  .mobPostInfo.sharePost .sociaIcons{ margin-left: 0px; margin-top:8px;}

  .mobPostInfo.sharePost .sociaIcons .st-custom-button[data-network="print"]{ display:none;}
  .mobPostInfo.sharePost .sociaIcons .getPDF{ margin-left: 4px;}
  .issueNumber, .postDate{ font-size: 13px; line-height: 20px; color: #525252;}
/* news post list end here */

  /* meetings section start here */
  .ListBlock .grid .col{ width:50%;}
  .alphabetsearch{ display: block;}
  .ListBlock{ display:none;}
  .slideConHolder{ display:block;}
  .eventsCPT .alm-paging-content{ padding-left: 20px; padding-right: 20px;}
  .branchSlide li .col, .eventsCPT .alm-paging-content .col{ width:100%; padding: 0 0 30px 0;}
  .branchSlide li .col:last-child{ padding-bottom: 0px;}
  .branchSlide li .col:nth-child(3n+1), .branchSlide li .col:nth-child(3n+2){ padding-right: 0px; padding-left: 0px;}
  .slidePanel::before{ display:none;}

  .branchSlidePagination{ max-width:278px!important; margin-top:10px!important;}
  .branchSlidePagination li{ text-indent: -999px; overflow:hidden;}
  .branchSlidePagination li::after{ width: 18px; height: 18px; background-color:#D6DDD0; content:''; position: absolute; display: inline-block; border-radius: 50%; margin: 0 auto; left: 0px; right: 0px; top: 50%; margin-top: -9px;}
  .branchSlidePagination li.slick-current::after{ border-radius: 50%; width: 18px!important; height: 18px!important; top: 50%!important; margin-top: -9px!important; background-color:#9FA49B!important;}

  .responsiveMap{ padding-bottom:120%;}
  ul.mapLinks li{ padding-bottom: 10px;}
  ul.mapLinks li a{ padding: 10px 10px 10px 48px;}
  ul.mapLinks li .fas{ left: 14px; top:16px;}
  .branchName{ font-size: 17px; line-height:22px;}
  .branchDetails{ font-size: 14px; line-height:20px;}

  .slidePanel .titleBox h4, .responsiveMap .titleBox h4{ font-size: 20px; line-height: 24px; padding-bottom: 4px;}
  .titleBox .dateDetail{ font-size: 14px; line-height: 22px;}
  .branchInfo li{font-size:16px; line-height:24px;}
  ul.branchSlide .borderBox, .responsiveMap .borderBox{ padding-bottom: 80px;}
  ul.branchSlide .borderBox .btn, .responsiveMap .borderBox .btn, .eventsCPT .borderBox .btn{ font-size: 18px; line-height: 26px; bottom: 16px;}

  .currentPanel .col:first-child{ padding-bottom: 20px;}
  .currentPanel .col:last-child h3{ font-size: 25px; line-height:32px; padding-bottom: 12px;}
  .currentPanel p{ font-size:18px; line-height:26px;}

  .borderHeadSec h1{font-size:35px; line-height:40px;}
  /* meetings section end here */

  /* resources Panel start here */
  .resourcesPanel .col{ width:100%;}
  .resourcesPanel .imageBox .centerImage{ max-width: 100%;}
  /* resources Panel end here */

  /* press release start here */
  body.category-press-releases .paginationBox{ padding-top:30px;}
  /* press release end here */

  /* payment Panel start here */
  .allProdForms .fpf-fields .fpf-number, .allProdForms .fpf-fields .fpf-text{ width: 50%; max-width: 100%;}
  body.page-template-template-payments h1{font-size:30px; line-height:38px; padding-bottom: 12px;}
  .payFormBox h3{ font-size: 28px; line-height: 34px;}
  body.page-template-template-payments .panelIntro{ margin:10px 0 30px 0; padding: 20px 0;}
  /* payment Panel end here */

  .woocommerce-customer-details .woocommerce-column--billing-address{ margin-bottom:14px!important;}
  .woocommerce-customer-details{ margin-bottom: 0px!important;}

  /* footer start here */
  .footerTop .col:first-child{ text-align: left; margin-bottom: 0px; border-bottom: 0px;}
  .footerTop .col:last-child{ width: 100%;}
  footer ul.sociaIcons{ padding-bottom: 12px;}
  .footerBottom, .footerMid{ padding-top: 20px;}
  ul.MenuFour{ padding-top: 16px;}
  .copyRights, ul.MenuFour li a{ font-size: 15px; line-height: 22px;}
  .footerBottom br{ display:none;}
  /* footer end here */
}

@media screen and (min-width: 0px) and (max-width:746px){
  .cartoonImage {height: calc(100% - 44px);}
  .cartoonPromo .cartoonTitle{ min-height:40px;}
  .cartoonTitle a{ top: 3px;}
}

@media screen and (min-width: 0px) and (max-width:732px){
  .cartoonImage {height: calc(100% - 68px);}
  .cartoonPromo .cartoonTitle{ min-height:44px;}
  .cartoonTitle a{ top: 0px;}
}

@media screen and (min-width: 0px) and (max-width:720px){
  .gfield_radio .gchoice{ padding: 0 4px;}
  .gfield_radio .gchoice label{ min-width: 90px; max-width: 90px;}
}
@media screen and (min-width: 0px) and (max-width:640px){

  /* home page start here */
  /* .promoText{ padding-right:50px;} */
  .promoText div{ display:none;}
  .promoText h2{ font-size: 25px; line-height: 32px;}

  .featuredLongread .postInfo{ padding-left: 10px; padding-right: 10px;}
  .featuredLongread .postInfo h3{ font-size: 20px; line-height: 28px; margin-bottom:6px;}
  .featuredLongread .postInfo p{ font-size: 16px; line-height: 24px;}

  .homeFeature .col:first-child .box::before{ padding-top:75%!important;}
  .featuredLongread .box::before{ padding-top:88%!important;}
  /* home page end here */

  /* swp video start here */
  ul.videosSlide .slick-list {padding:0 20% 0 0 !important;}
  .videoslideHolder{ padding-left: 10px;}
  ul.videosSlide li{ padding: 0 10px;}
  .videosSlide .slick-prev{ left: 0px!important;}
  .videosSlide .slick-next{ right: 10px!important;}
  /* swp video end here */
}

@media screen and (min-width: 0px) and (max-width:600px){
/* .cartoonImage a, .cartoonImage img{ max-width:200px;} */
}

@media screen and (min-width: 0px) and (max-width:591px){
  #payFrame{ height:573px;}
}

@media screen and (min-width: 0px) and (max-width:550px){
  .largeText{ font-size: 20px; line-height: 28px;}
  /* header start here */
  .headerButtons li.donate a, .headerButtons ul li:nth-child(2) a, .headerButtons ul li:last-child a{ font-size: 14px; line-height: 26px; padding:10px 6px;}
  /* header end here */

  /* home page start here */
  /* home page resize */
  .promoText{ padding: 10px; padding-right: 0px;}
  .promoText h2{padding-right: 34px;}
  /* home page resize */

  .promoText{ padding: 10px;
    /* padding-right:34px; */
  }
  .promoText .fa-arrow-right{ font-size: 34px; line-height: 34px; margin-top: -16px; right: 20px;}
  .promoText h2 .fas{ font-size: 30px; line-height: 30px; margin-top: -15px;}
  .promoText h2{ font-size: 20px; line-height: 28px;}

  .homeThreeColNews .col, .listHolder.towColsec .col, .relatedPost > .col, .longreadList .col{ padding-bottom: 20px;}
  .latestNews .col{ padding-bottom:10px;}

  .homeVideoPanel::before{ display:block;}
  .homeVideoPanel > .grid > .col:first-child{ padding-bottom:10px;}
  .moreVideos h3, .moreVideos .grid{ display:none;}
  .moreVideos .btn{ margin-top: 0px;}

  .homeFeaturedPanel .col{width:100%;}
  .homeFeaturedPanel .col:nth-child(4n+1){order:2;}
  .homeFeaturedPanel .col:nth-child(4n+2){order:3;}
  .homeFeaturedPanel .col:nth-child(4n+3){order:4; padding-bottom: 10px;}
  .homeFeaturedPanel .col:nth-child(4n+4){order:1;}
  /* .cartoonImage a, .cartoonImage img{ max-width:320px;} */

  .homeFeaturedPanel .cartoonPromo{ padding: 10px;}
  .cartoonImage {height: auto;}
  .cartoonTitle a{ top: 2px;}
  .cartoonTitle{ padding-bottom: 14px;}

  .homenewsList .listHolder .col:first-of-type .postHolder{ padding-top: 10px;}
  .homeFeaturedPanel .grid .col:nth-child(4){ padding-bottom: 20px;}

  .videoButtonHolder{ padding: 0px;}
  .videoButtonHolder .btn{ position: relative;}
  /* home page end here */

  /* hero section start here */
  .panelHeroSec.large, .panelHeroSec.small{ min-height: 220px;}
  /* hero section end here */

  /* layout_circle_images_title_text start */
  .panelCircleImages .col.oneThird, .panelCircleImages .col.oneFourth{ width:100%;}
  .panelCircleImages .col .infoBox{ text-align: left;}
  .panelCircleImages .col:last-child{ padding-bottom: 10px;}
  .panelCircleImages .col.linkOption:last-child{ padding-bottom: 80px;}
  /* layout_circle_images_title_text end */

  /* layout_quick_link_cards start */
  .panelQuicklinks{ padding-top: 20px; padding-bottom: 20px;}
  .panelQuicklinks .col.large, .panelQuicklinks .col.medium, .panelQuicklinks .col.small{ width: 100%;}
  /* layout_quick_link_cards end */

  /* layout_addresses start */
  .panelAddress .col{ width:100%;}
  /* layout_addresses end */

  /* layout_editor start */
  .gform_wrapper{ padding:26px 20px;}
  /* layout_editor end */

  /* layout_timeline start */
  .panelTimeline .grid > .col{ width:100%;
    display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex; -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
    .panelTimeline .grid .col{ padding-top:10px; padding-bottom:10px;}
    .panelTimeline .imageBox{ width: 180px; height:270px; }
    .panelTimeline .imageBox img{ max-width: 180px; max-height: 270px;}
    .panelTimeline .grid .col:first-child{ padding-top: 0px;}
    .panelTimeline .grid .col:last-child{ padding-bottom: 0px;}
    .panelTimeline .yearBox{ padding: 10px 20px; max-width:60%}
    .panelTimeline h5{ font-size: 20px; line-height: 28px;}
    .panelTimeline .desc{ font-size: 18px; line-height: 24px;}

  /* layout_timeline end */

  /* layout_subscription_plan start */
  .titleBox{ font-size: 22px; line-height: 30px;}
.panelSubscription .borderBox .btn{ max-width: 160px;}
.panelSubscription .col{ padding-top: 15px; padding-bottom: 15px;}
  /* layout_subscription_plan end */

  /* social_networks start */
  .socialPanel ul li{ padding: 0 10px;}
  .socialPanel ul li a{ font-size:40px!important; line-height:40px!important;}
  /* social_networks end */

  /* layout_tricolor_boxes start */
  .tricolorPanel .borderBox .btn{max-width: 160px;}
  /* layout_tricolor_boxes end */

  /* search page start here */
  .searchResults ul li h5, .searchResults ul li h3{ font-size: 22px; line-height:26px;}
  /* search page end here */

  /* news post list start here */
  .mainTitle h1{ font-size:25px; line-height:32px;}
  .mainTitle .btn, .borderHeadSec .btn{ top:2px; font-size: 0px; line-height:0px; padding:0; border-radius:50%; min-width:30px; width:36px; height:36px;}
  body.page-template-template-swp-tv .mainTitle h1, .mainTitle h1{ padding-right: 40px;}
  .mainTitle .btn .fa-plus, .borderHeadSec .btn .fa-plus, .mainTitle .btn .fa-times, .borderHeadSec .btn .fa-times{ font-size: 18px; line-height:36px; margin-right: 0px;}

  .mainTitle{ padding-bottom: 20px;}
  .categoryDesc{font-size:18px; line-height:26px; padding-bottom: 20px;}

  .featuredBox h2, body.page-template-template-home .featuredPost .featuredBox h2{ font-size: 30px; line-height: 34px; padding-bottom: 12px;}
  .featuredBox .shortDesc, body.page-template-template-home .featuredPost .featuredBox .shortDesc{ font-size: 18px; line-height: 26px;}
  .centerImage{ min-height: 360px;}
  .centerImage .imgHolder img{ max-height: 360px;}

  .listHolder .col{ width:100%;}

  .listHolder .col:nth-of-type(4n+3)::before, .listHolder .col:nth-of-type(4n+4)::before{ display:none!important;}

  .listHolder .col:nth-of-type(2n+2)::before{ display:none;}
  .listHolder .col:nth-of-type(2n+1)::after,.listHolder .col:nth-of-type(2n+2)::after{ width:calc(100% - 20px);}
  .listHolder .col:nth-of-type(2n+1)::after{ left:10px;}
  .listHolder .col:nth-of-type(2n+2)::after{ left: auto; right: 10px;}

  .detailSec h1{ font-size: 30px; line-height: 36px;}
  .listHolder.towColsec .postInfo, .latestNews .col .postInfo, .relatedPost .postInfo, .homeThreeColNews .postInfo,
  .longreadList .postInfo{width:60%;}
  .listHolder.towColsec .postInfo h3, .latestNews .col .postInfo h3, .relatedPost .postInfo h3, .homeThreeColNews .postInfo h3,
  .longreadList .postInfo h3{ font-size: 20px; line-height:26px;}
  .listHolder.towColsec .postInfo p, .latestNews .col .postInfo p, .relatedPost .postInfo p, .homeThreeColNews .postInfo p,
  .longreadList .postInfo p{ font-size: 16px; line-height: 24px;}
  .listHolder.towColsec .imageBox, .latestNews .col .imageBox, .relatedPost .imageBox, .homeThreeColNews .imageBox, .longreadList .imageBox{width:40%;}

  .article-embed-holder{max-width: 180px;}

  .detailSec .standFirst{ font-size: 18px; line-height:26px;}
  /* news post list end here */

  /* meetings section start here */
  .responsiveMap{ padding-top: 110%;}
  .responsiveSearch .findTitle{ font-size: 16px; line-height: 24px;}
  .responsiveMap .gm-style-iw{ max-width: 420px!important;}

  .slidePanel .titleBox h4, .responsiveMap .titleBox h4{ font-size: 17px; line-height: 24px;}
  .slidePanel .titleBox, .responsiveMap .titleBox{ padding: 14px 14px 14px 52px;}
  ul.branchInfo li.zoomMeet, ul.branchInfo li.location{ padding-top: 6px; padding-bottom: 6px;}
  ul.branchInfo li{ padding-bottom: 8px;}

  .eventNote{ font-size: 18px; line-height: 26px;}
  .eventNote strong{ font-size: 20px; line-height: 28px;}
  .branchInfo .location .fa-map-marker{ font-size: 20px; line-height: 20px; top:8px;}
  .branchInfo .zoomMeet .zoomIocn{ width: 24px; height: 24px; top:6px;}
  .titleBox .fa-calendar-day{ left: 18px; top:26px;}
  .mapDesc{ font-size: 18px; line-height: 26px;}
  .branchInfo{ padding: 14px; padding-bottom: 0px;}
  ul.branchInfo li{ padding-bottom: 10px;}

  .meetingPromo .col:first-child{ padding-left: 0px; padding-right: 0px;}
  .meetingPromo .col h2{ font-size: 25px; line-height: 32px;}
  .meetingPromo .col:first-child .eventInfo{ font-size: 20px; line-height: 28px;}
  .eventDetails{ display:block;}
  .eventDetails a, .addeventatc{ width: 100%; max-width: 100%; display:flex; text-align: left;   -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
  .eventDetails a span, .addeventatc .atc_node{ display: inline-block; padding: 0 10px;}
  .addeventatc span.atc_node{position: relative; top:-3px;}
  .eventDetails a .fas, .addeventatc .fas{ font-size: 30px!important; line-height: 50px!important;}
  .addeventatc .addeventatc_icon{ display:none!important;}

  .borderHeadSec h1 {font-size:25px;line-height:32px;}
  .contactMail{ font-size: 18px; line-height: 26px;}
  .borderHeadSec{ padding-right: 40px;}
  .TBspace.panelBorderHeadSec{ padding-bottom: 0px;}
  /* meetings section end here */


  /* press release start here */
  .towColsec.pressRelease .col .postInfo{ width: 100%; padding-top:20px; padding-bottom:36px;}
  body.category-press-releases .paginationBox{ padding-top:10px;}
  /* press release end here */

  /* donation start here */
  .donateInfo .col:last-child{ padding-bottom:100px;}
  body.page-template-template-donate .panelHeroSec h1,
  body.page-template-template-subscribe-form .panelHeroSec h1{ font-size:40px; line-height:48px;}
  .detailDonate .col:first-child h4{font-size:25px; line-height:32px; padding-bottom: 0px;}
  .detailDonate .col:last-child::before{ display: none;}

  .gform_wrapper.gravity-theme .gf_step{padding:0 8px;}
  /* donation end here */

  .alignleft, .alignright, .alignnone{ margin-left: auto!important; margin-right: auto!important; display:block; float: none;}

  /* footer start here */
  .footerLogo img{ max-width:260px;}
  /* footer end here */

  .hideBanner{display:none!important;}
}

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

/* home page start here */
.featuredLongread .box::before{ padding-top:100%;}
/* home page end here */

/* layout_campaign_cards start */
.panelCampaign .col{ width: 100%;}
.panelCampaign .col:last-child{ padding-bottom: 0px;}
.campaignTitle{ padding-top: 12px;}
/* layout_campaign_cards start */

/* news post list start here */
ul.issuesForm li{ width: 100%; padding-left: 0px; padding-right: 0px;}
ul.issuesForm li:last-child{ padding-top: 10px;}
ul.issuesForm li:last-child label{ display:none;}
/* news post list end here */

/* latest videos list start */
.relatedPost .postInfo p{
  /* max-height:50px;
  -webkit-line-clamp: 2; */
}
.relatedPost .postInfo, .latestVideoList .col .postInfo{padding-left:14px;}
/* latest videos list end */

/* meetings section start here */
.ListBlock .grid .col{ width:100%;}
.alphabetPanel h3{ font-size: 22px; line-height: 30px; padding-bottom: 14px;}
.alphabet{ font-size: 34px; line-height: 40px; padding-bottom: 4px;}
.alphabetPanel .ListBlock .col{ padding-top: 6px; padding-bottom: 6px;}
.alphabetPanel .sociaIcons{ padding-top: 4px;}
.responsiveMap .gm-style-iw{ max-width: 360px!important;}
/* meetings section end here */

/* donation start here */
body.page-template-template-donate .panelHeroSec h1, body.page-template-template-subscribe-form .panelHeroSec h1{ font-size:30px; line-height:36px;}
.donateBox{ padding: 10px;}
.donateTitle{ font-size:18px; line-height:26px; padding-right:10px;}
.donateBtn{ max-width:140px; padding-left:10px;}
.priceRange{ max-width:130px;}
.priceRange input[type="text"]{ font-size:22px!important; line-height:30px!important;}
.oneOff{ font-size: 16px; line-height: 24px;}
.donateBtn .btn{ min-width: 120px!important; max-width: 120px!important; font-size: 18px!important; line-height: 26px!important;}
/* donation end here */

.subscriptionTab, .donationTab{ padding:4px 0;}
.donationVal, .subscriptionVal, .subscriptionTab .subscriptionLabel, .donationTab .donationLabel{ font-size: 18px; line-height:22px;}
.gfield_total .ginput_total{ font-size: 20px!important; line-height: 24px!important;}

.sbuscPriceTable{ font-size: 14px; line-height: 22px;}
.sbuscPriceTable table td{ padding:4px 8px;}

}

@media screen and (min-width: 0px) and (max-width:450px){
.promoText{padding-right:0px;}
.promoText h2 .fas{right:10px;}
}

@media screen and (min-width: 0px) and (max-width:420px){
  #page-wrap{ padding-top: 172px;}
.logo img{ max-width: 240px!important; height: 34px;}


/* home page start here */
.homeThreeColNews .postInfo{ padding-left: 14px;}
.homeThreeColNews .postInfo .date{ left: 14px;}

.homeThreeColNews .postInfo h3{ margin-bottom: 4px;}
.homeThreeColNews .postInfo p{
  /* max-height:50px;
  -webkit-line-clamp:2; */
 }

/* .cartoonImage a, .cartoonImage img{ max-width:280px;} */
/* home page start here */

/* layout_timeline start */
.panelTimeline .imageBox{ height: 220px;}
.panelTimeline .imageBox img{ max-height: 220px;}
/* layout_timeline end */

/* meetings section start here */
.responsiveMap .gm-style-iw{ max-width: 330px!important;}
/* meetings section end here */

.article-embed-holder{max-width:140px;}
.article-embed-headline, .article-embed-headline a{font-size:14px; line-height:22px;}
.article-embed-headline{ padding-bottom: 4px;}
.article-embed-read-more{ line-height: 18px;}
.article-embed-anchor-read-more{font-size:14px; line-height:18px;}
.article-embed-anchor-read-more::after{font-size:14px; line-height:14px; background-size:14px; top:-1px;}

/* payment Panel start here */
.payImage{width:295px; height:295px;}
.payImage img{max-width:295px; max-height:295px;}
.allProdForms .fpf-fields .fpf-number, .allProdForms .fpf-fields .fpf-text, .allProdForms .fpf-fields .fpf-textarea{ width: 100%; padding-left:0px; padding-right:0px; padding-bottom:10px;}
.formRow h4{ padding: 10px; margin-bottom:12px; font-size: 20px; line-height: 28px;}
.formRow .grid{ padding: 16px;}
/* payment Panel end here */

.gform_wrapper.gravity-theme .gf_step_number, .stepNo{ font-size: 18px!important; line-height:36px!important; width: 36px!important; height: 36px!important;}
.gform_wrapper.gravity-theme .gf_step .gf_step_label, .stepText{ font-size: 11px!important; line-height:20px!important;}
.gform_wrapper.gravity-theme .gf_step{ padding: 0 6px;}
.gform_wrapper.gravity-theme .gf_step::before{ top:18px;}

.stepsBox ul li::after, .stepsBox ul li::before{ top:18px;}
}

@media screen and (min-width: 0px) and (max-width:412px){
  #payFrame{height:602px;}
}

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

  /* header start here */
  #page-wrap{ padding-top: 164px;}
  .headerButtons li.donate a, .headerButtons ul li:nth-child(2) a, .headerButtons ul li:last-child a{ font-size: 11px; line-height:18px; padding:10px 4px;}
  /* header end here */

  /* home page start here */
  /* home page resize */
  .promoText h2{padding-right: 28px;}
  /* home page resize */

  /* .promoText{padding-right:28px;} */
  .promoText h2{ font-size: 18px; line-height:22px;}
  .promoText .fa-arrow-right{ font-size: 28px; line-height:28px; margin-top:-14px;}
  .promoText h2 .fas{ right: 2px;}
  /* home page end here */

  /* hero section start here */
  .panelHeroSec.large h1{ font-size:40px; line-height:48px;}
  /* hero section end here */

  /* layout_accordion start */
  .accordionTitle{font-size:20px; line-height:28px; padding:16px 18px; padding-right:40px;}
  .accordionDetails{padding:20px 18px; padding-right:40px!important;}
  .dropSign{top:17px;}
  /* layout_accordion end */

  /* resources Panel start here */
  .resourcesPanel .imageBox .centerImage img{max-width:120px; max-height:120px;}
  /* resources Panel end here */
}

@media screen and (min-width: 0px) and (max-width:380px){
  /* layout_timeline start */
  .panelTimeline .imageBox{ height: 200px;}
  .panelTimeline .imageBox img{ max-height: 200px;}
  /* layout_timeline end */
}

@media screen and (min-width: 0px) and (max-width:362px){
  .cartoonTitle a{ top:1px;}
}

@media screen and (min-width: 0px) and (max-width:350px){
  /* layout_timeline start */
  .panelTimeline .imageBox{ height: 180px;}
  .panelTimeline .imageBox img{ max-height: 180px;}
  /* layout_timeline end */

  /* resources Panel start here */
  .resourcesPanel .imageBox .centerImage img{max-width:105px; max-height:105px;}
  /* resources Panel end here */
}

@media screen and (min-width: 0px) and (max-width:374px){
  #page-wrap{ padding-top: 157px;}
.logo img{ max-width:190px!important; height: 27px;}

/* .cartoonImage a, .cartoonImage img{ max-width:220px;} */

.signupForm .gform_wrapper .ginput_container_email{ padding-right: 0px;}
.signupForm .gform_wrapper .gform_footer{ position: static; padding-top: 12px!important;}

.responsiveMap .gm-style-iw{ max-width:240px!important;}

.searchResults ul li img{ max-width: 280px;}

/* payment Panel start here */
.payImage{width:240px; height:240px;}
.payImage img{max-width:240px; max-height:240px;}
/* payment Panel end here */

.multistepForm .gform_page_footer{ text-align:center;}
.multistepForm .gform_page_footer .button{ width: 100%; max-width: 220px; margin:6px auto!important; float: none!important; display: inline-block!important;}
.multistepForm .gform_ajax_spinner{ position:relative; bottom: 0px; left: 0px; right: 0px; margin: 0 auto;}
}