.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 60px;
    right: 30px;
    display: none;
    z-index: 9999;
    color:#fff;
    text-align: center;
    line-height:50px;
    font-size: 16px;
    background:#f6b653; border-radius:100%; box-shadow:0px 0px 7px #f6b653;
}
.scrollup:hover {
    color: #fff;
}

 
@media (max-width: 540px) {
    .nav{ }
    .no-mobile{ display: none !important;}
    .nav ul li{ width:49%; border: 1px solid #ddd;}
    .nav ul li a{ font-size: 14px; display: block; padding:8px 0px;  margin:0px;text-align: center;}
    
    .logo{ padding: 20px 0px 0px 0px;        text-align: center;}

    .container{ padding-left:20px; padding-right:20px;}
    .container-floud{ width:100%; padding: 0px 20px;}

.container, .nav, .package-area, .logo, .footerbox, .banner-section .left, .mission-area, .contact-section .left, .contact-section .right{ width: 100%;}
.contact-section .right{ padding-left: 0px;  }
.contact-section .left{ display: none;}
.banner-section{background:none; background-size: 100%; padding: 0px 0px 40px 0px; }
.mobile-on{ display: block;}
.mobile-on img{ width: 100%; margin-top: 100px;}
.banner-section .left img{ display: none; }
.banner-section .left h1, .mission-section h2, .package-section h2, .contact-section h2  {font-size: 28px;}
.package-area{ padding: 20px; margin-bottom: 40px;}
.package-area img{ width: 100%;}
.footerbox{background: none; padding: 0px;    min-height: inherit;}
.stories-area{ margin: 90px 0px 0px 0px;}
.mission-section p{ padding: 0px;}
.mission-area{    min-height: inherit;}


.about-right{ margin-top:50px;}
.blog-right{ margin-top:50px;}
.vision-right{ margin-top:50px;}

 .review-box{ width:100%; box-shadow:0px 0px 7px #ddd; border:1px solid #ddd;}
.carousel-caption {
    position: absolute;
      right:0%;  
    bottom: 20px;
    left:5%;
    z-index: 10;
     padding-top:0px; 
    padding-bottom:0px;  
    color: #fff;
    text-align: center; 
}
.carousel-caption h1{ font-size:1.5rem; padding-top:40px;}
.carousel-caption p {
    font-size: 1rem;
     margin:0px; padding:0px; width:90%;
}
.carousel-caption a {
    background: none;
    border: 2px solid #fff;
    padding: 6px 20px;
    color: #fff;
}
.carousel-indicators{ display:none}
.header-top-1st{ display:none}
 
.navbar-expand-lg .navbar-nav .nav-link{ border:none}
.navbar-expand-lg .navbar-nav .nav-item{ width:100%;  }
.banner-about-bottom{ margin-top:75px;}
.sr-only{ display:none}
 
.navbar-light .navbar-toggler{ margin-left:10px;}
.about-us h2{ width:100%;}
.about-us p{ width:100%;}
.why-chouse-us-box{ width:100%;}
.why-chouse-us-box .top img{ width:62px;}
.why-chouse-us .right-area img{ margin-top:0px;}
.w-70{ width:100%;}
.contact-phone{ margin:0px; padding:0px; text-align:left}
.contact-email{ margin:0px; padding:0px;text-align:left}
.contact-us pxm{ background:none}
.footer-social-area{ margin-bottom:25px;}
.footerflexnav{ margin-top:25px;}
.shadule{ width:230px;}
.banner-about-bottom p{ padding:10px;}


.contentBnanner h1 {
    font-size: 2.5rem;
}
.bannerpicture {
    margin-top: 3rem;
}
.About_content h2 {
    font-size: 1.5rem;
}
.titlehead h2 {
    font-size: 2rem;
}
.surface_box {
    margin-top: 8px;
}
.surfaceicon {
    width: 22rem;
    margin-right: 1rem;
}
.wrapersurface .btnbin {
    margin-top: 0;
}
.gallerypic {
    width: 100%;
}
.our-mission_box{ display:block}
.spaceimg-bottom{ padding-bottom:25px; }
.monthly-pricing{ margin-top:25px; margin-bottom:25px;}
.mobile-on{ display:block;}
.desktop-on{ display:none;}
.testimonials{ text-align:center;}
.testimonials p{ text-align:center; font-size:14px;}
.moreBox{ padding:0px 20px; text-align:center}
.banner-img{margin-bottom:-14px; width:100%;}
.logo-footer{ width:100%} 
.left-nav{ margin-top:0px;}
.team-right{ margin-top:50px;}


.banner-section .carousel-control-next-icon{ display:none}
.carousel-control-prev{display:none}
.carousel-control-next{display:none }
.carousel-caption{ width:100%;  }
.logo-here img{ width:60px; padding-left:10px;}
.carousel-caption a{ display:inline-block; margin-top:5px;}
.impact-section .title{    height: auto;
    width: 200px;bottom: 70px; }
	.impact-section .title h2 { font-size:16px;}
	.global .bottom .middle{ width:auto; margin-left:10px;}
	.global .bottom .right{ float:left; margin-left:10px;}
	.global .bottom{ margin-bottom:25px;}
.blog-section .top-bg-area{ height:auto}
.news-section .box .bottom-area h2{ min-height:auto; padding-bottom:25px;}
 .subscribe-area{ margin-bottom:25px;}
.events-news .left{ width:50%}
.events-news .right{ padding:10px;}
.service-box-section .bottom{ width:100%;}
.best-way-section .middle-area .right{ margin:20px; padding:0px;}
.ghap-in-action {  }
.events-right .bottom-area{ margin-left:15px; margin-right:0px;}
.m-right-10{ padding-right:0px !important;}
.inner-banner-section .headline h2 {top: 55%;}
.accomplisment-area ul li { text-align: left;}
.testimonials-section .right {background:none;}
.wraper_footer .top-section .email-box .left {padding-top: 0px;}
.events-section{ padding-top:2rem;}
.best-way-section{ padding-bottom:0px;  }
.best-way-section .bottom-area{ display:none}
 }

@media (max-width: 414px) {
.card .img-top {
    left: 71px;
}.why-chouse-us-box .top img {
    width: 62px;
    height: 50px;
}.why-chouse-us-box .top{ line-height:50px;}
.carousel-caption a{ display:none}
}
@media (max-width: 375px) {
.card .img-top {
    left: 56px;
}.why-chouse-us-box .top {
    line-height: 50px;
}.carousel-caption h1{ font-size:1.5rem; padding-top:20px;}
}
@media (max-width: 360px) {
.card .img-top {
    left: 47px;
}
.carousel-caption{ display:none}
}
@media (max-width: 320px) {
.logo-here{ width:235px;}
.card .img-top {
    left: 26px;
}
.inner-banner-section .headline h2 {top: 58%;}
.inner-banner-section h2{font-size:2rem}
.get-involved a {padding: 15px 28px;}
.why-chouse-us-box .top {line-height: 28px;}
.join-our-community {padding: 3rem;}
.donate-to-ghep { padding: 3rem;}
.about-right-area .mission h2 { font-size: 18px;}
.mission h2 img {width: 45px;}
.about-section-area-bottom .right img{ margin-top:30px;}
.more-video-btn {
    margin-left: 63px;
}
}