.btn:focus, .btn:active:focus, .btn.active:focus{outline:none;}
.gcPromotionPage .gcSection {padding:40px 0;}
.gcPromotionPage .jumbotron {min-height:400px; max-height:450px; position: relative; margin-bottom: 0px;}
.gcPromotionPage .jumbotron h1, .gcPromotionPage .jumbotron h3, .gcPromotionPage .jumbotron p {color:rgba(255, 255, 255, 1); margin:0;    text-shadow: 1px 1px 5px rgba(0,0,0,1);}
/*.gcPromotionPage .jumbotron h1 {font-family: 'Droid Sans',sans-serif!important;text-transform:uppercase;}*/
.gcPromotionPage .jumbotron h1 {font-size:40px;}
.gcPromotionPage .jumbotron h3 {margin:10px 0;}
.gcPromotionPage .jumbotron .btn:hover {color:#fff; background-color:rgba(0, 0, 0, 0); border-color:#fff;}
.gcPromotionPage h3 {margin-top: 0px; margin-bottom: 10px; line-height:1.5em; font-size: 26px;}
img {max-width: 100%;}
.jumbotron img {border: none;}
p.featureText {font-size:17px;padding:0 22%;}
.gcPromotionPage .PromoPageSection {position: relative;}
.gcPromotionPage a.linkingText:hover {color: #ff5500; text-decoration: none;}
.gcPromotionPage .btnBlue {background-color:#0055a5; border-color:#0055a5;}
.gcPromotionPage .btnBlue:hover {border-color:#0055a5; color:#0055a5;}
.gcPromotionPage .btnBlueData:hover {border-color:#fff; color:#fff;}

.gcPromotionPage .fa-google-plus {background-color:#dd4b39!important;}
.gcPromotionPage .fa-linkedin {background-color:#007bb6!important;}
.gcPromotionPage .fa-envelope {background-color:#DD4B39!important;}
.gcPromotionPage .grayBg {background-color: #f8f7fd;}
.gcPromotionPage a.blogReadMore:hover {text-decoration:none;color:#FF5F19;}

.gcPromotionPage form .btnBlue {background-color:#0055a5; border:0; border-radius:4px;}
.gcPromotionPage form .btnBlue:hover {background-color:#32457E!important; color:#fff!important;}
.gcPromotionPage form .btnBlk {background-color:#525252; border:0; border-radius:4px; margin-right:10px;}
.gcPromotionPage form .btnBlk:hover {background-color:#333!important; color:#fff!important;}

.gcPromotionPage .modal-dialog {margin: 4% auto;}
.gcPromotionPage .modal-header {background-color: #0055a5; border-radius: 4px 4px 0 0;border:none;}
.gcPromotionPage .modal-header .modal-title {color:#fff!important;font-family: 'Droid Sans',sans-serif!important;font-weight: 500;}
.gcPromotionPage .modal-header .close {margin-top: -20px; color: #fff; opacity: .7;font-size: 22px;}
.gcPromotionPage .modal-body p {font-size:1em;color:#626262;}

.f-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.f-wrapper > * {
  padding: 0px;
  flex: 1 100%;
}
.media-body .media-heading {
    color: #ff5500;
}
.gcLightBg {background-color:#0055a5;color:#fff;}


@media (min-width: 992px) and (max-width: 1199px) {
.gcPromotionPage .jumbotron h1 {font-size: 35px;}
.gcPromotionPage h3 {font-size: 22px;}
p.featureText {font-size: 16px; padding: 0 12%;}
.gcPromotionPage .PromoPageSection {padding: 35px auto;}
.gcPromotionPage .smart-forms .section {margin-bottom: 10px !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.gcPromotionPage .jumbotron h1 {font-size: 30px;}
.gcPromotionPage h3 {font-size: 20px; line-height: 1.4em;}
p.featureText {font-size: 16px; padding: 0 10%;}
.gcPromotionPage .PromoPageSection {padding: 35px auto;}
.gcPromotionPage .smart-forms .section {margin-bottom: 5px !important;}
}

@media (min-width: 600px) and (max-width: 768px) {
.gcPromotionPage .jumbotron h1 {font-size: 30px;}
.gcPromotionPage h3 {font-size: 20px; line-height: 1.4em;}
p.featureText {font-size: 16px; padding: 0 10%;}
.gcPromotionPage .PromoPageSection {padding: 25px 15px;}
 .gcPromotionPage .smart-forms .col-sm-6 .section {margin-top: 10px !important;margin-bottom: 5px !important;}
.gcPromotionPage .smart-forms .section {margin-bottom: 5px !important;}
.gcPromotionPage .smart-forms .btn {margin-top: 5px;}
}

@media (min-width: 480px) and (max-width: 600px) {
.gcPromotionPage .jumbotron h1 {font-size: 30px;}
.gcPromotionPage h3 {font-size: 20px; line-height: 1.4em;}
p.featureText {font-size: 15px; padding: 0 5%;}
.gcPromotionPage .PromoPageSection {padding: 25px 10px;}
.gcPromotionPage form .btnBlk {margin-right: 0px;}
.gcPromotionPage .smart-forms .col-sm-6 .section {margin-top: 10px !important;}
.gcPromotionPage .smart-forms .btn {margin-top: 5px;}
}

@media (min-width: 320px) and (max-width: 480px) {
.gcPromotionPage .jumbotron h1 {font-size: 30px;}
.gcPromotionPage h3 {font-size: 20px; line-height: 1.4em;}
p.featureText {font-size: 15px; padding: 0 5%;}
.gcPromotionPage .PromoPageSection {padding: 25px 5px;}
.gcPromotionPage form .btnBlk {margin-right: 0px;}
.gcPromotionPage .smart-forms .col-sm-6 .section { margin-top: 10px !important;}
.gcPromotionPage .smart-forms .btn {margin-top: 5px;}
}


/* ____________________Webinar page starts________________________ */


.gcWebinar .jumbotron {background:#484A4B url('../images/webinar-banner.jpg') center center no-repeat; background-size: cover;}
.gcWebinar .jumbotron .text {padding-top:120px;}
.gcWebinar .jumbotron h1, .gcWebinar .jumbotron h3, .gcWebinar .jumbotron p {text-shadow:none;}
.gcWebinar .webinarText {position: absolute!important; top: 50%; transform: translateY(-50%);}
.gcWebinar .linkingText {display: block; margin-top: 20px;}
.gcPromotionPage.gcWebinar .modal-dialog {margin: 10% auto;}



@media (min-width: 480px) and (max-width: 600px) {
   .gcWebinar .webinarText p {display:none;} 
   .gcWebinar .watchW {margin-top: 10px;}
}
@media (min-width: 320px) and (max-width: 480px) {
   .gcWebinar .webinarText p {display:none;} 
   .gcWebinar .webinarText h5 {font-size: 13px;}
   .gcWebinar .watchW {margin-top: 10px;}
}


/* ____________________Webinar page ends________________________ */


/* ____________________Mobile Giving page starts________________________ */

.mobGiving .jumbotron {background:#484A4B url('../images/mob-giving-banner.jpg') center center no-repeat; background-size: cover;}
.mobGiving  .jumbotron .text {padding-top:85px;}
.mobGiving .jumbotron h1, .mobGiving .jumbotron h3, .mobGiving .jumbotron p {text-shadow:none;color:#2e394b;}
.givingBasics .basicsItem {margin: 60px auto 0px;}
.givingBasics img {margin-bottom: 20px;}
.givingBasics h5, .givingBlogs h5 {font-family: 'Droid Sans',sans-serif;color:#626262;margin-bottom:10px; line-height: 1.3em;}
.givingBasics h5, .givingBasics p {padding-right:30px; }
.givingTypes {max-height:300px;min-height:250px;margin:50px auto 120px;}
.givingTypesImg {margin-top:-95px;max-width:100%;}
.givingTypes h4, .owlCarouselFeatures h4 {font-family: 'Droid Sans',sans-serif;margin-bottom:15px;}
.givingTypesMargin {margin-bottom:60px;}
.owlCarouselFeatures {margin:60px auto 0;}
.owl-theme.owlCarouselFeatures .owl-nav.disabled+.owl-dots {margin-top:40px!important;}
.owlCarouselFeatures .item .featureContent {margin-top:100px;}
.blogItem {margin-top:30px;-webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,.05); -moz-box-shadow: 0 0 20px 10px rgba(0,0,0,.05); box-shadow: 0 0 20px 10px rgba(0,0,0,.05); background-color:#fff;}
.givingBlog .blogMedia {width: 40%;display:inline-block;}
.blogMedia img {vertical-align: bottom;}
.givingBlog .media-body {display:inline-block; -ms-flex-item-align: center!important; align-self: center!important;padding:20px; width: 59%;}
.gcPromotionPage.mobGiving .jumbotron .btn:hover {color: #ff5f19;border-color: #ff5f19;}
.event-support .jumbotron {
    background: #484A4B url(../images/slider1.jpg) center center no-repeat;
    background-size: cover;}
.event-support .text {
    padding-top: 95px;}
.eventSupport{
    padding-top: 30px;
    padding-bottom: 30px;
}
.eventSupport .no-gutters{padding: 0}
.eventSupportGrid{position: relative;    padding: 40px 8px;-webkit-user-select: none;    height: 200px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    -webkit-tap-highlight-color: transparent;
    position: relative;}
.eventSupportGrid{background: #fdfdfd}
.eventSupportGrid.alt{background: #f0f5f9}
.eventSupportGrid .img-bt{    width: 60px;
    min-height: 73px;
    height: auto;
    margin: 0 auto;}

.eventSupportGrid .img-bt img{    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;}
.eventSupportGrid .img-bt img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.eventSupportGrid .img-bt:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.eventSupportGrid .event-slider-item-style {
    vertical-align: middle;
    text-align: center;
}
.eventSupportGrid .event-slider-item-style h2.supporttitle {
    font-size: 14px;
    margin: 0;
  line-height: 20px;
    color: #222;
}
.eventSupportSection {    margin: 40px auto 80px;}

@media (min-width: 992px) and (max-width: 1199px) {
    .mobGiving .jumbotron .text {padding-top: 94px;}
.givingTypes {max-height: 310px;}
.givingTypesImg { margin-top: -55px;}
.owlCarouselFeatures .item .featureContent {margin-top:40px;}
    .givingBlog .media-body, .givingBlog .blogMedia {width:100%;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .mobGiving .jumbotron .text {padding-top: 80px;}
.givingTypes {max-height: 300px;}
.givingTypesImg { margin-top: -65px;}
.owlCarouselFeatures .item .featureContent {margin-top:10px;}
    .givingBlog .media-body, .givingBlog .blogMedia {width:100%;}
}

@media (min-width: 600px) and (max-width: 768px) {
    .mobGiving .jumbotron .text {padding-top: 104px;}
    .givingBasics img {margin-bottom: 5px;}
    .givingTypesBg {background-color:#f8f7fd;margin-top:0;}
    .givingTypesImg { margin-top: 20px; max-width: 100%;float: left;width:50%;}
    .gcPromotionPage .givingTypes.givingTypesBg {max-height: inherit; margin-bottom: 0;padding-top:10px; padding-right: 80px;}
    .owlCarouselFeatures .item .featureContent {margin-top:10px;}
    .givingBlog .blogMedia {width: 41%;}
    .givingBlog .media-body {width: 58%;}
}

@media (min-width: 480px) and (max-width: 600px) {
    .mobGiving .jumbotron .text {padding-top: 78px;}
    .givingBasics .basicsItem {margin: 40px auto 0;text-align: center!important;}
    .givingBasics h5, .givingBasics p {padding-right: 0px;}
    .givingBasics img {margin-bottom: 5px;}
    .givingTypesBg {background-color:#f8f7fd;margin-top:0;}
    .givingTypesImg { margin-top: 20px; max-width: 100%;float: left;width:50%;}
    .gcPromotionPage .givingTypes.givingTypesBg {max-height: inherit; margin-bottom: 0;padding-top:10px; padding-right: 50px;}
    .mobGiving .owl-carousel .owl-item img {width: 50%; margin: auto;}  
    .owlCarouselFeatures .item .col-xs-4, .owlCarouselFeatures .item .col-xs-8 {width:100%;} 
    .owlCarouselFeatures .item .featureContent {margin-top: 50px; text-align: center;}
    .givingBlog .media-body, .givingBlog .blogMedia {width:100%;}
}

@media (min-width: 320px) and (max-width: 480px) {
    .mobGiving .jumbotron .text {padding-top: 25px;}
    .givingBasics .basicsItem {margin: 40px auto 0;text-align: center!important;}
    .givingBasics h5, .givingBasics p {padding-right: 0px;}
    .givingBasics img {margin-bottom: 0px;}
    .givingTypesBg {background-color:#f8f7fd;margin-top:0;}
    .givingTypesImg { margin-top: 20px; max-width: 100%;float: left;}
    .gcPromotionPage .givingTypes.givingTypesBg {max-height: inherit; margin-bottom: 0;padding-top:10px;}
    .mobGiving .owl-carousel .owl-item img {width: 50%; margin: auto;}   
    .owlCarouselFeatures .item .col-xs-4, .owlCarouselFeatures .item .col-xs-8 {width:100%;}
    .owlCarouselFeatures .item .featureContent {margin-top: 50px; text-align: center;}
    .givingBlog .media-body, .givingBlog .blogMedia {width:100%;}
}

/* ____________________Mobile Giving page starts________________________ */

/* ____________________Survrey page starts________________________ */

.gcSurvey .jumbotron {background:#484A4B url('../images/survey-banner.jpg') center center no-repeat; background-size: cover;}
.gcSurvey  .jumbotron .text {padding-top:65px;}
.gcSurvey .jumbotron *, .gcSurvey .jumbotron h3, .gcSurvey .jumbotron p {text-shadow:none;}
.gcSurvey .jumbotron p {padding-top: 2px;}
.gcLightBg * {text-align:left;color:#fff;}
.gcSurvey .blueBg {background:#1c2851 url('../images/dark-blue-action-bg.jpg') center center no-repeat; background-size: cover; padding:40px auto;}
.gcSurvey .singleAction{padding:30px 15px;text-align: center;}
.gcSurvey .blueBg a{color:#fff; padding:12px 24px; border:2px solid #fff; border-radius:3px;text-transform: uppercase;font-weight: 700;font-size:1.1em;letter-spacing: .08em;}
.gcSurvey .blueBg a:hover{text-decoration:none;color:rgba(255, 255, 255, .8);border-color:rgba(255, 255, 255, .8);}
.f-wrapper .topic, .f-wrapper .text {display: flex;  justify-content: center;  flex-direction: column;  text-align: left;padding:20px;}
.f-wrapper .text {flex: 3 0px;}
.f-wrapper .surveyCover, .f-wrapper .surveyTitle {display: flex;  justify-content: center;  flex-direction: column;  text-align: left;padding:20px;}
.f-wrapper .surveyCover {flex: 3 0px;max-width:25%;}
.surveyCover img {border:1px solid #ddd;}
.f-wrapper .surveyTitle {flex: 3 0px;}
.surveyTitle h5{margin-top:0;color:#626262; font-family: 'Droid Sans',sans-serif!important;line-height:1.4em;}
.f-wrapper .topic {color:#fff;}
.f-wrapper .topic * {font-size:2.2em;line-height:1.6em;margin:0 auto;}
.surveyTitle a {color:#ff5f19;font-weight:700;margin-top:10px;}
.surveyTitle a i {margin-right:8px;font-size:1.3em;vertical-align: bottom;}
.surveyTitle a:hover {text-decoration:none;}

@media all and (min-width: 320px) {    
.f-wrapper .surveyCover, .f-wrapper .surveyTitle {max-width: 50%;}
}

@media all and (min-width: 600px) {    
    .f-wrapper .topic {max-width:50%;}
.f-wrapper .surveyCover {max-width: 25%;}
.f-wrapper .surveyTitle {max-width: 75%;}
}
@media all and (min-width: 800px) {    
    .f-wrapper .topic {max-width:35%;}
}

@media all and (min-width: 1000px) {
    .f-wrapper .topic {max-width:25%;}
.f-wrapper .surveyCover {max-width: 30%;}
.f-wrapper .surveyTitle {max-width: 70%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .gcPromotionPage.gcSurvey .jumbotron {min-height: 350px; max-height: 400px;}
    .gcSurvey .jumbotron .text {padding-top: 55px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .gcPromotionPage.gcSurvey .jumbotron {min-height: 300px; max-height: 400px;}
    .gcSurvey .jumbotron .text {padding-top: 25px;}
    /*.gcSurvey .dbmsAction { padding: 54px 15px; text-align: right;}*/
}

@media (min-width: 600px) and (max-width: 768px) {
    .gcPromotionPage.gcSurvey .jumbotron {min-height: 300px; max-height: 400px;}
    .gcSurvey .jumbotron .text {padding-top: 35px;}
    .gcSurvey .jumbotron .text p {padding-right:40%;}
}

@media (min-width: 480px) and (max-width: 600px) {
    .gcPromotionPage.gcSurvey .jumbotron {min-height: 300px; max-height: 400px;}
    .gcSurvey .jumbotron .text {padding-top: 35px;}
}

@media (min-width: 320px) and (max-width: 480px) {
    .gcPromotionPage.gcSurvey .jumbotron {min-height: 300px; max-height: 400px;}
    .gcSurvey  .jumbotron .text {padding-top:0;}
.surveyCover img {border:1px solid #ddd;width: 100%; height: auto;}
}

/* ____________________Survrey page ends________________________ */

/* ____________________Event Registration page starts________________________ */

.eventRegistration .jumbotron {background:#484A4B url('../images/event-registration-banner.jpg') center center no-repeat; background-size: cover;}
.eventRegistration  .jumbotron .text {padding-top:14%; width: 100%;}
.gcPromotionPage.eventRegistration .jumbotron p {padding-top:0!important; font-weight:400!important;font-size:1.1em;}
.eventRegistration .jumbotron h1 {margin-top:30px;line-height:1.2em;}
.eventRegistration .media-left, .eventRegistration .media-body {display:inline-block;}
.eventRegistration p span{font-weight:700;}
.eventRegistration .media-body p a {color:#626262;font-weight:700;text-decoration:none;}
.eventRegistration .media-body p a:hover {color:#ff5500;}
.eventRegistration .blueBg {background:#1c2851 url('../images/dark-blue-action-bg.jpg') center center no-repeat; background-size: cover; padding:40px auto;}
.eventRegistration .blueBg h4, .eventRegistration .blueBg p {color:#fff;}
/*.eventRegistration .blueBg a{color:#ff7700; padding:12px 24px; border:2px solid #ff7700; border-radius:3px;text-transform: uppercase;font-weight: 700;font-size:1.1em;letter-spacing: .08em;}*/
/*.eventRegistration .blueBg a:hover{text-decoration:none;color:rgba(255, 255, 255, .8);border-color:rgba(255, 255, 255, .8);}*/
.gcPromotionPage.eventRegistration .blueBg .btn {margin-top: 7px;}
.eventDetail .flatBlueBg {padding:30px 0 30px 30px;background-image:none;background-color:rgba(0, 0, 0, 0);font-size:20px;}
.eventDetail .flatBlueBg .paddingDiv{background-color:#0756a5;color:#fff;padding:40px 60px 30px 40px;}
.eventDetail .grayBg {background-color:#e6e6e6;font-size:18px;padding:30px 50px 28px 60px;position:relative!important;}
.eventDetail .flatBlueBg p span, .eventDetail .grayBg p span {font-weight:700;}
.eventDetail .media .media-left, .eventDetail .media .media-body {padding:10px; vertical-align: text-top;}
.eventDetail .grayBg arrow {display:inline-block;width:59px;height:59px;overflow:hidden;position:absolute;left:0;top:50%;transform: translateY(-30px);}
.eventDetail .grayBg arrow:before{content: url('../images/arrow-blue.png');margin: 0px 0px 0px 0px;float:left;}
.eventRegistration .blueBg h4 {line-height:1.5em;}
.eventRegistration .dbmsAction{padding:28px 0px;text-align:right;}
.eventRegistration .dbmsAction a {display:inline-block;}
.eventRegistration .pro3 .media {margin:30px 0;}
.eventRegistration .media img {height:auto; max-width: 100%;}
.eventRegistration .media-left {width:18%;vertical-align: middle;}
.eventRegistration .media-body {width:78%;padding-left:40px;vertical-align: middle;}
.eventRegistration p.media-heading {font-weight:700;color:#0756a5;}
.mailID {font-size:1.2em;font-weight:700;color:#0756a5!important;margin-bottom:15px; display: inline-block;}
p.hashTag a.fbHash i{color:#3b5998;}
p.hashTag a.twHash i{color:#1da1f2;}
p.hashTag a i{font-size:2.3em;margin:0 0 0 8px;display:inline-block;}

@media (min-width: 992px) and (max-width: 1199px) {
    .eventRegistration .jumbotron {min-height: 300px; max-height: 300px;}
    .eventRegistration  .jumbotron .text {padding-top:40px;}
    .eventDetail .grayBg {padding: 45px 50px 50px 60px}
    .gcPromotionPage.eventRegistration .jumbotron p {font-size:1em;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .eventRegistration .jumbotron {min-height: 240px; max-height: 240px;}
    .eventRegistration  .jumbotron .text {padding-top:40px;}
    .eventRegistration .jumbotron .eventRegDate .date {text-align:center;}
    .eventRegistration .jumbotron h1 {font-size: 19px;margin-top: 25px;}
    .eventRegistration .jumbotron .eventRegDate .date h1 {margin-bottom:0;}
    .eventDetail .flatBlueBg {padding: 30px 0px 0px 0px;}
    .eventDetail .flatBlueBg .paddingDiv {padding: 40px 40px 30px 40px;}
    .eventDetail .grayBg {padding: 26px 30px 26px 30px}
    .eventRegistration .dbmsAction {padding: 25px 15px; text-align: left;}
    .eventRegistration .media-left {width: 20%;vertical-align: top;}
    .eventRegistration .media-body {padding-left: 20px;}
    .eventDetail .flatBlueBg, .eventDetail .grayBg {font-size:16px;}
    .eventRegistration .blueBg h4 {font-size: 1.3em;}
    .eventDetail .media .media-left {text-align:right;}
    .pro3 .row {padding: 0 30px;}
    .gcPromotionPage.eventRegistration .jumbotron p {font-size:1em;}
}

@media (min-width: 600px) and (max-width: 768px) {
    .eventRegistration .jumbotron {min-height: 200px; max-height: 200px;}
    .eventRegistration  .jumbotron .text {padding-top:20px;}
    .eventRegistration .jumbotron .eventRegDate .date {text-align:center;}
    .eventRegistration .jumbotron h1 {font-size: 19px;margin-top: 20px;}
    .eventRegistration .jumbotron .eventRegDate .date h1 {margin-bottom:0;}
    .eventDetail .flatBlueBg {padding: 30px 30px 0px 30px;}
    .eventDetail .flatBlueBg .paddingDiv {padding: 40px 40px 30px 40px;}
    .eventDetail .grayBg arrow {top: -1px;transform: translateX(-30px);left: 50%;}
    .eventDetail .grayBg arrow:before {margin: -18px 0px 0px 12px; transform: rotate(90deg);}
    .eventDetail .grayBg {padding: 60px 20px 30px 20px;}
    .eventRegistration .dbmsAction {padding: 15px 15px; text-align: left;}
    .eventRegistration .media-left {width: 20%;vertical-align: top;}
    .eventRegistration .media-body {padding-left: 20px;}
    .eventDetail .flatBlueBg, .eventDetail .grayBg {font-size:16px;}
    .eventRegistration .blueBg h4 {font-size: 1.3em;}
    .eventDetail .media .media-left {text-align:right;}
    .eventDetail .grayBg .media.venue {width: 55%; display: inline-block;  vertical-align: top;}
    .eventDetail .grayBg .media.time {width: 44%; display: inline-block;  vertical-align: top;}
    .gcPromotionPage.eventRegistration .jumbotron p {font-size:1em;}
}

@media (min-width: 480px) and (max-width: 600px) {
    .eventRegistration .jumbotron {min-height: 160px; max-height: 160px;}
    .eventRegistration  .jumbotron .text {padding-top:0;}
    .eventRegistration .jumbotron .eventRegDate .date {text-align:center;}
    .eventRegistration .jumbotron h1 {font-size: 19px;margin-top: 20px;}
    .eventRegistration .jumbotron .eventRegDate .date h1 {margin-bottom:0;}
    .eventDetail .flatBlueBg {padding: 30px 30px 0px 30px;}
    .eventDetail .flatBlueBg .paddingDiv {padding: 40px 40px 30px 40px;}
    .eventDetail .grayBg arrow {top: -1px;transform: translateX(-30px);left: 50%;}
    .eventDetail .grayBg arrow:before {margin: -18px 0px 0px 12px; transform: rotate(90deg);}
    .eventDetail .grayBg {padding: 60px 50px 30px 30px;}
    .eventRegistration .dbmsAction {padding: 15px 15px; text-align: left;}
    .eventRegistration .media-left {width: 20%;vertical-align: top;}
    .eventRegistration .media-body {padding-left: 20px;}
    .eventDetail .flatBlueBg, .eventDetail .grayBg {font-size:16px;}
    .eventRegistration .blueBg h4 {font-size: 1.2em;}
    .eventDetail .media .media-left {text-align:right;}
    .gcPromotionPage.eventRegistration .jumbotron p {font-size:1em;}
}

@media (min-width: 320px) and (max-width: 480px) {
    .eventRegistration .jumbotron {min-height: 160px; max-height: 160px;}
    .eventRegistration  .jumbotron .text {padding-top:0;}
    .eventRegistration .jumbotron .eventRegDate .date {text-align:center;}
    .eventRegistration .jumbotron h1 {font-size: 14px;    margin-top: 20px;}
    .eventRegistration .jumbotron .eventRegDate .date h1 {margin-bottom:0;}
    .eventDetail .flatBlueBg {padding: 30px 30px 0px 30px;}
    .eventDetail .flatBlueBg .paddingDiv {padding: 40px 40px 30px 40px;}
    .eventDetail .grayBg arrow {top: -1px;transform: translateX(-30px);left: 50%;}
    .eventDetail .grayBg arrow:before {margin: -18px 0px 0px 12px; transform: rotate(90deg);}
    .eventDetail .grayBg {padding: 60px 50px 30px 30px;}
    .eventRegistration .dbmsAction {padding: 15px 15px; text-align: left;}
    .eventRegistration .media-left {width: 20%;vertical-align: top;}
    .eventRegistration .media-body {padding-left: 20px;}
    .eventDetail .flatBlueBg, .eventDetail .grayBg {font-size:16px;}
    .eventRegistration .blueBg h4 {font-size: 1.2em;}
    .eventDetail .media .media-left {text-align:right;}
    .gcPromotionPage.eventRegistration .jumbotron p {font-size:1em;}
}

/* ____________________Event Registration page ends________________________ */

/* ____________________Responsive Fixes in Content in Services pages starts________________________ */

@media (min-width: 992px) and (max-width: 1199px) {
    .mobGiving .jumbotron .text {padding-top: 40px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .mobGiving .jumbotron .text {padding-top: 20px;}
}

@media (min-width: 600px) and (max-width: 768px) {
    .gcPromotionPage .jumbotron.crowdFunding {min-height: 300px; max-height: 350px;}
    .gcPromotionPage .PromoPageSection#contactForm, .gcPromotionPage .PromoPageSection.givingBlogs {padding-bottom:200px;}
    .mobGiving .jumbotron .text {padding-top: 20px;}
}

@media (min-width: 480px) and (max-width: 600px) {
    .gcPromotionPage .jumbotron.crowdFunding h1, .gcChurchApp.gcPromotionPage .jumbotron h1, .mobGiving.gcPromotionPage .jumbotron h1 {font-size: 24px;}
    .gcPromotionPage .jumbotron.crowdFunding h3, .gcChurchApp.gcPromotionPage .jumbotron h3, .mobGiving.gcPromotionPage .jumbotron h3 {font-size: 17px;}
    .gcPromotionPage .jumbotron.crowdFunding p {padding-top: 2px;}
    .gcPromotionPage .jumbotron.crowdFunding .btn {margin-top: 10px;}
    .gcPromotionPage .jumbotron.crowdFunding {min-height: 300px; max-height: 350px;}
    .gcChurchApp.gcPromotionPage .app-icons a{float:left;}
    .gcChurchApp.gcPromotionPage .app-icons a i{font-size:52px;}
    .mobGiving .jumbotron .text {padding-top: 0px;}
}

@media (min-width: 320px) and (max-width: 480px) {
    .gcChurchApp.gcPromotionPage .jumbotron .text, .gcChurchApp.gcPromotionPage .jumbotron .text-center {width:100%;}
    /*.gcPromotionPage .container {padding: 0px;}*/
    .gcChurchApp.gcPromotionPage .jumbotron h1 {font-size: 24px;}
    .gcChurchApp.gcPromotionPage .jumbotron h3, .mobGiving.gcPromotionPage .jumbotron h3 {font-size: 17px;}
    .mobGiving.gcPromotionPage .jumbotron h1 {font-size: 20px;line-height:1.2em;}
    .mobGiving .jumbotron .text {padding-top: 0px;}
}



/* ____________________Responsive Fixes in Content in Services pages ends_________________________ */



/*______________________ Lightbox Gallery starts________________________________*/

.lightBox .gallery {
    margin-top:40px;
}

* {
  box-sizing: border-box;
}
.clear {
  clear: both;
  float: none;
  width: 100%;
}
.container .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
.container .gallery a.big img {
  width: 40%;
}
.align-center {
  text-align: center;
}

/*______________________ Lightbox Gallery ends________________________________*/