@media only screen and (min-width: 2501px){

}

@media only screen and (min-width: 1800px){
.header .header-right .header-social li i.fa{ font-size:56px;}
section.footer ul.socail-link li i.fa{ font-size:38px;}
}

@media (min-width: 768px){
.header .mobile-buttons{ display:none;}
}

@media only screen and (max-width: 2500px){


}
@media only screen and (max-width: 1399px){

}
@media only screen and (max-width: 1300px){

}

@media (max-width: 1199px){
.header .header-left .logo img{ width:80px;}
.header .header-left .logo span.logo-text{ display:none;}
.sec-btm-bnr .btm-bnr-content .bnr-left-content{ width:77%;}
.sec-btm-bnr .btm-bnr-content .bnr-left-content h6.title{ font-size:14px; padding: 10px 0 5px 0; line-height: 22px;}
.sec-btm-bnr .btm-bnr-content .bnr-left-content p.sec-txt{ font-size:12px;}
.sec-btm-bnr .vision-content h6{ font-size:20px;}
.sec-btm-bnr .vision-content p{ font-size:13px;}
.sec-btm-bnr .btm-bnr-content .bnr-left-content h1.title {
  font-weight: 400;
  color: #021B99;
  padding: 10px 0 10px 0;
  font-size: 20px;
}
	
	.sec-btm-bnr .btm-bnr-content .bnr-right-content {
  display: flex;
  float: right;
  width: 23%;
  justify-content: end;
}
	
.sec-btm-bnr .vision .current-content .cr-txt h2 {
  color: #021B99;
  font-weight: 400;
  line-height: 28px;
  font-size: 20px;
}
	
.sec-btm-bnr .vision .current-content {
  display: flex;
  width: 77%;
  margin: 0px auto;
  padding: 0px 0px;
}
	
	.sec-btm-bnr .vision .current-right {
  display: flex;
  float: right;
  width: 23%;
  justify-content: end;
}
	
	.sec-btm-bnr .vision .current-content .cr-txt .current-box h4 {
  color: #8B4934;
  font-weight: 600;
  font-size: 15px;
}
	
	.sec-btm-bnr .vision .current-content .crt-img {
  display: inline-block;
  width: 156px;
  margin-right: 15px;
}
	
	
section.body-content{ padding:50px 0;}
section.body-content .body-right-text{ padding:0 0 0 30px;}
section.footer ul.ftr-links li a, section.footer p.ftr-text{ font-size:13px;}
.footer p.copyright{ font-size:10px;}
	
	
	
}



@media (max-width: 990px){

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

}

@media (max-width: 767px){
.donate-content .donate-right-text {
  padding: 0 0px;
  display: block;
  height: 100%;
  text-align: left;
}
	
	
	
.header{ padding:10px 0 0 0;}
.header .header-right .header-button{ display:none;}
.header .col-sm-4 {width: 40%;}
.header .col-sm-8 {width: 60%;}
section.footer .col-sm-3{ width:100%; margin-bottom: 20px;}
.footer p.copyright{ padding:20px 0 0 0; text-align:left;}

a.backlist{
	font-size: 11px;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    background: #FAFAFA;
    transition: all 0.5s ease;
    border: 0px;
    color: #8B4934;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
}

a.backlist:hover{
	
    text-decoration: none;

    background: #FAFAFA;
    transition: all 0.5s ease;
    border: 0px solid #8B4934;
    color: #8B4934;
}
	
	
a.backlist::before {
    content: "\f104";
    font-family: 'FontAwesome';
    padding-right: 10px;
}

}
@media (max-width: 599px){
.header .header-right .header-menu .topnav .top-menu{padding: 20px 20px 50px; width: 100%;}
.header .header-right .header-menu .top-menu a.icon{ top:40px;}
.banner{ min-height:300px;}
.sec-btm-bnr .btm-bnr-content{ display:inline-block; min-height: inherit;}
.sec-btm-bnr .btm-bnr-content .bnr-left-content, .sec-btm-bnr .btm-bnr-content .bnr-right-content { width:100%; display: block; text-align: center;}
.sec-btm-bnr .btm-bnr-content .bnr-left-content img{ float:none;}
.sec-btm-bnr .btm-bnr-content .bnr-left-content h6.title {clear: both; font-size: 20px; padding: 10px 0 10px 0; line-height: 28px;}
.sec-btm-bnr .btm-bnr-content .bnr-left-content p.sec-txt{ padding:0 0 20px 0; font-size: 14px;}
.sec-btm-bnr .btm-bnr-content .bnr-right-content button.register, .sec-btm-bnr .vision-content button.learn-more{ width:100%; position:relative;}
.sec-btm-bnr .btm-bnr-content .bnr-right-content button.register::after, .sec-btm-bnr .vision-content button.learn-more::after { position:absolute; right:20px;}


.sec-btm-bnr .vision{ padding:30px 20px; display: inline-block;
    min-height: inherit;}
.sec-btm-bnr .vision-content h6{ line-height:30px;}


.sec-btm-bnr .vision .current-content {
    display: block;
    width: 100%;
    margin: 0px auto;
    padding: 0px 0px;

    text-align: center;
}

.sec-btm-bnr .vision .current-right {
    display: block;
    float: none;
    width: 100%;
    justify-content: end;
	text-align: center;
}

.sec-btm-bnr .vision .current-content .crt-img {
    display: block;
    width: 90px;
    margin-right: auto;
    margin: 0px auto;
}

section.body-content .body-right-text {padding: 20px 0 0 0px;}
section.body-content .body-right-text h2.title{ padding:0 0 10px 0;}
section.blog{ padding:30px 0;}
section.blog #blog-slider .owl-nav button{ top:40%;}
section.blog #blog-slider .owl-nav button.owl-prev {left: 0px;}
section.blog #blog-slider .owl-nav button.owl-next{ right:0px;}
section.footer{ padding:30px 0 20px;}
section.footer h5.ftr-title{ padding:0 0 10px 0;}
.gallery .col-sm-4 .inner {
  padding: 0px;
  border: 10px solid #fff;
  margin: 5px;
  box-shadow: 1px 1px 10px #eee;
  overflow: hidden;
  height: 110px;
}
.gallery {padding: 30px 0;}
.gallery .sec-title h1{margin: 0 0 10px 0;}
.gallery .col-sm-4 {width: 50%;}
	
	
.banner #banner-slider .banner-image img{ min-height:300px;}
.sec-btm-bnr .vision-content h1.title{font-size: 48px;}
	
.datasection2 {
  border-bottom: 1px #D9D9D9 solid;
  padding: 0px;
  margin-bottom: 16px;
}
	
a.backlist{
	font-size: 11px;
    padding: 10px 0px;
    border-radius: 5px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    background: #FAFAFA;
    transition: all 0.5s ease;
    border: 0px;
    color: #8B4934;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
}

a.backlist:hover{
	
    text-decoration: none;

    background: #FAFAFA;
    transition: all 0.5s ease;
    border: 0px solid #8B4934;
    color: #8B4934;
}
	
.projectholder {
  margin: 8px auto;
  width: 100%;
  padding: 16px;
  display: block;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px #E6DEDA solid;
  min-height: 50px;
  border-radius: 15px;
}
	
	
	.datahalf {
  width: 100%;
  display: block;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px #E6DEDA solid;
  padding: 16px;
  border-radius: 15px;
  margin: 8px auto;
  min-height: 50px;
}
	
	
	
}

@media (max-width: 479px){

}




@media (max-width: 375px){


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

}