]@media (min-width:2000px) {
#topbar {
max-width:1920px;
margin:0 auto
}
#header .container-fluid {
max-width:1920px;
margin:0 auto
}
}
 @media (max-width:1800px) {
.glow-one:after {
right:-10%;
width:488px;
height:429px;
}
.owl-carousel2 .owl-next {
right:-70px;
}
.owl-carousel2 .owl-prev {
left:-75px;
}
.flash-box .flash-crousel ul img {
margin:-4px 0 35px 30px
}
.flash-crousel .owl-stage-outer {
padding:6px 0 0 0
}
.bottom-man {
position:absolute;
right:-88px;
top:-160px;
max-width: 50%;
}
}
 @media (max-width:1728px) {
.bottom-man {
max-width:80%
}
.bottom-man {
position:absolute;
right:0px;
bottom:0;
top:inherit
}
.form-bg2 textarea {
height:100px
}
.form-bg2 {
padding:20px
}
.card-input2 {
font-size:14px!important
}
.btn-yellow {
padding:13px 20px
}
}
 @media (max-width:1680px) {
#hero .line {
position: relative;
left: 120px;
}
.join-the h2 {
font-size:50px;
}
.join-the h3 {
font-size:36px
}
.join-the h4 {
font-size:40px;
}
.join-the h4 span {
font-size:35px
}
.card-css {
font-size:13px
}
.card-css img {
width:35px;
}
.form-inputs {
position: relative;
margin-top: -14px;
margin-bottom: 20px;
}
.bottom-man {
max-width:35%;
bottom:10px
}
.glow-one:after {
right:0;
width:288px;
height:429px;
}
}
 @media only screen and (max-width: 1600px) and (min-width: 960px) {
.opp-img {
width:100%;
}
}
 @media (max-width:1599px) {
.padd-2 {
padding: 18px 20px 15px 20px;
font-size: 18px;
}
#header .container {
max-width: 100%;
}
#topbar .container {
max-width: 100%;
}
.navbar ul {
margin-right:15px
}
.sticky .navbar ul {
margin:10px 15px 0 0
}
#hero h2 {
font-size:45px;
line-height:45px
}
#hero .carousel-item {
height:650px;
}
#hero .btn-get-started {
padding:24px 40px;
font-size:18px;
}
#topbar li {
margin:0 10px 0 10px;
font-size:14px
}
 .flash-box .flash-crousel ul li.flash-txt-box {
padding:24px 40px 24px 50px
}
 .flash-head {
width:231px;
}
.flash-scroll-txt {
width:884px;
}
.services .icon-box {
padding:20px
}
.services .icon-box .icon {
width:100px;
height:100px;
line-height:100px;
}
.services .icon-box .icon img {
max-width:80%;
}
 .services .black-box .foldr-icon {
width:122px;
height:122px;
}
 .services .icon-box .ser-benfit-content p {
line-height: 24px;
font-size:15px;
margin-bottom:0;
}
.bottom-man {
position:absolute;
right:0;
bottom:0;
width:32%;
top:inherit
}
 body {
padding-top:135px;
}
.count-sec {
margin-top:40px;
}
.fog-banner {
margin-bottom:0;
}
.tab-container-one li {
margin: 0 15px 0 0;
}
.nav-tabs {
font-size:20.8px;
}
.nav-tabs2 .active:before {
background-size:100%;
width:44px;
height:18px;
bottom:-18px;
}
.tab-pane h2 {
font-size:26px;
}
.bg-black2 h2 {
font-size:40px;
}
.bg-black2 {
padding:50px 0
}
.form-in {
padding:20px
}
.heading-in h3 {
font-size:28px!important;
}
.youssouf-bathily .un-site {
font-size:25px;
}
.insta-ic {
width:40px
}
.fa-ic {
width:20px
}
.youssouf-bathily h4 {
font-size:20px!important;
}
.word-president p {
font-size: 16px;
margin-bottom:10px;
line-height: initial;
}
.addres-text li {
margin:0 0 15px 0;
font-size:16px
}
.addres-text li i {
font-size:23px
}
.addres-text li .bx-phone-call {
font-size:28px
}
.addres-box h3 {
margin-bottom:10px;
font-size:23px;
}
.k-content h3 {
font-size:20px;
}
.k-content h6 {
font-size:16px;
}
.read-more {
padding:13px 20px;
font-size:16px
}
.event-right-img .frame .font-26 {
font-size:22px!important;
}
.circle-bg {
width:480px;
height:480px;
padding:50px 50px 50px 50px
}
.k-content h3 {
font-size: 17px;
}
 .circle-bg {
padding:110px 40px 50px 65px
}
#hero .btn-get-started {
margin:5px 0 0 0
}
.flash-box .flash-crousel ul li.flash-txt-box p {
line-height:27px;
font-size: 1.2rem;
margin-bottom:0;
padding-right:0px;
}
.flash-head {
font-size:1.6rem;
}
.date-css-2 .fs-6 {
font-size:14px!important;
}
.new-ideas {
padding: 40px 0 40px 0;
}
.container-100 {
max-width:100%
}
.box-css-2 .font-20 {
font-size:16px!important;
}
.k-btn {
position:absolute;
bottom:-24px;
right:27px;
width:40px;
height:66px;
}
.radius-box-22 {
padding:30px
}

.cci-img img { position:relative; top:0; right:0;}
.cci-box {padding:30px}
.glowcss2:before { right:0}

}
 @media only screen and (max-width:1599px) and (min-width:1400px) {
.recent-left {
width:55%!important;
}
.recent-right {
width:45%!important;
}
}
 @media only screen and (max-width:1599px) and (min-width:1200px) {
.recent-left1 {
width:50%!important;
}
}
 @media (max-width:1440px) {
#hero .line {
left:70px;
}
#hero .line {
position:relative;
left:70px;
}
.fog-banner h3 {
font-size:2rem;
}
.yellow-box h3 {
font-size:1.2rem
}
.resource-images .date-4 {
top:10px;
left:10px
}
.documentation .font-54 {
font-size:46px!important;
}
.categories li {
font-size:16px;
}
.categories h3 {
font-size:18px
}
.categories li {
padding:0 10px
}
.support {
padding:25px
}
.support p {
font-size:20px;
line-height:inherit;
}
.donate-now3 .font-30 {
font-size:20px!important;
}
.donate-now2 {
padding:30px 20px
}
.card-2 {
max-width:40%;
}
.help-us {
padding:18px 20px
}
.help-us .font-36 {
font-size:25px!important;
}
.help-us .font-22 {
font-size: 17px!important;
}
.donate-now2 {
padding:20px 20px;
}
.support h4 {
font-size:27px;
}
.yellow-box li {
font-size:17px;
}
.new-ideas .icon-circle {
width:89px;
height:89px;
}
.new-ideas .icon-circle img {
max-width:100%;
}
.glowcss:before {
background:url(../img/glow-1.png) no-repeat left top;
width:699px;
height:729px;
content:"";
position:absolute;
top:-100px;
left:-200px;
background-size:100%;
z-index:9999;
}
.bg-theam {
padding:175px 20px 20px 20px
}
.bg-theam2 {
padding:155px 20px 35px 20px
}
.slider-3 .font-26 {
font-size: 20px!important;
}
.slider-3 .font-18 {
font-size:16px!important;
}
.youssouf-bathily .un-site {
font-size:20px
}
.youssouf-bathily h4 span {
font-size:20px
}
.youssouf-bathily .font-18 {
font-size:16px!important;
}
.btn-green, .download-btn {
padding:15px 15px
}
.glow-1:before {
width: 429px;
height: 449px;
content: "";
position: absolute;
top:-150px;
left: 0;
z-index: 0;
background-size: 100%;
}
.explore-more .fs-5 {
font-size: 1rem !important;
}
.icon-circle {
width:93px;
height:93px;
line-height:93px;
text-align:center;
}
.box-css-2 {
padding:20px
}
.box-css-2 h1 {
font-size:60px
}
.bottom-man {
width:auto
}
.k-btn2 .btn-arrow a {
width:60px!important;
height:60px!important;
line-height:74px!important;
}
.explore-more {
padding:18px 20px;
font-size: 1.1rem !important;
}
.img-css {
position:absolute;
width:270px;
top:25%;
}
 
.bg-theam-2 {
padding:23px 40px 23px 90px
}
.bg-theam-2 h4 {
font-size:1.1rem
}
.product-sec .col-4 img {
max-width:100px
}
.we-provide .team-content h3 {
font-size:33px;
}
.we-provide .team-content h2 {
font-size:33px;
}
.we-provide .team-content h4 {
font-size:24px;
}
.par-kg {
  width: 87px;
  height: 156px;
  padding: 74px 25px 20px 25px;
  font-size: 20px;
  line-height: 21px;
  font-weight: bold;
  text-align: center;
  color: #000;
  background: url(../img/pr-kg.png) left no-repeat;
    background-size: auto;
  background-size: 100%;
}
.heading h3 {
font-size:2.063rem
}
.heading p {
font-size:0.938rem
}
.slider-2 h4 {
font-size:19px
}
.bg-theam .fs-5 {
font-size:15px!important;
}
.bg-theam h6 {
font-size:14px!important;
}
.radius-box-22 {
max-width:100%;
}
.youssouf-bathily h4 {
margin-top:15px;
}
.newsletter img {
max-width:127px;
}
.email-css input {
font-size:16px;
}
.newsletter h3 {
font-size:30px;
}

.inner-header {height:446px;}


}
 @media (max-width:1366px) {
#hero .carousel-item {
height:650px;
}
.kid-btm-line {
padding-bottom:30px;
}
.categories li {
font-size:14px;
}
.categories li {
padding: 0 8px;
}
.categories li:before {
right: -2px;
top: 4px;
}



}
 @media (max-width:1280px) {
.navbar a, .navbar a:focus {
font-size:18px;
}
#hero .btn-get-started {
font-size:17px;
}
 .k-content h3 {
font-size:17px;
}
.k-content h6 {
font-size:15px;
}
 .flash-scroll-txt {
font-size:1rem;
}
 #hero .line:after {
right:15px
}
.navbar .active:before {
bottom:5px;
}
.team-content .title {
font-size:18px;
}
.team-content .btn-light {
font-size:16px;
}
.team-content .date-2 h3 span {
font-size:26px;
}
.team-content .date-2 h3 {
font-size:25px
}
.youssouf-bathily .un-site {
padding:60px 0 80px 0
}
.team-sec {
padding:0;
}
.heading h3 {
font-size:1.7rem;
}
.flash-head {
font-size:1.4rem;
}
.flash-box .flash-crousel ul li.flash-txt-box h3 {
font-size:1.4rem;
}
.flash-box .flash-crousel ul li.flash-txt-box p {
font-size:1rem;
padding:0;
line-height:18px;
}
.nav-tab-css {
padding:20px
}
.box-css {
padding:20px;
}
 .navbar-mobile ul {
left:0;
right:0;
}
.navbar ul {
width:auto;
float:none;
border-radius:0;
}
#topbar li {
font-size:12px;
padding:0 10px 0 31px;
float:left;
}
#topbar {
display:none!important
}
 .mobile-nav-toggle {
margin-top:30px!important
}
.navbar-mobile .mobile-nav-toggle {
top:-10px;
}
 body {
padding-top:80px;
}
#header {
padding:0;
}
 .box-css li {
font-size:16px;
}
.nav-tab-css {
border-radius:20px 20px 20px 20px;
margin:0;
}
.tab-title h3 {
font-size:25px
}
.tab-title p {
font-size:20px
}
.tab-title img {
width:80px
}
.tab-title {
padding:0 0 20px 0
}
.card-2 {
max-width:35%
}
.card-input-2 {
padding:10px
}
.form-control-lg {
font-size:1.2rem
}
.form-bg {
padding:50px 0 80px 0
}
.join-the h2 {
font-size:40px;
}
.youssouf-bathily .un-site {
padding:20px 0 20px 0;
}
.balance-icon {
width:83px
}
.display-5 {
font-size:2.1rem;
}
 
 
.card-input2, .form-select2 {
padding:15px 15px; border-radius: 10px !important;
}

.form-check .font-18 {
font-size:16px!important;
line-height:18px;
}
.invest h2 {
font-size:45px;
}
.documentation h2 {
font-size:45px!important
}
.btn-dark2 {
padding:12px 30px;
font-size:17px;
}
.read-more {
font-size:16px;
}
.resource-images .font-26 {
font-size:22px!important;
}
.documentation {
padding:50px
}
.btn-yellow {
font-size:18px!important;
}
.documentation2 {
min-height:423px;
}
 .team-content .time {
font-size:18px;
}
.team-content .time i {
font-size:18px;
}
.team-content .title {
font-size:18px
}
 #hero .line:after {
right:0;
}
.block-css {
display:none!important;
}
.top-bg {
display:none
}
 .logo img {
transition: 0.3s;
}
.sticky .logo img {
width:180px;
}
#myHeader {
height: 80px;
}
#header .logo {
padding: 10px 0;
}
 
.contact-reverse {
margin-top: -260px;
}
.circle-bg {
padding: 97px 40px 50px 65px;
}
#hero h2 {
font-size:1.8rem;
margin-bottom:5px;
}
.services .black-box .foldr-icon {
width:105px;
height:105px;
}
.services .icon-box .ser-benfit-content h4 {font-size:17px;line-height:20px}
.services .black-box h4 {font-size:17px;line-height:20px}
.services .black-box p {line-height: 24px;font-size: 15px;margin-bottom:0;}

.services .black-box {
min-height:inherit;
padding:70px 20px 50px 20px; min-height:389px
}
.flash-box2 {
margin-top: -270px;
}
.charity-works {
max-width:100%;
}
.job-circle-head2 {
padding:60px 0;
font-size:25px;
}
.kid-btm-line {
padding-bottom:20px;
}
.footer-glow1:before {
width:568px;
height:582px;
}
.footer-glow2:after {
width:558px;
height:578px;
}
.email-css input {
height:60px;
}
.btn-submit {
width:50px;
height:50px;
line-height:60px;
}
.email-css input {
width:87%;
height:56px
}
.icon-circle img {
max-width:50%;
}
.flash-box .flash-crousel ul img {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 50px;
max-width:90%;
}
.flash-box .flash-crousel ul li.flash-txt-box {
border-radius:40px;
padding:40px 30px
}
.owl-carousel2 .owl-prev {
width:54px;
height:54px;
line-height:54px;
}
.owl-carousel2 .owl-next {
width:54px;
height:54px;
line-height:54px;
}

#hero .carousel-item {
height: 530px;
}
.services .black-box { height:auto}

.list-css2 li {
    margin: 0;
    padding: 0 15px;
    list-style: none;
    position: relative;
    font-size: 14px;
}


}

 @media (max-width: 1199px) {
.flash-scroll-txt {
width:100%
}
.flash-head {
width:230px;
}
.border-css {
margin-left:10px;
margin-right:10px;
margin-top:12px
}
.our-team-content h5 {
font-size:35px;
}
.box-css h2 {
font-size: 1.4rem;
}
.box-css p {
font-size:16px;
}
.card-bx {
position:relative;
max-width:200px;
margin:0 0 30px 0;
}
.team-content {
padding-top:50px;
}
.resource-images .date-2 h3 {
font-size:26px;
}
.resource-images .date-2 {
font-size:15px
}
.resource-images .date-2 h3 span {
font-size:26px
}
.resource-images .date-2 h3 {
font-size:20px;
margin:14px 0 0 0;
line-height:20px
}
.resource-images .date-2 {
width:100px;
height:100px
}
.resource-images .date-2 {
right:15px;
bottom:15px;
}
 .circle-bg {
background:none;
border-radius:0;
width:100%;
height:100%;
float:left;
padding:0 0 0 40px;
margin-top:150px;
position:relative;
z-index:200;
}
 .flash-box .flash-crousel ul li.flash-img {
max-width: 185px;
margin-right: 20px;
}
 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
border-top:#6cd3b4 1px solid;
border-left:#6cd3b4 1px solid;
border-bottom:#6cd3b4 1px solid;
border-right:#6cd3b4 1px solid;
}
.nav-pills .nav-link {
margin-right: 0px!important;
}
 .kid-btm-line {
padding-bottom:30px;
}
.categories li:before {
right: -2px;
top: 6px;
}
.categories li:before {
background: #262626;
height: 12px;
width: 2px;
content: "";
}
.btn-light, .download-org-btn {
font-size:14px!important
}
 .slider-2 h4 {
font-size:calc(1rem + .3vw);
}
.slider-2 p {
font-size:1rem!important;
}
.radius-box-22 {
padding:20px
}
.youssouf-bathily .un-site {
font-size:18px
}
.youssouf-bathily .un-site br {
display:none
}
.newsletter .glow2 {
padding:23px 20px 23px 20px
}
.newsletter {
max-width:1088px
}
.gray-box {
margin-bottom:50px
}
.bg-theam-2 {
padding: 23px 30px 23px 48px;
}
.event-sec .font-18 {
font-size: 15px !important;
line-height:20px;
}
.footer-glow2:after {
display:none
}
.footer-glow1:before {
display:none
}
.voir-tout-3 {font-size:16px!important;  padding: 15px 15px!important;}
.padd-2 {padding: 18px 15px 15px 15px;font-size: 16px;} 

.mot-du-dg:before { left:0; right:0; margin:0 auto; width:446px; height:446px}


}
 @media (max-width: 1024px) {

 
#hero .line:after {
right:0
}
.carousel-control-prev {
display:none
}
.carousel-control-next {
display:none
}
.team-content {
padding-top: 50px;
}
.our-team-content h4 {
font-size:24px;
}
.our-team-content p {
font-size:18px;
}
.our-team-content h5 {
font-size:27px;
}
.our-team .frame {
padding:20px 20px 40px 20px
}
body {
padding-top:78px;
}
.navbar a, .navbar a:focus {
padding: 10px 10px 10px 10px;
border-bottom: solid 1px #ccc;
}
.navbar-mobile ul {
padding:0;
}
.insta-ic {
width:40px;
}
.fa-ic {
width:20px
}
.invest h2 {
font-size:35px;
}
.categories li {
font-size:15px;
}
.categories h3 {
font-size:16px
}
.new-ideas {
padding:0 0 40px 0;
}
.yellow-box li {
padding:17px 0 18px 75px;
}
.flash-box .flash-crousel ul img {
max-width:100%;
}
.flash-box .owl-carousel2 {
margin-bottom:20px
}
.flash-box {
padding:30px 0 0 0;
}
.img-css {
position:absolute;
width:300px;
top:18%;
}
 .newsletter .glow2 {
margin-left:20px;
margin-right:20px
}
.newsletter {
max-width:90%;
}
.email-css input {
width:85%;
height:56px;
}
.newsletter {
margin:-165px auto 40px auto
}
.newsletter img {
max-width: 107px;
}
.slider-3 .position-relative {
padding-right:0;
}
#hero .carousel-item {
height:450px;
}
.flash-box {
padding:20px 0 0 0
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top:10px;
}
.we-provide-grains {
padding-bottom:50px
}
.we-provide {
padding:55px 0 0 0
}
.header2  {font-size:35px!important;}
}
 @media (max-width: 991px) {
.boder-css {
border-left:0;
}
.count-box {
font-size:30px;
}
.fog-banner {
padding:50px 0 0 0;
min-height:450px;
}
.form-bg {
background:#0b8959!important
}
.join-the {
padding-left:0;
margin-top:80px;
}
.form-in {
margin-top:-50px;
}
.card-2 {
max-width:150px;
}
.k-btn {
width:auto;
height:auto;
right:30px;
bottom:30px;
}
.team-img .frame {
height:60%;
}
.services .black-box .foldr-icon {
width:132px;
height:132px;
}
.our-team-content h4 {
font-size:20px;
}
.our-team .frame {
height:80%;
}
.our-team-content p {
font-size:16px;
margin:10px 0 0 0
}
.our-team-content h5 {
font-size:20px;
}
.our-team .frame {
padding:20px;
}
.team-content .date-2 {
width:91px;
height:91px;
line-height:20px;
right:15px;
}
.team-content .date-2 h3 {
line-height:20px;
}
.event-category {
font-size:15px;
}
.documentation h2 {
font-size:30px!important;
}
.documentation {
padding:30px
}
.documentation p {
line-height:inherit;
font-size:18px!important;
}
.documentation .font-54 {
font-size:35px!important;
}
 .we-provide .team-content h3 {
font-size:26px;
}
.we-provide .team-content h2 {
font-size:30px;
}
.product-sec img {
width:65px;
}
.donate-now3 {
position:relative;
width:100%;
right:0;
bottom:-80px;
}
.help-us-div {
position:relative
}
.donate-now3 {
bottom:0;
margin:0;
}
.obtenir-form1 {
margin-bottom:70px;
}
.btn-yellow2 {
padding:12px 15px;
font-size:16px;
}
.circle-bg {
margin-top:100px;
}
#hero .btn-get-started {
margin-top:5px
}
 .youssouf-bathily {
padding:30px 0 0 0;
}
.new-ideas {
padding:0 0 30px 0;
}

.bg-lgtblue { padding:25px; text-align:center}
 
 .youssouf-bathily .un-site br {
display:none
}
.youssouf-bathily .un-site {
padding:10px 0 10px 0
}
.border-start-1 {
border-top:solid 1px #dee2e6;
border-left:0
}
.our-contribution {
padding: 0 0 50px 0;
}
.radius-box-22 {
margin:0 0 20px 0;
border-radius:30px;
}
.services .black-box .foldr-icon {
position:relative;
top:0;
}
.services .black-box {
min-height:inherit;
padding:30px;
}
.slider-2 .position-relative {
padding-right:0;
}
.k-btn2 {
bottom:-30px!important;
}
.slider-3 .position-relative {
padding-right:0;
}
.newsletter {
max-width:1088px;
margin-left:15px;
margin-right:15px
}
.email-css input {
max-width:360px;
height:56px;
}
.explore-more2 {
padding:16px 20px;
font-size:16px;
}
.flash-box .flash-crousel ul {
margin:0;
}
.services .icon-box .icon {
width:80px;
height:80px;
line-height:80px;
}
.services .icon-box .icon img {
max-width:50%;
}
.services .black-box .foldr-icon {
width:112px;
height:112px;
}
.we-provide-grains {
padding-bottom:50px
}
.button-left-right {
display:none
}
.we-provide {
padding:55px 0 0px 0;
}
#hero .carousel-item {
height:460px;
}
 .glowcss:before {
display:none
}
.carousel-indicators {
left:20px;
}
 .email-css {
 background: #fff;
 padding: 2px 5px;
 max-width: 430px;
 border-radius: 50px;
 margin: 0 auto;
}
.we-provide-grains .swiper-pagination { display:block}
.inner-header {height:350px;}
.inner-header .container h2 {font-size:35px;}
.hover-style1 .position-relative {padding-right:0;}

.categories li {
font-size: 15px;
display: block;
padding: 5px 0;
}
.cci-box { margin-bottom:50px}
.cci-box .font-18 { font-size:16px!important}
.div2-css { position:relative; padding:15px 15px!important; margin-top:20px!important; height:auto} 
.list-css3 li { font-size:16px}

}
 @media (max-width: 800px) {
#hero .line:after {
right:0;
}
.form-box {
padding:30px
}
.team-sec .swiper-button-next::after {
font-size:15px!important;
}
.team-sec .swiper-button-next {
width:34px;
height:34px;
}
.hero-play .video-popup {
width: 65px;
height: 65px;
background-color: #fff;
display: block;
line-height: 65px;
text-align: center;
border-radius: 100%;
position: relative;
z-index:999;
}
#hero .btn-get-started {
padding:12px 14px;
font-size:14px;
margin-top:14px;
}
.icon-css li {
width:100%;
}
.icon-css li:last-child {
margin-bottom:10px!important;
}
.news-section:before {
display:none
}



}
 @media (max-width: 810px) {
#hero .carousel-item {height:400px;}
#hero h2 {font-size: 1.4rem;margin-bottom:15px;line-height: 30px;}
#hero .btn-get-started {padding:20px 30px}
.circle-bg h4 {font-size:16px;margin-bottom: 15px;}
.header2 {font-size:28px!important;}
}

 @media (max-width: 768px) {
#hero .carousel-item {
height:400px;
}
#hero .line {
left:35px;
}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
display:none
}
#hero .line {
left:0;
}
.youssouf-bathily .un-site {
padding: 10px 0 10px 0;
font-size:28px;
}
.fa-ic {
width:20px
}
.insta-ic {
width:40px
}
.our-team-content h4 {
font-size:20px;
}
.our-team-content p {
font-size:15px;
}
.our-team-content h5 {
font-size:20px;
}
.our-team-content h6 {
font-size:18px;
}
.our-team .frame {
padding:20px 20px 30px 20px
}
.featured-products a {
padding:5px 0
}
.kid-btm-line {
padding-bottom:30px;
}
.team-content {
padding-top:30%;
}
.we-provide .team-content h2 {
font-size:34px
}
.we-provide .team-content {
padding-top:0;
}
.we-provide .team-content h4 {
font-size:20px;
}
.pr-kg {
max-width:60px;
}
 .card-bg {
background: url(../img/bg-card.jpg) no-repeat center top #2f8155;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-bottom:85px;
margin:0;
}
 .tab-title h3 {
font-size:20px;
}
.tab-title p {
font-size:16px;
line-height:18px
}
.box-css {
background:rgba(255, 255, 255, 0.9);
}
.bg-black2 h2 {
font-size:30px;
}
.btn-green, .btn-yellow {
padding:15px 15px;
font-size:15px;
}
 .team-sec .swiper-button-prev {
width: 34px;
height: 34px;
}
.documentation h2 {
font-size:30px!important;
}
.event-right-img .frame .font-26 {
font-size:22px!important;
}
.event-right-img .frame {
padding:35px 20px 20px 20px
}
 
 .contact-reverse {
margin-top: -152px;
}
.inner-header .container h2 {
font-size: 26px;
}
.pagination-1 {
margin-top:0!important
}
 .flash-scroll-txt {
height: 46px;
line-height: 46px;
}
.flash-head {
height: 46px;
line-height: 46px;
min-height:46px;
font-size: 1.2rem;
}
 .circle-bg-2 h2 {
font-size:20px!important;
padding-top:25px!important;
}
.yellow-box li {
padding:10px 0 10px 65px;
font-size: 16px;
}
.glow-one:before {
display:none
}

.inner-header {
height: 270px;
}

.header2  {font-size:23px!important;}

#header .logo {width:123px;}
.sticky .logo img {width:123px;}

.flash-scroll-txt::before {top:7px;}
.flash-head {width:133px;}
.bg-lgtblue h3 {font-size:30px;}
.bg-lgtblue {padding-top:40px; padding-bottom:40px;}

}
 @media (max-width:767px) {
#hero h2 {
font-size: 1.5rem;
font-weight:700;
margin:0;
}
#hero h2 span {
font-weight:600
}
.services .icon-box .icon-left {
margin-left:-36px;
}
.navbar-mobile ul {
left:0;
right:0;
}
.card-content {
padding:0
}
.bottom-man {
position:relative;
right:0;
bottom:0;
width:100%;
top:inherit;
margin-top:20px;
}
.flash-box .flash-crousel ul li.flash-img {
max-width:160px;
margin-right:5px;
}
.mySwiper .swiper-button-prev {
width:30px;
height:30px;
border-radius:100%;
}
.mySwiper .swiper-button-next {
width: 30px;
height:30px;
border-radius:100%;
}
.mySwiper .swiper-button-next::after, .mySwiper .swiper-button-prev::after {
font-size:18px
}
.services .black-box {
margin-left:0;
}
.card-input2 {
padding:13px;
border:#d3d3d3 1px solid;
font-size:17px!important
}
.fog-banner {
padding:40px 0 0 0;
}
.fog-banner p {
font-size:1rem;
}
.services .icon-box-2 .icon {
width:76px;
height:76px;
padding:15px;
}
 .join-the h2 {
font-size:35px;
}
.join-the h3 {
font-size:30px
}
.form-bg {
padding:50px 0 50px 0;
}
.heading {
margin-bottom:30px;
}
 #footer .footer-top h4 {
padding-bottom: 6px;
border-bottom: solid 1px #dee2e6;
margin-bottom: 10px;
}
.our-team .frame {
height:auto
}
.team-content .title {
font-size:15px;
}
.team-content .time {
font-size:20px;
}
.team-content .time i {
font-size:17px
}
 
.inner-header {
margin-bottom:0;
}
.inner-header .container h2:before {
width:75px;
height:75px;
}
.inner-header .container h2:after {
width:75px;
height:75px;
}
.documentation {
padding:30px;
}
.documentation p {
margin:0;
font-size:17px!important;
line-height:25px!important;
}
.resource-images .date-4 h3 span {
font-size:20px!important
}
.resource-images .date-4 p {
line-height:20px;
}
.price-2 {
font-size:18px
}
.start-date, .end-date {
font-size:16px;
}
.btn-green, .btn-yellow {
padding:15px 25px;
font-size:17px!important;
}
.event-tab .badge {
font-size:15px;
padding: 12px 18px;
margin-right: 5px;
margin-bottom: 5px;
}
.event-title {
font-size:20px!important
}
.list-css li {
font-size:14px
}
 .k-content h3 {
font-size:20px;
}
.k-content h6 {
font-size:20px;
}
.kid-arrow i {
font-size:25px;
}
 .flash-box2 {
margin-top:-50px!important;
}
.inner-header {
overflow:hidden;
}
 .contact-reverse {
margin-top: 0px!important;
}
.categories li {
display:block
}
.categories li:before {
display:none
}
.categories li a {
display:block;
padding-bottom:5px;
padding-top:5px;
border-bottom:solid 1px #e7e7e7
}
.our-contribution {
padding: 0 0 50px 0;
}
.poppins-mediumitalic {
font-size:16px!important;
}
.services .icon-box .icon {
position:relative
}
.services .icon-box .ser-benfit-content h4 {
padding:0
}
.services .icon-box .icon {
right:0;
top:0;
}
.icon-circle {
margin: 0 auto 19px auto;
}
.img-css {
position:relative;
text-align:center;
top:0;
width:100%;
}
.event-sec .img-holder {
margin:25px auto 0 auto
}
.bg-theam-2 {
margin:0;
}
.explore-more {
width:100%;
}
.email-css {
max-width:430px;
border-radius:50px;
margin: 0 auto;
}
.k-content {
right:10px;
left:10px;
bottom:0;
bottom:8px
}
.k-btn {
width: auto;
height: auto;
right: 10px;
bottom: 10px;
}
.k-content h6 {
font-size:15px;
}
.carousel-indicators {
left:0;
right:0;
text-align: center;
bottom:5px;
top:inherit;
}
#hero h2 {
line-height:30px
}
#hero .carousel-indicators button {
border:0;
background:#000;
border-radius:100px!important;
width:16px;
height:16px;
}
#hero .carousel-indicators button.active {
background:#baed50!important
}
.circle-bg {padding:0;}

.newsletter {margin:-120px 15px 40px 15px;} 
.k-content h3 {font-size:17px;}

.img-radius-50 {
border-radius: 20px;
margin-bottom: 20px;
}
.bg-lgtblue h3 { font-size:24px}
.services .icon-box .ser-benfit-content2 {padding-right:0;}

.list-css2 li { margin:0; padding:10px 0 10px 0; border-bottom:solid 1px #ccc}
.list-css2 li:before  { display:none}


}
 @media (max-width: 580px) {
 
.owl-carousel2 .owl-prev {
left:0;
}
.owl-carousel2 .owl-next {
right:0;
}
 .flash-head, .flash-scroll-txt {
font-size:0.8rem;
}
 .flash-scroll-txt {
height: 46px;
line-height: 46px;
}
.flash-head {
height: 46px;
line-height: 46px;
min-height:46px;
font-size: 1.2rem;
}
.fog-banner h3 {
font-size:1.7rem;
}
section {
padding:30px 0 30px 0;
}
.services .icon-box {
margin-left:0;
}
.big-card {
max-width:200px;
}
.card-bx {
max-width:100%;
text-align:center
}
.obtenir-form {
padding:30px
}
.form-control-lg {
font-size:1rem;
}
.img-div {
margin-bottom:15px;
}
.nav-tabs2 .nav-link {
padding:10px 15px;
font-size:17px
}
.resource-images .font-26 {
font-size:22px!important;
}
.export, .invest {
padding:30px;
}
.invest h2 {
font-size:30px;
}
.icon-css li {
width:100%;
}
.icon-css li:last-child {
margin-bottom:10px!important;
}
.big-download-btn a {
font-size: 20px;
padding: 10px;
}

.inner-header {
height: 230px;
}


}
 @media (max-width: 575px) {
.services .icon-box .icon-left {
margin:0 auto;
float:none;
padding:0;
border:0;
width:76px;
}
.services .icon-box .ser-benfit-content {
float:none
}
#footer .copyright {
padding-top:20px
}
.bg-lgtblue br {
display:none
}
.bg-lgtblue {
padding-top:30px;
padding-bottom:30px;
}
.categories {
margin:15px 0 0 0;
}
.flash-box {
padding-bottom:0
}
.box-css-2 .col-4 {
border-right:solid 1px #ccc
}
.new-ideas .box-css-2 {
border: solid 1px #d5d5d5;
padding: 10px 0 10px 0;
}
.new-ideas .icon-circle {
margin:19px auto 19px auto
}
.copyright {
font-size:14px!important;
}
.comma-css {
font-size: 90px;
line-height: 90px;
display: block;
height:50px;
}
.slider-2-2 {
padding-left:15px;
padding-right:15px;
}

.newsletter .font-20 {font-size:16px!important;}
.newsletter p {font-size:18px;}
.box-css-2 h1 {font-size:53px;margin:0;}

}
 @media (max-width: 480px) {
.flash-scroll-txt {
height: 46px;
line-height: 46px;
}
.flash-head {
height: 46px;
line-height: 46px;
min-height:46px;
font-size: 1rem;
}
#hero h2 {
padding:0;
max-width:100%
}
#hero .carousel-item {
height:240px
}
.flash-box .flash-crousel ul li.flash-txt-box h3 {
font-size:1rem;
}
.fog-banner h3 {
font-size:1.3rem;
}
.card-input {
padding:15px
}
.obtenir-form h4 {
margin-bottom:10px;
}
.youssouf-bathily .un-site {
font-size:20px
}
.yellow-box li {
padding:15px 0 15px 65px;
font-size:20px;
}
#footer .footer-top {
padding:40px 0 20px 0
}
.inner-header .container h2 {
font-size:30px;
padding-top:0px;
}
 
.menu-round {
width:35px;
height:35px;
line-height:32px;
}
.menu-round i {
font-size:30px;
}
.categories li {
font-size:16px;
padding:0 10px;
}
.documentation h2 {
font-size:22px!important;
}
.documentation p {
font-size:16px!important;
}
.event-category {
font-size:16px!important;
}
.resource-images .font-20 {
font-size:16px!important;
}
.resource-images h4 {
font-size:20px!important;
}
.resource-images .font-18 {
font-size:16px!important;
}
.btn-yellow2, .read-more {
padding:12px 15px!important;
font-size:16px;
}

.heading h6 {
font-size:1.3rem
}
.support h4 {
font-size: 22px;
}
.obtenir-form h5 {
font-size:20px
}
.obtenir-form {
padding:20px;
}
.obtenir-form .btn-submit {
padding:15px 20px;
font-size:17px!important
}
 
.nav-tabs2 .active:before {
background-size:100%;
width:24px;
height:18px;
bottom:-11px;
}
 
 
.inner-header .container h2 {
font-size: 22px;
padding-top: 0px;
}
.circle-bg {
margin-top:40px;
}
.categories li {
font-size:14px;
padding:0 10px;
}
.categories li:before {
height: 12px;
}
.yellow-box li {
padding:10px 0 10px 66px;
font-size: 16px;
}
 .circle-bg-2 h2 {
font-size:17px!important;
padding-top: 15px!important;
}
.list-2 li {
background: url(../img/list-img.png) no-repeat 0px 8px;
line-height: 24px;
}
.form-box {
padding:20px;
}
.card-input2 {
font-size:15px!important;
}
.we-provide {
background:#f1f8f6;
padding:30px 0;
}
.heading {
margin-bottom:20px;
}
.swiper-pagination3 {
margin:0 0 -10px 0
}
.word-president {
padding-top:15px!important;
padding-bottom:15px!important;
}
 #sidebar ul li a {
font-size: 1em;
}
.bg-lgtblue .fs-3 {
font-size: calc(1.1rem + .6vw)!important;
}
.footer-logo {
margin-top:50px;
}
.categories {
margin: 0;
}
.email-css input {
max-width: 298px;
height:56px;
}
.icon-circle {
margin: 19px auto 19px auto;
}
 
.newsletter {
margin:0 15px;
}
#footer .footer-top h4 {
margin-bottom:20px;
}
.glow-1:before {
display:none
}
#header .logo {
width:140px;
}
#hero h2 {
padding:0;
font-size:1.2rem
}
 .flash-box .flash-crousel ul img {
margin:0;
}
.flash-box .flash-crousel ul li.flash-txt-box {
position:relative
}
.flash-box .flash-crousel ul li.flash-img {
max-width:100%;
margin:0;
width:100%;
}
.flash-box .flash-crousel ul li {
display: inline-block;
text-align: center;
}
.flash-box .flash-crousel ul img {
max-width:200px;
margin:0 0 -20px 0
}

.space-css {margin-bottom: 0px;}

.inner-header {height:170px;}
#footer .footer-top { margin:0}
.circle-bg h4 {font-size:16px;}

.explore-more {
padding: 18px 0;
font-size: 1rem !important;
}

 #hero .btn-get-started {
    padding: 16px 20px;
  }
.bg-lgtblue h3 {font-size:19px;}
.cci-box {padding:15px;border-radius:30px;}

 body {font-size:16px;}
.font-18 {
font-size: 16px !important;
}



}
 @media (max-width:414px) {
.comma-css {font-size:60px;line-height:60px;height:50px;}
.newsletter .glow2 {margin-left:0;margin-right:0;}
.header2  {font-size:15px!important;}
#hero h2 {padding:0;font-size:1rem;line-height:20px;} 
.circle-bg h4 {font-size:14px;}
.accordion-button {padding:8px 0}
.mot-du-dg:before { left:0; right:0; margin:0 auto; width:300px; height:300px}
.bg-theam-2 {padding:15px;}
.heading h3 {font-size:1.4rem;}
.list-css3 li {font-size:14px; line-height:18px;}
}

@media (max-width:375px) { 
.email-css input { max-width:230px;}
#hero .carousel-item {height:210px;}
}

@media (max-width:360px) {
.we-provide-grains {
padding-top: 50px;
} 
 
#header .logo {
width:124px;
}

.sticky .logo img {width:124px;}


.invest h2 {
font-size:22px;
}
#hero h2 {
padding:0;
max-width:100%
}
#hero h2 {
font-size:1.2rem
}
#hero .carousel-item {
height:200px;
}
.flash-box .flash-crousel ul li.flash-txt-box p {
font-size:.8rem;
padding:0;
line-height: 15px;
}
.flash-head {
width:213px;
}
.k-content h3, .k-content h6 {
font-size: 18px;
}
.k-btn {
width:auto;
height:auto;
right:30px;
bottom:50px;
}
.btn-light, .download-org-btn {
font-size:14px!important;
}
.email-css input {
max-width:238px
}
.newsletter p {
font-size: 14px;
}
.newsletter h3 {
font-size:23px;
}
.newsletter .glow2 {
padding: 10px 10px 10px 10px;
}
.newsletter {
border-radius:15px;
}
.newsletter img {
max-width:67px;
}
.newsletter h3 {
margin:0
}
#hero h2 {
font-size:1rem;
line-height:18px;
padding-right:10%
}
.circle-bg h4 {
font-size:15px;
margin-bottom:5px
}
#hero .btn-get-started {
padding:10px 14px;
font-size:13px;
}
 .icon-circle {
width: 73px;
height: 73px;
line-height: 73px;
text-align: center;
}
.box-css-2 .font-20 {
font-size: 14px !important;
}
 .event-sec .img-holder {
max-width:240px;
}
 .heading h3 {
 font-size: 1.5rem;
}

.k-btn {
width: auto;
height: auto;
right: 30px;
bottom: -20px;
}

.inner-header {
height:130px;
}
.inner-header .container h2 {
font-size: 18px;
}

.header2 {
font-size: 15px !important;
}
.event-sec .img-holder {
max-width: 230px;
}

}
 @media (max-width:320px) {
.email-css input {max-width:200px}
.header2 {font-size:13px !important;}
.icon-circle {width:63px; height:63px; line-height:63px;text-align:center;}
}