.banner{width:100%; float:left;}
.service-gutter-space{padding:0;}
.border{width:90%; float:left; margin:1% 5%; border:1px solid #e0e0e0;}
.banner img, .about-image img, .client-image img{width:100%;}
.desktop-banner{display:block;}
.mobile-banner{display:none;}
.carousel-control.right, .carousel-control.left{background-image:none;}

/*About Harsh guruji events css*/
.event-wrapper1{width:64%; float:left; margin:0 18%;}
.about-event {width:14.6%; margin:2% 1%; float:left; cursor:default;    border-radius: 100px;}
.about-event h6{margin:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#4843bb; }
.about-event  a{text-decoration:none;}
.activity-row-wrapper{width:100%; float:left; display:none;}
/*About us css*/
.about-wrapper{width:70%; float:left; margin:1.5% 15%;}
.about-wrapper h2, .service-wrapper h2, .event-wrapper h2, .testimonial-wrapper h2, .event-wrapper1 h2, .service-content-wrapper h2{margin:0; font-size:2.7em; text-align:center; font-family:Corbel; color: #4843bb; padding: 0.7% 2%;}
.about-image{width:70%; float:left; margin:3.5% 15%; }
.about-content{width:100%; float:left;}
.about-content p{margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: justify; font-size:1em; line-height:165%; color:#636363; padding:1% 2%;}
.about-content a{text-decoration:none;}
.about-wrapper h3{margin:0; font-size:1em; text-align:center; color: #5451b7;font-weight: 600;font-family: verdana; padding: 2%; display: flow-root;}
.update-soon{width:100%; float:left;}

/*service css*/
.service-row-wrapper, .service-row-wrapper1{width:100%; float:left; display:none;}
.service-content-wrapper{width:80%; float:left; margin:0 10%;}
.service-content-wrapper h3{margin:0; font-family:Corbel; font-size:1.4em; text-align:center; font-weight: 600; color: #d2ae12;}
.service-content-wrapper h4{margin:0; font-family:Corbel; font-size:1.4em; text-align:center; font-style:italic; color: #453eb7;}
.service-wrapper{width:80%; float:left; margin:10% 10% 2% 10%;}
.service-wrapper img{width:25%; margin:4% 2%; float:left;}
.service-wrapper h5{text-align: center;margin: 0; padding-bottom: 7%;font-size: 1.2em;font-family: corbel;font-weight: 600;color: #36348c;vertical-align:super; }
.service-wrapper p{margin: 0; font-size:2.5em;color: #484694;padding: 0 6%; text-align: center;display: inline-block;}
.service-wrapper h6{margin:0; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:150%; text-align:justify; color:#696969;}
/*Latest event css*/
.event-wrapper{width:60%; float:left; margin:0 20%;}
.event{width:90%; float:left; margin:4% 5%; border:3px solid #e0e0e0; position: relative;transition:all ease-in-out 0.5s; overflow: hidden;}
.event-wrapper h4{margin:0; padding:3% 2%; font-size:1.4em; text-align:center; display: flow-root; color:#424cc1;}
.event-wrapper h4 a{text-decoration:none;color:#424cc1;}
.event img{width:100%; cursor:pointer;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.event img:hover, .event:hover img{-webkit-transform: scale(1.3);transform: scale(1.3);}
.event:hover{-webkit-filter: grayscale(100%); filter: grayscale(100%);transition:all ease-in-out 0.5s;}
.image{opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
.event-name{transition: .5s ease; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); display:none; width: 90%;}
.text{background-color:rgba(0, 0, 0, 0.4); cursor: pointer;}
.text h5{color: white;font-size: 1.6em; font-weight:600;padding: 23% 2%;margin: 0; font-family:Corbel;text-align: center;border: 3px solid white}
.event:hover .event-name{display:block;}
.event-name:hover .event img{-webkit-filter: grayscale(100%); filter: grayscale(100%); transition:all ease-in-out 0.5s;}
/*view all button css*/
.btnViewAll{width:12%; float:left; margin:2% 44%;}
.btnViewAll a{text-align:center; text-decoration:none; border:2px solid #4843bb;padding: 4.5% 2%;width: 100%;display: block; color:#4843bb; font-size:1.2em; font-family:Corbel; font-weight:600; transition:all ease-in-out 0.5s;}
.btnViewAll a:hover{text-decoration:none; background-color:#4843bb; color:white; transition:all ease-in-out 0.5s;}
/*Testimonial css*/
.testimonial-wrapper{width:70%; float:left; margin:0 15%;}
.testimonial-content{width:80%; float:left; margin:2% 10%; }
.client-image{width:40%; float:left; margin:2% 30%;}
.client-detail{width:100%; float:left;}
.testimonial-content h3{margin: 0;font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center;color: #4843bb;font-size: 1.2em;}
.testimonial-content p{margin:0; font-size:0.95em;font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify;color: #737373; padding:3.5% 0; line-height:160%;}
/*upcoming event wrapper css*/
.upcoming-event-wrapper{width:60%; float:left; margin:1% 20%;}
.upcoming-wrapper{width:96%; float:left;margin:0 2%; background-color: aliceblue; border: 1px solid #cbc8ff;}
.fbPost-wrapper{width:96%; float:left;margin:0 2%;}
.upcoming-wrapper h2{margin:0;font-size:1.6em; text-align:center;font-family:Corbel; color: #ffffff;padding: 1.7% 2%; background-color: #4843bb;}
.fbPost-wrapper h2{margin:0;font-size:1.6em; text-align:center;font-family:Corbel; color:white; padding:2.5% 2%;background-color: #4843bb;}
.fbPost-wrapper iframe{width:100%;/*height: 180px;*/ border: 1px solid #cbc8ff;}
.upcoming-wrapper h3{ margin: 0;font-size: 0.96em;font-family: verdana;color: #4843bb; font-weight:600;  padding: 1% 0;}
.upcoming-wrapper h4{ margin: 0;font-size: 0.96em;font-family: verdana;    padding:1% 0;color: #5450a9;font-weight: 600;}
.upcoming-wrapper h4 span{margin: 0;font-size: 1em;font-family: verdana; font-weight:normal; color: #322ea2;}
.upcoming-wrapper p{margin: 0;font-size: 0.96em;font-family: verdana; color: #322ea2; padding:0; }
.upcoming-wrapper p a{text-decoration:none;}
.upcoming-event{width:96%; margin:1% 2%; float:left;}
.upcoming-border-bottom{width:96%; float:left; margin:1% 2%; border:1px solid #c7c5f7;}
.no-event{width:100%; float:left;}
.no-event p{margin:0; text-align:center; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:1.5em; padding: 7% 2% 19% 2%; color: #b0acf9;}

@media only screen and (max-width:1700px){
.about-wrapper{width:80%; margin:1.5% 10%;}
.service-content-wrapper{width:90%; margin:0 5%;}
.event-wrapper1, .event-wrapper{width:74%; margin:0 13%;}
.testimonial-wrapper{width:76%; margin:0 12%;}
.upcoming-event-wrapper{width:74%; margin:1.5% 13%;}
}

@media only screen and (max-width:1300px){
.about-wrapper{width:90%; margin:1.5% 5%;}
.service-content-wrapper{width:100%; margin:0;}
.testimonial-wrapper{width:94%; margin:0 3%;}
.event-wrapper1, .event-wrapper{width:90%; margin:0 5%;}
.upcoming-event-wrapper{width:89%; margin:1.5% 5.5%;}
}
@media only screen and (max-width:1200px){
.about-wrapper{width:96%; margin:0 2%;}
.event-wrapper1, .event-wrapper{width:96%; margin:0 2%;}
.testimonial-wrapper{width:96%; margin:0 2%; }
.testimonial-content{width:86%; margin:0 7%;}
.service-row-wrapper{display:block;}
.service-wrapper{margin:5% 10% 2% 10%;}
.about-wrapper h2, .service-wrapper h2, .event-wrapper h2, .testimonial-wrapper h2, .event-wrapper1 h2, .service-content-wrapper h2{font-size:2.3em; padding:1% 2%;}
.upcoming-event-wrapper{width:95%; margin:1.5% 2.5%;}
.upcoming-wrapper h2, .fbPost-wrapper h2{font-size:1.4em;}
}
@media only screen and (max-width:991px){
.about-image{width:90%; margin:3.5% 5%;}
.about-content p{font-size:0.97em;}
.btnViewAll{width:16%; margin:2% 42%;}
.about-event h6{font-size:1em;}
.about-wrapper h2, .service-wrapper h2, .event-wrapper h2, .testimonial-wrapper h2, .event-wrapper1 h2, .service-content-wrapper h2{font-size:2em; padding:2% 2%;}
.event-wrapper h4{font-size:1.2em;}
}
@media only screen and (max-width:767px){
.desktop-banner{display:none;}
.mobile-banner{display:block;}
.about-image{width:30%; margin:0 35%;}
.about-wrapper h2, .service-wrapper h2, .event-wrapper h2, .testimonial-wrapper h2, .event-wrapper1 h2, .service-content-wrapper h2{font-size:2.2em; padding:2%;}
.event{margin:2% 5%; }
.event-wrapper h4{font-size:1.4em;padding:0 2% 3% 2%;}
.client-image{width:30%; margin:2% 35%;}    
.upcoming-wrapper, .fbPost-wrapper{width:98%; margin:1.5% 1%;}
}
@media only screen and (max-width:650px){
.about-event{width:28.33%; margin:2% 2.5%;}
.activity-row-wrapper{display:block;}
.about-wrapper h2, .service-wrapper h2, .event-wrapper h2, .testimonial-wrapper h2, .event-wrapper1 h2, .service-content-wrapper h2{font-size:2em; padding:2%;}
.about-image{width:50%; margin:0 25%;}
.service-gutter-space{width:50%;}
.service-wrapper{margin:5% 7% 2% 7%; width:86%;}
.service-row-wrapper1{display:block;}
.service-row-wrapper{display:none;}
.btnViewAll{width:24%; margin:1% 38% 3% 38%;}
.border{width:96%; margin:2%;}
.upcoming-wrapper h2{font-size:1.2em; padding: 2.5% 2%;}
.fbPost-wrapper h2{font-size:1.2em;}
.update-soon p{font-size:1.8em;}
}
@media only screen and (max-width:480px){
.about-image{width:70%; margin:2% 15%;}
.service-content-wrapper h3, .service-content-wrapper h4{font-size:1.2em;}
.about-wrapper h2, .service-wrapper h2, .event-wrapper h2, .testimonial-wrapper h2, .event-wrapper1 h2, .service-content-wrapper h2{font-size:1.6em;}
.service-gutter-space{width:100%;}
.service-wrapper{margin:5% 7% 0 7%;}
.service-wrapper h5{padding-bottom:2%;}
.event-wrapper h4{font-size:1.2em;padding:1% 2% 3% 2%;}
.btnViewAll{width:34%; margin:1% 33% 3% 33%;}
.client-image{width:50%; margin:2% 25%;}  
.about-event h6{font-size:0.95em;} 
}