@media screen and (min-width: 0px) and (max-width:1420px) {
  .cn-text-container{ width: 100%; margin: 0px; padding-bottom: 10px;}
}

@media screen and (min-width: 0px) and (max-width:1400px) {
  /* large image video textbox start here */
  .imageVidContent .borderboxHolder{ max-width: 500px;}
  /* large image video textbox end here */

  .fullImage .box::before, .fullVideoHolder{padding-top:45%;}
  .imgvidInfoHolder .borderboxHolder{ font-size: 20px; line-height:26px;}
  .borderbox{ padding: 20px;}
  .borderbox p{padding-bottom: 20px;}

  #cookie-law-info-bar{padding-left:20px!important; padding-right:20px!important;}
}

@media screen and (min-width: 0px) and (max-width:1200px) {
  .imageVideoHolder{ width: 55%;}
  .imageVideoBox .borderboxHolder{ max-width: 570px;}
}

@media screen and (min-width: 0px) and (max-width:1180px) {
/* common classes start here */
.content_1170{ padding-right: 10px; padding-left: 10px;}
#page-wrap > .product, body.single-product .product .woocommerce-tabs.wc-tabs-wrapper{ padding-left: 10px; padding-right: 10px;}
/* common classes end here */

/* shop start here */
.products li.type-product .productbox{padding-bottom:138px;}
.moreLink{ bottom: 5px;}
.products li.type-product .productbox .add_to_cart_button, .productbox .button.product_type_simple{ bottom: 58px; left: 0; right: auto;}
.productbox .price{ bottom: 100px;}
.productbox .added_to_cart{ left: 144px; right: auto; bottom: 60px;}
/* shop end here */
}
@media screen and (min-width: 0px) and (max-width:1170px) {
  .imageVideoBox.ImageRightBottom .imageVideoHolder, .imageVideoBox.ImageRightTop .imageVideoHolder{ width:53%;}
}
@media screen and (min-width: 0px) and (max-width:1150px) {
 /* donation page start here */
 .borderBox{padding:20px 30px;}
 .borderBox h2, .donateContact h2{font-size:28px; line-height:34px;}
 .giftaitTitle{font-size:20px; line-height:26px;}
 .amountBox{ font-size: 20px; line-height: 28px;}
 .donationBox.col_66_33 .col:first-child{width:62%;}
 .donationBox.col_66_33 .col{width:38%;}
 .donateAmount{ margin-left: 10px;}
 .amountBox{ font-size:18px; line-height:28px;}

 /* new form css changes start */
 .formCommonGap, .DonateSec .gform_body fieldset.formCommonGap, .taxpayText,
 .formLeftRightGap, .DonateSec .gform_body fieldset.formLeftRightGap{
   padding: 4px 30px;
 }
 .DonateSec .gfield_error.formLeftRightGap{padding: 4px 30px!important;}
 .DonateSec .gform_footer{ padding-left:30px!important; padding-right: 30px!important;}
 .formLeftGap, .DonateSec .gfield_error.formLeftGap{padding-left:30px!important;}
 .formRightGap, .DonateSec .gfield_error.formRightGap{padding-right:30px!important;}
 .connectOptions{padding:14px 50px!important;}
 .taxpayText{ padding-top: 60px;}
 .taxpayText::before{ left: 30px; top:0px;}
 .DonateSec .detailsTitle{padding-bottom:0px!important;}
 .DonateSec .detailsTitle h2{padding-bottom:0px!important;}

 .amountbgBox, .gfield_error.amountbgBox{ margin-bottom:4px; padding: 16px 50px!important; }
 .DonateSec .smallText, .DonateSec .address, .DonateSec .lastBottomGap{ padding-bottom: 4px;}
 .DonateSec .keepTouchHolder, .DonateSec .gform_footer, .DonateSec .detailsTitle,
 .DonateSec .formCommonGap.customCheckBox{ padding-top: 4px!important;}

 .DonateSec .gfield_total{padding-top:4px; padding-bottom:0px;}

 .amountbgBox::before, .connectOptions::before{width:calc(100% - 60px);}
 .reasonBox label{font-size:28px!important; line-height:34px!important;}
 .amountbgBox label{ font-size:18px!important; line-height:28px!important;}
 .taxpayText{font-size:20px; line-height:26px;}
 .DonateSec .gform_footer .gform_ajax_spinner{ right: 170px; top:10px;}
 /* new form css changes end */

 /* donation page end here */

.fullImage .box::before, .fullVideoHolder{padding-top:50%;}

/* footer start here */
.col_30_50_20 .col:first-child{ width:100%; padding-top: 0px;}
.col_30_50_20 .col:first-child > div{ width: 50%;}
.col_30_50_20 > .col{ width:100%; padding:20px 0; padding-right: 0px; border-bottom:#917cb7 solid 1px;}
.col_30_50_20 .col:last-child{ width: 100%; padding-bottom: 0px; border-bottom:0px;}
.footerMenu{ width:50%; padding-bottom: 25px; padding-top: 0px;}
.footerMenu ul li{ padding-bottom: 6px;}
.socialLinks{ align-self: flex-start;}
footer{ line-height: 30px;}
.copyright{ padding-top:20px;}
footer h2{ margin-bottom:0px; padding-bottom:10px;}
.btn.hideresp{ display: none;}
.btn.showresp{ display: block; max-width:150px; margin-bottom: 26px;}
/* footer end here */
}

@media screen and (min-width: 0px) and (max-width:1140px) {
/* .helpLineMob{ max-width: 340px;}
.helpLineMob .phone{ font-size:26px; line-height:30px;}
.helpLineMob .time{ font-size:20px; line-height:24px;}
.helpLineMob ul li{ padding-bottom: 4px;}
.helpLineMob ul li a{ font-size:18px; line-height:22px; padding-top:6px;} */
}

@media screen and (min-width: 0px) and (max-width:1100px) {
.imageVideoHolder .box::before{ padding-top:65%;}
}
@media screen and (min-width: 0px) and (max-width:1050px) {
/* large image video textbox start here */
.imageVidContent .borderboxHolder{max-width:45%;}
/* large image video textbox end here */

.imageVideoBox .borderboxHolder{max-width:510px;}
.google_translate{padding-left:10px;}
}

@media screen and (min-width: 0px) and (max-width:1024px) {
  /* full image video start */
  h1{font-size:44px; line-height:52px; margin-bottom:10px;}
  h3{font-size:24px; line-height:28px; margin-bottom:10px;}
  h4{font-size:22px; line-height:28px; margin-bottom:10px;}
  h2, .introQuickLink h2, .boxWithTitle h1, .challangeDetail h1, .detailTitleSec h1{font-size: 28px; line-height:32px!important; margin-bottom: 0px; padding-bottom: 10px!important;}
  .summary h1.product_title{ font-size: 28px; line-height: 32px;}
  .videosThumb h2{ padding-bottom:18px!important;}


  /* full image end start */

  .iconsTitleDescSec h2{ margin-bottom:0; padding-bottom: 10px;}
  .introQuickLink h2{ padding-bottom: 18px;}

  /* listing section start here */
  body.page-template-template-challenges .listingSec.col_1_1_1 .col{ padding-bottom: 24px;}
  /* listing section start here */
}

@media screen and (min-width: 0px) and (max-width:1023px) {
/* header start here */
#page-wrap{ padding-top:178px}
.helpLine{max-width:200px;}
.phoneTimeBox{ padding:10px;}
.phone{font-size:25px; line-height:28px;}
.time{font-size:18px; line-height:22px;}
.helpLine ul li{ padding-right: 24px;}
.helpLine ul li a{ font-size: 14px; line-height: 20px;}
.helpLine ul li::after{ right: 10px;}
/* header end here */

/* large image video textbox start here */
.imageVideoHolder .box::before{ padding-top: 70%;}
.imageVideoBox .borderboxHolder .borderbox{ padding: 20px;}
.imageVideoBox .borderboxHolder h2{ font-size: 28px; line-height: 32px; padding-bottom:5px;}
/* large image video textbox end here */

/* quickLinksBox start here */
.quickLinksIntro{ padding-top: 20px;}
/* quickLinksBox end here */

/* boxWithTitle start here */
.boxWithTitle h3{ font-size:22px; line-height:28px;}
.introText{font-size:22px; line-height:28px;}
/* boxWithTitle end here */

/* meet the team start here */
.TeamList .col{ width: 33.33%;}
/* meet the team end here */

/* detail pages start here */
.detailSec h3{ font-size: 22px; line-height: 28px;}
/* detail pages end here */
}

@media screen and (min-width: 0px) and (max-width:1000px) {
  /* header stat here */
  .logobox{ max-width:240px;}
  .logobox .slogan{ padding:5px 0 0 0; font-size: 12px; line-height:16px;}
  #page-wrap{ padding-top: 193px;}
  /* header end here */

  .commonSpace{ padding: 40px 0;}
  .videosThumb .colorBox, .introQuickLink .colorBox{ padding-top: 40px;}
  .outerbottomSpace{ margin-bottom: 40px;}
  .videoBox{ padding-bottom: 40px;}
  .commonSpace.shopCart{ padding:40px 0!important;}
  .woocommerce ul.products li.product{padding-bottom:40px!important;}
  /* large image video textbox start here */
  .imageVideoHolder, .imageVideoBox.ImageRightBottom .imageVideoHolder, .imageVideoBox.ImageRightTop .imageVideoHolder{ width: 100%;}
  .imageVideoBox .borderboxHolder{ max-width: 100%;}
  .imageVideoBox.ImageLeftTop, .imageVideoBox.ImageRightTop,
  .imageVideoBox.ImageLeftBottom, .imageVideoBox.ImageRightBottom{ display: block;}
  .imageVideoBox.ImageLeftBottom, .imageVideoBox.ImageLeftTop{ padding-right: 0px;}
  .imageVideoBox.ImageRightBottom, .imageVideoBox.ImageRightTop{ padding-left: 0px;}
  .imageVideoBox .borderboxHolder{ margin: 0 auto!important; margin-top:-80px!important; width: 50%; bottom: auto!important;}
  .imageVideoBox{padding-bottom:40px;}
  .imageVideoBox::before{ height:100%;}
  /* large image video textbox end here */

  /* full image video start */
  .imgvidInfoHolder .borderboxHolder, .imgvidInfoHolder{ position: relative;}
  .imgvidInfoHolder .borderboxHolder{ margin: 0 auto; margin-top: -80px; right: 0px;}
  .fullImage, .fullVideo{ padding-bottom:15px;}
.imageVideoHolder .box::before {padding-top: 45%;}
  /* full image video end */

/* quickLinksBox start here */
  .videosThumb .quicklinkDesc{ padding-left: 10px; padding-right: 10px;}
  /* quickLinksBox end here */

  /* introIconButton start here */
  .introIconButton::before{ height: 80px;}
  /* introIconButton end here */

  /* full width text box start here */
  .commonSpace.fullTextBlock{ padding-top: 30px; padding-bottom:50px}
  /* full width text box end here */

  /* listing section start here */
  /* challenges start here */
  .listingSec.col_1_1_1 .col{ padding-bottom: 28px;}
  body.page-template-template-challenges .listingSec.col_1_1_1 .col{ padding-bottom: 20px;}
  .listingSec.news .titleBox h2, .listingSec.news h2, .listingSec.guides .titleBox h2, .listingSec.guides h2{ padding-bottom: 12px;}
  /* challenges end here */
  body.page-template-template-events .listingSec.col_1_1_1 .col,
  body.page-template-template-fundraising-ideas .listingSec.col_1_1_1 .col{ padding-bottom: 16px;}
  /* listing section end here */

  /* detail pages start here */
  body.single-ge_fundraising_ideas .relatedinfoHolder, body.single-ge_events .relatedinfoHolder, body.single-ge_challenges .relatedinfoHolder, body.single-ge_faqs .relatedinfoHolder, body.single-ge_training .relatedinfoHolder{ padding-top:40px;}

  .challangeDetail h2{ padding-bottom: 8px;}
  .detailTitleSec.commonSpace{ min-height: 160px}
  .DetailImage{ margin-top: -160px;}
  .detailSec.guideDetail .col_45_55 .col{ padding:0 15px;}
  .detailTitleSec.guideBox .col_45_55 .col{ padding:0 15px;}
  .detailSec .col_45_55 .col, .detailTitleSec .col_45_55 .col{ padding: 0 15px;}
  .detailSec.newsDetail .col_45_55 .col:first-child{ padding-right:30px;}
  /* detail pages end here */

  /* donation page start here */
  .donationBox.grid .col{ padding: 0px}
  .donationBox.col_66_33 .col:first-child{ padding-bottom: 40px;}
  .donationTop{ padding-bottom: 0px;}
  .amountBox{ padding: 15px 20px;}
  .donationTop .col{ padding-bottom: 20px;}
  .donationBox.col_66_33 .col:first-child{width:100%;}
  .donationBox.col_66_33 .col{width:100%;}
  /* donation page end here */

  /* history start here */
  .fullBox .imageVideoBox.flexVerticalCenter{ display:block;}
  .historySec .imageVideoBox .borderboxHolder{ right: auto; left: auto; max-width:100%; width:58%;}
  .historySec .imageVideoBox .borderboxHolder .borderbox{ padding-top: 26px; padding-bottom: 26px;}
  .fullBox .imageVideoBox.flexVerticalCenter{ margin-bottom: 30px;}
  /* history end here */

}

@media screen and (min-width: 0px) and (max-width:950px) {
  .searchHolder{padding:50px;}

  /* quickLinksBox start here */
.col_1_1_1.quickLinks .col, .iconsTitleDescSec .col_1_1_1 .col, .videosThumb .col_1_1_1 .col, .introQuickLink .col{ width: 50%; padding-bottom:35px;}
.col_1_1_1.quickLinks .col:last-child, .iconsTitleDescSec .col_1_1_1 .col:last-child,
.videosThumb .col_1_1_1 .col:last-child, .introQuickLink .col:last-child{ margin: 0 auto; padding-bottom: 0px;}
.listingSec.challangeTop .col:last-child{margin: 0 auto; padding-bottom: 0px;}
.related.listingSec .col:last-child{margin: 0 auto;}
.quickLinks .box{ padding-bottom: 18px;}
  /* quickLinksBox end here */

  /* introIconButton start here */
  .introIconButton .col{width:50%; margin-bottom: 30px;}
  .introIconButton .col:last-child{margin:0 auto;}
  /* introIconButton end here */


/* overlapImageBox start here */
.overlapImageBox .grid{display:block;}
.overlapImageBox .grid .col{ width: 100%; padding: 0px;}
.overlapImageBox .grid .col:first-child{ max-width: 550px; margin: 0 auto; padding: 0 0 40px 0;}
.overlapImageBox .imageRightSec .col:last-child{ padding-right: 0px;}
/* overlapImageBox end here */

/* listing section start here */
.listingSec.col_1_1_1 .col{width:50%}
.donationTop.listingSec.col_1_1_1 .col:last-child{ margin: 0 auto;}
/* listing section end here */
  .teamBox .col{ padding-bottom:30px;}
/* shop start here */
.woocommerce-product-gallery{padding-bottom:20px;}
.woocommerce ul.products li.product{ width: 33.33%!important;}
.woocommerce div.product div.summary{ float:right!important; padding-left: 30px!important;}
.woocommerce div.product div.images{ float: left!important;}
body.single-product .product .woocommerce-tabs.wc-tabs-wrapper{padding-bottom: 40px!important;}
.woocommerce-product-gallery{ padding-bottom:30px!important;}
/* shop end here */
}

@media screen and (min-width: 0px) and (max-width:900px) {
    /* history start here */
.historySec .infoBox, .historySec .infoBox:nth-child(2n), .historySec .infoBox.leftAlign, .historySec .infoBox.rightAlign{ float: none; margin: 0 auto; padding:30px 0!important;}
.historySec .infoBox.verticalImage .box::before{ padding-top:120%;}
.historyBox .yearBox:first-child{padding-top:120px}
.historyBox .yearBox:first-child .yearHolder{margin-top:0px;}
.yearBox{padding-top:140px;}
.yearHolder{margin-top:20px;}
/* history end here */

.logoHolder.logoTwo{ padding-left: 20px;}
.logoHolder img {width: 180px;}
.logoHolder.logoTwo{ padding-left: 20px;}
.logoHolder.logoTwo img{width:156px;}

}
@media screen and (min-width: 0px) and (max-width:899px) {
  /* detail pages start here */
  .col_45_55 .col{width:100%;}
  .detailSec.guideDetail .col_45_55 .col{padding:0px;}
  .detailSec .col_45_55 .col, .detailTitleSec .col_45_55 .col, .detailTitleSec.guideBox .col_45_55 .col{padding:0px;}
  .col_45_55 .col:first-child{width:75%; padding-bottom:30px;}
  .DetailImage{margin-top:-100px;}
  .detailTitleSec.commonSpace{padding-bottom:80px;}
  .detailSec .col_45_55 .col:first-child{padding-bottom:45px;}
  .detailSec.guideDetail .col_45_55 .col:first-child{padding-bottom:55px;}
  .detailTitleSec .col_45_55 .col:first-child{display: none;}
  /* detail pages end here */
}

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

/* large image video textbox start here */
.imageVideoBox .borderboxHolder{ width: 70%;}
.imageVideoHolder .box::before{ padding-top:60%;}
/* large image video textbox end here */

/* history start here */
.historySec .imageVideoBox .borderboxHolder{ width:70%;}
/* history end here */
}
@media screen and (min-width: 0px) and (max-width:780px) {
  .filterBox .dateSearch{ max-width: 100%; padding-top: 20px;}
}

  /* devices portrait phone landscape start  */
  @media screen and (min-width: 0px) and (max-width:767px) {
    @media all and (orientation: landscape) {
      .flakePopup .borderbox{padding-left:46px!important; padding-right:40px!important;}
      .flakePopup .borderbox::before{width:38px!important; height:38px!important; left:16px!important; top:28px; background-size:32px;}
      .flakePopup .borderbox::after{display:none;}  
      .closePop{right:14px; top:14px;}
      .spotInfo{max-height:190px; overflow:hidden; overflow-y:auto;}
    }
    @media all and (orientation: portrait) {

    }
  } 
  /* devices portrait phone landscape start  */

@media screen and (min-width: 0px) and (max-width:767px) {
  /* full image video start */
  .fullImage .box::before, .fullVideoHolder{ padding-top: 60%;}
  /* full image video end */

  /* quickLinksBox start here */
  .quickLinksIntro, .quicklinkDesc, .iconDesc{font-size:15px; line-height:22px; padding-left:10px; padding-right: 10px;}
  .iconHolder{ margin-bottom:18px;}
  .iconsTitleDescSec h2{ line-height:26px;}

  .videosThumb .box{ margin-bottom: 18px;}
  .videosThumb .col h2{ line-height: 26px;}
  /* quickLinksBox end here */

  /* overlapImageBox start here */
  .overlapImageBox .col_1_1 .col{ font-size: 15px; line-height: 22px;}
  .overlapImageBox .col_1_1 .col p, .overlapImageBox .col_1_1 .col ul{ padding-bottom:14px;}
  /* overlapImageBox end here */

  /* introIconButton start here */
  .introIconButton .content_780{ font-size: 15px; line-height: 22px; padding-bottom: 30px;}
  /* introIconButton end here */

  /* full width text box start here */
  .fullTextBlock .content_780, .fullTextBlock .content_960{padding-left:0px; padding-right:0px;}
  /* full width text box end here */

  /* intro quick links card start here */
  .introQuickLink h2{ padding-bottom: 10px;}
  .introQuickLink .content_780{ font-size: 16px; line-height: 24px;}
  /* intro quick links card end here */

  /* meet the team start here */
  .teaminnerdes{padding:30px;}
  .teamIntro{font-size:22px; line-height:30px;}
  .teamDesc p{padding-bottom:18px;}
  .teamDesc, .teamFunfact{font-size:16px; line-height:24px;}
  /* meet the team end here */

  /* listing section start here */
  .listImage{padding-bottom:12px;}
  /* listing section end here */

  /* detail pages start here */
  .galleryBox .col{ width:50%;}
  .woocommerce div.product div.images{ float: none!important;}
  .woocommerce div.product div.summary{ width:100%!important; padding-bottom:40px!important; padding-left:10px!important; padding-right:10px!important; margin-bottom: 0px!important;}
  /* detail pages end here */

  /* shop start here */
  #page-wrap > .product p{font-size:15px; line-height:22px; padding-bottom:14px;}

  .woocommerce ul.products li.product{ width:50%!important;}
  .products li.type-product .productbox{padding-bottom:78px;}
  .moreLink{ bottom: 0px;}
  .products li.type-product .productbox .add_to_cart_button, .productbox .button.product_type_simple{bottom:0px; left:auto; right:2px;}
  .productbox .price{bottom:45px;}
  .productbox .added_to_cart{right:0; left:auto; bottom:42px;}

  .woocommerce-product-gallery{ margin:0 auto; padding:0 10px 30px 10px!important; width:80%!important;}

  .woocommerce table.shop_table tr td.actions{ padding-bottom: 14px!important;}
  .wc-proceed-to-checkout{padding-bottom: 0px!important;}
  #customer_details .col-1 {margin-bottom:20px;}
  .productbox .price, body.single-product div.summary p.price{font-size: 20px!important; line-height: 28px!important;}
  .woocommerce div.product div.summary{ padding-bottom:30px!important;}
  body.single-product .product .woocommerce-tabs.wc-tabs-wrapper{ padding-bottom: 30px!important;}

  /* shop end here */

  /* history start here */
  .historySec .infoBox, .historySec .infoBox.leftAlign, .historySec .infoBox.rightAlign{ width: 70%;}
  /* history end here */

  /* memories css start here */
  .memoryInfo{ display:block;}
  .memories .teaminnerdes .col_30_70 .col:first-child{ max-width: 100%; padding-right: 0px;}
  .memories .teaminnerdes .col_30_70 .col:last-child{ padding-left: 0px; padding-top: 30px;}
  /* memories css start here */

  /* gala-dinner-donation start here */
  body.page-template-template-gala-dinner-donation .commonSpace{padding:40px 0;}
  .addressBlock .col{ width: 100%; text-align: center; padding:34px 0;}
  .addressBlock .col:first-child{ padding-top: 0px;}
  .addressBlock .col:last-child{ padding-bottom: 0px; padding-left: 0px; border-left: 0px; border-top: #887AB9 solid 1px;}
  .dateWithdot::after{ margin: 0 auto; left: 0; right: 0;}
  body.page-template-template-gala-dinner-donation footer .grid{display: block; text-align: center;}
  /* body.page-template-template-gala-dinner-donation footer .grid .col:first-child{ padding-bottom:20px;} */
  body.page-template-template-gala-dinner-donation footer .grid .col .logoHolder{ padding-bottom: 20px;}
  .logoHolder.logoTwo{ padding-left: 0px;}
  .logoHolder{ display:inline-block; margin: 0 auto;}

  .logoHolder img{width:200px;}
  .logoBox{padding-bottom:28px;}
  .addressBlock h3{padding:0 0 20px 0;}
  .dateWithdot{font-size:26px; line-height:34px; padding-bottom:20px;}
  .addressBlock h3, .venue{font-size:26px; line-height:34px;}
  .dateWithdot::after{bottom:16px;}

  body.page-template-template-gala-dinner-donation footer .col{ flex-direction: column;}
  /* gala-dinner-donation end here */

  /* flake css start */
  .flakePopup .borderbox{padding-left:66px; padding-right:100px;}
  .flakePopup .borderbox::before{width:50px; height:50px; left:20px; top:28px; background-size: 40px;}
  .flakePopup .borderbox::after{width:76px; height:67px; right:20px;}

  .flexHolder{padding-top:140%;}
  .flakeIcon{width:8vw; height:8vw;}

  .homesImage{ display:none;}
  .homesImage.mobile{display:block;}

  .flakeIcon:nth-child(1){left:1.7%; top:8.4%;} 
  .flakeIcon:nth-child(2){left:91.6%; top:84.2%;}
  .flakeIcon:nth-child(3){left:46.4%; top:88.3%;}
  .flakeIcon:nth-child(4){left:1.7%; top:64.5%;}
  .flakeIcon:nth-child(5){left:85.6%; top:21.6%;}
  .flakeIcon:nth-child(6){left:43.7%; top:56%;}
  .flakeIcon:nth-child(7){left:40.2%; top:46%;}
  .flakeIcon:nth-child(8){left:18.6%; top:68%;}
  .flakeIcon:nth-child(10){left:72%; top:63%;}

  .flakeIcon:nth-child(11){left:61.2%; top:61.5%;}
  .flakeIcon:nth-child(12){left:5.1%; top:28.8%;}
  .flakeIcon:nth-child(13){left:47.8%; top:14%;}
  .flakeIcon:nth-child(14){left:23.4%; top:88%;}
  .flakeIcon:nth-child(17){left:8.8%; top:50.4%;}
  .flakeIcon:nth-child(18){left:56.5%; top:37.4%;}
  .flakeIcon:nth-child(19){left:83%; top:33.3%;}
  .flakeIcon:nth-child(20){left:62%; top:85.7%;}

  .flakeIcon:nth-child(21){left:21.1%; top:41.2%;}
  .flakeIcon:nth-child(22){left:12.2%; top:86.7%;}
  .flakeIcon:nth-child(23){left:33.1%; top:76.1%;}
  .flakeIcon:nth-child(24){left:39.6%; top:17.8%;}
  .flakeIcon:nth-child(25){left:65.5%; top:40.2%;}
  .flakeIcon:nth-child(26){left:81.3%; top:71.5%;}
  .flakeIcon:nth-child(27){left:13.1%; top:36.2%;}
  .flakeIcon:nth-child(28){left:7%; top:15.2%;}
  .flakeIcon:nth-child(29){left:1.9%; top:89.2%;}
  .flakeIcon:nth-child(30){left:31.9%; top:39.5%;}

  .flakeIcon:nth-child(31){left:1.7%; top:45.1%;}
  .flakeIcon:nth-child(32){left:91.5%; top:36.2%;}
  .flakeIcon:nth-child(33){left:90.3%; top:28.3%;}
  .flakeIcon:nth-child(34){left:51%; top:68.9%;}
  .flakeIcon:nth-child(35){left:25.9%; top:27.5%;}
  .flakeIcon:nth-child(36){left:19.9%; top:81.8%;}
  .flakeIcon:nth-child(37){left:80.8%; top:9.4%;}
  .flakeIcon:nth-child(38){left:34.2%; top:61.2%;}
  .flakeIcon:nth-child(39){left:41.9%; top:39%;}
  .flakeIcon:nth-child(40){left:3.5%; top:36.8%;}

  .flakeIcon:nth-child(41){left:26.3%; top:54.4%;}
  .flakeIcon:nth-child(42){left:81%; top:64.6%;}
  .flakeIcon:nth-child(43){left:80.3%; top:50.4%;}
  .flakeIcon:nth-child(44){left:56.4%; top:17.8%;}
  .flakeIcon:nth-child(45){left:35%; top:2.6%;}
  .flakeIcon:nth-child(46){left:1.1%; top:75%;}
  .flakeIcon:nth-child(47){left:59%; top:54.5%;}
  .flakeIcon:nth-child(48){left:39.4%;top:82.3%;}
  .flakeIcon:nth-child(49){left:15%; top:7.5%;}
  .flakeIcon:nth-child(50){left:50.6%; top:42.8%;}

  .flakeIcon:nth-child(51){left:43.2%; top:64.1%;}
  .flakeIcon:nth-child(52){left:8.8%; top:70%;}
  .flakeIcon:nth-child(53){left:47.5%; top:5.5%;}
  .flakeIcon:nth-child(54){left:52.6%; top:83%;}
  .flakeIcon:nth-child(55){left:28.8%; top:46.5%;}
  .flakeIcon:nth-child(56){left:67.9%; top:25.2%;}
  .flakeIcon:nth-child(57){left:91.4%; top:71.6%;}
  .flakeIcon:nth-child(58){left:49.5%; top:32.4%;}
  .flakeIcon:nth-child(59){left:61.1%; top:1.2%;}
  .flakeIcon:nth-child(60){left:23.3%; top:34%;}

  .flakeIcon:nth-child(61){left:12.1%; top:77.3%;}
  .flakeIcon:nth-child(62){left:7.1%; top:1.8%;}
  .flakeIcon:nth-child(63){left:65%; top:78.3%;}
  .flakeIcon:nth-child(64){left:57.3%; top:92.1%;}
  .flakeIcon:nth-child(65){left:81.8%; top:86.2%;}
  .flakeIcon:nth-child(66){left:88.1%; top:4.7%;}
  .flakeIcon:nth-child(67){left:50.5%; top:51%;}
  .flakeIcon:nth-child(69){left:23.3%; top:74.6%;}
  .flakeIcon:nth-child(70){left:22.3%; top:60.8%;}

  .flakeIcon:nth-child(71){left:51.8%; top:61.4%;}
  .flakeIcon:nth-child(72){left:35.4%; top:89.4%;}
  .flakeIcon:nth-child(73){left:25.1%; top:9.3%;}
  .flakeIcon:nth-child(74){left:90.3%; top:63.5%;}
  .flakeIcon:nth-child(75){left:11.1%; top:62.5%;}
  .flakeIcon:nth-child(76){left:22%; top:21%;}
  .flakeIcon:nth-child(77){left:72.8%; top:2.5%;}
  .flakeIcon:nth-child(78){left:68.9%; top:49.2%;}
  .flakeIcon:nth-child(79){left:72%; top:84.5%;}
  .flakeIcon:nth-child(80){left:84.7%; top:41.5%;}

  .flakeIcon:nth-child(81){left:29%; top:67.9%;}
  .flakeIcon:nth-child(82){left:18.7%; top:49.5%;}
  .flakeIcon:nth-child(83){left:59.2%; top:9.7%;}
  .flakeIcon:nth-child(84){left:66.1%; top:18.4%;}
  .flakeIcon:nth-child(85){left:68.2%; top:56.5%;}
  .flakeIcon:nth-child(86){left:67.6%; top:91.7%;}
  .flakeIcon:nth-child(87){left:89.6%; top:91.7%;}
  .flakeIcon:nth-child(89){left:5.1%; top:82.4%;}
  .flakeIcon:nth-child(90){left:11.6%; top:43.4%;}

  .flakeIcon:nth-child(91){left:56.5%; top:75%;}
  .flakeIcon:nth-child(92){left:89%; top:14%;}
  .flakeIcon:nth-child(93){left:30%; top:83.2%;}
  .flakeIcon:nth-child(94){left:62.2%; top:68.8%;}
  .flakeIcon:nth-child(95){left:76.9%; top:27.4%;}
  .flakeIcon:nth-child(96){left:77.8%; top:93.2%;}
  .flakeIcon:nth-child(97){left:47.8%; top:21.7%;}
  .flakeIcon:nth-child(98){left:29.9%; top:16.5%;}
  .flakeIcon:nth-child(100){left:41.1%; top:71.8%;}

  .flakeIcon:nth-child(101){left:84.9%; top:78.5%;}
  .flakeIcon:nth-child(102){left:71.9%; top:70.2%;}
  .flakeIcon:nth-child(103){left:59.3%; top:46.6%;}
  .flakeIcon:nth-child(104){left:62.4%; top:31.8%;}
  .flakeIcon:nth-child(105){left:36.2%; top:10%;}
  .flakeIcon:nth-child(106){left:4.2%; top:57.5%;}
  .flakeIcon:nth-child(107){left:11.5%; top:22.8%;}
  .flakeIcon:nth-child(108){left:75.2%; top:76.9%;}
  .flakeIcon:nth-child(109){left:73.9%; top:35.6%;}
  .flakeIcon:nth-child(110){left:16.8%; top:13.9%;}

  .flakeIcon:nth-child(111){left:87.9%; top:56.6%;}
  .flakeIcon:nth-child(112){left:15.5%; top:29.5%;}
  .flakeIcon:nth-child(113){left:14.5%; top:56.5%;}
  .flakeIcon:nth-child(114){left:35.3%; top:52.7%;}
  .flakeIcon:nth-child(115){left:75.1%; top:43.4%;}
  .flakeIcon:nth-child(116){left:33.9%; top:31.6%;}
  .flakeIcon:nth-child(117){left:34.6%; top:23.5%;}
  .flakeIcon:nth-child(119){left:77.4%; top:17.1%;}
  .flakeIcon:nth-child(120){left:77.6%; top:57.5%;}
  /* flake css end */

}

@media screen and (min-width: 0px) and (max-width:700px){
  .woocommerce ul.order_details li{ width: 44%; margin-top:5px; margin-bottom:5px;}
}

@media screen and (min-width: 0px) and (max-width:670px) {
  .searchHolder {padding:20px;}

  /* meet the team start here */
  .TeamList .col{ width: 50%;}
  /* meet the team end here */

/* footer start here */
.col_30_50_20 .col:first-child > div{ padding-right: 20px}
.col_30_50_20 .col:first-child .bottomAlighBox{ padding-right: 0px;}
.supportBox .grid.col_1_1 .col{ padding-right: 20px;}
/* footer end here */
}
@media screen and (min-width: 0px) and (max-width:642px) {
  .ginput_container .button {padding: 10px 15px !important;}
}

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

  #page-wrap{padding-top:102px;}
  .content_1150.headerTop{ padding-top: 10px; padding-bottom: 10px;}
  .helpLine ul li a{ vertical-align:middle; width:26px; height:26px; border-radius:50%; background-color:#453A8F; text-indent: -99px; display: inline-block; overflow: hidden;
   background-repeat: no-repeat; background-position: center center; background-size: 16px;}
   .showMob{ display: block;}
   .helpLineMob.hideMob{ display: none;}
   .logobox{padding-bottom:0px;}
   .helpLineMob{display:block; clear:both; position: static;}
   .mobileButtons{position:absolute; top:30px; right:20px;}

   .headerBottom{position:static!important;}
   .searchIcon{background-image: url('../images/search-blue.svg')!important;}

   .logobox{max-width:200px;}
   .logobox .slogan{font-size:10px;}
  /* listing section start here */
  .listingSec.col_1_1_1 .col{ padding-bottom: 22px;}
  body.page-template-template-challenges .listingSec.col_1_1_1 .col{padding-bottom: 14px;}
  body.page-template-template-events .listingSec.col_1_1_1 .col, body.page-template-template-fundraising-ideas .listingSec.col_1_1_1 .col{
    padding-bottom:18px;
  }
  /* listing section end here */

  /* donation page start here */
  .borderBox{padding:20px 10px;}
  ul.formHolder li .formBox{padding-left:0px; padding-right:0px;}
  .formBox{width:100%;}
  ul.formHolder li .formBox.onlyFirst{padding-right:0px!important;}
  ul.formHolder li .formBox.largeSelect{ width:80%;}
  .relateOption{ padding-top: 0px!important;}

  /* new form css changes start */
  .formCommonGap, .DonateSec .gform_body fieldset.formCommonGap, .taxpayText,
  .formLeftRightGap, .DonateSec .gform_body fieldset.formLeftRightGap{
    padding-left:10px;
    padding-right:10px;
  }
  .DonateSec .gfield_error.formLeftRightGap{padding-left:10px!important; padding-right:10px!important;}

  .amountbgBox, .gfield_error.amountbgBox{ padding-left: 30px!important; padding-right: 30px!important;}

  .DonateSec .gform_footer{ padding-left:10px!important; padding-right: 10px!important;}
  .formLeftGap, .DonateSec .gfield_error.formLeftGap{padding-left:10px!important; padding-right: 10px!important;}
  .formRightGap, .DonateSec .gfield_error.formRightGap{padding-right:10px!important; padding-left: 10px!important;}
  .connectOptions{padding:14px 30px!important;}
  .taxpayText::before{ left: 10px;}

  .amountbgBox::before, .connectOptions::before{width:calc(100% - 20px);}
  .reasonBox label{font-size:28px!important; line-height:34px!important;}
  .amountbgBox label{ font-size:18px!important; line-height:28px!important;}
  .taxpayText{font-size:20px; line-height:26px;}

  .DonateSec .customCheckBox .ginput_container label{ padding-bottom: 0px;}
  .DonateSec .gfield_total{ padding-top: 0px; padding-bottom: 0px;}
  .DonateSec .formCommonGap.customCheckBox{ padding-top: 0px!important;}
  .DonateSec .gform_footer .gform_ajax_spinner{ right:150px; top:10px;}
  /* new form css changes end */

  /* donation page end here */

  /* shop page start here */
  .checkoutCoupon{ display:block;}
  .checkoutCoupon p {width:100% !important; padding:0 0 10px 0 !important;}
  /* shop page end here */

  /* history start here */
  .historyBox .yearBox:first-child{ padding-top: 100px;}
  .yearBox{ padding-top:120px;}
  .vertLine{ width: 80px;}
  .yearHolder{ width: 80px; height: 80px;}
  .yearCircle{ width: 80px; height: 80px; line-height: 80px; font-size: 25px;}
  .historySec .infoBox, .historySec .infoBox:nth-child(2n){ padding:20px 0!important;}
  .fullBox .imageVideoBox.flexVerticalCenter{ margin-bottom:20px;}
  /* history end here */
  .memorialForm .gform_wrapper{ margin-top: 20px;}

  /* gala-dinner-donation start here */
  .donationForms form .formHeading{ font-size:20px; line-height: 28px; padding-bottom: 6px;}
  /* .donationForms form .topSpace{ margin-top: 12px!important;} */
  .donationForms form .halfSec, .donationForms .gfmc-container{-ms-grid-column-span:12 !important; grid-column:span 12 !important;}
  .donationForms form .halfBlock{width:100%!important;}
  /* .donationForms .gfmc-container{ padding-bottom: 10px;} */
  .donationForms .gfmc-container .field_sublabel_below{ padding-bottom:14px!important;}
  .donationForms .gform_fields .gfmc-container .gfield .field_sublabel_below.lastItem{ padding-top: 0px;}
  .donationForms .galaSuccess h1{font-size:26px; line-height:34px;}
  /* gala-dinner-donation end here */
}

@media screen and (min-width: 0px) and (max-width:630px) {
.memorialForm .gform_wrapper ul.gfield_radio li.gchoice label::before{width:156px; height:148px;}
.memorialForm .gform_wrapper ul.gfield_radio li.gchoice label::after{width:162px; height: 153px;}
.memorialForm .gform_wrapper ul.gfield_radio li.gchoice{ height: 160px;}
}

@media screen and (min-width: 0px) and (max-width:610px) {
/* footer start here */
.col_30_50_20 .col:first-child > div{ width: 100%; padding-right: 0px}
.col_30_50_20 .col:first-child .bottomAlighBox{ padding-top:20px;}
/* footer end here */
.amountBox{ text-align:center;}
.amountBox > span{ width: 100%; padding-top: 0px; padding-bottom: 10px;}
.donateAmount{ margin-left: 0px; max-width: 250px;}
.donateAmount input{ max-width: 100%!important;}

/* new form css changes start */
.amountbgBox label{width:100%; margin-right:0px!important; padding-bottom:10px!important; font-size:18px!important; line-height:28px!important; text-align: center;}
.amountbgBox .ginput_container_product_price{ margin: 0 auto; max-width: 250px; width: 100%;}
.amountbgBox input[type="text"], .amountbgBox input[type="number"]{ max-width: 100%!important;}
.gfield_error.amountbgBox .validation_message{ text-align: center!important;}
/* new form css changes start */


/* shop start here */
.products li.type-product .productbox{padding-bottom:130px;}
.moreLink{ bottom: 5px;}
.products li.type-product .productbox .add_to_cart_button, .productbox .button.product_type_simple{ bottom: 58px; left: 0; right: auto;}
.productbox .price{ bottom: 100px;}
.productbox .added_to_cart{ left: 144px; right: auto; bottom: 60px;}
/* shop end here */

.filterBox .dateSearch .searchInput{ width: 100%; max-width:100%; margin-right: 0px; margin-bottom:14px;}
.dateSearch .btn{ margin: 0 10px 0 0;}
}

@media screen and (min-width: 0px) and (max-width:570px) {
.memorialForm .gform_wrapper ul.gfield_radio li.gchoice label::before{width:136px; height:128px;}
.memorialForm .gform_wrapper ul.gfield_radio li.gchoice label::after{width:142px; height: 133px;}
  .memorialForm .gform_wrapper ul.gfield_radio li.gchoice{ height: 142px;}
}

@media screen and (min-width: 0px) and (max-width:550px) {
  p{ padding-bottom: 18px;}
  ul,ol{ padding-bottom: 15px;}
  /* full image video start */
  .fullImage .box::before, .fullVideoHolder{ padding-top: 320px;}
  /* full image video end */

  /* quickLinksBox start here */
.col_1_1_1.quickLinks .col, .iconsTitleDescSec .col_1_1_1 .col, .videosThumb .col_1_1_1 .col, .introQuickLink .col{ width: 100%; padding-bottom:30px;}
.col_1_1_1.quickLinks .col:last-child, .iconsTitleDescSec .col_1_1_1 .col:last-child,
.videosThumb .col_1_1_1 .col:last-child, .introQuickLink .col:last-child{ margin: 0 auto; padding-bottom: 0px;}
.quicklinkDesc{ padding-left: 0px; padding-right: 0px; font-size: 15px; line-height: 22px;}
  /* quickLinksBox end here */

  /* boxWithTitle start here */
  .boxWithTitle h3{ font-size:20px; line-height:26px;}
  .introText{font-size:20px; line-height:26px;}
  .imageVideoBox .borderboxHolder h6{font-size:18px; line-height:24px;}
  /* boxWithTitle end here */

  /* introIconButton start here */
  .introIconButton .col{ width: 100%;}
  /* introIconButton end here */

  /* meet the team start here */
  .TeamList .col{ width: 100%; padding-bottom:24px;}
  /* meet the team end here */

  /* listing section start here */
  .listingSec.col_1_1_1 .col{ padding-bottom:28px;}
  .listingSec.col_1_1_1 .col{width:100%}
  /* listing section end here */

  /* detail pages start here */
  .col_45_55 .col:first-child{width:100%;}
  .detailSec.guideDetail .col_45_55 .col:first-child{padding-bottom:45px;}
  .detailSec .col_45_55 .col:first-child{padding-bottom:32px;}
  .detailSec h3{margin-bottom:12px;}

  .galleryHolder.content_1170{ padding-left: 15px; padding-right: 15px;}
  .galleryBox .col{ padding:0 5px; padding-bottom: 10px;}
  .detailSec.newsDetail .col_45_55 .col:first-child{ padding-right: 14px;}
  /* detail pages end here */

  /* donation page start here */
  .amountBox{ text-align:center;}
  .amountBox > span{ display:block; text-align: center; padding-top: 0px; padding-bottom:0px; font-size: 18px; line-height: 24px;}
  .donateAmount{ margin: 0 auto; padding-top: 12px;}
  .donateAmount span{ top:18px;}
  /* donation page end here */

  /* shop start here */
  .woocommerce-error, .woocommerce-info, .woocommerce-message, .checkout_coupon{ font-size: 16px; line-height: 22px; margin-bottom: 10px!important;}
  #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{font-size:16px!important; line-height:22px!important;}
  #billing_first_name_field, #billing_last_name_field, #shipping_first_name_field, #shipping_last_name_field {width: 100%;}
  /* shop end here */

  /* history start here */
  .historySec .infoBox, .historySec .infoBox.leftAlign, .historySec .infoBox.rightAlign{width:90%;}
  /* history end here */

  .flakePopup .borderbox{padding-left:46px; padding-right:26px;}
  .flakePopup .borderbox::before{width:38px; height:38px; left:16px; top:28px; background-size:30px;}
  .flakePopup .borderbox::after{display:none;}  
  .closePop{right:14px; top:14px;}
  .spotInfo{max-height:290px; overflow:hidden; overflow-y:auto;}

/* footer start here */
.col_30_50_20 .col{ text-align: center;}
.supportBox .grid.col_1_1 .col{ width: 100%; padding-right: 0px; padding-bottom: 20px;}
.supportBox .grid.col_1_1 .col:last-child{ padding-bottom: 0px;}
.bottomAlighBox img{ margin: 0 auto;}
.footerLogo{ float: none; margin: 0 auto; display: inline-block;}
.col_30_50_20 .col:first-child .bottomAlighBox,.copyright{ padding-top: 10px;}
footer h2{ margin: 0px; padding-bottom: 10px;}
.socialLinks{ margin:0 auto;}
.socialLinks ul li:last-child{ padding-right: 0px;}
.btn.showresp{margin:0 auto 28px auto;}
.footerMenu{width:100%; padding-bottom: 10px;}
/* footer end here */


}

@media screen and (min-width: 0px) and (max-width:510px) {
.memorialForm .gform_wrapper ul.gfield_radio li.gchoice{ width: 50%!important; text-align: center;}
.memorialForm .gform_wrapper ul.gfield_radio li.gchoice label{ position:relative!important; margin: 0 auto!important; padding: 0px!important; max-width: 142px!important;}
}

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

  .commonSpace{ padding:30px 0;}
  .videosThumb .colorBox, .introQuickLink .colorBox{ padding-top: 30px;}
  .outerbottomSpace{ margin-bottom: 30px;}
  .videoBox{ padding-bottom: 30px;}
  .woocommerce ul.products li.product{padding-bottom:30px!important;}
  .commonSpace.shopCart{ padding: 30px 0!important;}

    body.single-ge_fundraising_ideas .relatedinfoHolder, body.single-ge_events .relatedinfoHolder, body.single-ge_challenges .relatedinfoHolder, body.single-ge_faqs .relatedinfoHolder, body.single-ge_training .relatedinfoHolder{ padding-top:30px;}
/* header start here */
.helpLine{ top:12px; display: none;}
.helpLine ul{ padding-bottom: 5px;}
.helpLine ul li{ padding-right: 10px;}
.helpLine ul li::after{ display: none;}
.phoneTimeBox{padding:6px;}
.phone{font-size:32px; line-height:36px;}
.time{font-size:24px; line-height:28px;}
.phoneTimeBox img{display: none;}
.content_1150.headerTop{ padding-top: 10px; padding-bottom:10px;}
/* header end here */

/* large image video textbox start here */
.imageVideoBox{ padding-bottom: 30px;}
/* large image video textbox end here */

/* overlapImageBox start here */
.overlapImageBox .grid .col:first-child{padding: 0 0 30px 0;}
/* overlapImageBox end here */

/* full width text box start here */
.commonSpace.fullTextBlock{ padding-top:20px; padding-bottom:40px}
/* full width text box end here */

/* listing section start here */
.paginationBox{ padding-bottom: 10px;}
.listImage{ padding-bottom: 15px;}
/* listing section end here */

.formModal{ padding: 40px 15px 15px 15px; }

.commonSpace.detailSec{ padding-top: 30px;}
.woocommerce-product-gallery{ padding-bottom:24px!important;}
.woocommerce ul.order_details li{ width: 100%; border-right: none!important; border-bottom: 1px dashed #d3ced2;}
.shopCart .col:last-child li{ font-size: 28px; line-height: 32px; padding-top: 0px;}

.summary h1.product_title{ padding-bottom: 10px!important;}
body.single-product div.summary p.price{ padding-bottom: 12px!important;}

.popupHolder .formHolderBox{ padding: 40px 15px 15px 15px!important;}
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li{ width: 100%!important;}
}

@media screen and (min-width: 0px) and (max-width:480px) {
/* .helpLineMob .borderbox{padding:10px;}
.helpLineMob ul li{padding-bottom:4px;} */


  /* large image video textbox start here */
  .imageVideoBox .borderboxHolder{ width: 90%; margin-top: -40px!important;}
  /* large image video textbox end here */

  .iconHolder{ width: 120px; height: 120px;}

  .iconOuter{ width: 140px; height: 140px;}
  .iconOuter .iconHolder{ width: 120px; height: 120px;}
  .introIconButton .iconHolder img{ max-height: 58px; margin-top: 8px;}
/* full width text box start here */
  .boxWithTitle .borderbox, .fullTextBlock .content_780, .fullTextBlock .content_960, .imgvidInfoHolder .borderboxHolder, .introQuickLink .content_780{ font-size: 16px; line-height:22px;}
/* full width text box end here */

/* listing section start here */
body.page-template-template-challenges .listingSec.col_1_1_1 .col .titleBox h2{ padding-bottom: 0px;}
.guideiconOuter{ width: 70px; height: 70px;}
.guideiconHolder{ width: 60px; height: 60px;}
.categoryButtons .btn{ min-width: 120px;}
/* listing section start here */

/* donation page start here */
ul.formHolder li .formBox.largeSelect{ width:100%;}
.borderBox{ padding: 20px 0;}
.keepTouchBox{ padding: 15px;}
/* donation page end here */

/* new form css changes start */
.amountbgBox::before, .connectOptions::before{width:100%;}
.formCommonGap, .DonateSec .gform_body fieldset.formCommonGap, .taxpayText, .formLeftRightGap, .DonateSec .gform_body fieldset.formLeftRightGap{ padding-left: 0px; padding-right: 0px;}
.DonateSec .gfield_error.formLeftRightGap{padding-left:0px!important; padding-right:0px!important;}
.reasonBox .ginput_container_select{ width: 100%;}
.taxpayText::before{ left: 0px;}
.formLeftGap, .formRightGap,
.DonateSec .gfield_error.formLeftGap,
.DonateSec .gfield_error.formRightGap{padding-left:0!important; padding-right:0!important;}
.connectOptions{ padding: 14px!important;}
/* new form css changes end */

/* shop start here */
.woocommerce ul.products li.product{ width:100%!important;}
.products li.type-product .productbox{padding-bottom:74px;}
.moreLink{ bottom: 0px;}
.products li.type-product .productbox .add_to_cart_button, .productbox .button.product_type_simple{bottom:0px; left:auto; right:2px;}
.productbox .price{bottom:45px;}
.productbox .added_to_cart{right:0; left:auto; bottom:42px;}

.woocommerce-product-gallery{width:100%!important}
/* shop end here */

/* history start here */
.historySec .imageVideoBox .borderboxHolder{ width:90%;}
.historySec .infoBox, .historySec .infoBox.leftAlign, .historySec .infoBox.rightAlign{width:100%;}
.flipBoxBack p{ padding-bottom:8px; font-size: 13px; line-height: 20px;}
/* history end here */
.gf_coupon_code{ max-width:100%;}
.ginput_container .button{ margin:10px 0 0 0!important;}
}

@media screen and (min-width: 0px) and (max-width:470px) {
  .fields-wrap span{ margin-bottom: 0px!important;}
  .actions input[type="submit"]{max-width:200px;}

  .festiveMsgBox .categoryButtons ul li{width:auto;}
  .festiveMsgBox .categoryButtons ul li .btn{min-width:100px;}
}

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

  .coupon #coupon_code {
      width: 150px;
      margin: 0 auto;
      float: none !important;
      display: block;
  }
  .woocommerce table.shop_table tr td.actions .button{margin:0 auto; min-width: 146px; position:relative; left:-4px;}
  .coupon .button{
      min-width: 146px!important;
      position:relative;
      left:-4px;
      margin: 10px auto 8px auto !important;
      float: none !important;
  }
}
@media screen and (min-width: 0px) and (max-width:420px) {
/* .helpLineMob .phone{font-size:29px; line-height:34px;}
.helpLineMob .time{font-size:21px; line-height:26px;}
 */
 /* .helpLineMob ul li a{font-size:18px; line-height:20px; background-size:26px; padding:6px 0 4px 34px;} */

/* header start here */
.helpLine ul{ padding:24px 0 0 0;}

.phoneTimeBox{display:none;}
.helpLine{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.logobox{max-width:200px;}
.logobox .slogan{font-size:9px;}
/* header end here */

.galleryBox .col{ width: 100%; padding-bottom:20px;}

#wc-stripe-cc-form .form-row{width:100%;}
.woocommerce-checkout #payment div.payment_box{margin-bottom:0px!important;}

/* history start here */
.fullBox .imageVideoBox.flexVerticalCenter .box::before{ padding-top: 320px;}
.flipBoxBack h2{ font-size: 24px; line-height:30px!important; padding-bottom:4px;}
/* history end here */

.categoryButtons ul li{ width: 48%; padding-left: 1%; padding-right: 1%;}
.categoryButtons ul li:last-child{ padding-right: 1%;}
.categoryButtons .btn{ width: 100%;}
}

@media screen and (min-width: 0px) and (max-width:400px){
  /* .helpLineMob .phone{font-size:26px; line-height:30px;}
  .helpLineMob .time{font-size:20px; line-height:24px;} */
  .memories .teaminnerdes{ padding-top: 44px;}
}

@media screen and (min-width: 0px) and (max-width:370px){
  /* .helpLineMob .borderbox .col:first-child{ width:62%;}
  .helpLineMob .borderbox .col:last-child{ width:38%;}
  .helpLineMob .phone{font-size:22px; line-height:26px;}
  .helpLineMob .time{font-size:17px; line-height:21px;} */
  .memorialForm .gform_wrapper ul.gfield_radio li.gchoice{ width: 100%!important;}
}

@media screen and (min-width: 0px) and (max-width:360px) {
  .commonSpace.shopCart{ padding:20px 0!important;}
  .categoryButtons ul li{ width: 100%; text-align: center; padding-right: 0px;}
  .flipBoxBack .borderbox{ padding: 15px; font-size: 12px; line-height: 18px;}
  .shopCart .col:last-child li, .shopCart h2{ font-size: 24px; line-height: 30px;}
}

@media screen and (min-width: 0px) and (max-width:340px) {
  /* .helpLineMob .phone{font-size:20px; line-height:24px;}
  .helpLineMob .time{font-size:15px; line-height:19px;}
  .helpLineMob ul li a{font-size:15px; line-height:18px;} */

  .helpLine{ top:auto; left:20px; bottom: -39px; max-width: 110px;}
  .helpLine ul li a{ background-color:#ED6921;}
  .helpLine ul{ padding-top: 0px; background-color:#453A8F;}
  .woocommerce div.product form.cart div.quantity{ width: 100%; margin: 0 0 10px 0!important;}

  .woocommerce div.product form.cart .button{ float: none!important; margin: 0 auto;}
}