@media only screen and (min-width: 320px) and (max-width:767px) {
	.desktop-version{display: none}
	.mobile-version{display: block}
	.ipad-version{display: none}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding: 0 10px}

h1 	{ font-size:28px;line-height: 32px	;}
h2 	{ font-size:24px;line-height: 32px; }
h3 	{ font-size:22px;line-height: 26px  }
h4 	{ font-size:20px;line-height: 24px	}
h5 	{ font-size:14px;line-height: 20px	}
h6 	{ font-size:12px;line-height: 16px	}
h7 	{ font-size:10px;}

p,li	{font-family: 'Lato', sans-serif;font-size:16px;line-height: 28px	;margin-bottom: 20px}
p.extra, .extra p{font-family: 'Lato', sans-serif;font-size:18px;line-height: 28px	}



.container>.row{margin: 0 5px}
.navbar-show-desktop{width: 100%;right:-100%;padding: 20px}
#menu-main-menu a{font-size: 28px;line-height: 38px}
.sub-menu li{margin-bottom: 6px}
#banner #section05 a span{top:-30px}
#banner{padding-top: 60px}
#section05 a span{height: 14px;width: 14px}
.tran-bg{height:40px;top :-40px}

.scroll-logo{margin-top: 6px;width: 142px !important}


.scroll-menu h4,.fix-menu h4{font-size: 16px}
.scroll-menu{display: block !important}
.scroll-background{top:0 !important}

.navbar-toggle-desktop{height: 60px;width: 60px;padding-top:0;padding-bottom: 0}
.scroll-menu{height: 60px}

	
/* HOME */
.ss-wrapper{height: 380px}
.home-page .container>.row>.col-lg-6 .row{padding:0 5px}
.intro-head-bg{width: 60%}
.intro .intro-head{bottom:60px}
.home-transition{height: 30px;bottom: 0}
#section05 a{padding-top: -10px;margin-left: -4px}
.intro-slider-caption{margin-top: 10px}
.top-block-column,.bottom-side-column,.side-block-column{min-height: 300px}
.content-block-wrapper{width:90% !important}
.home-icon-wrapper{padding-top: 110px !important}
.intro-head-bg,.intro-body img,.hastag{display: none !important}
.mobile-home-top-margin{margin-top: -36vh !important}
.mobile-home-top-margin h1{text-align: left;margin-bottom: 6vh;margin-left: -40px}

/* founder */
.founder img{padding: 0 !important;margin: 20px 0 !important;width: 100%}

/* vision */
.what-left-block,.what-right-block{display: none}
.vision{background: #ff6a00;margin:0 ;padding-bottom: 40px;padding-left:10px;padding-right: 10px}
.mission{background: #FFF;margin:0;padding-top: 40px;padding-bottom: 40px;padding-left: 10px;padding-right: 10px}

/* core - value */
.core-value-list{display: none}
.core-values p{margin: 0}

/* team */
.team-list li{width: 100% !important}

/* listing */
#banner>img{width: 100% !important;margin-left: 0%}
.intiatives-listing .content-wrapper{padding: 40px 0 40px;}
.past-ss-wrap{margin-top: 120px}
.listing-block h2{font-size: 32px}
.listing-block .col-lg-4.margin-60-bottom{margin-bottom: 30px}
.listing-block .col-lg-12.margin-60-bottom{text-align: center}

/* single */
.single .content-wrapper{padding: 20px 0}
.single-right-block {position: relative;}
.single-left-block .info-list li{padding: 10px 0 }
.flex-direction-nav .flex-next i, .flex-direction-nav .flex-prev i{font-size: 40px}
.single .flex-direction-nav a{top:20%}
.single-right-block .section-break{margin: 15px 0 }
.single-right-block .content-list-details li{padding-left: 40px}
.qoute-img{padding: 10px;width: 60% !important;float: left;}
.qoute{display: inline-block;background: url(../img/open-q.png) left 20px top 0 no-repeat ;padding:0 0 20px 40px;background-size: 15px;margin-left: -20px;position: relative}
.qoute span{width: 15px;height: 15px}
.qoute-wrapper{width: 100%;padding: 10px}
.single .content-wrapper p{margin-right: 0}
#slider-qoute .slides .qoute-img-wrapper{width: 100%;min-height: 0}
#slider-qoute .flex-control-nav{padding-left: 4px ;padding-top: 20px}
.back-to-top{display: none}
.fix-top-btn h5{display: none}
.info-list-alt{width: 80%;padding-top: 10px}
.single-left-block .icon-list h6{display: none}
#slider-images-single{width: 100%}

/* what do we */
.what-left-block-margin,.what-right-block-margin{display: none}
.what-icon{left: 20px !important}
.what-list p{padding-left: 40px}
.what-wrapper{padding-top: 0}
.what-wrapper .row{margin: 0 5px}
.what-wrapper h3{margin-bottom: 0}
.what-inner-2 h3{margin-bottom: 20px}
.what-inner{background: #ff6a00;padding: 20px 15px;margin-bottom: 0}
.what-inner-2{background: #FFF}
.what-list li{position: relative;margin-left: 0}
.what-list p{padding-left: 40px}
.what-icon{left: 0 !important}
.what-inner-2 {    margin-left: 0;}

/* how do */
#step-by-wrapper-id{display: none }
.step-by-wrapper.fix.show{display: none !important}
#ss4{padding-bottom: 0}

/* NEW */
.news-background{display: none}
.news-background-left{width: 100%}
.news-inner-listing-content ol li{/*list-style:decimal*/;font-size: 18px;margin-bottom: 10px;margin-left:  10px;padding-left: 30px;position: relative;color: #4a4a4a}
.news-inner-listing-content ol li span.number-ball{position: absolute;top:10px;left: -10px;background: #8B8BBE;line-height: 24px}
.news-inner-listing-content ol {margin-bottom: 20px}
.news-listing,.news-contentl{width: 100% !important;padding-right: 30px;  -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */}
.news-contentl{display: none;background: #F4F6FF}
.news-block .back-to-list h5 {color: #333;margin-top: 5px}
.news-block .back-to-list .ion-android-arrow-back {
    font-size: 22px;
    padding: 0px 6px;
    width: 28px;
    height: 28px;line-height: 28px}
.news-block .back-to-list {margin-bottom: 20px !important;pointer-events:auto;cursor: pointer}
.news-contentl,.news-listing{padding-top: 100px}

/* 2020 */
.qoute{font-size: 22px;position: relative;line-height: 1.2;letter-spacing: -.2px !important}
.qoute span{bottom: 28px;right: -20px}
 .mobile-home-top-margin{margin-top: -38vh !important} 
 #header-fixed,.ss-wrapper{height: 60vh !important}
.home-logo{display: none}
.home-slide-img,.home-slide-img div{width: 100% !important;position: relative;right: 0;height: 160px !important;top:0}
.flexslider-txt li{height: 260px}
.slider-info-block{width: 100%;position: relative;height: 240px !important}
.slider-info-block .flex-direction-nav{display: none}
.slider-info-block .info{height: 240px;padding: 20px;padding-right: 120px}
.left-arrow{left: 20px}
.right-arrow{left: 60px}
.section-entry ul li{width: 100%;margin-bottom: 20px}
.slider-container{height: auto}
.news-home{margin-top: 0;padding: 20px;height: 260px}
.home-news-btn{left: 20px}
.grantgiving-past-list li:nth-child(1){display: none}
.past-title, .past-year{width: 100%}
.past-year .btn{float: left;margin-top: 20px}
.back-to-list.gg-past{float: left;margin-top: 40px}

.icon-slide{width: 40px;height: 40px;top:20px;right: 20px;background-size: 24px !important}
#header-fixed{height: 60vh !important}

.ion-android-arrow-back{width: 40px;height: 40px;display: inline-block;text-align: center;line-height: 40px;padding: 0;text-align: center;margin-top: 0}
.back-to-list h5,.back-to-list.gg-past h5{margin-top: 8px}
.listing-block{margin-top: 120px}
/* 2021*/
.ss-icon ul{margin:0;padding: 60px 0}
.section-entry ul{width: 100%}
.ss-icon{width: 100%;position: relative}
.fuel-btn{padding-left: 90px;position: relative;padding-top: 0}
}

@media only screen and (min-width: 320px) and (max-width:360px) {
.scroll-logo{margin-top: 12px;width: 142px !important}
.cia-icon{display: block}
}
@media only screen and (min-width: 768px) and (max-width:992px) {
	.desktop-version{display: none}
	.mobile-version{display: none}
	.ipad-version{display: block !important}
	section{width: 100%}
	.cia-icon{display: block;}

/*.container>.row{margin: 0 15px}*/
.navbar-show-desktop{width: 100%;right:-100%}
.title-border{margin-bottom: 20px;height: 40px}

.scroll-logo{margin-top: 16px;width: 142px !important}
.scroll-menu{display: block !important}
.scroll-background{top:0 !important}
/* home */
.home-icon-wrapper{padding-top: 30%}
.top-block-column,.bottom-side-column,.side-block-column{min-height: 360px !important} 
.top-block-column .content-block-wrapper{width: 50%}
.scroll-logo{margin-top:8px;width: 148px !important}
.intro-head-bg,.intro-body img,.hastag{display: none !important}
.mobile-home-top-margin{text-align: center;margin-top: -37vh !important}
.mobile-home-top-margin h1{text-align: left;margin-bottom: 5vh}

/* founder */
.founder img{margin-left: 0 !important}

/* core value */
.core-values p{margin: 0}

/* team */
.team-list li{width: 100% !important}

/* listing */
#banner>img{width: 200% !important;margin-left: -50%}

/* single */
.back-to-list{margin-bottom: 40px}
.back-to-top{display: none}

/* support */
.what-icon{left: 20px !important}
.what-list p {padding-left: 60px}
.what-inner h3{ padding-left: 30px}
.what-inner-2 h3{padding-left: 20px}

.what-list li{position: relative;margin-left: 0}
.what-list p{padding-left: 60px}
.what-inner-2,.what-inner{padding:0 10px}
.what-inner{padding-left:30px}
.what-inner-2 {    margin-left: -16px;}

.how-do-we .step-by{display: none}
.how-do-we .mobile-version{display: block}
#ss1{padding-top: 40px}
.step-by-wrapper.active .step-by{display: none}

/* content */

/* 20202 */
.past-ss-wrap{margin-top: 120px}
.home-logo{display: none}
.slider-info-block .flex-direction-nav{display: none}
/* 2021*/
.ss-icon ul{margin:0;padding: 60px 0}
.section-entry ul{width: 100%}
.ss-icon{width: 100%;position: relative}


}
@media only screen and (min-width: 992px) and (max-width:1200px) {
	.desktop-version{display: none}
	.mobile-version{display: none}
	.ipad-version{display: block !important}
.home-icon-wrapper{padding-top: 100px !important}
.top-block-column,.bottom-side-column,.side-block-column{min-height: 360px !important} 
.back-to-top{display: none}
.col-sm-6 .content-block-wrapper{width: 80%}
.scroll-logo{margin-top: 9px;width: 150px !important}
.what-list li{position: relative;margin-left: 0}
.what-list p{padding-left: 36px}
.what-inner-2,.what-inner{padding:0 30px}
.what-inner{padding-left:60px}
.what-inner-2 {    margin-left: -16px;}
/* 20202 */
.past-ss-wrap{margin-top: 120px}
.slider-info-block .flex-direction-nav{display: none}
/* 2021*/
.ss-icon ul{margin-top: calc(50% - 20px)}

}

@media only screen and (min-width: 1200px) and (max-width:6000px) {
	.mobile-version{display: none}
	.ipad-version{display: none }
	.desktop-version{display: block !important}

}



@media(min-width:768px) {
	
    .navbar-custom {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,.3);
        background: #000;
    }
}

@media screen and (min-width: 320px) and (max-width:767px) and (orientation:landscape) {
.mobile-home-top-margin{text-align: center;margin-top: -40vh !important}
.mobile-home-top-margin h1{text-align: left;margin-bottom: 0}
 #header-fixed,.ss-wrapper{height: 70vh !important}
	
}