@media (min-width: 576px) {}
@media (max-width: 576px) {
.single-banner-slide {/**/height: 80vh; width: 100vw; background-repeat: no-repeat;}
} 
@media (min-width: 768px) {} 
@media (min-width: 992px) {} 
@media (min-width: 1200px) {} 
@media (min-width: 1400px) {} 
@media (max-width: 1399.98px) {} 
@media (max-width: 1199.98px) {
.single-banner-slide { /*height: 975px;*/ height: 600px;}
.mision-vission{padding:30px;}
.mobile-about-sec-1{display: flex;}
.box-mob{width: 50%; margin: 0!important;}
.hover-sec:hover .content-details { left: -130px;}
.hover-sec img { width: 100%;}
/*----------------*/
.banner-area-about {max-height: 408px;height: 400px;}
.heading-sub {height: 400px;}
.banner-area{height: auto;}
.banner-area video{height: auto; position: unset;}
} 
@media (max-width: 991.98px) {
.single-banner-slide p {max-width: 100%;}
.single-banner-slide h2 {font-size: 30px;}
.single-banner-slide h2 span{display: block; font-size: 20px;}
.slider-min-height {padding: 0 50px;}
.banner-area{height: auto;}
.banner-area video{height: auto; position: unset;}
} 
@media (max-width: 767.98px) {
  .location .col-md-4{margin-top: 1rem;}
}
 
@media (max-width: 575.98px) {
  .info-wrap.d-flex{display: grid !important;}
} 
@media (max-width: 479.98px) {}
/*--------------------------------------------------------------
  # Navigation Menu
--------------------------------------------------------------*/
@media (max-width: 1200px) {
  .header .logo { order: 1; }
  .header .btn-contact {  order: 2;  margin: 0 15px 0 0; padding: 3px 5px;  }
  .header .navmenu { order: 3;}
}
 /* Navmenu - Desktop */
 @media (min-width: 1200px) {
.navmenu {  padding: 0; }
.navmenu ul { margin: 0;  padding: 0;  display: flex; list-style: none;   align-items: center; }
.navmenu li { position: relative; }
.navmenu a,.navmenu a:focus { color: var(--nav-color); padding: 18px 20px; font-size: 16px;  font-weight: 500;  display: flex;align-items: center; justify-content: space-between; white-space: nowrap; transition: 0.3s; text-decoration: none; }
.navmenu a i, .navmenu a:focus i {  font-size: 18px; line-height: 0;margin-left: 5px; transition: 0.3s; padding: 4px 0 0 5px; }
.navmenu li:last-child a { padding-right: 0; }
.navmenu .dropdown ul {  margin: 0;padding: 10px 0; background: var(--nav-dropdown-background-color);display: block;  position: absolute;  visibility: hidden;left: 14px;  top: 130%;   opacity: 0;transition: 0.3s;  border-radius: 4px;z-index: 99; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
.navmenu .dropdown ul li { min-width: 200px; }
.navmenu .dropdown ul a {  padding: 10px 20px; font-size: 15px; text-transform: none; color: var(--nav-dropdown-color); }
.navmenu .dropdown ul a i { font-size: 12px;}
.navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover>a { color: var(--nav-dropdown-hover-color); }
.navmenu .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible; }
.navmenu .dropdown .dropdown ul { top: 0; left: -90%; visibility: hidden; }
.navmenu .dropdown .dropdown:hover>ul { opacity: 1;  top: 0;  left: -100%; visibility: visible;}
.navmenu li:hover>a, .navmenu .active, .navmenu .active:focus { color: #213C3A; }
}
/* Navmenu - Mobile */
@media (max-width: 1199px) {
.mobile-nav-toggle {  color: var(--nav-color);  font-size: 28px;  line-height: 0;  margin-right: 10px;  cursor: pointer;  transition: color 0.3s; }
.navmenu { padding: 0; z-index: 9997; }  
.navmenu a,
.navmenu a:focus { color: var(--nav-dropdown-color); padding: 10px 20px;font-size: 17px;  font-weight: 500; display: flex;  align-items: center;justify-content: space-between; white-space: nowrap; transition: 0.3s; }
.navmenu a i,
.navmenu a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; width: 30px; height: 30px; display: flex;  align-items: center;justify-content: center; border-radius: 50%;  transition: 0.3s;background-color: color-mix(in srgb, var(--accent-color), transparent 90%); }
.navmenu a i:hover,.navmenu a:focus i:hover {background-color: var(--accent-color);  color: var(--contrast-color); }
.navmenu a:hover,
.navmenu .active,
.navmenu .active:focus { color: var(--nav-dropdown-hover-color); }
.navmenu .active i,
.navmenu .active:focus i {background-color: var(--accent-color);  color: var(--contrast-color);  transform: rotate(180deg); }
.navmenu .dropdown ul {position: static; display: none; z-index: 99;  padding: 10px 0;margin: 10px 20px;  background-color: var(--nav-dropdown-background-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);box-shadow: none;  transition: all 0.5s ease-in-out; }
.navmenu .dropdown ul ul { background-color: rgba(33, 37, 41, 0.1); }
.navmenu .dropdown>.dropdown-active {  display: block;  background-color: rgba(33, 37, 41, 0.03); }
.mobile-nav-active {  overflow: hidden; }
.mobile-nav-active .mobile-nav-toggle {  color: #fff;  position: absolute;  font-size: 32px;  top: 15px;right: 15px;  margin-right: 0;  z-index: 9999; }
.mobile-nav-active .navmenu {  position: fixed;   overflow: hidden;inset: 0;  background: rgba(33, 37, 41, 0.8);  transition: 0.3s; }
.mobile-nav-active .navmenu>ul { display: block; }
}
  /* Listing Dropdown - Desktop */
@media (min-width: 1200px) { 
.navmenu .listing-dropdown {  position: static;  }
.navmenu .listing-dropdown ul {   margin: 0;  padding: 10px;background: var(--nav-dropdown-background-color);  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);position: absolute; top: 130%;  left: 0; right: 0; visibility: hidden; opacity: 0;  display: flex;transition: 0.3s; border-radius: 4px; z-index: 99; }
.navmenu .listing-dropdown ul li {flex: 1; }
.navmenu .listing-dropdown ul li a,
.navmenu .listing-dropdown ul li:hover>a {padding: 10px 20px; font-size: 15px; color: var(--nav-dropdown-color);background-color: var(--nav-dropdown-background-color); }
.navmenu .listing-dropdown ul li a:hover,
.navmenu .listing-dropdown ul li .active,
.navmenu .listing-dropdown ul li .active:hover {color: var(--nav-dropdown-hover-color); background-color: var(--nav-dropdown-background-color); }
.navmenu .listing-dropdown:hover>ul {opacity: 1;  top: 100%; visibility: visible;}
}
    /* Listing Dropdown - Mobile */
@media (max-width: 1199px) {
.navmenu .listing-dropdown ul {position: static;  display: none;z-index: 99; padding: 10px 0;   margin: 10px 20px;background-color: var(--nav-dropdown-background-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);box-shadow: none;  transition: all 0.5s ease-in-out; }
.navmenu .listing-dropdown ul ul {  background-color: rgba(33, 37, 41, 0.1);  }
.navmenu .listing-dropdown>.dropdown-active {  display: block;  background-color: rgba(33, 37, 41, 0.03); }
}
/*-----------------------------------------*/
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
@media (min-width : 320px) and (max-width: 479px) {
  .about-sec-side h2, .section_title h2{font-size: 2rem;}
  .about-sec-side h2 span, .section_title h2 span{font-size: 16px; letter-spacing: 0;}
  .intro_section h3{font-size: 2rem;margin: 0 0 10px 0;}
  .about_headding h2{font-size: 1.5rem;}
  .mission_head{font-size: 1.5rem;}
  .about-sec-side{margin-bottom: 20px;}
  .contact-section.py-5{padding-top: 1rem !important; padding-bottom: 1rem !important;}
  .footer-logo{margin-bottom: 20px;}
  .mission{font-size: 16px;}
  .header .btn-contact, .header .btn-contact:focus{font-size: 14px;}
  .header .btn-contact{margin-right: 0;}
  .header .logo img {height: 70px;}
  .slider-min-height {padding: 0 25px;}
}
@media (min-width: 480px) and (max-width: 575px) { 
  .about-sec-side h2, .section_title h2{font-size: 2rem;}
  .about-sec-side h2 span, .section_title h2 span{font-size: 16px; letter-spacing: 0;}
  .intro_section h3{font-size: 2rem;margin: 0 0 10px 0;}
  .about_headding h2{font-size: 1.5rem;}
  .mission_head{font-size: 1.5rem;}
  .about-sec-side{margin-bottom: 20px;}
  .contact-section.py-5{padding-top: 1rem !important; padding-bottom: 1rem !important;}
  .footer-logo{margin-bottom: 20px;}
  .mission{font-size: 16px;}
 }
@media (min-width: 576px) and (max-width: 767px) {
  .about-sec-side h2, .section_title h2{font-size: 2.5rem;}
  .about-sec-side h2 span, .section_title h2 span{font-size: 20px; letter-spacing: 0;}
  .intro_section h3{font-size: 2rem;margin: 0 0 10px 0;}
  .about_headding h2{font-size: 2rem;}
  .mission_head{font-size: 2rem;}
  .about-sec-side{margin-bottom: 20px;}
  .contact-section.py-5{padding-top: 1rem !important; padding-bottom: 1rem !important;}
  .footer-logo{margin-bottom: 20px;}
}
@media (max-width: 767px) {}
@media (max-width: 508px) {}
@media (min-width: 768px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-sec-side h2, .section_title h2{font-size: 2.5rem;}
  .about-sec-side h2 span, .section_title h2 span{font-size: 20px; letter-spacing: 0;}
  .intro_section h3{font-size: 2rem;margin: 0 0 10px 0;}
  .about_headding h2{font-size: 2rem;}
  .mission_head{font-size: 2rem;}
  .about-sec-side{margin-bottom: 20px;}
  .contact-section.py-5{padding-top: 1rem !important; padding-bottom: 1rem !important;}
}
@media only screen and (min-width: 800px) {}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {}
@media (max-width: 991px) {  
nav .close{ position: absolute;right: 20px;top: 20px;z-index: 99;}
.close {display: flex;flex-direction: column;cursor: pointer;}
nav .navbar .links li a{color: #000;}
.contact-section{background-size: cover;}
}
@media (min-width: 992px) {}
@media only screen and (min-width:992px) and (max-width:1100px) { 
.about-sec-side h2, .section_title h2{font-size: 3rem;}
.about-sec-side h2 span, .section_title h2 span{font-size: 20px; letter-spacing: 0;}
.intro_section h3{font-size: 2.5rem;}
.about_headding h2{font-size: 2.2rem;}
.mission_head{font-size: 2.2rem;}
.about-sec-side{margin-bottom: 20px;}
.contact-section.py-5{padding-top: 1rem !important; padding-bottom: 1rem !important;}
}
@media only screen and (min-width:1101px) and (max-width:1199px) {
.about-sec-side h2, .section_title h2{font-size: 3rem;}
.about-sec-side h2 span, .section_title h2 span{font-size: 20px; letter-spacing: 0;}
.intro_section h3{font-size: 2.5rem;}
.about_headding h2{font-size: 2.2rem;}
.mission_head{font-size: 2.2rem;}
.about-sec-side{margin-bottom: 20px;}
.contact-section.py-5{padding-top: 1rem !important; padding-bottom: 1rem !important;}
}
@media (min-width: 1200px) {}
@media (min-width: 1200px) and (max-width: 1299px) {}
@media (min-width: 1300px) and (max-width: 1366px) {}
@media (min-width: 1367px) and (max-width: 1599px) {}
@media (min-width: 1600px) and (max-width: 1680px) {}
@media (min-width: 1900px), (max-width: 1920px) and (-webkit-device-pixel-ratio: 1.25) {}
@media (min-width: 1900px) and (max-width: 1920px) {}
@media (max-width: 1199px) {}
@media (max-width: 1250px) {}
@media only screen and  (min-width: 1200px) and (max-width: 1250px) {}
@media (max-width:1250px) {}
@media  only screen and (min-width: 767px) and (max-width:1250px) {}
@media (max-width: 767px) {}
@media  only screen and (min-width: 480px) and (max-width:767px) {}
@media (max-width: 480px) {}
@media (max-width: 600px){}
@media (max-width: 991px) {}
@media (max-width:866px) {}
@media (min-width:517px) and (max-width:866px) {}
@media (min-width:517px) and (max-width:767px) {}
@media (max-width:516px) {}
@media (max-width:575px) {}
@media (min-width: 992px) and (max-width: 1135px) {}
@media (min-width: 992px) and (max-width: 1350px) {}
@media (max-width:890px) { }
@media (min-width : 479px) and (max-width: 1490px) {}
@media (max-width:478px) { }