@media screen and (min-width: 0px) and (max-width:1460px) {
.single-product .product > .onsale{ left: 10px;}
}
@media screen and (min-width: 0px) and (max-width:1420px) {
.leftStrip{ width: 15px;}
.topStrip{ height: 15px;}

.content_1400.listingHolder{ padding-left:5px; padding-right:5px;}

/* cardsSlider css start here */
.cardsSlider .slick-list{ overflow: hidden!important;}
.cardsSlider .cardTitle h3{ font-size:28px; line-height: 32px;}
.cardsSlider .cardTitle p{ font-size: 22px; line-height:26px;}
/* cardsSlider css end here */

/* left spacing start here */
.content_1370{ padding-left: 35px;}
.content_1380{ padding-left: 35px;}
.content_1400{ padding-left: 35px;}
.cardsSlideBox .content_1400{ padding-left: 20px;}
.stasticsBox ul li{ padding: 0 30px;}
.detailTitleBox{ left: 35px;}
.content_1400.doubleRowSlideBox{ padding-left: 20px;}
.content_1400.listingHolder{ padding-left: 20px;}
.content_1380.galleryList{ padding-left:30px; padding-right: 15px;}

body.woocommerce.woocommerce-page .commonTop .content_1370.commonbottom{ padding-left:20px; padding-right:10px;}
#voucher-multistep-form.wizard > .content{ margin: 0px!important;}
/* left spacing end here */

.memoryWallContain .col{padding:26px 34px;}

}

@media screen and (min-width: 0px) and (max-width:1400px) {
  .bar{ max-width: 80%;}

  /* doubleRowSlider start here */
  .doubleRowSlideBox{ padding-left:10px; padding-right:10px;}
  /* doubleRowSlider end here */

  /* accordion start here */
  .accordionTtitle{padding:15px 30px; padding-right:50px; margin-bottom:24px; font-size: 32px; line-height:40px;}
  .accordionDetails{padding:0 30px 20px 30px}
  .accordionTtitle::before{right:30px; top:13px;}
  /* accordion end here */

  /* shop section start here */
  .products li.type-product .productbox .add_to_cart_button, .products li.type-product .productbox .button.product_type_simple{ bottom: 70px;}
  .moreLink{ left: 0px; right:auto; bottom:15px;}
  .products li.type-product .productbox{ padding-bottom:114px;}
  /* shop section end here */
}

@media screen and (min-width: 0px) and (max-width:1280px) {
#cn-notice-text{ display: block; padding: 0 0 10px 0;}

/* hero slider start here */
.slideCaption h2{ font-size: 60px; line-height: 68px;}
/* hero slider end here */

/* Landing page start here */
h1{ font-size: 50px; line-height: 58px; margin-bottom: 20px;}
.categoryLinks ul li{padding: 0 16px;}
.categoryLinks ul li a{ font-size: 24px;}
/* Landing page end here */

/* stastics info start here */
.stasticsBox h2, .stasticDesc{ padding-bottom:30px;}
/* .numberBox{ font-size:80px; line-height:88px;}
.numberDesc{ font-size: 22px; line-height: 30px;} */
/* stastics info end here */

/* doubleRowSlider start here */
.doubleRowSlider .listHolder .titleBox h3{ font-size:28px; line-height:36px;}
/* doubleRowSlider end here */

/* video and news teaser start here */
.newsTeaser .col_60_40 .col{ padding:0 30px;}
/* video and news teaser end here */


.fullbox{ padding: 0px!important;}
/* cardsSlider css start here */
.cardsSlider .cardTitle h3{ font-size:26px; line-height: 34px;}
.cardsSlider .cardTitle p{ font-size: 20px; line-height:25px;}
#page-wrap > .product{ padding-left: 10px; padding-right: 10px;}
body.woocommerce.woocommerce-page .commonTop .content_1370{ padding-left: 10px; padding-right: 10px;}
.woocommerce ul.products li.product{ padding:0 10px 30px 10px!important;}

.woocommerce-product-gallery{ padding-left: 10px;}
.woocommerce div.product div.summary{ padding-right: 15px;}
.woocommerce-tabs.wc-tabs-wrapper{ padding-left: 10px; padding-right: 10px;}
/* shop css end here */

/* memory wall start */
.memoryWallContain .col{ width: 33.33%;}
/* memory wall end */
}

@media screen and (min-width: 0px) and (max-width:1180px) {
  /* footer start here */
  .footerTop .col_65_35 .col{ width: 50%; padding: 0 20px;}
  .footerTop .col_65_35 .col:first-child{ padding-left: 0px;}
  .footerTop .col_65_35 .col:last-child{ padding-right: 0px;}
  .footerlogoBox{padding:0 20px 20px 0;}
  ul.footerSocialLinks{ padding-top: 10px;}
  ul.footerMenu li{ font-size: 18px; padding-bottom: 6px;}
  ul.footerSocialLinks li{ padding-right: 15px;}
  .frLogo{ padding-top:22px;}
  /* footer end here */

  /* small contact form start here */
  .ContactBox.smallForm .col_1_1 .col{ width: 100%; padding-left: 0px; padding-right: 0px;}
  /* small contact form end here */

  /* cookies code start here */
  #cookie-law-info-bar{ padding-left: 30px!important; padding-right: 20px!important;}
  /* cookies code end here */
}

@media screen and (min-width: 0px) and (max-width:1100px) {
.detailTitleBox{ max-width: 320px;}
.donateImgOne{ right: 0px;}
.donateImgFive{ display: none;}
.donateImgFour{ left: 0px;}
.donateImgTwo{ left: 40px;}

.logo{width:200px;}
#header.scroll .logo{ width: 180px;}
.headerBox{ padding-top: 10px;}
.headerLink{ padding-bottom: 15px;}
#header.scroll .headerLink{padding-bottom: 12px;}
.headerBox nav ul li{ padding-bottom: 15px!important;}
#page-wrap{ padding-top: 136px;}
header .content_1370{ padding-top: 30px;}
#header.scroll .headerBox{ padding-top: 0px;}
#header.scroll > .content_1370{ padding-top: 26px;}
#header.scroll .deskMenu .top-nav > li > .sub-menu{ top:118px;}
body.scroll.open-burgermenu .menuBox{ padding-top: 160px;}

/* history code start here */
.infoBox{ padding-right:10%}
.infoBox:nth-child(2n+3){ padding-left: 10%;}
.horizontalLine{right:-25%;}
.infoBox:nth-child(2n+3) .horizontalLine{left:-25%;}
/* history code end here */
}

@media screen and (min-width: 0px) and (max-width:1060px) {
.footerlogoBox .logo{width:200px;}

/* Landing page start here */
.challangeInfo h2{ font-size: 30px; line-height: 38px;}
/* Landing page end here */

/* stastics info start here */
.stasticsBox ul li{ padding: 0 12px;}
/* .numberBox{ font-size:76px; line-height:84px;}
.numberDesc{ font-size: 20px; line-height: 28px;} */
/* stastics info end here */

/* doubleRowSlider start here */
.doubleRowSlider .listHolder .titleBox h3{ font-size:26px; line-height:34px;}
/* doubleRowSlider end here */

/* video and news teaser start here */
.newsTitle{ padding-bottom: 30px;}
.newsTeaser .col_60_40 .col:first-child{width:50%;}
.newsTeaser .col_60_40 .col{width:50%; padding:0 20px;}
.teaserDetails{ padding-right:20%;}
/* video and news teaser start here */
}

@media screen and (min-width: 0px) and (max-width:1024px) {
/* box spaces */
.stasticsBox{ padding: 60px 0;}
.commonbottom {padding-bottom: 60px;}
.commonTop{ padding-top: 40px;}
.detailTitleInfo, .TopBottomspace{ padding-top: 60px; padding-bottom: 60px;}
.footerTop{ padding-top: 60px; padding-bottom: 60px; font-size: 18px;}
.newsTeaser{ padding:60px 0;}
.cardsSlideBox{ padding:60px 0;}

.col_45_55 .col{ padding:0 20px;}
.includeBox .col_1_1 .col{ padding:0 20px;}
.col_20_80 .col{ padding:0 20px;}

#page-wrap > .product{ padding-top: 60px;}
body.page-template-template-master section:first-child .nobgColor.twocolText{ padding-top: 40px;}
.includeBox.noIncludeImage .content_1370 .grid{ padding-top:60px;}
/* box spaces */

header .content_1370{ padding-top: 35px;}

.headerLink{ padding-bottom: 20px;}


.commonbottom.listingHolder{ padding-bottom:20px;}
.commonbottom.doubleRowSlideBox{ padding-bottom: 20px;}

/* Challage Detail page start here */
.detailTitleInfo p{font-size:22px; line-height:30px;}
.includeBox{margin-top:20px;}
.includeImage{top:-38px;}
/* Challage Detail page end here */

/* news details page start here */
.postTitle{ padding-right: 80px; padding-bottom: 30px;}
.PostContent{ padding-right: 80px;}
/* news details page end here */

/* story section start here */
.storybottom{padding-bottom:80px;}
/* story section end here */

/* accordion start here */
.accordionTtitle{font-size:30px; line-height:38px; padding: 15px 20px; padding-right:40px;}
.accordionDetails{ padding: 0 20px 20px 20px;}
.accordionTtitle::before{right:20px;}
/* accordion end here */

.ContactBox .col_1_1 .fullbox{ text-align: center;}
.ContactBox .col_1_1 .fullbox .submitBox{ margin: 0 auto; float: none;}
}

@media screen and (min-width: 0px) and (max-width:1023px) {
  /* left spacing start here */
  .content_1370{ padding-left:30px;}
  .content_1380{ padding-left:30px;}
  .content_1400{ padding-left:30px;}
  .cardsSlideBox .content_1400{padding-left:15px;}

  .detailTitleBox{ left: 30px;}
  .content_1400.doubleRowSlideBox{ padding-left: 15px;}
  .content_1400.listingHolder{ padding-left: 15px;}
  .content_1380.galleryList{ padding-left:25px; padding-right: 15px;}

  body.woocommerce.woocommerce-page .commonTop .content_1370.commonbottom{ padding-left:15px; padding-right:10px;}
  body.page-template-template-master section:first-child .nobgColor.twocolText{ padding-top: 30px;}
  /* left spacing end here */

#header.scroll > .content_1370{ padding-top: 30px;}
#header.scroll .logo{ width: 180px;}
#header.scroll .headerLink {padding-bottom:10px;}
body.scroll.open-burgermenu .menuBox{ top:0px; padding-top: 190px;}

.leftStrip{ width: 10px;}
.topStrip{ height: 10px;}
#page-wrap{ padding-top: 136px!important;}

/* header start here */
header .content_1370{ padding-bottom: 14px; padding-top:30px;}
header .logo{ width: 180px;}
.headerBox, #header.scroll .headerBox{ padding-top: 0px;}
.headerLink{ padding-bottom: 10px; padding-right: 0px; font-size: 20px; line-height: 28px;}
.hamburgerMenu{ margin-top: 0px!important;}
/* header end here */

/* news letter form start here */
.newsletterBox .col_60_40 .col{width:100%; padding:0px;}
.newsletterBox .col_60_40 .col:first-child{ padding: 0 0 32px 0;}
.newsletterBox h2{ padding-right: 0px;}
.borderGreenbox{ padding:30px;}
ul.SocialLinks{ padding-top: 0px;}
/* news letter form end here */

/* questions and notes */
.borderGreenbox.quesNotes .col_45_55 .col:last-child{ padding-right: 0px;}
/* questions and notes */

/* Landing page start here */
.listPage, .lessTopspace{ padding-top: 30px;}
h1{ font-size: 42px; line-height:50px;}
.categoryLinks ul li::before{ display:none;}
.categoryLinks ul li{ padding: 0 8px 14px 8px;}
.categoryLinks ul li:first-child{ padding-left: 8px;}
.categoryLinks ul li a{ padding:8px 14px; border:#cdd8e0 solid 1px; font-size: 20px; line-height: 28px;}
.categoryLinks ul li a:hover{ color:#033b66;}
.categoryLinks ul li a.active::before{ left: 0px;}

.categoryLinks{ margin-bottom:38px;}
.listingHolder .col_1_1_1 .col{width:50%;}
.introSlider.events .introContent h4, .introSlider.news .introContent h4, .introSlider.events .introContent h4{ padding-bottom:60px;}
/* Landing page end here */

/* gallery detail page start here */
.galleryList .col_1_1_1_1 .col{ width: 33.33%;}
/* gallery detail page end here */

/* stastics info start here */
.stasticsBox{ padding-bottom:30px;}
.stasticsBox .col_1_1_1_1 .col{ width: 50%; padding: 0 50px 30px 50px;}
.numberBox{ font-size:80px; line-height: 88px;}
.numberDesc{ font-size: 24px; line-height:32px;}
/* stastics info end here */

.blockquoteBox.noLink{ padding-bottom: 50px;}

/* video and news teaser start here */
.newsTeaser .col_60_40 .col:first-child{width:60%;}
.newsTeaser .col_60_40 .col{width:40%;}
.newsDesc{ width: 100%; padding-right: 0px;}
.newsImage{ width:60%; margin-right: auto; padding-bottom: 20px;}
/* video and news teaser end here */

/* contact page start here */
.col_1_1.contactInfo .col{ width: 100%; padding: 0px;}
.col_1_1.contactInfo .col:first-child{ padding-bottom: 40px;}
/* contact page end here */

/* cardsSlider css start here */
.cardsSlider .cardTitle h3{ font-size:28px; line-height: 32px;}
.cardsSlider .cardTitle p{ font-size: 22px; line-height:28px;}
/* cardsSlider css end here */

.donateNotes{padding-top:60px;}
.detailTitleBox h1{ line-height:46px; padding:15px 15px 15px 0;}

.formAlertbox{ display: block;}
.popupBox{top:110px; padding:40px 20px;}

/* donate page start here */
.donateImgOne, .donateImgTwo, .donateImgThree, .donateImgFour, .donateImgFive{ display: none;}
.donateHolder{ padding-top: 0px;}
.donateBg{ min-height:auto;}
.commonbottom.donateLanding .donateBg{ min-height:auto;}
/* donate page start here */

/* shop css start here */
.productbox .woocommerce-loop-category__title{ font-size: 20px!important; line-height:26px!important;}
.productbox .add_to_cart_button, .moreLink{ font-size: 16px!important; line-height: 20px!important; padding: 10px 20px; margin-top: 0px!important;}
/* .products li.type-product .productbox{ padding-bottom: 60px;} */
.productbox{ padding-bottom:10px;}
ul.products{ margin-bottom: 0px!important;}
body.woocommerce.woocommerce-page .commonTop .content_1370.commonbottom{ padding-bottom:30px;}

.wc-proceed-to-checkout .button, .place-order .button{ font-size: 18px!important; padding:10px 20px!important;}
.wc-proceed-to-checkout .button, .place-order .button{ height: 54px!important;}
.ajax_add_to_cart.loading{ padding-right: 40px!important;}
/* shop css start here */
.single-product .woocommerce-notices-wrapper .woocommerce-message{ font-size: 18px; line-height:24px;}
.single-product .woocommerce-notices-wrapper .woocommerce-message::before{left:1.5em;}

/* memory wall start */
.memoryWallContain .col{width:50%; padding:24px 20px;}
.memoryImageWrap{max-width:240px; margin:0 auto;}
.addMemoryBox{padding-bottom:40px;}
.memoryWallContain .pagination{margin-top:20px;}
.memoryWallContain .paginationBox{padding-bottom:10px;}
.memoryWallContain.content_1370{padding-bottom:20px;}

.addMemoryBox .btn{max-width:240px; height:68px; padding:24px 20px;}
/* memory wall end */
}

@media screen and (min-width: 0px) and (max-width:930px) {
  .footerTop .col_65_35 .col{ width: 100%; padding: 0px; padding-bottom: 30px;}
  .footerTop .col_65_35 .col:first-child{ display: flex;}
  .footerTop .col_65_35 .col:last-child{ padding-bottom: 0px;}
  .footerlogoBox, .addressBox{ width: 50%; float: none; display: inline-block;}
  .addressBox{ padding-left: 10px;}

  .searchHolder{ padding: 50px;}
}

@media screen and (min-width: 0px) and (max-width:920px) {
  /* footer start here */
  .footerTop .col_65_35 .col{  padding: 0 0 25px 0;}
  .footerTop .col_65_35 .col:last-child{ padding-bottom: 0px;}
  .footerlogoBox{ padding:0 0 14px 0;}
  .footerInfo{ max-width: 100%; padding-bottom: 10px;}
  /* .addressBox{ width:100%;} */
  .addressBox p{ padding-bottom:14px;}
  .copyRight{ float:left; width:100%;}
  /* footer end here */
}

@media screen and (min-width: 0px) and (max-width:900px) {
  body{ font-size: 18px; line-height: 26px;}
  p, .smallText{ padding-bottom: 22px;}
  /* Landing page start here */
  .listPage .commonbottom > h1{ font-size: 38px; line-height: 46px; margin-bottom: 14px;}
  .categoryLinks{ margin-bottom: 28px; padding-bottom:8px;}
  .titleBox h3{ font-size: 24px; line-height: 32px;}
  .eventList .titleBox h3 {font-size: 22px; line-height: 30px;}
  .titleBox .Date{ font-size: 18px; line-height: 26px; padding-bottom: 8px;}
  .eventList .titleBox .Date{ padding-bottom:16px;}

  .listImage{ padding-left: 20px;}
  .listTitle{ padding-right: 20px;}
  .titleBox{ padding: 14px 20px;}
  .titleBox::after{ width: calc(100% - 20px);}

  .col_1_1.pageIntro .col{ width: 100%;}
  .featuredImage .box::before {padding-top: 50%;}
  .introSlider.events .introContent h4, .introSlider.news .introContent h4, .introSlider.events .introContent h4{ padding-bottom: 40px;}
  /* Landing page end here */

/* Challage Detail page start here */
  .col_45_55 .col{ width: 100%; padding: 0px;}
  .col_45_55 .col:first-child{ width:100%;}

  .detailcolor h2{ padding-bottom: 14px; margin-bottom:25px;}
  .detailimageBox .content_1370{ display:block;}
  .detailpageImage{ padding-left:10%;}
  .detailTitleBox{  position: relative; width:90%; max-width: 100%; margin-top:-40px; left: 20px;}
  .detailTitleBox h1{ padding:12px 18px;}

  .verticalImage .box::before, .imageOne .box::before, .imageThree .box::before{padding-top: 120%;}

  .includeImage{ top:-35px; padding-left:20%;}
  .includeBox h4{ margin-bottom:25px;}
  .titleDescBox h3{ margin-bottom: 25px;}
  .includeBox .col_1_1 .col{ width: 100%; padding: 0px;}
  .includeBox .col_1_1 .col:first-child{ padding-bottom: 30px;}
  .titleDescBox .col_45_55 .col:first-child{ padding-bottom: 30px;}
  .detailTitleBox{ left: 0px;}
  .detailTitleInfo{ padding-top: 40px;}
  /* Challage Detail page end here */

  /* news details page start here */
  .postTitle{ padding-bottom: 20px;}
  .blogMeta{ padding-bottom:20px;}
  .postTitle{ margin-bottom: 0px!important;}
  .col_20_80 .col{ width: 100%; padding: 0px;}
  .col_20_80 .col:first-child{ padding-bottom: 30px; width:100%;}
  .PostContent p:last-of-type{ padding-bottom: 0px;}
  .shareBox { text-align: left; font-size: 22px; line-height: 30px;}
  .shareBox .st-custom-button:first-child{ margin-left: 0px;}
  .shareBox .st-custom-button{ float: none; display: inline-block; margin:0 3px;}
  .detailImageBox{ margin-bottom: 30px;}
  /* news details page end here */

  /* story section start here */
  .titleDescBox.noImage .BottomimageSpace{ padding-bottom: 0px;}
  .titleDescBox.noImage{ padding-bottom: 50px;}
    /* .BottomimageSpace{ padding-bottom: 36%;} */
    .BottomimageSpace{ padding-bottom:4%;}
  .imageOne{ /*margin-top: -42%;*/ margin-top:6%; width:40%;}
  .imageTwo.newBox{ margin-bottom: 0px; margin-top: -20%;}
  .imageThree{ width: 25%;}
  .imageOne.SingleImage{ position: relative;}
  .blockquoteBox{ max-width: 700px;}
  .blockquoteBox p{ font-size:20px; line-height:28px;}
  .blockquoteBox .author{ font-size:22px; line-height:28px;}
  .blockquotebtn .btn{ bottom:-35px;}
  .storybottom{padding-bottom:70px;}

  .quoteImage{ padding-left:50px; padding-right: 50px;}
  .BottomimageSpace .col:last-child{ padding-bottom: 0px;}
  .storybottom.titleDescBox.noBottomSpace .BottomimageSpace .col:first-child{ padding-bottom:40px;}
  /* story section end here */

  /* doubleRowSlider start here */
  .sliderTitleBox{ padding: 0 35px;}
  /* doubleRowSlider end here */

  /* accordion start here */
  .accordionTtitle{ font-size: 26px; line-height:34px; margin-bottom: 18px; padding:12px 18px; padding-right: 50px;}
  .accordionTtitle::before{ font-size: 38px; top:8px;}
  .accordionDetails .col:first-child{ padding-bottom:24px;}
  .accordionImage{ max-width:220px;}
  .accordionInfo p{ padding-bottom:18px;}
  .accordionTtitle span{ font-size: 18px; line-height:24px;}
  /* accordion end here */

  /* cardsSlider css start here */
  .cardsSlider .cardTitle h3{ font-size:26px; line-height: 34px; padding-bottom: 0px;}
  .cardsSlider .cardTitle p{ font-size: 20px; line-height:24px;}
  /* cardsSlider css end here */
  .popupdata{padding-bottom:22px;}
  .popupdata > div{ font-size: 18px; line-height: 26px;}
  .donateForborder{ padding:22px 0 10px 0px;}

  /* events page start here */
.col_45_55.noTitleSec .col:last-child{width:100%;}
  /* events page end here */

  /* history code start here */
  .infoBox:nth-child(2n+3) .listImage{ padding-right: 20px;}
  .infoBox.imageInfo .listTitle{padding-right:20px;}
  .infoBox.imageInfo:nth-child(2n+3) .listTitle{ padding-left:20px;}
  .infoBox:nth-child(2n+3) .listTitle{ padding-right:20px;}
  .infoBox .listTitle{ padding-left:20px;}
  .videoIconBox{ padding-left:20px;}
  .infoBox:nth-child(2n+3) .listImage .videoIconBox{ padding-right: 20px;}
  .vertLine{width:80px;}
  .yearHolder, .yearCircle{width:80px; height:80px;}
  .yearCircle{ font-size:28px; line-height: 80px;}
  /* history code end here */

  /* cookies code start here */
  .cli_settings_button{ margin-left: 0px!important; margin-right: 5px!important;}
  .cli-style-v2 .cli-bar-btn_container{ margin-top: 18px!important;}
  /* cookies code start here */

  .otherAmount span b,
  .otherAmount span strong{ line-height: 22px;}

  .addMemoryBox{ 
    padding-right:0; 
    font-size:20px;
    line-height:28px;
  }
}


@media screen and (min-width: 0px) and (max-width:850px) {
  .headerLink{ font-size: 18px;}
  /* box spaces */
  .stasticsBox{ padding: 40px 0;}
  .commonbottom {padding-bottom:40px;}
  .commonTop{ padding-top: 30px;}
  .detailTitleInfo, .TopBottomspace{ padding-top:40px; padding-bottom:40px;}
  .footerTop{ padding-top: 40px; padding-bottom: 40px;}
  .newsTeaser{ padding:40px 0;}
  .cardsSlideBox{ padding:40px 0;}
  .donateNotes{padding-top:40px;}

  #page-wrap > .product{ padding-top: 40px;}
  .newsDesc{ padding-top: 0px;}
  .includeBox.noIncludeImage .content_1370 .grid{ padding-top:40px;}
  /* box spaces */

  /* Landing page start here */
  .commonbottom.listingHolder{ padding-bottom:22px;}
  .commonbottom.listingHolder .paginationBox{ padding-bottom: 20px;}
.listingHolder .col{ /*padding-bottom: 38px;*/ border-bottom: #fff solid 38px;}
  /* Landing page end here */

  /* stastics info start here */
  .stasticsBox{ padding-bottom: 10px;}
  /* stastics info end here */

  /* hero slider start here */
  .slideCaption{ position: static; padding-top: 20px; padding-bottom: 60px;}
  .slideCaption h2{color:#033b66; left: 0px; max-width: 100%; font-size:50px; line-height:58px;}
  .bar{ height: 40px;}
  /* hero slider end here */

  /* story section start here */
  .titleDescBox.noImage{ padding-bottom: 40px;}
  .storybottom{padding-bottom:60px;}
  .titleDescBox .col_45_55 .col:first-child h6{ font-size: 22px; line-height: 30px;}
  .blockquotebtn .btn{padding:20px 14px; height:60px; bottom:-24px; max-width: 280px;}
  .blockquoteBox.noLink{ padding-bottom: 40px;}
  /* story section end here */

  /* doubleRowSlider start here */
  ul.doubleRowSlider{ padding-top: 40px;}
  .commonbottom.doubleRowSlideBox{ padding-bottom: 10px;}
  /* doubleRowSlider end here */

  /* video and news teaser start here */
  .teaserDetails{ padding-right:10%;}
  .newsTeaser .col_60_40 .col{ width: 100%; padding: 0px;}
  .newsTeaser .col_60_40 .col:first-child{ width: 100%; padding-bottom:30px;}
  .latestNews ul{ display:flex;}
  .latestNews ul li{ width: 50%; padding: 0 20px;}
  .latestNews ul li:first-child{ padding-left: 0px;}
  .latestNews ul li:last-child{ padding-right: 0px;}
  .latestNews{ padding-top: 20px!important;}
  /* video and news teaser end here */

    ul.cardsSlider{ padding-top: 40px;}

  /* donation start here */
  .donateContent{ padding:40px 50px;}
  .donateBox.pinkBG .donateContent{ padding: 38px 24px; padding-bottom: 0px;}
  .donateTabs .col{ font-size: 22px; line-height:30px;}

  .donateBox.pinkBG .donateContent ul.col_1_1 .col{ width: 50%; padding-bottom: 24px;}
  .donateBox.pinkBG .donateContent ul.col_1_1 .col:last-child{ margin: 0 auto; padding-bottom: 0px;}
  /* donation end here */

  /* shop pages start here */
  ul.products.grid.col_1_1_1_1 li.product{ width: 33.33%!important;}
  body.woocommerce.woocommerce-page .commonTop .content_1370.commonbottom{ padding-bottom: 10px;}
  #page-wrap > .product{padding-bottom:10px;}
  .woocommerce-product-gallery{ width: 60%!important;}
  .woocommerce div.product div.summary{width:100%!important; padding: 0 10px 40px 10px!important; margin-bottom: 0px!important;}
  /* shop pages end here */

  /* history code start here */
  .infoBox{padding-right:8%;}
  .infoBox:nth-child(2n+3){padding-left:8%;}
  .horizontalLine{right:-19%;}
  .infoBox:nth-child(2n+3) .horizontalLine{left:-19%;}
  .listTitle .contentBox{padding: 20px;}
  .listTitle .contentBox h3{font-size:24px; line-height:32px;}
  /* history code end here */

  .woocommerce div.product form.cart .variations td,
  .woocommerce div.product form.cart .variations th{ width: 100%; display: block;}
  .woocommerce div.product form.cart .variations td select{ min-width:50%; max-width: 50%;}
}
@media screen and (min-width: 0px) and (max-width:780px) {
  /* .content_740.notesHolder{ padding-left: 0px; padding-right: 0px;} */
}

@media screen and (min-width: 0px) and (max-width:768px) {
    /* shop pages start here */
  .woocommerce table.shop_table th.product-remove, .woocommerce table.shop_table td.product-remove{ width: 100%;}
  .cart_totals table tr td{width:100%!important;}
  .woocommerce table.shop_table tr:first-child td:first-child, .woocommerce table.shop_table tbody:first-child tr:first-child td{ border-top: 0px!important;}
  .woocommerce table.shop_table tr:first-child td{ border-top: #033b66 solid 1px !important;}
  .select2-container .select2-selection--single{ text-align: left!important;}
  .woocommerce-cart-form table.shop_table tr:nth-child(even){ background-color:#f7f8f8;}
  #customer_details .col-1{ margin-bottom:30px;}
  #customer_details{ padding-bottom: 30px;}

    /* shop pages end here */
}

@media screen and (min-width: 768px) {
.categoryLinks ul{ display: block!important;}
}

@media screen and (min-width: 0px) and (max-width:767px) {
  h2{font-size:32px; line-height: 40px;}
  h3{font-size:28px; line-height: 36px;}
  h4{font-size:24px; line-height: 32px;}

  #page-wrap{ padding-top: 130px!important;}
  /* hero slider start here */
.herosliderHolder .box::before{ padding-top: 400px;}
.slideCaption h2{ font-size:38px; line-height: 46px;}
  /* hero slider end here */

  /* Landing page start here */
  .introSlider.events .introContent h4, .introSlider.news .introContent h4, .introSlider.events .introContent h4{ padding-bottom: 30px;}
  .introSlider.events .Date, .introSlider.news .Date, .introSlider.events .Date{ padding-bottom: 25px;}
  .challangeInfo h2{ font-size: 26px; line-height: 34px;}
  .featuredImage{ min-height: auto;}
  .featuredImage .box::before{ padding-top:60%;}
  .eventName{ padding-right: 0px;}
  /* Landing page end here */

  /* news letter form start here */
  .newsletterBox h2{ font-size:32px; line-height:38px; padding-bottom: 20px;}
  .newsletterBox .col_60_40 .col:first-child{ padding-bottom: 20px;}
  .ContactBox h2{font-size:32px; line-height:38px;}
  .newsletterBox h3{ margin-bottom: 8px;}
  .newslettrForm input[type="text"], .ContactBox input[type="text"], .newslettrForm input[type="email"], .ContactBox input[type="email"], .newslettrForm input[type="submit"], .ContactBox input[type="submit"]{ padding: 20px 14px; height: 60px;}
  .ContactBox textarea{padding: 20px 14px;}
  .borderGreenbox{padding:20px; border-right: #73c3ae solid 10px;}
  .newsletterBox .smallText{ padding-top:18px;}
  /* news letter form end here */

  /* Challage Detail page start here */
  ul.borderList h4{ font-size: 22px; line-height: 30px;}
  ul.borderList li{ padding-bottom: 12px; margin-bottom: 12px;}
  .titleDescBox .btn, .borderGreenbox .btn{ max-width: 240px; padding: 20px 14px; height:60px;}
  /* Challage Detail page end here */

  /* news details page start here */
  .newsDetailImage{width: 70%;}
  .newsDetailImage .box::before{ padding-top:380px;}
  .postTitle, .PostContent{ padding-right: 0px;}
  .shareBox .st-custom-button{ width: 40px; height: 40px; background-size: 40px;}
  /* news details page end here */

  /* stastics info start here */
  .stasticsBox .col_1_1_1_1 .col{ padding-left: 40px; padding-right: 40px;}
  .numberBox{ font-size: 70px; line-height: 77px;}
  .numberDesc{ font-size: 20px; line-height: 28px;}
  /* stastics info end here */

  /* contact form start here */
  .ContactBox h2{font-size:32px; line-height:38px; padding-bottom: 18px;}
  .ContactBox .col_1_1 .col{ padding: 0 10px;}
  .ContactBox textarea{min-height:222px;}
  /* contact form end here */

.footerTop .col_65_35 .col:first-child{
    text-align:center;
    border-bottom:#e20069 solid 1px;
    padding:0 0 20px 0;
    margin-bottom:20px;}
.footerlogoBox{ margin: 0 auto; display: inline-block; float: none; width: 100%; text-align: center;}
.footerTop .col_65_35 .col{ width: 100%;}

.footerTop .col_65_35 .col:first-child{ display: block;}
.footerlogoBox a{ margin: 0 auto; display: inline-block;}
.frLogo{ padding-top:16px;}
/* video and news teaser start here */
.newsImage{ width: 100%;}
.addressBox{ width: 100%; padding-left: 0px;}
/* video and news teaser end here */

/* cardsSlider css start here */
.cardsSlider .cardTitle h3{ font-size:28px; line-height: 36px; padding-bottom: 0px;}
.cardsSlider .cardTitle p{ font-size:22px; line-height:26px;}
/* cardsSlider css end here */

  /* donation css start here */
  .content_740.donateHolder{ padding-left: 0px; padding-right: 0px;}
  .content_740.notesHolder{ padding-left: 0px; padding-right: 0px;}
  /* donation css end here */

/* shop messages css start here */
.error{ padding: 12px; font-size: 16px; line-height: 22px;}
.success{ padding-left: 12px; padding-right: 12px; padding-bottom: 20px; font-size: 16px; line-height: 24px;}
.woocommerce ul.order_details li{ width:48%; padding: 5px!important; border-right:0px!important; border-bottom: 1px dashed #d3ced2!important;
  margin:0 1%!important;}
/* shop messages css end here */
.categoryLinks{ border-bottom: 0px;}
.categoryLinks ul{ display:none;}
.categoryLinks ul li:first-child{padding-left:0px!important;}
.categoryLinks ul li{width:100%; padding:0px!important;}
.dropTitle{padding: 8px 14px; border:#cdd8e0 solid 1px; font-size:20px!important; font-family:'MikadoBold'; text-transform: uppercase; line-height:28px; width: 100%; display: block; position: relative;}
.dropTitle:before{ width:30px; height:30px; content:''; position: absolute; right:14px; background-image:url('../images/menu-icon.svg'); background-repeat: no-repeat; background-position: center center; background-size: 26px;}
.dropTitle.active:before{-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);}

.worldPay{ padding-bottom: 15px;}

.fancybox-slide{ padding-left: 15px!important; padding-right: 15px!important;}

/* history code start here */
.infoBox{width:100%; padding-right:0px; padding-top:0px;}
.infoBox:nth-child(2n+3){padding-left:0px; margin-top:0px; padding-top:0px;}
.yearHolder{margin-top:0px;}
.horizontalLine{display:none;}
.infoBox:nth-child(2n+3):last-child{padding-bottom:50px;}
.yearBox{top:0; padding-top:120px;}

.listTitle .contentBox h3{font-size:22px; line-height:30px;}
.listTitle .contentBox{padding:14px 20px;}
/* history code end here */

.memoryFilter .searchBox{width:100%; padding-bottom:18px;}

}
@media screen and (min-width: 0px) and (max-width:686px) {
  ul.amountSelect li .roundedRadio label{ font-size: 18px; line-height: 26px; padding-right: 3px;}
}
@media screen and (min-width: 0px) and (max-width:660px) {
.imageOne{ /*width: 30%;*/ }
  .imageThree{ width: 30%;}
  /* .BottomimageSpace{ padding-bottom: 32%;} */
  .storybottom{ padding-bottom: 30px;}
  .storyBox.nothirdimg > div{ padding-top: 12%;}
}

@media screen and (min-width: 0px) and (max-width:640px) {
  h1{font-size:40px; line-height:50px;}
  h2{font-size:30px; line-height:38px;}
  h3{font-size:26px; line-height:34px;}
  h4{font-size:25px; line-height:33px;}

  /* box spaces */
  .stasticsBox{ padding:30px 0;}
  .stasticsBox{ padding-bottom: 10px; }
  .commonbottom {padding-bottom:30px;}
  .commonTop{ padding-top:30px;}
  .detailTitleInfo, .TopBottomspace{ padding-top: 30px; padding-bottom: 30px;}
  .footerTop{ padding-top: 30px; padding-bottom: 30px;}
  .newsTeaser{ padding:30px 0;}
  .cardsSlideBox{ padding:30px 0;}
  #page-wrap > .product{ padding-top: 30px;}
  .includeBox.noIncludeImage .content_1370 .grid{ padding-top:30px;}
  /* box spaces */

  /* hero slider start here */
.herosliderHolder .box::before{ padding-top: 350px;}
.slideCaption h2{ font-size:32px; line-height:40px;}
  /* hero slider end here */

  /* Landing page start here */
  .categoryLinks ul li{ padding-left: 5px; padding-right: 5px;}
  .categoryLinks ul li a{ font-size: 20px; line-height: 28px; padding:6px 12px;}
  .listingHolder .col_1_1_1 .col{width:100%;}
  .challangeInfo h2{ font-size: 24px; line-height:32px;}
  .introContent{ padding: 20px;}
  .introSlider.events .introContent h4, .introSlider.news .introContent h4, .introSlider.events .introContent h4{ padding-bottom:14px; font-size: 22px; line-height:30px;}
  .introSlider.events .Date, .introSlider.news .Date, .introSlider.events .Date{ padding-bottom: 20px; font-size: 18px; line-height: 26px;}
  .introSlider .slick-dots{ padding: 0 20px;}
  .eventName{ font-size: 22px; line-height:30px;}
  /* Landing page end here */

  /* Challage Detail page start here */
  .detailTitleBox h1{ padding:14px 20px; font-size:38px; line-height:46px; left:10px;}
  .detailpageImage{ padding-left: 50px;}
  .detailpageImage .box::before{ padding-top: 350px;}
  .detailTitleInfo p{ font-size: 20px; line-height: 28px;}
  .includeImage{ top:-26px; padding-left:15%;}

  .detailcolor h2{ padding-bottom:10px; margin-bottom:18px;}
  .titleDescBox .btn, .borderGreenbox .btn{ max-width:180px; padding: 20px 14px; height:60px;}
  .relatedList .col_1_1_1 .col:last-child{ padding-bottom: 18px;}
  .relTitleBox{ padding-bottom: 30px;}
  .storybottom.titleDescBox.noBottomSpace .BottomimageSpace .col:first-child{ padding-bottom:30px;}
  /* Challage Detail page end here */

  /* news details page start here */
  .postTitle{ font-size: 32px; line-height:40px;}
  .newsDetailImage .box::before{padding-top:300px;}
  .shareBox{ padding-bottom: 20px!important;}
  /* news details page start here */

  /* gallery detail page start here */
  .galleryList .col_1_1_1_1 .col{ width: 50%;}
  /* gallery detail page end here */

  /* stastics info start here */
  .stasticsBox .col_1_1_1_1 .col{ padding-left: 20px; padding-right: 20px;}
  .stasticsBox h2{ padding-bottom: 20px;}
  /* stastics info end here */

  /* doubleRowSlider start here */
  .doubleRowSlider .listHolder .titleBox h3{ font-size:24px; line-height:32px;}
  .commonbottom.doubleRowSlideBox{ padding-bottom: 0px;}
  /* doubleRowSlider end here */

/* news letter form start here */
.newsletterBox h2{ font-size: 30px; padding-bottom:15px;}
.newsletterBox .col_60_40 .col:first-child{ padding-bottom:15px;}
.ContactBox h2{font-size:30px; line-height:38px;}
.newslettrForm ul li{ width: 100%; padding:10px 0;}
ul.SocialLinks li{ padding-right: 18px;}
/* news letter form end here */

/* story section start here */
.titleDescBox.noImage{ padding-bottom:20px;}
.blockquoteBox{ padding-top: 100px;}
.blockquoteBox::before{ width:50px; height:50px; top:25px;}
.commonbottom.storyBox{ padding-bottom:50px;}

/* story section end here */

/* contact form start here */
.ContactBox .col_1_1 .col{ width: 100%; padding: 0px;}
/* contact form end here */

/* footer start here */
.footerTop .col_65_35 .col:first-child{ text-align: center;}
.footerlogoBox{ float: none; margin: 0 auto; padding: 0 0 20px 0; display: inline-block;}
.addressBox{ float: none; margin: 0 auto;}
/* footer end here */

/* accordion start here */
.accordionSubtitle{font-size:22px; line-height:30px;}
.accordionInfo h6{ padding-bottom:18px;}
/* accordion end here */

/* video and news teaser start here */
.newsDesc h3{ line-height: 30px;}
.teaserDetails .cardTitle p{ font-size: 22px; line-height:30px;}
/* video and news teaser start here */

.col_1_1.contactInfo .col:first-child{ padding-bottom:30px;}


/* donation start here */
.donateBox.pinkBG .donateContent, .donateContent{ padding:30px 20px;}
.donateBox.pinkBG .donateContent{ padding-bottom: 0px;}
.donateBox.pinkBG h2{ font-size: 28px; line-height: 36px;}
.donateBox.pinkBG ul{ padding:20px 25px;}
/* .donateHolder{ padding-top: 40px;} */
.donateTabs .col{ font-size: 20px; line-height:28px; padding: 18px;}
.donateNotes .col{ width: 100%; padding:0 0 20px 0; }
.donateNotes .col p:last-of-type{ padding-bottom: 0px;}
.donateNotes h3{ margin-bottom:15px;}

.donateContent h2{ margin-bottom:10px}
.donationType{ padding-bottom:20px;}
.amount label{ font-size:28px; line-height:36px; padding-top:2px;}
.roundedRadio label{ font-size: 17px; line-height: 25px; padding-left: 35px;}
.roundedRadio [type="radio"] + label::before{ width: 22px; height: 22px;}
.roundedRadio [type="radio"] + label::after{ border: #e20069 9px solid}
.donateContent p.pinkText{ padding-bottom: 16px;}
.donationTitle{padding-bottom:15px;}
.giftInfo{ padding-bottom: 20px;}
.giftAid{ padding-top: 20px;}
.donationType.amountInfo{ padding-bottom:20px;}
.largeText{ font-size:21px; line-height: 29px;}
.reclaimBox label{ padding:26px; padding-left: 50px;}
.reclaimBox [type="checkbox"] + label::before{width:22px; height:22px; left:12px;}
.reclaimBox [type="checkbox"] + label::after{border:#e20069 9px solid; left:16px;}
.btnHolder .btn, .btnHolder input[type="submit"]{ max-width: 190px; height: 54px!important; line-height: 26px!important; padding: 14px!important;}

.donateForm ul li.col_1_1 .col{ width:100%; padding:0px;}
.donateForm ul li.col_1_1 .col label{ padding-bottom:8px; display: block;}
.roundcheckBox label{padding-top:4px; padding-bottom:4px;}
.donateBg{ min-height: auto;}

.popupdata{padding-bottom:16px;}
.donateForborder{ padding:16px 0 8px 0px;}
.titletopBorder{ padding-top:18px;}
/* donation end here */


/* shop pages start here */
ul.products.grid.col_1_1_1_1 li.product{width:50%!important;}
.woocommerce-product-gallery{ width:100%!important; margin: 0px!important; padding-bottom: 30px!important;}
.checkoutCoupon{ display: block;}
.checkoutCoupon p{ width: 100%!important; padding: 0 0 10px 0!important; margin: 0px; margin: 0px;}
.checkoutCoupon p:last-child{ padding-bottom: 0px!important;}
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3 label span{ font-size:22px; line-height: 30px; padding-bottom:8px;}
.woocommerce-billing-fields__field-wrapper p, #customer_details .col-2 p{ padding: 0 0 8px 0!important;}
.woocommerce-shipping-destination{ border-top:#033b66 solid 1px; padding: 5px 0;}
/* shop pages end here */

.searchHolder{ padding: 20px;}
.slideSearch .searchItems input[type="text"]{ padding-right: 40px!important;}
.slideSearch .searchbtn{ width: 30px!important; height: 30px!important; max-width: 30px!important; background-size: 24px; top:10px;}

.addMemoryBox{padding-bottom:30px;}
.memoryWallContain.content_1370{padding-bottom:20px;}
.paginationBox{padding-bottom:10px;}
.memoryWallContain .pagination{margin-top:20px;}
}

@media screen and (min-width: 601px) {
  ul.amountSelect{ display: block!important;}
  ul.amountSelect li{ display: inline-block;}
}
@media screen and (min-width: 0px) and (max-width:600px) {

.amountSelect.allvisible{ visibility: visible; height: auto; border: 0px; padding-bottom: 12px!important;}
.amountSelect.allvisible li{ padding: 0px;}

body.scroll.open-burgermenu .menuBox{ top:0; padding-top: 166px;}

/* Landing page start here */
.featuredImage .box::before {padding-top:340px;}
/* Landing page end here */

/* donation start here */
.col_1_1.donateTabs .col{width:100%;}
.donateTabs .col{ text-align: left;}
ul.amountSelect{ border:#033b66 solid 1px;}
ul.amountSelect li{ width: 100%; border-bottom:#033b66 solid 1px; padding:0 10px;}
ul.amountSelect li:last-child{ border-bottom: 0px;}
.amount label{ padding-left: 0px; padding-right: 0px;}
ul.amountSelect li::after{ display: none;}
/* ul.amountSelect{ display: none;} */
ul.amountSelect{ visibility: hidden; height: 0;}
ul.amountSelect.show{visibility:visible; height:auto;}
.pinkText.topspace{ padding-top: 10px;}
.selectAmount{ display: block;}

.selectAmount{ font-size: 20px; line-height: 28px; padding: 8px; padding-bottom: 12px;}
.amount label{ font-size: 20px!important; line-height: 26px!important;}
.otherAmount input[type="text"]{ border:#033b66 solid 1px;}

.popupdata{ padding-top: 10px;}

ul.amountSelect li .roundedRadio label, ul.amountSelect li:first-child .roundedRadio label{ padding-left: 3px;}
ul.amountSelect li .roundedRadio label::before, ul.amountSelect li .roundedRadio label::after{ display: none;}
/* donation end here */
.errorImage{ padding-bottom: 10px}
.errorImage img{ width: 80px;}
.errorBox h3{ font-size: 22px; line-height:28px;}
}

@media screen and (min-width: 0px) and (max-width:550px) {
.listPage h1{ font-size: 40px; line-height: 48px;}

.newsletterBox h2{ font-size: 28px; line-height:36px;}
.ContactBox h2{font-size:28px; line-height:36px;}
.newsletterBox h3{ font-size:24px; line-height:32px;}

/* Challage Detail page start here */
.detailTitleBox{left:0px;}
.detailTitleBox h1{padding:14px 20px; font-size:38px; line-height:46px;}
.detailpageImage{padding-left: 30px;}
.includeImage{padding-left: 30px;}
.detailpageImage .box::before{ padding-top: 300px;}
.verticalImage .box::before, .imageOne .box::before, .imageThree .box::before{padding-top: 110%;}
/* Challage Detail page end here */

  /* stastics info start here */
  .stasticsBox .col_1_1_1_1 .col{ padding-left: 12px; padding-right: 12px;}
  .numberBox{ font-size: 60px; line-height: 68px;}
  .numberDesc{ font-size: 18px; line-height:26px;}
  /* stastics info start here */

/* gallery detail page start here */
.galleryList .col_1_1_1_1 .col{ width:100%;}
/* gallery detail page end here */

/* popup form start here */
.formModal{ padding:30px;}
.popupClose{ top:5px; right: 5px; width:32px; height: 32px; background-size: 24px;}
.contactBy .roundcheckBox{ margin: 5px 0; display: inline-block;}
/* popup form end here */

.ContactBox textarea{ max-height: 160px;}

/* cardsSlider css start here */
.cardImage{ padding-left: 20px;}
.cardDetails{ padding-right: 20px;}
.cardTitle{ padding: 14px 20px;}
.cardsSlider .cardDetails::after{ width: calc(100% - 20px)!important;}
/* cardsSlider css end here */

/* shop css start here */
#billing_first_name_field, #billing_last_name_field, #shipping_first_name_field, #shipping_last_name_field{ width: 100%;}
.woocommerce ul.order_details li{ width: 100%!important; margin: 0px!important;}
.woocommerce-notice.woocommerce-notice--success{ margin-bottom: 30px!important;}
.form-row.place-order{ font-size: 16px!important; line-height:22px!important; }
.form-row.place-order p{padding-bottom: 18px!important;}
/* shop css end here */

/* donation start here */
.donateBox.pinkBG .donateContent ul.col_1_1 .col{ width: 100%; padding-bottom: 18px;}
.donateBox.pinkBG ul li .customradioBox label span{ font-size: 18px; line-height: 24px;}
/* donation end here */

.woocommerce div.product form.cart .variations td select{ min-width:100%; max-width:100%;}

.gform_fields input[type="text"], .gform_fields input[type="email"], .gform_fields input[type="tel"], .gform_fields input[type="date"], .gform_fields input[type="password"], .gform_fields input[type="number"], .gform_fields textarea, .gform_fields select{
  padding:8px 10px!important;
  font-size:14px!important;
  line-height:22px!important;
}

.add_list_item, .delete_list_item{width: 28px!important; height: 28px!important;}

/* memory wall start */
.memoryWallContain .col{width:100%; padding-left: 0; padding-right: 0;}

.tooImageText .imgBox,.tooImageText .textbox{width:100%;}
.tooImageText .textbox{padding-left:0; padding-right:0; padding-top:20px;}
.memoryFilter .searchBox a .btn{margin-top:10px;}

.memoryFilter .searchBar{max-width:100%; margin-right:0;}
.memoryImageWrap{max-width:220px;}
.gform_wrapper{padding:20px!important;}
.addMemoryBox{ 
  padding-right:0; 
  font-size:18px;
  line-height:24px;
}
/* memory wall end */
}

@media screen and (min-width: 0px) and (max-width:520px) {
  /* donation start here */
  .btnHolder{ text-align: center;}
  .btnHolder .btn, .btnHolder input[type="submit"]{ display:block; margin: 5px auto; float: none!important;}
  .btnHolder .btn.back{ margin: 5px auto;}
  .roundedRadio [type="radio"] + label::before{ top:7px;}
  .roundedRadio [type="radio"] + label::after{ top:11px;}
  /* donation end here */

  .btnHolder .btn.back, .btnHolder .btn.back:hover{ border:#033b66 solid 1px; background-color:#fff; color:#033b66;
    background-image: url('../images/back-arrow.svg');
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center left;
  }
}

@media screen and (min-width: 0px) and (max-width:480px){
  /* stastics info start here */
  .stasticsBox .col_1_1_1_1 .col{ width: 100%; padding-left:50px; padding-right:50px;}
  .numberDesc{ font-size: 20px; line-height: 28px;}
  /* stastics info start here */

    .titleDescBox .btn, .borderGreenbox .btn{ max-width:160px; padding:15px; height:50px; font-size: 20px; line-height: 22px;}

    /* story section start here */
    .imageOne{ /*margin-top: -50%; width:30%;*/ }
    .imageTwo.newBox{ margin-bottom:0px!important;}
    .imageThree{ width: 30%; right:54%;}
    .titleDescBox.noQuote .imageTwo{ margin-bottom: 0px!important;}
    .imageTwo{ margin-bottom:-24%!important;}
    .blockquoteBox p{ font-size: 18px; line-height:26px;}
    .blockquotebtn .btn{padding:15px; height:50px; font-size: 20px; line-height: 22px;}
    .storyBox.nothirdimg > div{ padding-top: 16%;}
    /* .BottomimageSpace{ padding-bottom:38%;} */
    .commonbottom.storyBox{ padding-bottom: 50px;}
  .storybottom{padding-bottom: 30px;}

    .quoteImage{ padding-left:20px; padding-right:20px;}
    .blockquoteBox.noLink{ padding-bottom: 30px;}
    /* story section end here */

    /*  greenbox two col content */
    .twocolText h2{ font-size: 28px; line-height: 36px;}
    /*  greenbox two col content */

    /* accordion start here */
    .accordionTtitle{ font-size: 24px; line-height:32px;}
    .accordionSubtitle{ font-size: 20px; line-height: 28px;}
    /* accordion end here */

    /* video and news teaser start here */
    .teaserImage .box::before{ padding-top: 320px;}
    .latestNews ul{ display: block; }
    .latestNews ul li{ width: 100%; padding: 0 0 30px 0;}
    .newsImage{ max-width: 250px; padding-bottom: 15px;}
    .teaserDetails .cardTitle{ padding:18px 20px;}
    .teaserDetails .cardTitle p{ font-size: 20px; line-height:28px;}
    .latestNews{ padding-top: 10px!important;}
    /* video and news teaser end here */

    /* cardsSlider css start here */
    .cardsSlider .cardTitle h3{ font-size:26px; line-height: 34px;}
    .cardsSlider .cardTitle p{ font-size:20px; line-height:24px;}
    /* cardsSlider css end here */

    /* donation start here */
    .donateBox.pinkBG .donateContent ul.col_1_1 li{ width: 100%;}
    .donateBox.pinkBG h2{ font-size: 24px; line-height: 32px; padding-bottom:22px;}
    .donateBox.pinkBG ul{ padding:15px 15px;}
    .customradioBox label{ padding: 14px;}

    .donateForm label{ font-size: 16px; line-height:24px;}
    /* donation end here */

    /* shop pages start here */
    ul.products.grid.col_1_1_1_1 li.product{width:100%!important;}
    .summary h1.product_title, .cart_totals h2{ font-size: 26px; line-height: 34px;}
    td.actions .coupon{ text-align: center;}
    .coupon #coupon_code{ width: 144px; margin-right: 0px;}
    td.actions .button{ padding-left: 7px!important; padding-right: 7px!important;}
    .coupon .button{  width: 150px!important;}

    .products li.type-product .productbox .add_to_cart_button, .products li.type-product .productbox .button.product_type_simple{ bottom:15px;}
    .moreLink{ left:auto; right:0; bottom:15px;}
    .products li.type-product .productbox{ padding-bottom:55px;}
    /* shop pages end here */

    body.page-template-template-history .detailTitleBox{ min-width: 300px;}
}

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

  .listPage h1{ font-size:34px; line-height:42px;}
  h1{font-size:34px; line-height:46px;}


  /* hero slider start here */
.herosliderHolder .box::before{ padding-top: 280px;}
.slideCaption h2{ font-size:30px; line-height:38px;}
  /* hero slider end here */

  /* Challage Detail page start here */
  .detailpageImage .box::before{ padding-top:250px;}
  /* Challage Detail page end here */

  /* Landing page start here */
  .challangeInfo h2{ font-size: 22px; line-height: 30px;}
  .featuredImage .box::before{ padding-top: 300px;}
  /* Landing page end here */

  /* news details page start here */
  .newsDetailImage{ width: 80%;}
  .newsDetailImage .box::before{ padding-top:280px;}
  /* news details page start here */

  /* doubleRowSlider start here */
  .listHolder{ padding-bottom:30px;}
  /* doubleRowSlider end here */

/* footer start here */
ul.footerMenu li{ font-size: 16px; line-height:22px; padding-bottom:2px;}
/* footer end here */

/* donation start here */
/* .content_740.donateHolder{ padding-left: 10px; padding-right: 10px;} */
.amount label{font-size:26px; line-height:34px;}
/* donation end here */
}

@media screen and (min-width: 0px) and (max-width:400px){
/* header start here */
header .content_1370{ padding-bottom: 10px; padding-top:20px;}
#header.scroll > .content_1370{padding-bottom: 10px; padding-top:20px;}
header .logo, #header.scroll .logo{ width: 150px;}
#page-wrap{ padding-top: 103px!important;}
/* header end here */

.slideCaption h2{ font-size: 28px; line-height: 32px;}
/* stastics info start here */
.stasticsBox .col_1_1_1_1 .col{ padding-left: 20px; padding-right:20px}
/* stastics info end here */

.teaserImage .box::before{padding-top:250px;}

.donateTabs .col{font-size:18px; line-height:26px; padding:15px;}

.popupBox{top:70px;}
}

@media screen and (min-width: 0px) and (max-width:370px){
  .coupon #coupon_code{ width: 150px; margin: 0 auto; float: none!important; display:block;}
  .coupon .button{  width: 150px!important; margin:10px auto 0 auto!important; float: none!important;}

  body.page-template-template-history .detailTitleBox, .detailTitleBox{min-width:260px;}
}

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

/* header start here */
.headerBox{ padding-top: 6px;}
.headerBox nav{ padding-top: 0px;}
header .logo, #header.scroll .logo{ width:130px;}
#header.scroll .headerBox{ padding-top: 6px;}
#page-wrap{ padding-top:94px;}

/* header end here */


/* Challage Detail page start here */
.detailTitleBox h1{font-size:34px; line-height:42px;}
/* Challage Detail page end here */

/* footer start here */
ul.footerMenu{-webkit-columns:1; -moz-columns:1; columns:1; text-align: center;}
.frLogo img{ margin: 0 auto;}
/* footer end here */

/* news letter form start here */
ul.SocialLinks li{ padding-right: 10px;}
/* news letter form end here */

/* donation start here */
.donateBox.pinkBG ul{ padding-left: 0px; padding-right: 0px;}
.donateBox.pinkBG h2{ font-size: 22px; line-height:30px;}
/* donation end here */

/* shop start here */
.products li.type-product .productbox .add_to_cart_button, .products li.type-product .productbox .button.product_type_simple{ bottom:65px;}
.moreLink{ left:0; right:auto; bottom:15px;}
.products li.type-product .productbox{ padding-bottom:106px;}
/* shop end here */
}