@media only screen and (max-width:1870px){
  .careerTitleSection .subcontent { margin-bottom: 0;}
  .HeroSection .box::before { padding-top: 48%;}
}
@media only screen and (max-width:1800px){
  .HeroSection .box::before { padding-top: 50%;}
}
@media only screen and (max-width:1770px){
  .HeroSection .box::before { padding-top: 52%;}
}
@media only screen and (max-width:1660px){
  .HeroSection .box::before { padding-top: 54%;}
  .templateSafDiv .safgreyText { padding: 0 50px 0 0;}
}
@media only screen and (max-width:1600px){
  .post1 p { font-size: 17px;}
  .pageTitle { margin: 60px 0 40px; font-size: 90px; line-height: 90px;}
  .singlecampanig .pageTitle { margin: 60px 0 40px;}
  .communalContriTitleSection .pageTitle { margin-bottom: 35px;}
  .subcontent { font-size: 30px; line-height: 40px;}
  .communalContriTitleSection .subcontent { margin-bottom: 40px;}
  section.getInvolved { margin-top: 75px;}
  .bodTimelineTitleSection .pageTitle { line-height: initial !important;}
  .ourStructureSection .content_title { margin-bottom: 0; }
  .templateSafContent .subcontent { margin: 50px 0;}
  #sign-the-petition input[type='submit'] { margin-bottom: 3px !important;  margin-top: 0 !important; }

}
@media only screen and (max-width: 1550px){
  .HeroSection .box::before { padding-top: 55%;}
}
@media only screen and (max-width:1520px){
  .rightMenu { padding-right: 70px;}
  .post1 p { font-size: 16px; line-height: 25px;}
  .header.scrollUp + .donate.rightsdie { right: -2px;}
  .contactTitleSection h6.subcontent { margin: 30px 0 20px; font-size: 30px; line-height: 40px;}
  .focusSection.allMembers .flexWrap .box:before { content: ""; display: block; padding-top: 66%;}
  .banner-caption span.author { font-size: 14px;}
  .HeroSection .box::before { padding-top: 53%;}
}
@media only screen and (max-width:1470px){
  .HeroSection .box::before { padding-top: 55%;}
}
@media only screen and (max-width:1420px){
  .donate.rightsdie { width: 55px; height: 125px; font-size: 27px;}
  .donate.rightsdie .dnate_text { margin: 10px;}
  .subcontent { margin: 0 0 20px;}
  .partnerTitleSection .pageTitle { margin-bottom: 0;}
  .CommunityTitleSection .subcontent { margin: auto;}
  .videoTitle { font-size: 29px; color: #fff; margin: 0 0 50px !important; line-height: 35px;}
  .plenaryVideoSection .date_author {  margin-bottom: 60px;}
  .eventSection .hvr-curl-bottom-right:hover { background-size: 50% !important;}
  .campanigTitleSection .subcontent .sectionContent { font-size: 40px; line-height: 50px; margin: 0 0 30px;}
  .sectionSubTitle { margin: 0px 0 30px; font-size: 40px; line-height: 50px;}
  .takeAction h4 { color: #fff; margin-top: 30px; padding-right: 40%; font-size: 40px; line-height: 50px; margin-bottom: 0;}
  .officers_Detail .staff-Name-Post { padding: 15px 0 150px 0; margin-bottom: 10px;}
  .pagetext { margin-bottom: 35px; color: #12245B; font-size: 40px; line-height: 50px;}
  .SinglenewsSection .pagetext { margin-bottom: 20px;}
  section.newsContentSection { margin: 50px 0 0}
  .publicationIssue .dataOnImage h4 {font-size: 27px; line-height: 35px; margin-bottom: 30px;}
  .issueAreaOrder .clickArrow:hover img { margin-left: 15px; transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165,0.7);}
  .nice-select { font-size: 25px !important; height: 55px !important; line-height: 55px !important;}
  .nice-select .list li { font-size: 23px !important; }
  .dropdown .select_box h6 { height: 55px; line-height: 55px;}
  .work_Detail p { margin-bottom: 10px;}
  nav { width: 40%;}
  #menu-menu a { font-size: 30px; line-height: 40px;}
  .home section.featuredSection { margin: 70px 0 30px;}
  .singleIssueArea { margin-bottom: 30px !important;}
  span.openArrow { top: 5px;}
  section.relatedNewsSection { margin-top: 30px;}
  .relatedNewsSection h5.subSection-title { font-size: 35px; margin-bottom: 30px;}
  .filterBoxes .flexWrap .col-6 { padding: 10px;}
  .filterBoxes .flexWrap { margin: 0 -10px;}
  .officersInfo .col-4 { padding: 10px;}
  section.mainImageSection .container_1400 .col-12 .col-4 { bottom: -10%;}
  .HeroSection .box::before { padding-top: 58%;}
  section.newsContentSection.singleIssueArea { margin: 65px 0 0px !important;}
  #gform_confirmation_message_4 { margin-top: 0;}
  .page-template-template-campaigns-php .signform.campsf + p { margin-bottom: 30px; }
}
@media only screen and (max-width:1380px){
  .HeroSection .box::before { padding-top: 56%;}
  .foote_bootom ul li { margin-right: 3px;}
  .templateSafContent .subcontent { margin: 40px 0;}
  h4 { font-size: 50px; line-height: 55px;}
  .templateSafContent { margin-bottom: 30px;}

}
@media only screen and (max-width:1360px){
  .banner-caption .col-4 > div h2 { font-size: 60px; line-height: 60px;}
  .banner-caption .col-8 > div h3 { font-size: 60px;}
  .post1 p { font-size: 15px; line-height: 21px;}
  .home section.bannerBottom { margin: 50px 0 30px;}
  .foote_bootom ul li { margin-right: 0;}
  .foote_bootom .col-8.f_box4 ul li { padding-bottom: 0; width: 12%;}
  .foote_bootom .col-4.f_box5 ul li { width: 29.9%; display: inline-block;}
  footer#footer { padding: 30px 0 10px;}
  .focusSection .col-4 h5.section-title { font-size: 32px; line-height: 40px;}
  .blueProgressBar img { margin-bottom: 90px;}
  .singlecampaigns .campanigImg { margin-bottom: 20px;}
  .blueProgressBar { margin-bottom: 25px;}
  .HeroSection .box::before { padding-top: 56%;}
  .pageTitle { margin: 50px 0 20px;}
  .shareArticle { padding: 20px 20px 20px 0;}
  .eventnewlyadded .col-4 { padding: 0 10px;}
  /* .eventnewlyadded .flexWrap {  margin: 0 -30px 0px !important;} */
  .eventnewlyadded .container_1400 { padding: 0 0; margin: 0 -9px;}
  .Bodfeatured_details .featured_detailsTop { padding: 30px 0 0;}
    .articleTopSpace { bottom: -21% !important;}
    #sign-the-petition .note { font-size: 19px; line-height: 25px;}
    #sign-the-petition .form-item > label { font-size: 20px;}
    #sign-the-petition input.form-text { margin-bottom: 10px;}
}
@media only screen and (max-width:1300px){
  .HeroSection .box::before { padding-top: 57%;}
  .popupWraper { width: 100%; max-width: 40%;}
  .dropdown .select_box select { font-size: 25px; line-height: 35px; background-size: 15%;  background-position: 105%;}
  .dropdown .select_box h6 { font-size: 25px; }
  section.bannerBottom { margin: 0 0 5px;}
  .sigleOfficersSection .work_Detail p:last-child { padding-bottom: 0;}
  .dropdown .select_box h6 { font-size: 25px; line-height: 35px;}
  .home section.bannerBottom { margin: 30px 0 20px;}
  .sigleOfficersSection .col-4 .staff-Name-Post { padding: 7px 20px;}
  .sigleOfficersSection .col-4 .staff-Name-Post ul { margin-top: 0px;}
  .communalContriSection .dataOnImage p { padding-bottom: 90px;}
  .banner-caption { bottom: 40px; }
  .articleTopSpace { bottom: -22% !important;}
  .articleTopSpace .shareArticle { padding: 0px 0px 30px 0 !important;}
  .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4.articleTopSpace { bottom: -22% !important;}
}
@media only screen and (max-width:1260px){
  .banner-caption .col-4 > div h2 { margin-bottom: 20px;}
  .post1 { margin-bottom: 15px;}
  .banner-caption a.clickArrow { display: inline-block; }
  .banner-caption a.clickArrow img { width: 30px;}
  .banner-caption .col-8 > div { padding: 20px 30px;}
  .banner-caption .col-8 > div h3 { font-size: 55px; margin-bottom: 0;  line-height: 65px;}
  .HeroSection .box::before { padding-top: 57%;}

  .tabSectionData .contentBox .boxdata { font-size: 16px; padding: 15px; line-height: 25px;}
  .focusSection .col-4 h5.section-title { margin-top: 50px; padding: 10px 20px 10px 20px; word-break: break-word;}
  .pageTitle { line-height: 80px; font-size: 75px; }
  .singlecampanig .pageTitle { margin: 50px 0 20px;}
  .communalContriTitleSection .pageTitle { margin-bottom: 25px;}
  .communalContriSection .dataOnImage h4 { margin-bottom: 100px; font-size: 40px; word-break: break-word; line-height: 50px;}
  .communalContriSection .dataOnImage a.clickArrow { position: absolute; bottom: 25px;}
  .communalContriSection .dataOnImage { padding: 20px 20px 20px 20px;}
  .communalContriSection .col-8 div { padding: 15px;}
  .careerTitleSection .subcontent { margin-bottom: 0;}
  .careerTitleSection .pageTitle { line-height: 55px;}
  .careerSection .col-6 div.btnRow a.btn { font-size: 25px;}
  .careerSection a.btn::after { background-size: 29px;}
  .careerSection .col-6 div h4 { margin-bottom: 30px;}
  .subCommunityTitleSection .content_title { margin-bottom: 30px; font-size: 50px; line-height: 60px; }
  .plenaryVideoSection .container_1400 > h4 {  margin-bottom: 10px;}
  .ourStructureSection .content_title { margin-bottom: 0; font-size: 45px; line-height: 55px;}
  .page-template-template-who-we-are .content_title { font-size: 45px; line-height: 55px;}
  .wwaTitleSection .pageTitle { margin: 50px 0 20px;}
  .ourStructureSection .flexWrap { margin: 30px 0; padding-bottom: 30px;}
  .ourStructureSection .flexWrap .col-8 p:last-child { padding-bottom: 0;}
  .staff-Name-Post p { font-size: 18px; line-height: 25px;}
  .threePerrowSection .content_title { margin-top: 30px;}
  .sigleOfficersSection .officers_Detail p { font-size: 25px; line-height: 35px;}
  section.sigleOfficersSection { padding: 0;}
  .single div#page-wrap { margin-bottom: 30px;}
  .home section.featuredSection { margin: 30px 0 20px;}
  section.tabSection { padding: 30px 0 30px;}
  .home .infoDonate .flexWrap { margin: 0 -10px 30px;}
  .home section.featuredSection .flexWrap { margin: 0 -10px 30px;}
  .home h5.section-title { margin-bottom: 30px; font-size: 30px; line-height: 40px; margin-top: 10px;}
  .focusSection .col-4 h5.section-title { font-size: 30px; line-height: 40px;}
  .tabSection .col-8 h5.section-title { font-size: 30px; line-height: 40px;  margin-top: 80px;}
  .banner-caption .col-4 > div { padding: 15px 20px 5px;}
  .filterBoxes .hvr-curl-bottom-right .dataOnImage p { margin-bottom: 20px;}
  nav { width: 45%;}
  .singlefocusMember .backCenter { padding-bottom: 30px;}
  section.newsContentSection.singleIssueArea { margin: 20px 0 0px;}
  .relatedNewsSection h5.subSection-title { margin-top: 0;}
  .home section.focusSection { margin-top: 20px;}
  #gform_confirmation_message_4 { margin-top: 0; font-size: 21px;}
}
@media only screen and (max-width:1200px){
  .pageTitle {  margin: 45px 0 20px;}
  .focusSection .box:before { padding-top: 80%;}
  .HeroSection .box::before { padding-top: 58%;}
  #cookie-notice .cn-button { padding: 10px 30px; letter-spacing: 1px;}
  #cn-notice-text { width: 85%;}
  #cn-notice-buttons { margin-top: 20px;}
  h4.pagetext { margin-bottom: 40px;}
  .popupWraper { width: 100%; max-width: 50%;}
  .getInvolved .col-12:last-child { border: 0; padding-bottom: 10px;}
  .bodTimelineSection .col-4 > div li { word-break: break-all;}
  .slide_Box h2 { margin-bottom: 20px;}
  .slide_Box h2 { line-height: 65px; font-size: 65px;}
  .bodTimelineSlier .flexWrap { padding: 40px 60px 0px;  margin-bottom: 30px; }
  .slick-prev:before { left: 5px;}
  .slick-next { right: -55px;}
  .careerTitleSection h6.subcontent { margin-bottom: 0;}
  .careerSection .col-6 div h4 { margin-bottom: 30px; }
  .topcontentBg { margin-top: 40px;}
  .focusMember_TitleSection .subcontent {  padding-top: 0;}
  .subcontent h2 { font-size: 50px; line-height: 60px;}
  .subcontent h6 { font-size: 30px; line-height: 40px; margin-top: 0;}
  .newsContentSection .col-4 h6 { padding: 20px 20px 20px 20px;}
  .campanigTitleSection .subcontent .sectionContent { font-size: 30px; line-height: 40px;}
  .sectionSubTitle { font-size: 30px; line-height: 40px;}
  section.campaignsBoxes { margin-bottom: 15px;}
  .blueProgressBar h6 { color: #fff; margin-bottom: 30px; font-size: 25px; line-height: 35px;}
  .blueProgressBar img { margin-bottom: 70px; }
  .singlecampaigns .campanigImg .box:before { padding-top: 75%;}
  .discribeCampaign p { padding-bottom: 20px;}
  .staff-Name-Post { padding: 7px 7px;}
  section.filter_Section { margin-bottom: 20px;}
  .newsContentSection .col-4 h6 { padding: 10px;  font-size: 25px; line-height: 35px;}
  .issueArea .innerdiscription.redborder { padding: 10px 10px;}
  .issueArea .flexWrap { padding-bottom: 30px; margin-bottom: 65px;}
  .issueArea_TitleSection .pageTitle { margin: 45px 0 81px;}
  h3.noRecords { margin: 30px 12px 30px;}
  .relatedNewsSection h5.subSection-title { margin-bottom: 20px;}
  .filterBoxes .hvr-curl-bottom-right:before { width: 50px; height: 50px;}
  .filterBoxes .hvr-curl-bottom-right:hover:before { width: 55px; height: 55px;}
  .tabSectionData { padding-bottom: 80px;}
  .publicationIssue .sectionSubTitle { margin-top: 35px;}
  .singleEventSection .singleDiary .evetTitle { font-size: 25px; line-height: 30px;}
  .diary_boxes .col-4 div.arrow { position: relative; margin: 0; height: auto;}
  .diary_boxes .col-4 div.arrow a.clickArrow { position: relative; right: 0; top: 0;}
  .comunitybrief + section.infoDonate .flexWrap { margin-bottom: 10px !important;}
  .CommunityTitleSection.comunitybrief .subcontent { margin: 40px 0 10px;}
  .articleTopSpace { bottom: -24% !important;}
  .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4.articleTopSpace { bottom: -24% !important;}
  .SinglenewsSection span.newsDate {  margin-bottom: 30px;}
}
@media only screen and (max-width:1170px){
  .HeroSection .box::before { padding-top: 59%;}
  section.mainImageSection.singleIssueImg { margin-bottom: 100px;}
  .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4 { bottom: -33%;}
  section.mainImageSection .container_1400 .col-12 .col-4 div:first-child h6 { font-size: 24px; line-height: 34px;}
  section.mainImageSection .container_1400 .col-12 .col-4 div:first-child { padding: 20px 20px 50px 20px;}
}
@media only screen and (max-width:1130px){
  .HeroSection .box::before { padding-top: 54%;}
  .banner-caption span.author { display: block; line-height: 17px; margin-top: 6px;  font-size: 12px;}
  .post1 p { font-size: 14px; line-height: 20px;}
  .banner-caption .col-4 > div h2 { font-size: 35px; margin-bottom: 5px; line-height: 45px; }
  .communalContriSection .dataOnImage h4 { font-size: 35px; line-height: 37px;}
  .careerSection .col-6 div.btnRow a.btn { font-size: 23px;}
  .infoDonate .blubox h4, .infoDonate .redbox h4 { font-size: 40px; line-height: 50px;}
  .takeAction h4 { margin-top: 20px; font-size: 30px; line-height: 40px;}
  .campaig_signed { padding: 20px 20px 0px;}
  .singlecampaigns .flexWrap .col-6 .campaig_signed { padding: 20px 20px 10px;}
  .ourStructureSection .col-4 div { font-size: 40px; line-height: 50px; word-break: break-word;}
  .sigleOfficersSection .work_Detail { width: 100%;}
  .nice-select { font-size: 23px !important; height: 50px !important; line-height: 50px !important;}
  .nice-select .list li { font-size: 21px !important; }
  .nice-select:after { background-size: 55px !important; right: -23px;}
  .nice-select.open:after { right: -7px !important; }
  .dropdown .select_box h6 { height: 50px; line-height: 50px;}
  .filter_Section .flexWrap .col-4:last-child .dropdown .select_box a { line-height: 50px;}
  h3.noRecords { font-size: 35px; line-height: 45px;}
  nav { width: 50%;}
  .banner-caption { bottom: 30px; }

  .foote_bootom { 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .foote_bootom .col-8 { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
  #footer h6 { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto;}

}
@media only screen and (max-width:1100px){
  .focusSection .col-4 h5.section-title { font-size: 25px; padding: 7px 20px 7px 20px; line-height: 33px;}
  .focusSection .box:before { padding-top: 80%;}
  .HeroSection .box::before { padding-top: 57%;}
  .pageTitle { margin: 45px 0 20px; line-height: 75px; font-size: 66px;}
  .singlecampanig .pageTitle { margin: 45px 0 20px;}
  .careerSection .col-6 div.btnRow a.btn { border: 3px solid #001965; font-size: 21px; line-height: 25px; width: 100%;}
  .subcontent h2 { font-size: 40px; line-height: 50px;}
  .subcontent h6 { font-size: 25px; line-height: 35px;}
  .newsContentSection .col-4 h6 { margin-right: 0;}
  .singlefocusMember .col-8 { right: 0;}
  .videoTitle { font-size: 25px; line-height: 33px;}
  .singlecampaigns .campanigImg .box:before { padding-top: 85%;}
  .campaig_signed input[type="submit"] { font-size: 35px; letter-spacing: -1px; margin: 40px 0 15px; padding: 7px 20px;}
  .ourStructureSection .content_title { margin-bottom: 0; font-size: 40px;  line-height: 50px;}
  .page-template-template-who-we-are .content_title { font-size: 40px; line-height: 50px;}
  .staff-Name-Post p { font-size: 16px; line-height: 23px;}
  .sigleOfficersSection .col-4 .staff-Name-Post p { font-size: 18px;}
  .sigleOfficersSection .staff-Name-Post ul li a { padding: 0px 5px;}
  .SinglenewsSection .pagetext { margin-bottom: 20px;}
  .pagetext { font-size: 35px; line-height: 45px;}
  .work_Detail p { margin-bottom: 0px;}
  section.bannerBottom .col-4 div a h6 { font-size: 27px; line-height: 35px;}
  .sigleOfficersSection .col-4 .staff-Name-Post ul { margin-top: 0;}
  .sigleOfficersSection .col-4 .staff-Name-Post { padding: 7px 10px 9px;}
  .publicationIssue .sectionSubTitle {  margin-top: 30px;}
  .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4 { bottom: -34%; }
  .articleTopSpace { bottom: -27% !important;}
  .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4.articleTopSpace { bottom: -26% !important; }
  .templateSafContent { margin-bottom: 20px;}
}
@media only screen and (max-width:1024px){
  .dropdown .select_box select {font-size: 21px;  line-height: 30px; background-size: 14%; background-position: 107%;}
  .dropdown .select_box h6 { font-size: 21px;}
  .dropdown .select_box { border-top: 3px solid #001965;}
  .banner-caption .container .col-8 { width: 60%;}
  .banner-caption .container .col-4 { width: 40%;}
  .HeroSection .box::before { padding-top: 58%;}
  .banner-caption .col-8 > div h3 { font-size: 40px; margin-bottom: 0; line-height: 55px;}

  #footer .col-4.f_box2 div { padding: 0 15px 0 15px; margin-right: 15px;}
  .tabSectionData .contentBox .boxdata { padding: 10px;}
  .home section.featuredSection .col-4 div { font-size: 18px; line-height: 25px;}
  section.featuredSection .col-4 div { font-size: 16px; line-height: 25px;}
  .communal_Box .col-4 div .textbox { font-size: 18px !important; line-height: 25px !important;}
  p.name_author { line-height: 21px; padding-bottom: 25px;}
  p.date_author, p.name_author { font-size: 12px;}
  .home p.date_author, .home p.name_author { font-size: 16px;  line-height: 22px;  margin-bottom: 10px;}
  .communal_Box .col-4 div p.date_author, .communal_Box .col-4 div p.name_author { font-size: 16px;  line-height: 22px;  margin-bottom: 10px;}
  .home p.name_author { padding-bottom: 10px;}
  .textbox { margin: 0 0px 20px 0 !important;}
  .donate.rightsdie { width: 50px; height: 120px; font-size: 23px;}
  .getInvolved .flexWrap { margin: 0 -10px 0;}
  section.getInvolved { margin-top: 55px;}

  h1 { font-size: 80px; line-height: 85px;}
  h2 { font-size: 70px; line-height: 75px;}
  h3 { font-size: 60px; line-height: 70px;}
  h4 { font-size: 50px;	line-height: 60px;}
  h5 { font-size: 38px; line-height: 50px;}
  h6 { font-size: 25px; line-height: 35px;}
  .pageTitle { margin: 40px 0 20px;}
  .singlecampanig .pageTitle { margin: 40px 0 20px;}
  .pagetext { font-size: 35px; line-height: 45px;}
  .careerSection a.btn::after { background-size: 23px;}
  .careerSection .col-6 div.btnRow a.btn { padding: 10px 50px 10px 15px;}
  .singleEventSection .col-8 div .evetTitle { padding: 0 20% 0 0;}
  section.focusSection.allMembers .container_1400 .flexWrap:first-child { padding-top: 25px;}
  section.focusSection.allMembers .container_1400 .flexWrap { margin-bottom: 30px;}
  .moreCenter {  text-align: center; padding: 30px 0 50px;}
  .headTitlesection .subcontent h6 { margin-bottom: 30px;}
  .CommunitySection .Pagelist h6 {  margin: 0 3px; padding: 0 10px;}
  .infoDonate.resources .flexWrap { margin: 0 -10px 20px;}
  .infoDonate .blubox p, .infoDonate .redbox p { color: #fff; margin-bottom: 50px;}
  .infoDonate.resources { padding: 10px 0;}
  .plenaryVideoSection .date_author { margin-bottom: 30px; font-size: 16px;}
  .videoTitle { font-size: 21px; margin: 0 0 20px !important; line-height: 27px;}
  .plenaryVideoSection .col-4 .hvr-curl-bottom-right.bglogo {  margin: 0px;}
  .PDFlist { margin: 0 0 40px; border-bottom: 1px solid #001966; padding-bottom: 0;}
  .PDFlist li h6 { padding-left: 10px;}
  .campaignsBoxes .col-4 { padding: 10px;}
  .dataOnImage { padding: 15px 15px; font-size: 18px; line-height: 27px;}
  .blueProgressBar img { margin-bottom: 30px;}
  .blueProgressBar p { font-size: 22px; line-height: 30px; margin-bottom: 20px;}
  .blueProgressBar h6 { margin-bottom: 20px; font-size: 23px; line-height: 30px;}
  .threePerrowSection .details_HO .col-8 { width: 100%;  margin: 0;}
  section.newsContentSection { margin: 30px 0;}
  .issueArea .flexWrap .col-4 { width: 35%; padding-left: 0;}
  .issueArea .flexWrap .col-8 { width: 65%;}
  .issueArea .flexWrap:nth-child(odd) .col-8 { order: 1; width: 60%; margin-left: -12%;}
  .issueArea .flexWrap:nth-child(2n+1) .col-4 {  padding-left: 0; z-index: 1; width: 40%;}
  .TabbingSection { margin-top: 23%;}
  .ourStructureSection .col-4 div { padding: 30px 20px 70px;}
  .details_HO .col-8.alignright { padding-left: 0; margin: 0 !important;}
  .page-template-template-news .moreCenter { padding: 30px 0;}
  .publicationIssue .sectionSubTitle { margin-top: 30px;}
  .social_icon li { margin: 0 3px;}

  .Bodfeatured_details .box::before { padding-top: 85%;}
  .Bodfeatured_details .featured_detailsTop .redborder { padding: 20px;}
  .featured_detailsTop .eventtitle { margin-bottom: 20px;}
  .venueTimeDate { color: #001965; margin-bottom: 15px; font-size: 18px;}
  .Bodfeatured_details .featured_detailsTop { padding: 25px 0 0;}
  img.clickArrow { width: 30px !important; }
  .hoverArrow img { width: 30px;}
}
@media only screen and (max-width:992px){
  .HeroSection .box::before { padding-top: 60%;}
  .BorehamwoodText p { font-size: 19px; line-height: 27px;}
  .filterBoxes .box:before { padding-top: 100%;}
  .signUpDonate h4 { font-size: 32px; line-height: 42px;}
  .btnRow a.btn { font-size: 26px; padding: 10px 60px 10px 15px;}
  .popupWraper { width: 100%; max-width: 55%;}
  a.btn::after { background-size: 24px;}
  .communalContriSection .publicIssue { margin: 0 20px 0 0;}
  .bodTimelineSection .col-8 { width: 100%; padding-right: 0;}
  .bodTimelineSection .col-4 { width: 100%;}
  .bodTimelineSection .col-4 > div { padding: 15px 15px;}
  section.bodTimelineSection { margin-bottom: 30px;}
  .backCenter a.btn { padding: 7px 15px 7px 60px !important; line-height: 25px;}
  .focusSection .col-4 h5.section-title { margin-top: 60px;}
  .campaig_signed label { font-size: 21px;}
  .campaig_signed p { padding-bottom: 10px;}
  .page-template-template-who-we-are .content_title { margin-bottom: 10px;}
  .staff-Name-Post { width: 81%;}
  .sigleOfficersSection .staff-Name-Post p { font-size: 19px; line-height: 28px;}
  .sigleOfficersSection .col-8 .staff-Name-Post p { font-size: 22px; line-height: 28px;}
  .sigleOfficersSection .col-8 .staff-Name-Post { border-bottom: 3px solid #001965; padding: 7px 10px !important;}
  .sigleOfficersSection .col-4 .staff-Name-Post { border: 3px solid #001965; padding: 7px 12px 10px !important;}
  .sigleOfficersSection .officers_Detail .staff-Name-Post { padding-bottom: 100px !important;}
  section.newsContentSection .col-8 > div { padding: 15px;}
  .newsContentSection .col-4 h6 { font-size: 23px; line-height: 33px;}
  .publicationIssue .dataOnImage h4 { font-size: 25px; line-height: 33px; margin-bottom: 25px;}
  .nice-select { font-size: 20px !important; height: 45px !important; line-height: 45px !important;}
  .nice-select .list li { padding: 5px 10px !important; font-size: 18px !important;}
  .nice-select:after { background-size: 44px !important; right: -15px !important;  top: 20% !important;}
  .nice-select.open:after { right: -20px !important;}
  .dropdown .select_box h6 { height: 45px; line-height: 45px;}
  .dropdown.communalfillter .select_box { margin: 10px 0;}
  section.newsContentSection .col-8 > div p:last-child { padding-bottom: 0;}
  nav { width: 50%;}
  .home section.bannerBottom .col-4 div a h6 { font-size: 24px; line-height: 24px;}
  .home section.bannerBottom .col-4 div a { padding: 15px;}
  .clickArrow img { width: 35px; height: 30px;}
  .filter_Section .flexWrap .col-4:last-child .dropdown .select_box a { line-height: 45px;}
  .singleIssueArea { margin-bottom: 20px !important;}
  .SingleCommunity .viewmoreBox .btnRow a.btn { padding: 0;}
  .filterBoxes .hvr-curl-bottom-right:before { width: 45px; height: 45px;}
  .filterBoxes .hvr-curl-bottom-right:hover:before { width: 50px; height: 50px;}
  .filterBoxes .hvr-curl-bottom-right .dataOnImage p { margin-bottom: 10px;}
  .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4 { bottom: -38%;}
  section.mainImageSection.singleIssueImg { margin-bottom: 90px;}
  .newsContentSection.singleIssueArea .col-8 { margin-bottom: 10px; margin-top: -60px;}
  .popupWraper {margin: 10% auto;}
  #gform_wrapper_2 .nice-select:after { right: -7px !important;}
  #gform_wrapper_2 .nice-select.open:after { right: -5px !important;}

  .cn-close-icon { right: 0px !important; top: -20px !important; background: #02103b;  padding: 20px !important; opacity: 1 !important;}
  .cn-close-icon:after, .cn-close-icon:before { top: 10px !important;}
  .logo { float: left; width: 40%;}
  .rightMenu { width: 60%; }
  .articleTopSpace { bottom: -29% !important;}
  .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4.articleTopSpace { bottom: -27% !important;}
  .templateSafContent .subcontent { margin: 30px 0;}
  #sign-the-petition input[type='submit'] { padding: 10px 20px; font-weight: 400; font-size: 25px;}
  #sign-the-petition .radio-button-field { margin-bottom: 15px; margin-top: -5px;}
}
@media only screen and (max-width:982px){
  .HeroSection .box::before { padding-top: 57%;}
  .navigationform { width: 350px;}
  .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4.articleTopSpace { bottom: -28% !important;}
}
@media only screen and (max-width:982px){
  .HeroSection .box::before { padding-top: 60%;}
  .publicationIssue .sectionSubTitle { margin-top: 55px;}
  section.mainImageSection.singleIssueImg { margin-bottom: 80px;}
  .newsContentSection.singleIssueArea .col-8 { margin-bottom: 10px; margin-top: -50px;}

}
@media only screen and (max-width:950px){
  .HeroSection .box::before { padding-top: 66%;}
  .navigationform { width: 350px;}
  #footer h6 { font-size: 22px; line-height: 25px;}
  .careerSection .col-6 div.btnRow a.btn { font-size: 20px; line-height: 25px; width: 100%;  text-align: left;}
  .topcontentBg .col-4 img {  margin-right: 0;}
  .DigitalContentSection .flexWrap .col-4 { width: 50%;}
  .DigitalContentSection .col-4 > div { margin: 10px;}
  .DigitalContentSection .flexWrap { margin: 0 -10px;}
  .digitalArrowLogo a.clickArrow { bottom: 5px;}
  .eventSection .hvr-curl-bottom-right .date_author, .eventSection .hvr-curl-bottom-right .name_author { font-size: 16px; line-height: 25px;}
  .SingleCommunity .col-6 { width: 100%;  margin-bottom: 30px;}
  .SingleCommunity .flexWrap { margin: 0 -10px 0px;}
  .deputiesCommunity .col-8, .deputiesCommunity .col-4 {  width: 100%;}
  .infoDonate .blubox h4, .infoDonate .redbox h4 { font-size: 37px; line-height: 45px;}
  nav { width: 60%;}
  .publicationIssue .sectionSubTitle { margin-top: 50px;}
  .page-template-template-community-briefing .col-6.viewmoreBox { margin-bottom: 0;}
  section.DigitalContentSection.digiBoxes { margin-bottom: 10px;}
  .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4.articleTopSpace {
    bottom: -29% !important;
}

}
@media only screen and (max-width:900px){
  #page-wrap { padding-top: 110px;}
  .HeroSection .box::before { padding-top: 66%;}
  .menu-footer-menu-container { float: left; width: 100%;}
  .menu-pages-menu-container { float: left; width: 100%;}
  .menu-pages-menu-container ul#menu-pages-menu { padding-bottom: 6px;}
  #footer .col-4.f_box2 div p { margin-bottom: 0; padding-bottom: 10px;}
  #footer .col-4.f_box2 div p span { display: block; margin-top: 10px;}
  #footer .col-4.f_box2 div { height: 100%;}
  .col-4.f_box1 { width: 30%;}
  .col-4.f_box2 { margin-bottom: 15px; width: 36%;}
  .logo { float: left; width: 40%;}
  .rightMenu { width: 60%; padding-right: 55px;}
  ul.social_icon { padding-bottom: 0; margin-top: 4%;}
  header#myHeader { padding: 15px 0 5px;}
  .social_icon li { margin: 0; padding-bottom: 3px}
  .social_icon img { width: 80%; margin: 0 auto;}
  #nav-icon2 { top: 32%;}
  #nav-icon2.open { top: 30%;}
  #nav-icon2 span { height: 4px; margin-top: 0}
  #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 10px;}
  #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 20px;}
  #nav-icon2.open span:nth-child(5) { left: 0px; top: 18px;}
  #nav-icon2.open span:nth-child(6) { left: calc(45% - 0px);  top: 18px;}
  #nav-icon2 { width: 25px; height: 25px;}
  .searchIMg.active img.closeMagni { height: 31px;}
  input.inputSearch { padding: 10px 10px;}
  .navigationform { width: 350px; z-index: 999; height: 45px;}
  .donate { font-size: 24px; width: 50px;}
  .dnate_text {margin: 11px;}
  nav.active { padding: 15% 0 3%; top: 0;}
  .tabSection .col-4 h5.section-title { padding: 7px 20px; width: auto; margin-bottom: 20px;}
  .tabSection .col-4 { padding-right: 0; width: 100%;}
  .tabSection .col-8 { width: 100%;}
  .tabSection .tabs .tablinks { padding-bottom: 0;}
  .tabSection .tabs .tablinks p { padding: 15px 10px;}
  h5.section-title { font-size: 30px;}
  .TabbingSection { margin-top: 0;}
  .tabSection .col-8 h5.section-title { padding: 7px 15px 7px 15px; margin: 25px 0 25px;}

  h1 { font-size: 70px; line-height: 75px;}
  h2 { font-size: 60px; line-height: 70px;}
  h3 { font-size: 50px; line-height: 60px;}
  h4 { font-size: 40px;	line-height: 50px;}
  h5 { font-size: 30px; line-height: 40px;}
  h6 { font-size: 20px; line-height: 30px;}
  p { font-size: 18px; line-height: 25px;}
  span.newsDate { font-size: 18px; line-height: 25px;}
  .singleDiary .col-6 { font-size: 18px; line-height: 25px;}

  .singleEventSection .singleDiary .evetTitle { font-size: 21px; line-height: 27px;}
  .singleDiary .evetTitle .red_title { margin-top: 15px;}

  .pagetext { font-size: 30px; line-height: 40px; margin-bottom: 20px;}
  .pageTitle { font-size: 65px; line-height: 70px; margin: 40px 0 20px;}
  .singlecampanig .pageTitle { margin: 40px 0 20px;}
  .subcontent { font-size: 21px; line-height: 30px;}
  .subcontent p { font-size: 21px; line-height: 30px;}
  .pagetext p { font-size: 30px; line-height: 40px;}
  .popupWraper { width: 100%; max-width: 65%;}
  .donate.rightsdie { width: 50px; height: 110px;}
  .donate.rightsdie .dnate_text { margin: 8px;}
  .communalContriSection .col-8 div p { font-size: 16px;}
  .communalContriSection .dataOnImage h4 { margin-bottom: 50px; font-size: 30px; line-height: 32px;}
  .communalContriTitleSection .subcontent { margin-bottom: 30px;}
  .communalContriSection .dataOnImage { padding: 15px;}
  .pageTitle { font-size: 60px;}
  section.getInvolved { margin-top: 35px; }
  .contactTitleSection h6.subcontent { margin: 0;}
  .careerSection .flexWrap .col-6 { width: 100%;}
  .careerSection .col-6 div.btnRow a.btn { width: auto;}
  .careerSection .col-6 div.btnRow a.btn { padding: 10px 80px 10px 15px;}
  .careerSection .col-6 div.btnRow { margin: 30px 0 0;}
  .careerSection .col-6 div h4 { margin-bottom: 25px;}
  .careerSection .col-6 div { padding: 10px 15px 25px;}
  .careerSection .col-6 div h4 { margin-bottom: 10px;}
  .DigitalCtitleSection .flexWrap .col-8 { padding-right: 70px;}
  .videoName {font-size: 19px;}
  .eventSection.featuredSection .col-4 { width: 50%;}
  .eventSection.featuredSection .col-4 div { font-size: 19px; line-height: 29px;}
  .eventSection.featuredSection { margin: 0px 0 20px;}
  .singleEventSection .col-8 div .evetTitle { padding: 0;}
  .singleEventSection .flexWrap .col-8 { width: 100%;}
  .singleEventSection .backCenter { padding: 25px 0 0; }
  .singleEventSection .btnRow.redborder { margin-top: 10px;}
  .singleEventSection .date_author, .singleEventSection .name_author { line-height: 27px;}
  .focusSection .col-8 { width: 100%;}
  .focusSection .box:before { padding-top: 72%;}
  .focusSection .col-4 { padding: 0; position: relative; width: 100%;}
  .focusSection .col-4 h5.section-title { position: relative; left: 0; margin-top: 30px; padding: 10px 15px 10px 15px; border: 3px solid #001965; margin-bottom: 20px; width: auto;}
  .BorehamwoodText p { padding-bottom: 10px; font-size: 21px; line-height: 30px;  margin-bottom: 20px;}
  .btnRow.redborder a.btn { border: 3px solid #F8013D; }
  .btnRow.redborder a.btn:after { background-size: 22px;}
  .backCenter .btnRow.redborder a.btn:after { background-size: 22px; }
  .CommunitySection .pageSectionTitle { border: 3px solid #F8013D; padding: 15px 10px; font-size: 25px; line-height: 30px;}
  .CommunitySection .Pagelist li h6:after { top: 21px;}
  .backCenter { padding: 30px 0;}
  .deputiesCommunity .backCenter { padding-top: 30px; padding-bottom: 0;}
  .infoDonate .blubox a.btn { border: 3px solid #fff;}
  .infoDonate a.btn::after { background-size: 25px;}
  .infoDonate .viewmoreBox a.btn { padding: 0;}
  .infoDonate a.btn::after {left: -15px;}
  .infoDonate .viewmoreBox a.btn::after { left: -30px;}
  .activity_report { border: 3px solid #001965; padding: 20px 20px; margin: 0 12px 20px;}
  .SingleCommunity .col-6 { margin-bottom: 20px;}
  .clickArrow img { width: 30px; height: 25px;}
  .infoDonate .blubox h4, .infoDonate .redbox h4 { border: 3px solid #fff; font-size: 30px; line-height: 35px;}
  .infoDonate.resources .flexWrap { margin: 0 -10px 10px;}
  .eventSection .hvr-curl-bottom-right.bglogo { background-size: 65% !important;}
  .eventSection .hvr-curl-bottom-right.bglogo:hover {  background-size: 65% !important;}
  h6.pdfSectionTitle { border: 3px solid #F8013D; padding: 15px 12px;  margin-top: 30px; margin-bottom: 0; font-size: 21px;}
  .publicationSection h5 p { font-size: 28px; line-height: 38px; padding-bottom: 0 !important;}
  .publicationSection h5 { font-size: 28px; line-height: 38px; margin-bottom: 0 !important;}
  .sectionSubTitle { border: 3px solid #001965; padding: 5px 10px; margin: 0px 0 15px;}
  .campanigTitleSection .subcontent .sectionContent { font-size: 27px; line-height: 35px;}
  .campaignsBoxes .col-4 { padding: 10px; width: 50%;}
  .dataOnImage { min-height: auto;}
  .takeAction h4 { padding-right: 0;}
  .takeAction h4.sectionSubTitle { border: 3px solid #fff;}
  .campaig_signed input[type="submit"] { padding: 5px 15px; font-size: 25px;}
  .wpcf7-form [type="radio"]:checked, .wpcf7-form [type="radio"]:not(:checked) { width: 30px; height: 30px;}
  .infoDonate a.btn { border: 3px solid #fff;}
  .page-template-template-news .infoDonate .flexWrap { margin: 0 -10px 20px;}
  .page-template-template-news section.signUpDonate { margin-bottom: 20px;}
  .mainImageSection .container_1400 .col-12 { padding-top: 20px;}
  .newsContentSection .col-4 h6 { font-size: 21px; line-height: 30px;  border: 3px solid #F8013D;}
  section.newsContentSection .col-8 > div { margin-top: 0px; border: 3px solid #12245b; margin-left: 0;}
  .publicationIssue { margin-top: 0px;}
  .focusSection.allMembers .container_1400 .flexWrap .col-8 { width: 100%;}
  .focusSection.allMembers .container_1400 .flexWrap .col-8 .box { width: 100%;}
  .focusSection.allMembers .container_1400 .flexWrap .col-4 { width: 100%;}
  .BorehamwoodText { padding-left: 0; margin-top: 0;}

  .issueArea .flexWrap { border-bottom: 3px solid #001965; padding-bottom: 25px; margin-bottom: 25px; }
  .issueArea .flexWrap .col-8 { width: 100%;}
  .issueArea .flexWrap:nth-child(even) .col-8 .box { width: 100%;}
  .issueArea .flexWrap .col-4 { width: 100%;}
  .issueArea .flexWrap:nth-child(even) .col-4 .rollondiv { width: 100%; left: 0; top: 0; margin-top: 25px;}
  .issueArea .flexWrap:nth-child(even) .col-4 h5.section-title { width: auto; left: 0;}
  .issueArea .flexWrap:nth-child(even) .col-4 .discription .innerdiscription.redborder { float: right; width: 100%; margin-top: 25px; }

  .issueArea .flexWrap:nth-child(odd) .col-8 { order: 0; width: 100%;  margin-left: 0;}
  .issueArea .flexWrap:nth-child(odd) .col-8 .box { width: 100%;}
  .issueArea .flexWrap:nth-child(2n+1) .col-4 {  width: 100%;}
  .issueArea .flexWrap:nth-child(odd) .col-4 .rollondiv { width: 100%; left: 0; top: 0; margin-top: 25px;}
  .issueArea .flexWrap:nth-child(odd) .col-4 .discription {  margin-right: 0; margin-top: 25px; border: 3px solid#F8013D;}
  .issueArea .flexWrap:nth-child(even) .col-4 .rollondiv a.clickArrow { float: left !important;}
  .issueArea .innerdiscription.redborder { border: 3px solid#F8013D;}
  .issueArea .flexWrap:nth-child(odd) .col-4 .discription { margin-top: 0; border: 0;}
  .issueArea .innerdiscription.redborder { width: 100%; margin-top: 25px;}
  .innerdiscription p:last-child { padding-bottom: 0;}
  .issueArea .flexWrap .col-4 h5.section-title { padding-left: 10px !important;}
  .issueArea_TitleSection .pageTitle { margin: 40px 0 20px;}
  section.mainImageSection .container_1400 .col-12 { border-top: 3px solid #001965;}
  .home .focusSection .col-8 .box { width: 100%;}
  nav { width: 55%;}
  .banner-caption .col-8 > div { border: 3px solid #12245B;}
  .banner-caption .col-4 > div { border: 3px solid #12245B;}
  h5.section-title { border: 3px solid #001965;}
  .contentBox .boxdata { border: 3px solid #F8013D;}
  .tabSection .btnRow.redborder { margin-top: -3px;}
  .tabSection .tabs { padding-bottom: 0;}
  .communalContriSection .dataOnImage a.clickArrow { bottom: 15px;}
  .relatedNewsSection h5.subSection-title { font-size: 30px; border: 3px solid #001965;}
  .searchIMg { margin-left: 12px;}
  .searchResults ul li h6 { font-size: 25px; line-height: 31px;}
  section.section_searchPage { margin-top: 50px;}
  .searchResults ul li:first-child { padding-top: 10px;}
  .communalContriSection .dataOnImage p { padding-bottom: 60px;}
  .partnerSection .flexWrap:first-child { margin-top: 30px;}
  section.mainImageSection .container_1400 .col-12 .col-4 div:first-child { border: 3px solid #F8013D; margin-right: 0;}
  .page-template-template-communal-diary .infoDonate .flexWrap { margin: 0 -10px 30px;}
  .single-bod_communal_diary .infoDonate .flexWrap { margin: 30px -10px 0;}
  .SingleCommunity .viewmoreBox .btnRow a.btn { padding: 0; border: 0;}
  .sigleOfficersSection .col-4 .staff-Name-Post { padding: 3px 10px 7px !important;}
  .filterBoxes .imageHolder span { position: absolute; top: 9px; color: #fff; left: 7px; z-index: 9; line-height: 21px; font-size: 18px;}
  .tab_content .contentBox { bottom: -95px;}
  .singlefocusMember .backCenter { padding-bottom: 0;}
  .issueArea .flexWrap:nth-child(odd) .col-4 h5.section-title { left: 0; width: auto;}
  .issueArea .innerdiscription.redborder {  width: auto !important;  margin-top: 25px; display: inline-block !important;}
  section.mainImageSection .container_1400 .col-12 .col-4 { position: relative; z-index: 9999; width: 100%; bottom: 0 !important; margin: 30px 0 0;}
  section.mainImageSection .container_1400 .col-12 .col-4 div:first-child { padding: 20px 40px 20px 30px;}
  section.newsContentSection.singlefocusMember .col-8 { width: 100%;  margin: 30px 0 0;}
  section.newsContentSection.singlefocusMember .col-8 div {  margin-left: 0;}
  section.newsContentSection.singlefocusMember { margin: 0;}
  section.mainImageSection.singleIssueImg { margin-bottom: 0; }
  .mainImageSection.singleIssueImg .container_1400 .col-12 .col-4 { width: 100%; margin: 20px 0 25px;}
  section.newsContentSection.singleIssueArea {  margin: 0px !important;}
  .publicationIssue .sectionSubTitle { margin-top: 0;}
  section.newsContentSection.singleIssueArea .col-8 { margin: 0; width: 100%;}
  section.newsContentSection.singleIssueArea .col-8 div { margin-left: 0; margin-top: 0; margin-bottom: 25px;}
  .mainImageSection.newsDetailspage {  padding-bottom: 10px;}
  .newsContentSection.newsDetailPageContent .flexWrap .col-4,
  .newsContentSection.newsDetailPageContent .flexWrap .col-8 { margin-top: 0; width: 100%;}
  .singleNewsMore.newsmore .btnRow.redborder {  margin: 20px 0 30px;}
  .relatedNewsSection.singlenewsrelated {  margin-top: 20px; }
  div#gform_wrapper_2 { margin-top: 30px !important; margin-bottom: 10px;}
  .post-password-form p:first-child { font-size: 25px; line-height: 35px; color: #f8013d; margin-bottom: 0px;}
  .post-password-form input[type="password"] { width: 100%;}

  .post-password-message { text-align: left;}
  .post-password-form label { width: 100%; margin-left: 0%;}
  .post-password-form input[type="password"] { display: block; margin: 10px 0 10px;}
  .post-password-form input[type="submit"] { margin-left: 0;}
  .post-password-form p:first-child { font-size: 25px; line-height: 30px;  color: #f8013d; margin-bottom: 0;}
  form.post-password-form { padding: 0 30px 30px;}
  .post-password-message { padding: 30px 30px 10px; font-size: 23px; line-height: 32px;}
  .post-password-message p { font-size: 23px; line-height: 32px;}
  .post-password-message {margin-top: 30px;}
  #cn-notice-text { text-align: center; width: 100%;}
  #cookie-notice .cn-button { margin: 12px 5px 0px 5px !important;}
  .CommunityTitleSection.comunitybrief .subcontent { margin: 25px 0 5px;}
  .eventnewlyadded .box::before { padding-top: 75%;}
  .SingleBodfeatured .pageTitle { padding-bottom: 0;}
  .featured_detailsTop .eventtitle {font-size: 25px; line-height: 29px;}
  .tooltiplinks li.tooltip { font-size: 18px; line-height: 25px; padding-bottom: 0;}
  .diary_boxes h6.pageSectionTitle {font-size: 23px; line-height: 30px;}
  section.diary_boxes { margin-bottom: 20px !important;}
  .ourMemberfliter ul { margin-top: 10px;}
  .nameofmember { border-top: 3px solid #001965;}
  .nameofmember:last-child { border-bottom: 3px solid #001965;}
  .page-template-template-focus-on-our-members-php .moreCenter { padding: 0px 0 35px;}

  .getInvolved .blubox p, .getInvolved .redbox p, .getInvolved .skyBl_box p { margin-top: 10px; margin-bottom: 0; padding-bottom: 10px;}
  .templateSafDiv .safgreyText { padding: 0 30px 0 0;}
  .templateSafContent .subcontent { margin: 25px 0 20px;}
  .templateSafDiv .col-8 { width: 55%;}
  .templateSafDiv .col-4 { width: 45%;}
  #sign-the-petition input.form-text { margin-bottom: 10px;}
  .gwts-gwl-slidergal li img { margin-bottom: 0;}
  .SinglenewsSection .pagetext { margin-bottom: 15px;}
  .SinglenewsSection span.newsDate { margin-bottom: 25px;}

  .newsContentSection.newsDetailPageContent .flexWrap .col-4,
  .newsContentSection.singlefocusMember .flexWrap .col-4,
  .newsContentSection.singleIssueArea .flexWrap .col-4{
     margin-top: 0; width: 100%;
   }
  .single-bod_news .newsContentSection.newsDetailPageContent .flexWrap .col-4 .qouteBox,
  .single-bod_members .newsContentSection.singlefocusMember .flexWrap .col-4 .qouteBox,
  .page-template-single-issue-area .newsContentSection.singleIssueArea .flexWrap .col-4 .qouteBox{
  	margin-top: -0px;
  }
  .page-template-single-issue-area .newsContentSection.singleIssueArea,
  .single-bod_members .newsContentSection.singlefocusMember,
  .single-bod_news .newsContentSection.newsDetailPageContent{
  	padding-top: 30px;
  }
  .single-bod_news .newsContentSection .col-4 h6,
  .page-template-single-issue-area .newsContentSection .col-4 h6,
  .single-bod_members .newsContentSection .col-4 h6{
    margin-bottom: 0;
  }
  .single-bod_news .newsContentSection .col-4,
  .page-template-single-issue-area .newsContentSection .col-4,
  .single-bod_members .newsContentSection .col-4{
    margin-bottom: 20px;
  }
  .bod-default-banner {
    max-height: 600px;
    overflow: hidden;
}

}
@media only screen and (max-width:880px){
  .HeroSection .box::before { padding-top: 68%;}
  .ourStructureSection .col-4 div { padding: 30px 10px 50px;}
  .eventnewlyadded .col-4 div p { font-size: 15px;}
  .eventnewlyadded span { font-size: 16px;}
  .eventnewlyadded .col-4 div p { padding-right: 15px;}
  .templateSafContent .subcontent { margin: 25px 0 20px;}
}
@media only screen and (max-width:850px){
  .HeroSection .box::before { padding-top: 77%;}
  .banner-caption .col-8 > div { margin: 0 5% 0 0;}
  [class^="hvr-"] { margin: .4em; padding: 12px 10px;}
  .hvr-curl-bottom-right:before { width: 40px; height: 40px;}
  .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 50px; height: 50px;}
  .diary_boxes .col-4 .hvr-curl-bottom-right:hover:before,
  .diary_boxes .col-4 .hvr-curl-bottom-right:focus:before,
  .diary_boxes .col-4 .hvr-curl-bottom-right:active:before {
       width: 40px; height: 40px;
  }
  section.featuredSection .col-4 div { font-size: 14px; line-height: 24px;}
  p.date_author, p.name_author { font-size: 12px;}
  .home p.date_author, .home p.name_author { font-size: 16px;  line-height: 22px;  margin-bottom: 10px;}
  p.name_author { padding-bottom: 15px;}
  section.featuredSection .textbox { margin: 0 0px 10px 0 !important;}
  .focusSection .col-4 h5.section-title { font-size: 23px; line-height: 27px;}
  .BorehamwoodText p { margin-bottom: 0; padding-bottom: 10px;}
  .filter_Section .flexWrap .col-4 { width: 37%;}
  .filter_Section .flexWrap .col-4:last-child { width: 26%;}
  .plenaryVideoSection { margin-bottom: 30px;}
  .campaignsBoxes .hvr-curl-bottom-right { margin: 0;}
  .flexWrap.officersInfo.twoPerrow { padding-left: 0;}
  .officesSection .col-8 { width: 100%; margin: 0;}
  .threePerrow .col-4 { width: 50%;}
  .learnMoreSection .flexWrap .col-4 { margin-bottom: 20px; width: 50%;}
  .learnMoreSection.bannerBottom { margin: 0;}
  .learnMoreSection .content_title { margin: 0 0 30px;}
  .officesSection .honarryOfficers { padding-bottom: 25px;}
  .staff-Name-Post p { font-size: 18px; line-height: 25px;}
  .donate { font-size: 22px;}
  .home section.bannerBottom .col-4 div a h6 { font-size: 21px; line-height: 31px;}
  .commuDiary_Box .moreCenter {  text-align: center;  padding: 30px 0 25px !important;}
}
@media only screen and (min-width:801px){

}
@media only screen and (max-width:830px){
  #page-wrap { padding-top: 105px;}
  .HeroSection .box::before { padding-top: 79%;}
  .banner-caption .col-4 > div { padding: 7px 15px 7px;}
  .banner-caption .col-8 > div h3 { font-size: 27px; line-height: 40px;}
  .staff-Name-Post { border: 3px solid #001965;}
  section.communalContriSection { margin-bottom: 30px;}

}
@media only screen and (max-width:800px){
  #page-wrap { padding-top: 104px;}
  .HeroSection .box::before { padding-top: 67%;}
  .banner-caption .container .col-8 { width: 50%;}
  .banner-caption .container .col-4 { width: 50%;}
  .banner-caption .col-4 > div { padding: 5px 10px 5px;}
  .post1 { margin-bottom: 10px;}
  .post1 p {font-size: 12px; line-height: 19px; margin-bottom: 3px;}
  .post1 span.date { line-height: 10px;}
  .banner-caption a.clickArrow img { width: 25px;}
  .banner-caption .col-8 > div h3 { font-size: 30px; margin-bottom: 0; line-height: 42px;}

  .col-4.f_box1 { width: 30%;}
  .col-4.f_box2 { width: 36%;}
  #footer p {font-size: 14px;}
  .charityNo_box { font-size: 14px; line-height: 18px;}
  .dnate_text { margin: 11px;}
  .dnate_text a { color: #fff; margin-left: 20px; position: absolute; top: -4px;  height: 28px; vertical-align: top; display: block; line-height: 5px;}
  .donate.rightsdie { width: 40px; height: 95px; font-size: 19px;  letter-spacing: 1px;}
  .donate.rightsdie .dnate_text { margin: 8px;}
  .communalContriSection .col-4 { width: 100%; margin-bottom: 25px;}
  .communalContriSection .col-4 .publicIssue {  margin-right: 0;}
  .communalContriSection .dataOnImage p { padding-bottom: 5%;}
  .communalContriSection .col-8 { width: 100%;}
  .communalContriSection .col-8 div p {font-size: 18px;}
  .getInvolved a.btn { border: 3px solid #fff;}
  .getInvolved a.btn::after { background-size: 25px;}
  .getInvolved .blubox h4, .getInvolved .redbox h4, .getInvolved .skyBl_box h4 { border: 3px solid #fff; font-size: 35px; line-height: 45px;}
  .getInvolved .blubox, .getInvolved .redbox, .getInvolved .skyBl_box { padding: 20px 15px 20px !important;}
  .subcontent p:last-child { padding-bottom: 0;}
  .eventSection.featuredSection .col-4 div .clickArrow img { width: 33px; height: 25px;}
  .subcontent h6 { font-size: 21px; line-height: 31px;}
  .subcontent h2 { font-size: 35px; line-height: 45px; margin-bottom: 10px;}
  section.plenaryVideoSection .col-4 { width: 50%;}
  .plenaryVideoSection .container_1400 > h4 { margin-bottom: 0;}
  .eventSection .hvr-curl-bottom-right.bglogo { background-size: 45% !important;}
  .eventSection .hvr-curl-bottom-right.bglogo:hover {  background-size: 45% !important;}
  .singlecampaigns .flexWrap .col-6 { padding: 0 12px; width: 100%;}
  .discribeCampaign p { padding-bottom: 10px;}
  .singlecampaigns .campanigImg { margin-bottom: 20px;}
  .blueProgressBar img {  margin-bottom: 10px;  width: 100%;}
  .campaig_signed { padding: 20px 20px 10px;}
  .campaig_signed p { padding-bottom: 15px;}
  .wwaTitleSection .pageTitle { margin: 40px 0 10px;}
  .ourStructureSection .col-4 div { border: 3px solid #f8013d; font-size: 30px; display: block; padding: 30px 10px 50px; line-height: 40px; word-break: break-word; text-align: center; margin-right: 15px;}
  .ourStructureSection .flexWrap { margin: 20px 0;  border-bottom: 3px solid #001965; padding-bottom: 20px;}
  .officesSection .honarryOfficers { border-bottom: 3px solid #001965;}
  /* .staff_info { margin: 10px;} */
  .bannerBottom .col-4 div a h6 { font-size: 23px; line-height: 30px;}
  .threePerrowSection .content_title {  margin-top: 20px;}
  .officesSection .honarryOfficers { padding-bottom: 10px;}
  .sigleOfficersSection .officers_Detail .staff-Name-Post {  padding-bottom: 10px !important; border-bottom: 3px solid #001965; padding-left: 0 !important;}
  section.sigleOfficersSection {  margin-top: 20px;}
  section.mainImageSection .container_1400 .col-12 { border-top: 3px solid #001965;}
  .sigleOfficersSection .col-4 .staff-Name-Post {  padding: 3px 10px 7px !important;}
  .sigleOfficersSection .col-4 { width: 40%;}
  .sigleOfficersSection .col-8 { width: 60%;}
  nav { width: 60%;}
  #menu-menu a { font-size: 30px; line-height: 40px;}
  nav .HeaderMenu { width: 100%; padding: 30px 27% 30px 0px;  margin: 0 auto;}
  ul.social_icon { margin-top: 15px;}
  .header.sticky ul.social_icon { margin-top: 3%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
  .header.sticky ul.social_icon {margin-top: 3px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
  #nav-icon2 { top: 30px;}
  .header.sticky #nav-icon2 { top: 18px;}
  #nav-icon2.open { top: 30%;}
  .home h5.section-title {  font-size: 25px; line-height: 35px;}
  .tabSection .col-8 h5.section-title { font-size: 25px; line-height: 35px; padding: 7px 20px;}
  section.mainImageSection .container_1400 .col-12 .col-4 { position: relative; bottom: 0 !important;  z-index: 99;  margin-top: 30px; width: 100%;}
  .newsContentSection .col-8 { width: 100%; margin-top: 30px;}
  section.newsContentSection .col-8 > div { margin-left: 0;}
  section.newsContentSection { margin: 0; }
  .communalContriSection .col-8 div { border: 3px solid #001965;}
  .getInvolved .col-12 { border-bottom: 3px solid #001965; margin: 0 12px 20px; padding-bottom: 20px;}
  .filterBoxes .dataOnImage p { font-size: 16px; line-height: 23px;}
  .filterBoxes .hvr-curl-bottom-right:before { width: 40px; height: 40px;}
  .filterBoxes .hvr-curl-bottom-right:hover:before { width: 45px; height: 45px;}
  .filterBoxes .hvr-curl-bottom-right .dataOnImage span { bottom: 10px;}
  section.newsContentSection.singleIssueArea { margin: 0;}
  .mainImageSection.singleIssueImg .container_1400 .col-12 .col-4 { margin-top: 25px;}
  .header.sticky .logo a { display: inline-block; max-width: 220px; width: 100%;}
  .header.sticky { border-bottom: 3px solid #12245B !important;}
  .header.sticky ul.social_icon { margin-top: 1%;}
  /* .header.sticky .donate { width: 40px;} */
  .header.sticky .donate .dnate_text { font-size: 18px; line-height: 36px;}
  .header.sticky #nav-icon2.open { top: 16px;}
  .singleDiary .col-6 { width: 100%;}
  .event_Description.col-6 { padding-left: 0;}
  .singleEventSection .singleDiary { padding: 20px;}
  .event_Description.col-6 .evetTitle.red_title { margin-bottom: 5px; margin-top: 15px;}
  .CommunityTitleSection.comunitybrief .subcontent { margin: 25px 0 20px;}
  .comunitybrief + section.infoDonate .flexWrap { margin-bottom: 0px !important;}

  .tooltipster-sidetip .tooltipster-box { padding: 5px;}
  .tooltipster-sidetip .tooltipster-box p { font-size: 14px; line-height: 20px; padding-bottom: 10px;}
  .tooltipTitle { font-size: 18px; line-height: 26px;}
  .Bodfeatured_details .redborder .col-6 { width: 100%;}
  .Bodfeatured_details .redborder .col-6:first-child { margin-bottom: 20px;}
  .Bodfeatured_details .box { margin-right: 0px;}
  .Bodfeatured_details .box::before { padding-top: 75%;}
  .Bodfeatured_details .featured_detailsTop { padding: 20px 0 0; border-top: 3px solid #001965;}
  .Bodfeatured_details .featured_detailsTop .redborder {  border: 3px solid #f8013d;}
  .gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label { font-size: 23px !important; }
  .gform_wrapper input[type='text'], .gform_wrapper input[type='email'], .gform_wrapper input[type='tel'], .gform_wrapper input[type='date'], textarea { border: 3px solid #001965; height: 40px;}
  .contactDetailSection .col-6 div { border: 3px solid #f8013d; }
  .gform_wrapper h3.gform_title { font-size: 30px !important; }
  .getInvolved a.btn { border: 3px solid #fff !important;}
  .page-template-template-campaigns-php .signform.campsf + p { font-size: 20px; line-height: 25px; padding-bottom: 20px;}
}
@media only screen and (max-width:767px){
  .filter_Section .flexWrap .col-4 { width: 50%; margin-bottom: 0;}
  .filter_Section .flexWrap .col-4:last-child { width: 50%; margin-top: 20px; margin-bottom: 10px;}
  .dropdown .select_box { border-top: 2px solid #001965;}
  .dropdown .select_box select {font-size: 21px; line-height: 30px; background-size: 12%; background-position: 105%;}
  section.filter_Section { margin-bottom: 0;}
  .filterBoxes .flexWrap .col-6 { width: 100%;}
  .filterBoxes .box:before { padding-top: 77%;}
  .pagination a, .pagination span { font-size: 16px; padding: 10px 10px;}
  .pagination a.paginationLink.prev:before { font-size: 25px; top: -10px;}
  .pagination a.paginationLink.next:before { font-size: 25px; top: -10px;}
  .infoDonate .redbox, .infoDonate .blubox {padding: 15px;}
  #page-wrap { padding-top: 102px;}

  .HeroSection .box::before { padding-top: 45%;}
  .banner-caption .container .col-8 { width: 100%;}
  .banner-caption { top: 0; position: relative;  margin: 30px 0 0;}
  .banner-caption .col-8 > div { margin: 0 0 25px; position: relative;}
  .banner-caption .col-4 > div { padding: 15px 15px 5px;}
  .banner-caption .container .col-4 { width: 100%; position: relative;}
  .banner-caption .col-4 > div h2 { margin-bottom:10px;}
  .post1 p { font-size: 18px; line-height: 26px; margin-bottom: 7px;}
  .banner-caption span.author { display: block;  line-height: 20px; margin-top: 12px; font-size: 14px;}
  section.bannerBottom { margin: 0px;}

  .banner-caption .col-8 > div { padding: 10px 15px;}
  .focusSection .col-8 { width: 100%;}
  .focusSection .col-4 {  padding: 0; position: relative;  width: 100%;}
  .foote_bootom .col-4.f_box5 ul li { width: auto;}
  .focusSection .box:before { padding-top: 70%;}
  .focusSection .col-4 h5.section-title { position: relative; left: 0;}
  .focusSection h5.section-title { margin-bottom: 15px; margin-top: 20px;}
  .home .focusSection h5.section-title { margin-top: 0; margin-bottom: 25px;}
  .focusSection .box:before { padding-top: 70%;}
  .BorehamwoodText p { padding-bottom: 20px;}
  section.tabSection { padding: 30px 0 25px;}
  .home section.featuredSection { margin: 0px 0 15px;}
  .home section.featuredSection h5.section-title { margin-bottom: 15px; margin-top: 0;}
  footer#footer .container_1400 .borderside { padding: 0 3px;}
  .foote_bootom .col-8.f_box4 { width: 100%; padding-bottom: 10px;}
  .foote_bootom .col-4.f_box5 { border-top: 1px solid #fff; padding-top: 15px; width: 100%;}
  nav { width: 70%;}
  .btn { padding: 7px 60px 7px 10px; font-size: 19px;}
  a.btn:after { background-size: 21px;}

  h1 { font-size: 60px; line-height: 65px;}
  h2 { font-size: 50px; line-height: 55px;}
  h3 { font-size: 40px; line-height: 50px;}
  h4 { font-size: 30px;	line-height: 40px;}
  h5 { font-size: 25px; line-height: 35px;}
  h6 { font-size: 20px; line-height: 30px;}
  p { font-size: 16px; line-height: 21px;}
  span.newsDate { font-size: 16px; line-height: 21px;}
  .singleDiary .col-6 { font-size: 16px; line-height: 21px;}
  .btn { padding: 7px 70px 7px 10px; font-size: 25px;}
  .pageTitle { font-size: 60px; line-height: 58px; margin: 30px 0 15px;}
  .pagetext p { font-size: 25px; line-height: 35px; margin-bottom: 15px;}
  .communalContriSection .dataOnImage { padding: 15px 15px 50px;}
  .page-template-template-communal-contribution .communalContriSection .dataOnImage { padding: 15px 15px 15px;}
  .DigitalContentSection .moreCenter { width: 100%; padding: 15px 0 30px;}
  .btnRow a.btn { font-size: 24px; padding: 7px 60px 7px 10px; line-height: 25px;}
  .newsContentSection .col-4 { width: 100%;}
  .newsContentSection .col-4 > div { margin-top: 30px;  position: relative;}
  .singlefocusMember .col-4 div h6 {  padding-bottom: 30px;}
  .newsContentSection .col-4 h6 { border: 3px solid #F8013D;}
  section.newsContentSection .col-8 > div { margin-top: 0px; border: 3px solid #12245b; margin-left: 0; font-size: 18px; line-height: 28px;}
  .singlefocusMember .col-8 { position: relative; margin-top: 15px; right: 0; width: 100%; }
  .newsContentSection .col-8 div { margin-left: 0;}
  .singlefocusMember .col-8 div { padding: 20px 20px !important;}
  .backCenter { padding: 30px 0;}
  .single div#page-wrap { margin-bottom: 30px;}
  .newsContentSection .backCenter { padding-bottom: 0;}
  .SingleCommunity .col-6 { margin-bottom: 20px;}
  .details_HO .col-8 { font-size: 18px; line-height: 28px;}
  section.newsContentSection { margin: 0;}
  .single-bod_news .newsContentSection .col-4 { width: 100%; margin-bottom: 10px;}
  .single-bod_news .newsContentSection .col-4 h6 {  margin-bottom: 0;}
  .single-bod_news .newsContentSection .col-4 p { margin: 15px 0; font-size: 19px;  line-height: 23px;}
  .newsContentSection .col-8 { width: 100%;}
  .singleIssueArea .col-4 div { top: 0; margin-bottom: 20px; margin-top: 15px;}
  .home .focusSection .col-4 h5.section-title { margin-top: 30px;}
  .relatedNewsSection .filterBoxes .col-6 { width: 100%;}
  .section_searchPage h4 { font-size: 40px; line-height: 50px;}
  section.section_searchPage { margin-top: 35px;}
  .searchResults .btnRow.redborder a.btn { border: 2px solid #F8013D; padding: 5px 35px 5px 7px; font-size: 19px;}
  .searchResults .btnRow.redborder a.btn::after { background-size: 18px; left: -10px;}
  header#myHeader { border-bottom: 3px solid #12245B;}
  section.mainImageSection .container_1400 .col-12 .col-4 div:first-child {padding: 20px 20px 20px 20px;  margin-top: 20px;}
  section.mainImageSection.singlefocusImg .container_1400 .col-12 .col-4 { margin-top: 10px;}
  .communal_Box .moreCenter { padding: 0;}
  .communalContriSection .col-8 div { font-size: 18px; line-height: 28px;}
  .featuredSection.communal_Box .flexWrap { margin: 0 -10px 30px;}
  .infoDonate .btnRow {  bottom: 15px; }
  .st-btn.st-first {  margin-top: 0 !important;}
  .communal_Box.commuDiary_Box .flexWrap { margin: 0 -10px 20px;}
  .tab_content .contentBox { bottom: -85px;}
  .focusMember_TitleSection .subcontent {  padding-bottom: 0; margin-bottom: 0 !important;}
  .focusMember_TitleSection .subcontent h6 {  margin-bottom: 20px;}
  section.mainImageSection.singlefocusImg .container_1400 .col-12 { padding-top: 20px; border-top: 3px solid #001965;}
  section.newsContentSection.singlefocusMember .col-8 { width: 100%; margin: 20px 0 0;}
  .mainImageSection.newsDetailspage { padding-bottom: 0;}
  section.mainImageSection .container_1400 .col-12 .col-4 div:first-child h6 { font-size: 20px; line-height: 30px;}

  div#gform_wrapper_2 { padding: 20px;}
  #gform_wrapper_2 label.gfield_label { font-size: 21px; line-height: 25px;}
  #gform_wrapper_2 .gfield_description { font-size: 14px; line-height: 20px;}
  #gform_wrapper_2 .gform_footer input#gform_submit_button_2 {  font-size: 25px !important; height: 50px !important;}
  #gform_wrapper_2 .nice-select span.current {  font-size: 20px;}
  #gform_fields_2 .validation_message {font-size: 16px !important;}
  #gform_fields_2 .validation_message:after { top: 9px;}

  .eventnewlyadded .col-4 div .equal-height { font-size: 16px !important; line-height: 21px !important;}
  .eventnewlyadded .col-4 div p { font-size: 16px; line-height: 21px !important;}
  .eventnewlyadded span { font-size: 16px;}
  .tooltiplinks li.tooltip { font-size: 16px; line-height: 21px;}
  .eventnewlyadded .col-4 div p { font-size: 15px; line-height: 20px !important;}
  .page-template-template-focus-on-our-members-php .moreCenter { padding: 0px 0 20px;}
  .ourMemberfliter { margin-bottom: 20px;}
  .gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label { font-size: 21px !important; }
  .gform_wrapper h3.gform_title { font-size: 25px !important; }
  .getInvolved .btnRow {margin-bottom: 7px;}

  .templateSafDiv .col-8 { width: 100%;}
  .templateSafDiv .safgreyText { padding: 0;}
  .templateSafDiv .col-4 { width: 100%;}
  .templateSaf .banner-caption { top: 20%; position: absolute;}
  .templateSafContent { margin-bottom: 10px;}
  #sign-the-petition input[type='submit'] { margin-bottom: 0px !important; margin-top: 0 !important;}
}
@media only screen and (max-width:740px){
  #page-wrap { padding-top: 97px;}
  .donate { font-size: 22px;}
  .dnate_text { margin: 10px;}
  .navigationform { width: 330px;}
  input.inputSearch { padding: 7px 10px;}
  .contactDetailSection {  margin-bottom: 30px;}
  .singleEventSection span.name_author { margin-bottom: 15px;}
  .subCommunityTitleSection .content_title { margin-bottom: 20px; font-size: 40px; line-height: 50px;}
  .staff-Name-Post { padding: 3px 10px !important;}
  .sigleOfficersSection .staff-Name-Post ul li a img { width: 20px; height: 20px;}
  .sigleOfficersSection .col-4 .staff-Name-Post { padding: 3px 10px 7px !important;}
  #nav-icon2 { top: 26px;}
  .header.sticky #nav-icon2 { top: 18px;}
  #nav-icon2.open { top: 29%;}
  ul.social_icon { margin-top: 12px;}
}
@media only screen and (max-width:700px){
  #page-wrap { padding-top: 95px;}
  .banner-caption .col-8 > div h3 { font-size: 27px; line-height: 36px;}
  .signUpDonate .col-6 { width: 100%;}
  .signUpDonate .col-6:first-child { margin-bottom: 20px;}
  .donate.rightsdie { width: 40px; height: 95px;}
  .contactDetailSection .col-6 div { border: 4px solid #f8013d; padding: 15px 10px;}
  .CommunitySection .Pagelist h6 a { font-size: 20px; line-height: 30px; padding: 12px 45px 12px 0px;}
  .CommunitySection .Pagelist li h6:after { top: 10px;}
  .CommunitySection .pageSectionTitle { border: 3px solid #F8013D; padding: 10px; font-size: 23px; line-height: 30px; margin-top: 20px;}
  .CommunitySection .Pagelist li h6:after { right: 3px;}
  .publicSubPages ul.Pagelist { margin-bottom: 10px;}
  .staff-Name-Post p { font-size: 16px; line-height: 23px;}
  .pageNotFound h3 { margin-top: 0;}
  .pageNotFound svg { width: 100%; height: 100%;}
  .searchHolder { padding: 20px;}
  .eventnewlyadded .col-4 { width: 100%;}
  .eventnewlyadded .col-4 div { height: auto !important;}
}
@media only screen and (max-width:680px){
  #page-wrap { padding-top: 91px; }
  .HeroSection .box::before { padding-top: 45%;}
  .banner-caption .container .col-8 { width: 100%;}
  .banner-caption { margin: 25px 0;}
  .banner-caption { top: 0; position: relative;  margin: 30px 0;}
  .banner-caption .col-8 > div { margin: 0 0 25px; position: relative;}
  .banner-caption .container .col-4 { width: 100%; position: relative;}
  .banner-caption .col-4 > div h2 { margin-bottom:10px;}
  section.bannerBottom { margin: 0px;}

  #footer .col-4.f_box2 div { padding: 0 3px 0 12px;}
  ul.social_icon { margin-top: 2%;}
  .header.sticky ul.social_icon { margin-top: 2%;}
  #nav-icon2 { top: 21px;}
  .header.sticky #nav-icon2 { top: 21px;}
  #nav-icon2.open { top: 27%;}
  .donate { width: 45px; font-size: 20px;}
  .dnate_text { margin: 9px;}
  .boxborder { width: 55%;}
  .tabSectionData .contentBox .boxdata { font-size: 16px; }
  section.bannerBottom .flexWrap .col-4 { width: 100%; margin-bottom: 25px;}
  section.featuredSection .flexWrap .col-4 { width: 100%; margin-bottom: 25px;}
  .infoDonate .flexWrap .col-6 { width: 100%; margin-bottom: 25px;}
  .rightMenu { padding-right: 40px;}
  .navigationform { width: 260px; z-index: 999; top: 43px;}
  .popupWraper { width: 100%; max-width: 80%;}
  .pageTitle { font-size: 55px; line-height: 50px; margin: 40px 0 15px;}
  .singlecampanig .pageTitle { margin: 40px 0 15px;}
  .getInvolved .blubox p, .getInvolved .redbox p, .getInvolved .skyBl_box p {  color: #fff;  margin-bottom: 0px; margin-top: 7px;}
  .slick-track { padding: 20px 0 0;}
  .bodTimelineSlier .flexWrap { padding: 12px 40px 0px;}
  .slick-next { right: -40px;}
  .slick-next::before { right: 0; background-size: 35px;}
  button.slick-prev { left: -40px;}
  .slick-prev:before { left: 0; right: 0; background-size: 35px;}
  .slide_Box p { margin-bottom: 0;}
  .DigitalCtitleSection .flexWrap .col-8 { padding-right: 30px;}
  .eventSection.featuredSection .col-4 { width: 50% !important;}
  .moreCenter { padding: 10px 0 30px;}
  .infoDonate.resources .flexWrap { margin: 0 -10px 0px;}
  .infoDonate.resources { padding: 0 !important;}
  .eventSection .hvr-curl-bottom-right.bglogo { background-size: 60% !important;}
  .eventSection .hvr-curl-bottom-right.bglogo:hover { background-size: 60% !important;}
  .campanigTitleSection .subcontent .sectionContent { font-size: 25px;  line-height: 33px; margin: 20px 0;}
  .sectionSubTitle { font-size: 25px; line-height: 35px; margin: 0;}
  .campanigTitleSection .subcontent { margin-bottom: 15px;}
  .takeAction h4 { font-size: 25px; line-height: 33px;}
  section.campaignsBoxes { margin-top: 15px; }
  .ourStructureSection .content_title { font-size: 32px; line-height: 40px;}
  .page-template-template-who-we-are .content_title { font-size: 32px; line-height: 40px;}
  .page-template-template-news .infoDonate .flexWrap .col-6:last-child { width: 100%; margin-bottom: 0;}
  .publicationIssue h4.sectionSubTitle { margin-top: 0px; margin-bottom: 15px;}
  .hvr-curl-bottom-right:hover { background-size: 23% !important;}
  .hvr-curl-bottom-right.bglogo { background-size: 23% !important;}
  .hvr-curl-bottom-right.bglogo:hover { background-size: 23% !important;}
  .banner-caption { margin: 25px 0 0;}
  .home section.bannerBottom { margin: 25px 0 0px;}
  .home .infoDonate .flexWrap { margin: 0 -10px 0px;}
  .home section.featuredSection { margin: 0 0 20px;}
  .home section.featuredSection .flexWrap { margin: 0 -10px 5px;}
  .home .focusSection h5.section-title { margin-top: 0; margin-bottom: 30px;}

  .page-template-default .pageContentSection ul { padding: 0 0 20px 22px;}
  .page-template-default .pageContentSection ul li { list-style: disc; padding-left: 10px; font-size: 18px; line-height: 28px;}
  .page-template-default .pageContentSection ol { padding: 0 0 20px 32px;}
  .page-template-default .pageContentSection ol li { font-size: 18px; line-height: 28px; padding-bottom: 10px;}
  .errorBox { padding: 6% 0 0;}
  .partnerTitleSection .pageTitle { margin-bottom: 0; margin-top: 40px;}
  .featuredSection.communal_Box .flexWrap .col-4 { margin-bottom: 10px;}
  .single-bod_communal_diary .infoDonate .flexWrap .col-6:last-child { margin-bottom: 0;}
  .page-template-template-communal-diary .infoDonate .flexWrap { margin: 0 -10px 0;}
  .DigitalCtitleSection .topcontentBg .col-8 { padding-right: 0px; width: 100%;}
  .DigitalCtitleSection .topcontentBg .col-4 { width: 100%;}
  .DigitalCtitleSection .topcontentBg .col-4 img { margin: 10px auto 0; float: none;}
  .ourStructureSection .col-4 div { font-size: 25px; line-height: 33px;}
  .tab_content .contentBox { bottom: -82px;}
  section.newsContentSection.singleIssueArea .col-8 div { margin-bottom: 30px;}
  section.campaignsBoxes.publicationIssue {  margin-top: 0;}
  .header.sticky #nav-icon2.open { top: 18px;}

  form.post-password-form { padding: 20px 20px;}
  .post-password-form p:first-child { font-size: 21px; line-height: 27px;}
  .post-password-form input[type="submit"] {   padding: 9px 20px; text-transform: capitalize; font-size: 25px;}
  #gform_wrapper_2 ul { padding: 0 0 10px 0px;}
  #gform_wrapper_2 .gform_footer.top_label { margin-top: 0; padding-top: 0;}
  form.post-password-form { padding: 0 20px 20px;}
  .post-password-message { padding: 30px 20px 10px;}
  .searchIMg { margin-left: 0px;}
  div#gform_wrapper_3 { padding: 0 20px 20px;}
  .gform_wrapper h3.gform_title { font-size: 23px !important; line-height: 32px !important; padding: 20px 0 0;}
  .post-password-form label { font-size: 23px; line-height: 32px;}
  .gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label { font-weight: 400 !important; font-size: 23px !important; line-height: 32px !important;}
  .gform_wrapper .gform_heading { width: 100%;  margin-bottom: 0;}
  .eventnewlyadded .col-4 { padding: 0 10px; margin-bottom: 15px !important;  }
  .diary_boxes h6.pageSectionTitle { margin-top: 10px; margin-bottom: 5px;}
  section.diary_boxes { margin-bottom: 15px !important;}
  .diary_boxes .col-4.diaryEvent .hvr-curl-bottom-right { background-size: 35% !important;}
  .diary_boxes .col-4.diaryEvent .hvr-curl-bottom-right { background-size: 35% !important;}
  .nameofmember { font-size: 18px; line-height: 21px;  padding: 10px 55px 10px 5px;}
  #gform_confirmation_message_4 { margin-top: 0; font-size: 19px; line-height: 25px;}

  .lSSlideOuter .lSGallery li { padding-left: 0 !important;}
  .gwts-gwl-slidergal .lslide { padding-left: 0 !important; list-style: none !important;}
  .gwts-gwl-slidergal { padding: 0 !important;}
  .dropdown.communalfillter { width: 100%; margin-bottom: 15px; margin-right: 0;}
  .only_diaryClass .col-4 .hvr-curl-bottom-right { width: 100%;}
}

@media only screen and (max-width:650px){
  .searchIMg { margin-left: 0;}
  .page-template-template-community-briefing .col-6.viewmoreBox { margin-bottom: 5px;}
}
@media only screen and (min-width: 641px){
  .gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; }
}
@media only screen and (max-width:640px){
  #page-wrap { padding-top: 86px;}
  .col-4.f_box1 { width: 50%;}
  #footer .col-4.f_box1 > div { padding: 0 15px;}
  .col-4.f_box2 { width: 50%;}
  #footer .col-4.f_box2 div { padding: 0 0 0 20px; border-right: 0; margin-right: 0;}
  .col-4.f_box3 { width: 100%; padding-top: 15px; margin-top: 10px;  padding: 10px 15px 0;}
  #footer .col-4.f_box3 > div { padding: 10px 0 0; border-top: 1px solid #fff;}
  .fundrising { width: 70%; float: left;}
  #footer h6 { margin-bottom: 7px;}
  footer#footer { padding: 30px 0 10px;}
  .foote_bootom { border-top: 1px solid #fff; margin: 0 10px !important; padding: 15px 5px 0;}
  .charityNo_box { padding: 10px 5px 0;}
  .tabSection .box:before { padding-top: 90%;}
  section.featuredSection .flexWrap .col-4 {width: 100%; margin-bottom: 25px;}
  .popUpclose { line-height: 33px; font-size: 23px; width: 35px; height: 35px;}
  .popupWraper .campaig_signed label {font-size: 18px;}
  .popupWraper p { padding-bottom: 10px; font-size: 16px; line-height: 21px;}
  .popupWraper .campaig_signed input[type="submit"] { font-size: 20px; padding: 0px 15px;}
  .donate.rightsdie { width: 40px; height: 95px;}
  .donate.rightsdie .dnate_text { margin: 6px;}
  .getInvolved .blubox h4, .getInvolved .redbox h4, .getInvolved .skyBl_box h4 { border: 3px solid #fff; font-size: 30px; line-height: 35px;}
  .getInvolved a.btn { border: 3px solid #fff; font-size: 21px; line-height: 25px;}
  .contactDetailSection .col-6 { width: 100%; margin-bottom: 25px;}
  .contactDetailSection .col-6:last-child { margin-bottom: 0px;}
  .contactDetailSection .col-6 div h6:first-child { margin-bottom: 20px;}
  .contactDetailSection .col-6 div h6:nth-child(2) { margin-bottom: 20px;}
  .contactDetailSection .col-6:nth-child(2) div h6:last-child { margin-bottom: 0;}
  .eventSection.featuredSection .flexWrap .col-4 { width: 50%;}
  .singleEventSection .col-8 div { padding: 25px;}
  .singleEventSection a.btn {  border: 3px solid #F8013D;}
  .singleEventSection a.btn:after { background-size: 21px !important;}
  .backCenter a.btn { padding: 6px 10px 6px 60px !important; line-height: 25px;}
  .btnRow a.btn { font-size: 21px; padding: 6px 60px 6px 10px; line-height: 25px;}
  h5.section-title { padding: 3px 15px;}
  .PDFlist h6 { padding: 16px 45px 16px 0px;}
  .PDFlist li h6:after { top: 21px;}
  .donate { font-size: 19px;}
  .section_searchPage h4 { font-size: 35px; line-height: 40px;}
  .header.sticky .logo a { display: inline-block; max-width: 160px;  width: 100%;}
  .social_icon li { height: 40px; line-height: 35px;}
  ul.social_icon { margin-top: 14px;}
  .header.sticky ul.social_icon { margin-top: 3px;}
  #nav-icon2 { top: 20px;}
  .header.sticky #nav-icon2 { top: 10px;}
  .header.sticky .dnate_text { margin: 0 12px;}
  .header.sticky .donate .dnate_text { font-size: 14px; line-height: 26px;}
  .header.sticky #nav-icon2.open { top: 7px;}
  .gform_wrapper .gfield_radio li label { margin: 2px 0 0 6px !important; text-align: left;}
  form.post-password-form { padding: 0px 20px 10px;}
  ul.social_icon { padding-left: 10px;}
  .gform_wrapper ul.gform_fields li.gfield {  padding-right: 0px !important;}
  .eventnewlyadded .col-4 { padding: 0 10px; margin: 10px 0 !important;}
  #gform_wrapper_2 input#gform_submit_button_2 { margin-bottom: 0;}

  .gform_wrapper .gform_footer { margin: 0;}

}
@media only screen and (max-width:610px){
  .social_icon li { float: left; text-align: center; margin: 0 2px; }
}
@media only screen and (max-width:600px){
  .filter_Section .flexWrap .col-4 { width: 100%; margin-bottom: 0; z-index: 7;}
  .dropdown .select_box { border-bottom: 0;}
  .dropdown.communalfillter .select_box { margin: 0;}
  .dropdown.communalfillter .select_box { border-bottom: 1px solid #001965;}
  .filter_Section .flexWrap .col-4:last-child .dropdown { border-bottom: 1px solid #001965; }
  .dropdown .select_box select { background-size: 9%; background-position: 103%;}
  .filter_Section .flexWrap .col-4:last-child {width: 100%; margin-top: 0; position: relative; z-index: 1;}
  #myHeader .container { padding: 0 10px;}
  #page-wrap { padding-top: 81px;}
  .logo { width: 40%;}
  .rightMenu { padding-right: 40px;}
  #nav-icon2 { top: 17px;}
  .header.sticky #nav-icon2 { top: 9px;}
  #nav-icon2.open { top: 21%;}
  #nav-icon2 { width: 23px; height: 23px;}
  #nav-icon2 span { height: 4px;}
  #nav-icon2.open span:nth-child(5) { left: 0; top: 18px;}
  #nav-icon2.open span:nth-child(6) { left: calc(50% - 1px); top: 18px;}
  #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 9px;}
  #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 18px;}
  ul.social_icon { margin-top: 4%; text-align: center;  margin-right: 12px;}
  .header.sticky ul.social_icon { margin-top: 3px;}
  .searchIMg.active img.closeMagni { left: 0; height: 30px; top: -2px;}
  .social_icon img { width: 75%; margin: 0 auto; display: inline-flex; vertical-align: middle;}
  .social_icon li { float: left; padding-bottom: 0; height: 30px; line-height: 30px;  margin: 0 3px;}
  .tabSectionData .contentBox .boxdata { font-size: 14px; padding: 10px; line-height: 21px;}
  h5.section-title { font-size: 25px; line-height: 30px;}
  .tabSection .col-8 h5.section-title { padding: 7px 10px 7px 10px; margin: 15px auto 30px; }
  .tabSection .col-8 h5.section-title {  margin: 30px 0; display: inline-block;}
  .donate { width: 40px;}
  .dnate_text { margin: 7px;}

  h1 { font-size: 50px; line-height: 55px;}
  h2 { font-size: 45px; line-height: 50px;}
  h3 { font-size: 35px; line-height: 45px;}
  h4 { font-size: 25px;	line-height: 35px;}
  h5 { font-size: 20px; line-height: 30px;}
  h6 { font-size: 19px; line-height: 25px;}

  .pageTitle { font-size: 45px;  line-height: 45px;}
  .donate.rightsdie { font-size: 17px;  letter-spacing: 1px;  width: 35px; height: 85px;}
  .donate.rightsdie .dnate_text {margin: 6px;}
  .dnate_text a { margin-left: 17px; top: 0; line-height: 3px;}
  .subcontent { margin: 0 0 20px; font-size: 20px; line-height: 27px;}
  #footer h6 { color: #F8013D; font-size: 20px; line-height: 25px;}
  .subcontent p { font-size: 20px; line-height: 27px;}
  .partnerSection .flexWrap { margin-top: 30px;  padding-bottom: 15px;}
  .partnerSection .flexWrap .col-4 { width: 100%; margin-bottom: 20px;}
  .partner_image { padding: 7px; width: 100%; height: 100%; }
  .partner_image img { padding: 10px;}
  .partnerSection .flexWrap .col-8 {  width: 100%;}
  .partnerSection .partnerdata p { color: #707070; font-size: 18px;  line-height: 25px;}
  .partnerSection .partnerdata p:last-child { padding-bottom: 10px;}
  .slide_Box h2 { line-height: 45px; font-size: 40px;}
  .careerTitleSection .pageTitle { line-height: 40px;}
  .singleEventSection .col-8 div .evetTitle { font-size: 25px; line-height: 30px;}
  .getInvolved .btnRow {  position: relative;  bottom: 10px;}
  .singleEventSection .btnRow.redborder { margin-top: 10px;}
  section.focusSection.allMembers .container_1400 .flexWrap:first-child { border-top: 3px solid #001965; padding-top: 20px;}
  .subcontent h2 { font-size: 32px; line-height: 36px;}
  .headTitlesection .subcontent h6 { margin-bottom: 30px;}
  .subCommunityTitleSection .content_title { margin-bottom: 20px; font-size: 30px; line-height: 40px;}
  .PDFlist li h6 { padding-left: 10px; font-size: 19px; line-height: 25px;}
  .campaignsBoxes .col-4 { padding: 10px; width: 100%;}
  .dataOnImage { min-height: 140px;}
  .campaignsBoxes .dataOnImage p { font-size: 18px; line-height: 25px;}
  .singlecampanig .subcontent { padding: 20px;}
  .ourStructureSection .col-4 div { line-height: 35px; font-size: 25px; padding: 30px 10px 30px; margin-right: 15px;}
  .staff-Name-Post { width: 85%;}
  .sigleOfficersSection .col-4 .staff-Name-Post { width: 50%;}
  .sigleOfficersSection .col-4 { width: 100%;}
  .sigleOfficersSection .col-8 { width: 100%;  margin-top: 15px; padding: 0;}
  .sigleOfficersSection .flexWrap { margin: 0 0;}
  .sigleOfficersSection .staff_info { margin: 0;}
  .staff_info .box:before { padding-top: 120%;}
  section.newsContentSection .col-8 > div h6 { font-size: 18px; line-height: 25px;}
  .SinglenewsSection .pagetext {  margin-bottom: 10px;}
  .pagetext {font-size: 25px; line-height: 35px;}
  .pagetext p:last-child { padding-bottom: 0;}
  section.mainImageSection .container_1400 .col-12 {  padding-top: 20px;}
  .newsContentSection .col-4 > div { margin-top: 23px;}
  .issueArea_TitleSection .pageTitle { margin: 40px 0 15px;}
  nav { width: 100%;}
  nav .HeaderMenu { width: 100%; text-align: left; padding: 30px 40px 30px 0px;  margin: 0 0 0 20px;  float: left;}
  span.openArrow { right: 0; top: 5px;}
  footer#footer { padding: 30px 0 10px;}
  .searchIMg img.showMagni { width: 80%; margin-top: -4px;}
  .tabSection .col-4 h5.section-title { padding: 3px 10px;}
  h3.noRecords { font-size: 30px; line-height: 40px;}
  .clickArrow img { width: 30px; height: 20px;}
  .home .focusSection .col-4 h5.section-title { padding: 7px 15px 7px 15px;}
  .home .tabSection .col-8 h5.section-title { padding: 5px 10px 5px 10px;}
  .sigleOfficersSection .col-4 .staff-Name-Post {  padding: 3px 10px 8px !important;}
  .ourStructureSection .flexWrap .col-4 { width: 100%;  margin-bottom: 20px;}
  .ourStructureSection .flexWrap .col-8 { width: 100%;}
  .tab_content .contentBox { bottom: -80px;}
  .header.sticky .donate .dnate_text { font-size: 14px; line-height: 26px;}
  .header.sticky #nav-icon2.open { top: 5px;}
  #gform_wrapper_2 label.gfield_label { font-size: 21px;}
  .post-password-message p br { display: none;}
  .social_icon li { margin: 0 1px;}

  .tooltipster-sidetip .tooltipster-box { padding: 0px;}
  .tooltipster-sidetip .tooltipster-box p { font-size: 12px; line-height: 18px; }
  .tooltipTitle { font-size: 16px; line-height: 25px;}

  .gform_wrapper h3.gform_title { font-size: 20px !important; line-height: 27px !important; padding: 20px 0 0;}
  .post-password-form label { font-size: 20px; line-height: 27px;}
  .gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label { font-size: 20px !important;  line-height: 27px !important;}
  .gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label { font-weight: 400 !important; font-size: 20px !important; line-height: 27px !important;}
  .gform_wrapper .gform_heading { width: 100%;  margin-bottom: 0;}
  .gform_wrapper ul li.gfield { margin-top: 10px;}
  .post-password-form input[type="submit"] { margin-top: 10px; font-size: 20px;}
  .gform_wrapper .gform_footer { padding: 12px 0 10px 0; margin: 0 0 0 0;}
  .gform_button[type="submit"] { font-size: 20px !important; height: 40px !important;}
  .post-password-message, .post-password-message p { font-size: 20px; line-height: 27px;}
  .Bodfeatured_details .featured_detailsTop .redborder { padding: 15px;}
  .featured_detailsTop .eventtitle { font-size: 22px; line-height: 25px;}
  .getInvolved .btnRow {margin-bottom: 0px;}
  .templateSafContent .subcontent { margin: 15px 0 15px;}
}
@media only screen and (max-width:550px){
  .signUpDonate h4 { font-size: 25px; line-height: 35px;}
  .infoDonate a.btn::after { background-size: 25px;}
  #page-wrap { padding-top: 73px;}
  .boxborder { width: 60%;}
  .dnate_text { margin: 6px;}
  .navigationform { width: 250px; z-index: 999;  top: 43px;}
  .popupWraper { max-width: 100%; width: 90%;}
  .clickArrow img { width: 30px; height: 25px;}
  .getInvolved .blubox h4, .getInvolved .redbox h4, .getInvolved .skyBl_box h4 { font-size: 25px; line-height: 32px;}
  .careerSection .col-6 div { font-size: 16px; line-height: 26px;}
  .careerSection .col-6 div h4 { margin-bottom: 10px;}
  .careerSection .col-6 div.btnRow { margin: 20px 0 0;}
  .DigitalCtitleSection .flexWrap .col-8 {  padding-right: 0; width: 100%;}
  .DigitalCtitleSection .flexWrap .col-4 { text-align: center; width: 100%; }
  .topcontentBg .col-4 img { float: none; margin: 0 auto; width: 39%;}
  .DigitalContentSection .flexWrap .col-4 { width: 100%;}
  .eventSection .hvr-curl-bottom-right.bglogo { background-size: 30% !important;}
  .eventSection .hvr-curl-bottom-right:hover {  background-size: 30% !important;}
  .eventSection.featuredSection .col-4 { width: 100% !important;}
  .singleEventSection .date_author { line-height: 25px;}
  .BorehamwoodText p { font-size: 18px; line-height: 25px; margin-bottom: 10px !important;}
  .focusSection h5.section-title { margin-bottom: 15px;}
  .btnRow a.btn { font-size: 21px; padding: 5px 55px 5px 7px;}
  .btnRow.redborder a.btn:after { left: -15px;}
  .plenaryVideoSection .col-4 { width: 100%;}
  .eventSection .hvr-curl-bottom-right.bglogo { background-size: 35% !important;}
  .eventSection .hvr-curl-bottom-right.bglogo:hover {  background-size: 35% !important;}
  .publicationSection h5 p { font-size: 25px; line-height: 35px;}
  .publicationSection h5 { font-size: 25px; line-height: 35px;}
  .threePerrow .col-4 { width: 100%;}
  .ourStructureSection .col-4 { width: 100%;}
  .ourStructureSection .col-4 div { margin-right: 0; font-size: 30px; line-height: 40px; text-align: center;}
  .ourStructureSection .flexWrap .col-8 {  width: 100%;  margin-top: 0px;}
  .flexWrap.officersInfo.twoPerrow .col-4 { width: 100%;}
  .staff-Name-Post p { font-size: 20px; line-height: 30px;}
  .details_HO .col-8 { font-size: 16px;  line-height: 23px;}
  .sigleOfficersSection .officers_Detail p { font-size: 21px; line-height: 29px;}
  section.bannerBottom .col-4 div a h6 { font-size: 25px; line-height: 35px;}
  .donate { font-size: 18px;}
  .alignleft, .alignright, .aligncenter {  float: none !important; margin: 15px auto 25px auto !important; display: block;}
  .plenaryVideoSection .hvr-curl-bottom-right.bglogo {background-size: 50% !important;}
  .plenaryVideoSection .hvr-curl-bottom-right.bglogo:hover {background-size: 60% !important;}
  .searchResults ul li h6 {font-size: 23px; line-height: 30px;}
  .section_searchPage h4 { font-size: 32px; line-height: 40px;}
  .DigitalCtitleSection .topcontentBg { padding: 1px 20px 20px;}
  .header.sticky .donate .dnate_text {font-size: 14px; line-height: 26px;}
  #nav-icon2 { top: 15px;}
  .header.sticky #nav-icon2 { top: 9px;}
  .popupWraper .campaig_signed label { font-size: 18px !important;}
  .gform_wrapper ul.gform_fields li.gfield { font-size: 15px; line-height: 19px !important;}
  .gform_wrapper .gfield_radio li label { margin: 2px 0 0 10px; text-align: left;}
  .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio] { margin-top: 15px;}
  .popupWraper .campaig_signed input.gform_button[type="submit"] { width: auto !important; font-size: 20px !important;}
  .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio { margin: 0;}
  .post-password-form input[type="password"] { width: 100%;}
  .social_icon li { width: auto;}
  .header .social_icon li a img[title="Youtub"] {  margin-top: -1px;}
  .searchIMg img.showMagni {margin-top: -2px;}
  .logo { width: 35%;}
  .rightMenu { padding-right: 10px;}
  .signform.campsf { padding: 15px;}
}
@media only screen and (max-width:500px){
  .logo { width: 35%;}
  #nav-icon2 { top: 16%; width: 25px;}
  .header.sticky #nav-icon2 { top: 6px;}
  #nav-icon2.open { top: 11%;}
  ul.social_icon { margin-top: 3px;}
  .header.sticky ul.social_icon { margin-top: 0;}
  .rightMenu { width: 65%; padding-right: 35px;}
  .dnate_text a { margin-left: 15px;}
  section.section_searchPage { margin-top: 25px;}
  .pageTitle { margin: 30px 0 15px;}
  .partnerTitleSection .pageTitle { margin-bottom: 0; margin-top: 30px;}
  .donate.rightsdie .dnate_text { margin: 8px;}
  .foote_bootom .col-8.f_box4 ul li { padding-bottom: 0; width: 22%;}
  .header.sticky { padding: 10px 0 0px !important;}
  .header.sticky .dnate_text { margin: 0 12px;}
  .searchResults .navigation .next-posts { float: left; font-size: 14px;}
  .searchResults .navigation .prev-posts { float: right; font-size: 14px;}
  .post-password-message, .post-password-message p { font-size: 20px; line-height: 27px;}
  .social_icon li { margin: 0; margin: 0 2px; width: 16%;}
  ul.social_icon {  margin-top: 3px; width: 85%;  margin-right: -10px;}
  .searchIMg img.showMagni { width: 80%;  margin-top: 0px;}
  .header .social_icon li a img[title="Youtub"] { height: 36px; width: 33px;}
  img.clickArrow { width: 25px !important;}
  .hoverArrow img { width: 25px;}

}
@media only screen and (max-width:480px){
  .filterBoxes .box:before { padding-top: 100%;}
  .filterBoxes .dataOnImage {width: 90%;}
  .dataOnImage { min-height: auto;}
  .filterBoxes .dataOnImage p {  font-size: 14px; line-height: 20px;}
  .filterBoxes .dataOnImage span { font-size: 13px; line-height: 18px;}

  #page-wrap { padding-top: 58px;}
 .col-4.f_box1 { width: 100%; }
 .menu-footer-menu-container { float: left; width: 50%; padding-right: 5px;}
 .menu-pages-menu-container { float: left; width: 50%;}
 .col-4.f_box2 { width: 100%; padding: 0 15px;}
 .col-4.f_box2 div { border: 0 !important; padding: 15px 0 0 !important; border-top: 1px solid #fff !important;}
 .foote_bootom .col-8.f_box4 ul li { padding-bottom: 0; width: 20%;}
 footer#footer .container_1400 .borderside { border-right: 0; border-left: 0;}
 #footer .container_1400 {padding: 0;}
 .tabSection .box:before { padding-top: 100%;}
 h5.section-title { font-size: 21px;}
 .tabSection .col-8 h5.section-title { display: inline-block;  font-size: 21px;}
 .donate { width: 35px; font-size: 14px;}
 .dnate_text { margin: 2px;}
 #myHeader .container.container_1400 { padding: 0 10px;}
 .logo { width: 35%;}
 #nav-icon2 { top: 16%; width: 23px;}
 .header.sticky #nav-icon2 { top: 16%;}
 #nav-icon2.open { top: 8%;}
 .rightMenu { width: 65%; padding-right: 35px;}
 ul.social_icon { margin-right: -10px; margin-top: 0;  width: 90%; padding-left: 0;}
 .social_icon li { float: left; padding-bottom: 0; text-align: center; height: 35px; line-height: 35px;}
 .social_icon img { vertical-align: middle; display: inline-flex; padding: 3px 0; width: 30px; height: 31px;}
 .social_icon li a img[src="http://bod.codeomega.co.uk/wp-content/themes/british-jew/images/twitter.svg"] { width: 31px; height: 30px;}
 #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 9px;}
 #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 18px;}
 .searchIMg.active img.closeMagni { left: -1px; height: 33px; top: -2px;}
 .hvr-curl-bottom-right:hover { background-size: 30% !important;}

 h1 { font-size: 40px; line-height: 42px;}
 h2 { font-size: 35px; line-height: 45px;}
 h3 { font-size: 25px; line-height: 35px;}
 h4 { font-size: 21px; line-height: 30px;}
 h5 { font-size: 19px; line-height: 28px;}
 h6 { font-size: 18px; line-height: 23px;}

 .popupWraper .campaig_signed { padding: 25px 15px 20px;}
 .header.scrollUp + .donate.rightsdie { right: -1px; font-size: 18px;}
 .donate.rightsdie { width: 35px; height: 90px;}
 .donate.rightsdie .dnate_text { margin: 7px; }
 .pageTitle { font-size: 40px; line-height: 42px;}
 .getInvolved a.btn { border: 3px solid #fff; font-size: 19px; line-height: 22px;}
 .contactDetailSection .col-6 div h6 { font-size: 20px; line-height: 27px;}
 .partnerSection .flexWrap .col-4 { width: 100%; margin-bottom: 10px;}
 .partnerSection .flexWrap { margin-top: 25px; padding-bottom: 15px;}
 .bodTimelineSection .col-4 > div ul li { font-size: 16px; margin-bottom: 0; padding: 0;}
 .bodTimelineSlier .flexWrap { padding: 12px 25px 0px;}
 .careerSection .col-6 div h4 { margin-bottom: 10px; font-size: 25px;}
 .careerSection .col-6 div.btnRow a.btn {font-size: 18px; padding: 10px 60px 10px 15px;}
 .careerSection .col-6 div { padding: 10px 10px 15px;}
 .eventSection .hvr-curl-bottom-right.bglogo { background-size: 45% !important;}
 .eventSection .hvr-curl-bottom-right:hover {  background-size: 45% !important;}
 .singleEventSection .col-8 div { padding: 15px; border: 3px solid #001965;}
 .singleEventSection .col-8 div .evetTitle { font-size: 20px; line-height: 26px;}
 .getInvolved .blubox h4, .getInvolved .redbox h4, .getInvolved .skyBl_box h4 { font-size: 23px; line-height: 27px;}
 .singleEventSection .date_author { line-height: 22px;}
 .subcontent h6 { font-size: 20px; line-height: 27px;}
 .subcontent h2 { font-size: 27px; line-height: 32px;}
 .newsContentSection .col-4 h6 { padding: 10px 10px 10px 10px;}
 .singlefocusMember .col-8 div { padding: 10px 10px !important;}
 .pageTitle { margin: 30px 0 15px;}
 .singlecampanig .pageTitle { margin: 30px 0 15px;}
 .headTitlesection .subcontent h6 { margin-bottom: 15px;}
 .mainImageSection .container_1400 .col-12 { padding-top: 20px;}
 .newsContentSection .col-4 > div { margin-top: 20px;}
 .singlefocusMember .col-4 div h6 { margin-bottom: 5px;}
 .subCommunityTitleSection .content_title {  margin-bottom: 10px; font-size: 25px;  line-height: 35px;}
 .plenaryVideoSection .col-4 { width: 100% !important;}
 .eventSection .hvr-curl-bottom-right.bglogo { background-size: 40% !important;}
 .eventSection .hvr-curl-bottom-right.bglogo:hover {  background-size: 40% !important;}
 .PDFlist li h6 { padding-left: 10px; font-size: 16px;}
 .campanigTitleSection .subcontent .sectionContent { font-size: 22px; line-height: 29px;}
 .sectionSubTitle { font-size: 21px; line-height: 30px;}
 .takeAction h4 { margin-top: 15px; padding-right: 0; font-size: 21px; line-height: 30px;}
 .ourStructureSection .content_title { font-size: 27px;  line-height: 32px;}
 .page-template-template-who-we-are .content_title { font-size: 27px; line-height: 32px;}
 .officesSection .honarryOfficers { padding-bottom: 0;}
 section.newsContentSection .col-8 > div h6 { font-size: 18px; line-height: 25px;}
 .pagetext { font-size: 21px; line-height: 30px;}
 .newsContentSection .col-4 h6 { font-size: 19px; line-height: 29px;}
 .publicationIssue .dataOnImage h4 { font-size: 22px; line-height: 29px; margin-bottom: 15px;}
 .issueArea .flexWrap .col-4 h5.section-title { font-size: 21px; line-height: 27px;}
 .campaig_signed input { height: 35px;}
 #menu-menu a { font-size: 27px; line-height: 37px;}
 .sub-menu li a { font-size: 16px !important; line-height: 20px !important;}
 header#myHeader { padding: 10px 0 0; border-bottom: 3px solid #12245B;}
 .sigleOfficersSection .col-4 .staff-Name-Post { width: 70%;}
 .searchClose::before, .searchClose::after { height: 40px;}
 .searchIMg img.showMagni { width: 90%;}
 .relatedNewsSection h5.subSection-title { font-size: 25px;}
 .plenaryVideoSection .hvr-curl-bottom-right.bglogo {background-size: 30% !important;}
 .plenaryVideoSection .hvr-curl-bottom-right.bglogo:hover {background-size: 40% !important;}
 .dnate_text a { margin-left: 20px;}
 .section_searchPage h4 { font-size: 29px; line-height: 33px;}
 .errorBox h6 { font-size: 30px;  margin-top: 0;}
 .hvr-curl-bottom-right.bglogo { background-size: 30% !important;}
 .hvr-curl-bottom-right.bglogo:hover { background-size: 30% !important;}
 section.mainImageSection .container_1400 .col-12 .col-4 div:first-child { padding: 10px 10px 10px 10px;}
 .slick-prev, .slick-next { width: 36px; height: 50px;}
 button.slick-prev { left: -25px;}
 .slick-next { right: -25px;}
 .slick-prev:before { top: 0; left: -12px; background-size: 25px;}
 .slick-next::before {left: 7px; right: 0; top: 20px; background-size: 25px;}
 .header.sticky .logo a { max-width: 160px; width: 100%;}
 /* .header.sticky .donate { width: 35px;} */
 .header.sticky .dnate_text { margin: 2px;}
 #nav-icon2 { top: 7px;}
 .header.sticky #nav-icon2 { top: 7px;}
 .header.sticky ul.social_icon { margin-top: 0;}
 .header.sticky #nav-icon2.open { top: 4px;}
 .CommunityTitleSection.comunitybrief .subcontent { margin: 20px 0 20px;}

 .diary_boxes .col-4.diaryEvent .hvr-curl-bottom-right { background-size: 55% !important;}
 .diary_boxes .col-4.diaryEvent .hvr-curl-bottom-right { background-size: 55% !important;}
 .featuredSection .hvr-curl-bottom-right::before { background: linear-gradient(315deg, white 47%, #F8013D 50%, #F8013D 100%, #F8013D 100%) !important;}
 .memberDetailPage span.memberArrow { width: 40px;}
 .nameofmember { padding: 10px 45px 10px 5px;}
 .col-4.f_box2 { margin-bottom: 0; }
  .templateSafContent { margin-bottom: 0px;}
  .SinglenewsSection span.newsDate { margin-bottom: 15px;}
}
@media only screen and (max-width:420px){
  #page-wrap { padding-top: 55px;}
  ul.social_icon { margin-top: -1px; width: 90%;}
  .header.sticky ul.social_icon { margin-top: 0;}
  #nav-icon2 { top: 17%; width: 21px;}
  .header.sticky #nav-icon2 { top: 15%;}
  #nav-icon2.open { top: 12%;}
  #nav-icon2.open span:nth-child(5) { left: 0; top: 16px;}
  #nav-icon2.open span:nth-child(6) { left: calc(50% - 1px); top: 16px;}
  #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 8px;}
  #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 16px;}
  .social_icon img { width: 30px; height: 30px;}
  .social_icon li a img[src="http://bod.codeomega.co.uk/wp-content/themes/british-jew/images/twitter.svg"] { width: 27px; height: 27px;}
  .donate { width: 32px; font-size: 12px;}
  .boxborder { width: 70%;}
  .hvr-curl-bottom-right:hover { background-size: 40% !important;}
  .popupWraperBox { padding: 15px 0;}
  .popupWraper { padding: 15px;}
  .btnRow a.btn { font-size: 21px; padding: 5px 60px 5px 10px;}
  .getInvolved a.btn { font-size: 19px; padding: 10px 50px 10px 5px;  line-height: 20px;  }
  .getInvolved a.btn::after { background-size: 20px;}
  .getInvolved .blubox .btnRow a.btn { font-size: 17px; line-height: 25px;}
  .pageTitle { font-size: 35px; line-height: 37px;}
  .careerSection .col-6 div.btnRow a.btn { font-size: 17px; line-height: 30px; padding: 5px 50px 5px 10px; width: 100%;}
  .careerTitleSection .pageTitle {  line-height: 35px;}
  .topcontentBg .col-4 img { width: auto;}
  .subcontent h2 { font-size: 27px; line-height: 35px;}
  .subcontent h6 { font-size: 18px; line-height: 25px;}
  .publicationSection h5 p { font-size: 23px; line-height: 33px;}
  .publicationSection h5 { font-size: 23px; line-height: 33px;}
  .ourStructureSection .content_title { font-size: 25px;  line-height: 30px;}
  .page-template-template-who-we-are .content_title { font-size: 25px; line-height: 30px;}
  .staff-Name-Post p { font-size: 18px; line-height: 25px;}
  .sigleOfficersSection .col-8 { margin-top: 20px;}
  .foote_bootom .col-4.f_box5 ul li {  width: 30%;}
  #nav-icon2 span { height: 4px; margin-top: 0;}
  .searchIMg img.showMagni { width: 100%; margin-top: -3px;}
  .searchHolder { padding: 10px;}
  .page-template-default .pageContentSection ul li { font-size: 16px; line-height: 23px;}
  .page-template-default .pageContentSection ol li { font-size: 16px; line-height: 23px;}
  .popUpclose { right: -9px;}
  .hvr-curl-bottom-right.bglogo { background-size: 40% !important;}
  .hvr-curl-bottom-right.bglogo:hover { background-size: 40% !important;}
  .pageTitle { margin: 25px 0 10px;}
  .post1 p { font-size: 14px; line-height: 21px; margin-bottom: 7px;}
  .newsContentSection .col-8 div { font-size: 16px; line-height: 26px;}
  .communalContriSection .col-8 div {font-size: 16px; line-height: 26px;}
  .mainImageSection.singleIssueImg { margin-bottom: 105px;}
  .header.sticky .donate .dnate_text { font-size: 12px; line-height: 22px;}
  .header.sticky .donate { width: 32px; font-size: 12px;}
  .rightMenu { width: 65%; padding-right: 25px;}
  .header .social_icon li a img[title="Youtub"] { height: auto; width: auto;}
  #gform_fields_2 ul.gfield_checkbox li label, #gform_fields_2 ul.gfield_radio li label { width: 80%;}
  .ourMemberfliter ul li { display: inline-block; border-right: 1px solid #F8013D; padding-left: 10px; padding-right: 10px;}
  .nameofmember { font-size: 16px; line-height: 20px;}
}
@media only screen and (max-width:380px){
  .filterBoxes .box:before { padding-top: 95%;}
  #page-wrap { padding-top: 50px;}
  .boxborder { width: 80%;}
  .tabSection { padding: 30px 0 10px;}
  .tab_content .contentBox { padding-bottom: 15px;}
  ul.social_icon { margin-top: -3px;}
  .header.sticky ul.social_icon { margin-top: -3px;}
  #nav-icon2 { width: 21px; top: 15%;}
  .header.sticky #nav-icon2 { top: 15%;}
  #nav-icon2.open { top: 7%;}
  .social_icon img { }
  .social_icon li a img[src="http://bod.codeomega.co.uk/wp-content/themes/british-jew/images/twitter.svg"] { width: 25px; height: 26px;}
  .searchIMg img.showMagni { width: 100%; margin-top: -4px;}
  .searchIMg { margin-left: 0;}
  .searchIMg.active img.closeMagni { height: 31px;}
  .donate { width: 32px; font-size: 12px;}
  .dnate_text { margin: 1px;}
  .hvr-curl-bottom-right:hover { background-size: 50% !important;}
  .donate.rightsdie .dnate_text { margin: 7px;}
  .getInvolved a.btn { padding: 10px 50px 10px 5px;}
  .getInvolved .blubox .btnRow { bottom: 10px;}
  .getInvolved .blubox .btnRow a.btn {  line-height: 23px; padding: 5px 50px 5px 5px;}
  .careerSection .col-6 div.btnRow a.btn { padding: 5px 20px 5px 5px; font-size: 16px; line-height: 26px;}
  .careerSection a.btn::after {left: -5px; background-size: 19px;}
  .focusSection .box:before { padding-top: 75%;}
  .infoDonate .blubox h4, .infoDonate .redbox h4 { border: 3px solid #fff; font-size: 30px; line-height: 35px;}
  .eventSection .hvr-curl-bottom-right.bglogo { background-size: 50% !important;}
  .eventSection .hvr-curl-bottom-right.bglogo:hover {  background-size: 50% !important;}
  .sectionSubTitle { font-size: 21px; line-height: 29px;}
  .campanigTitleSection .subcontent .sectionContent { font-size: 20px; line-height: 27px;}
  .campaignsBoxes .dataOnImage p { font-size: 16px; line-height: 24px;}
  .singlecampanig .subcontent { padding: 15px;}
  .campaig_signed { padding: 20px 15px 0;}
  .staff-Name-Post p { font-size: 16px; line-height: 21px;}
  section.bannerBottom .col-4 div a h6 { font-size: 21px; line-height: 31px;}
  .filterBoxes .hvr-curl-bottom-right:before { width: 40px; height: 40px;}
  .filterBoxes .hvr-curl-bottom-right:hover:before { width: 45px; height: 45px;}
  #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 8px;}
  #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 16px;}
  .wpcf7-response-output { font-size: 14px; line-height: 20px; padding: 7px !important;}
  .DigitalContentSection .videoName { height: auto;}
  ul.social_icon { margin-right: 12px;}
  .rightMenu { padding-right: 20px;}
  section.section_searchPage { margin-top: 20px;}
  .home .focusSection h5.section-title { font-size: 22px; line-height: 35px;}
  .DigitalContentSection .col-4 > div { padding: 20px 20px 5px 20px;}
  .getInvolved .blubox .btnRow a.btn { font-size: 16px; line-height: 20px; width: 100%; padding: 9px 30px 9px 5px; border: 2px solid #fff;  word-spacing: -3px; text-align: left; }
  .getInvolved .blubox .btnRow a.btn::after { left: -20px;}
  .getInvolved .blubox .btnRow a.btn:hover::after { left: -10px;}
  .filterBoxes .hvr-curl-bottom-right .dataOnImage { padding: 9px 10px;}
  .tabSectionData { padding-bottom: 70px;}
  .header.sticky .dnate_text { margin: 1px;}
  ul.social_icon { width: 80%; margin-right: 0;}
  .social_icon li { width: 16%;}
  .social_icon img { width: 27px; height: 27px;}
  .header .social_icon li a img[title="Youtub"] { height: 32px; width: 30px;}
  #nav-icon2.open span { height: 3px;}
  .page-template-template-digital-content .digiBoxes .col-4 > div a { padding: 0;}
}
@media only screen and (max-width:340px){
  .dnate_text { margin: 0px;}
  ul.social_icon { margin-top: -5px;}
  .header.sticky ul.social_icon { margin-top: -5px;}
  #nav-icon2 { top: 12%;}
  .header.sticky #nav-icon2 { top: 14%;}
  #nav-icon2.open { top: 5%;}
  .pageTitle { margin: 20px 0 10px;}
  .hvr-curl-bottom-right.bglogo { background-size: 45% !important;}
  .hvr-curl-bottom-right.bglogo:hover { background-size: 45% !important;}
  .filterBoxes .box:before { padding-top: 105%;}
  .careerSection .col-6 div.btnRow a.btn { font-size: 15px;}
  .searchIMg img.showMagni { width: 80%; margin-top: -3px;}
  /* .social_icon li a img[src="http://bod.codeomega.co.uk/wp-content/themes/british-jew/images/twitter.svg"] { width: 25px;height: 25px; margin-top: 1px;} */
  .getInvolved .blubox .btnRow a.btn { padding: 9px 20px 9px 5px;}
  .getInvolved .blubox .btnRow a.btn::after { left: -10px;}
  .getInvolved .blubox .btnRow a.btn:hover::after { left: -5px;}
  .header.sticky .dnate_text { margin: 0px;}
  .social_icon img { width: 25px;  height: 25px;}
  #nav-icon2 { width: 18px;}
  #nav-icon2 span { height: 3px;}
  #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 7px;}
  #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 14px;}
  .searchIMg img.showMagni { width: 100%;}
}