/* mobile media query */

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

 html {
  font-size: 60%;
 }

 .navbar-dark .navbar-toggler-icon {
  background-image: none;
 }

 .navbar-dark .navbar-toggler {
  border: none !important;
 }

 .navbar-toggler-icon i {
  font-size: 3rem;
  color: #fff;
 }

 .navbar-dark .navbar-toggler-icon {
  background-image: none;
  width: 2rem;
  height: 2rem;
  display: flex;
  padding: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0.3rem solid #fff;
 }

 .navbar-nav .dropdown-menu {
  position: static;
  background: transparent;
  border: none;
 }

 a.dropdown-item {
  font-size: 1.6rem;
  color: #fff;
 }

 #nav-menu {
  position: absolute;
  top: 99%;
  background: var(--dark-green);
  left: 0px;
  right: 0px;
  padding: 1rem;
  z-index: 9;
 }

 /* banner section */
 .carousel-control-next,
 .carousel-control-prev {
  width: 10%;
 }

 ul.form-buttons {
  position: static;
  margin: 1rem 0;
  padding: 0 .5rem;
 }

 ul.form-buttons li {
  width: 50%;
 }

 ul.form-buttons li a {
  border-radius: 1rem;
 }

 .section-title h2 {
  font-size: 3rem;
 }

 .acheivment-box {
  background: transparent;
  margin-left: 0%;
  border-radius: 10rem;
 }

 .acheivment-box p,
 .acheivment-box span {
  color: var(--white);
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
 }

 /* slider */

 .logos .owl-nav {
  position: static;
  width: 20%;
  float: right;
  margin-top: 2rem;
 }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

 html {
  font-size: 60%;
 }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

 html {
  font-size: 60%;
 }
}