


/*=================== Basic Responsive Start ======================*/
@media only screen and (max-width: 1024px){
    

/*=================== mobile-menu ======================*/


}

/*=================== Basic Responsive end ======================*/




/*=================== I Phone 6/7/8 Responsive start ======================*/

@media (max-width: 414px) {

} 
/*=================== I Phone 5/se Responsive End ======================*/

@media (max-width: 400px) {

}


/*=================== I Phone 5/se Responsive start ======================*/
/*=================== Wide I Phone 5/se Responsive End ======================*/

@media (max-width: 568px) and (min-width: 320px){
}


/*=================== I Phone 5/se Responsive start ======================*/

@media (max-width: 320px) {


} 
/*=================== I Phone 5/se Responsive End ======================*/
/* Lager Screen*/
@media (max-width: 1199px) {

}@media (min-width: 1024px) {

}


@media only screen and (max-width: 540px){
}


/*=================================Sur Start =======================*/  
@media (max-width: 767px) and (min-width: 540px) {


}

/*=================================Sur Start =======================*/  


/*=================================I Pad Start =======================*/  
@media (max-width: 767px) and (min-width: 1024px) {

}

/*=================================I Pad end =======================*/  
/*ipad Pro*/




/*=================== Galaxy S5 Responsive Start ======================*/

@media (max-width: 640px) {

}
/*=================== Galaxy S5 Responsive End ======================*/

/*=================== pixel Responsive start ======================*/
@media (max-width: 731px) {
  
}
/*=================== pixel Responsive start ======================*/

/*=================== pixel 2 Responsive start ======================*/
@media (max-width: 823px) {


  
}
/*=================== pixel Responsive start ======================*/

/*=================== pixel 2 Responsive start ======================*/
/*@media (max-width: 823px) (min-width: 1024px) {*/
  @media (max-width: 823px) and (min-width: 411px) {

  
}
/*=================== pixel Responsive start ======================*/

/*=================== I Pad Responsive Start ======================*/
@media (max-width: 991px) {
/* @media (max-width: 767px) { */
  .mobile-menu {
    padding: 15px;
  }
    .left-menu .nav-menu {
      display: block;
    }
    .site-logo {
      position: relative;
      text-align: center;
    }
  

    .nav-menu {
      display: none;
    }
    .mobile-menu span {
      font-size: 19px;
      padding-top: 1px;
      height: auto;
    }
    .left-menu {
      width: 220px;
    }
    .mobile-menu {
      display: block;
      visibility: visible;
    }
    
.top-header {
  text-align: center;
}
.social-link.text-right {
  text-align: center;
}
.social-link ul li b {
  display: none;
}
.top-content {
  padding: 0 !important;
  font-size: 12px;
}
.mobile-menu {
  float: right;
}
 
.single-hero {
  padding: 30px !important;
  height: 200px;
}
.hero-section {
  height: 200px;
}
.hero-content {
  padding-top: 0 !important;
  z-index: 2;
  position: relative;
}
.hero-content h2 {
  font-size: 20px;
}
.hero-content p {
  font-size: 15px;
}
.theme-btn {
  font-size: 10px;
  padding: 8px 14px;
}
.hero-img img {
  height: 200px; 
} 
.hero-img img { 
  float: right;
}
.hero-img {
  position: relative;
  margin-top: -152px;
}
.section-title span {
	/* font-weight: 700; */
	font-size: 13px; 
}
.section-title h4 {
	font-size: 17px; 
  
}
.about-exp {
	text-align: center;
	margin-bottom: 30px;
}
.cta-section h5 {
	font-size: 14px;
	margin-bottom: 13px;
}
.footer-section .social-link.text-right {
  text-align: left;
}
.owl-prev, .owl-next {
  height: 30px;
  width: 30px;
}
.owl-prev span, .owl-next span {
  font-size: 30px !important;
  line-height:  0.8;
}
#myHeader {
  position: relative;
}
 
#myHeader {
  position: relative;
}
.to-day {
  text-align: right;
}

.b-h-menu ul li a {
  font-size: 15px; 
}
.b-h-menu { 
  padding-top: 10px;
}
.lang.section-button {
  font-size: 11px;
  margin-right: 0;
}
.top-header {
  padding: 1px 0px;
}
#myHeader.sticky { 
  position: fixed !important; 
}
 
.m-footer {
  position: relative;
}

.m-footer {
  position: relative;
}
.section-button {
  font-size: 10px;
  padding: 4px;
}
 
 
.footer-widget {
  margin-bottom: 10px;
}
.copy-text {
  font-size: 11px;
}
.post-title h5 {
  font-size: 15px;
}
 
.latest-news ul li a {
  font-size: 12px;
}

.read-more {
  margin-bottom: 10px;
  font-size: 11px;
}


.m-header {
  padding: 10px;
}
.m-footer {
  padding: 9px;
}

.ads-blok.header {
  display: none;
}
.date-time {
  text-align: center;
}
.social-links {
  text-align: center;
}
.section-padding {
  padding: 30px 0;
}
.date-time span {
  font-size: 12px;
}
.social-links a {
  font-size: 15px;
  height: 30px;
  width: 30px;
}
 
.nav-item button {
  padding: 1px 5px !important;
  font-size: 12px;
  margin-bottom: 0;
} 
#pills-tab {
  margin-bottom: 0;
  margin-top: 6px;
}
.section-title, .section-title-two {
  font-size: 15px;
}
.single-feature-news h4, .single-feature-news h2 {
  font-size: 13px;
}
.middle-header {
  padding: 0;
}
.site-logo a h2 {
  margin-bottom: 0;
} 
.site-logo a h2 {
  font-size: 21px;
}
 
.site-logo-2 a h2 {
  font-size: 18px;
}
.site-logo-2 {
  text-align: center;
  margin-top: 9px;
  display: block;
}
.date-time {
  margin-bottom: 17px;
}

.middle-header {
	padding: 7px 0;
}

.top-contact span {
  font-size: 13px;
}
.about-wrap {
  margin-bottom: 30px;
}
.voluenteer-absulate {
  display: none;
}
.voluenteer-content h2 {
  font-size: 25px;
}
.event-img img {
  width: 100%;
}
.event-content {
  text-align: center;
  padding-top: 19px;
}
.testi-slider {
  height: auto;
}
.testi-img img {
  position: relative !important;
  display: inline-block;
  height: 100px;
}
.testi-img {
  text-align: center !important;
  height: auto;
  padding-top: 20px;
}
.test-quote {
  font-size: 30px;
}
.testi-content {
  margin-bottom: 20px;
}

.choose-absulate {
  width: 100%;
  z-index: -1;
}
.why-choose {
  z-index: 1;
}
.choose-absulate:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  content: '';
  z-index: -1;
  opacity: 0.4;
}
.why-choose .section-title span, .why-choose .section-title h4 {
  color: #fff; 
}
.why-choose .section-title {
  text-align: center;
}
.single-tab-content {
	height: auto !important;
}
 
.s-service-slider .owl-prev {
  left: -12px !important; 
  height: 40px;
  width: 40px;
}
.s-service-slider .owl-next {
  right: -12px !important; 
  height: 40px;
  width: 40px;
}
.service-contact .section-title span {
  color: var(--themecolor);
}
.service-contact .section-title h4 {
  color: #212121;
}

.mission-tab ul li button {
  display: grid;
}
.single-tab-content .tabl-content-absu {
  font-size: 60px;
  top: 0;
}
 
#accordionExample {
  margin-bottom: 20px;
}
.about-section .section-title {
	margin-top: 20px;
} 
.contact-wrap {
  border: none;
  padding-right: 0;
}
}
/*=================== I Pad Responsive End ======================*/


@media (max-width: 720px) and (min-width: 540px) {

}
/*=================== Wide I Pad Pro Responsive Start ======================*/
@media (max-width: 1200px) and (min-width: 1025px) {
 
}
/*=================== Wide I Pad Pro Responsive End ======================*/


@media (max-width: 767px) and (min-width: 701px) {

}

@media (max-width: 1366px) and (min-width: 1024px) {

}

/*=================== Wide I Pad  Responsive start ======================*/
@media (max-width: 1024px) and (min-width: 768px) {

}

/*I pad*/
@media (max-width: 768px) {

}
/*I pad*/
@media (max-width: 1024px) and (min-width: 701px) {

}

/*=================== Wide I Pad  Responsive End ======================*/
@media (max-width: 1024px) {

  
}

@media (max-width: 991px) {
  .site-menu ul {
    display: none;
    visibility: hidden;
  }
  .mobile-menu {
    display: block;
    visibility: visible;
  }
}





@media (max-width: 700px) {

}
@media (max-width: 575px) {

}

@media (max-width: 359px) {

}

@media only screen and (min-width: 1200px){

}



