/* Responsive Css */


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

  .logo-box span {
    font-size: 20px;
    line-height: 25px;
  }

  .main-menu .navigation > li, .other-option li {
    margin-right: 16px;
  }

  .main-menu .navigation > li > a {
    font-size: 16px;
  }

  .scroll-nav, .other-option {
    margin-left: 1rem;
  }

  #top {
    right:1rem;
  }
  
}



@media only screen and (min-width: 768px){
  .nav-box {
    display: none;
  }
}



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

  

}


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

  .main-menu, .header-top {
    display: none !important;
  }

  h3 {
    font-size: 18px !important;
  }

  p {
    font-size: 14px !important;
  }

  h1 {
    font-size: 26px !important;
  }

  .bg-wrapper {
    max-height: fit-content;
  }

  .banner-section .owl-nav {
    display: none;
  }
}

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


}


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

  .search-popup .search-form fieldset input[type="search"] {
    font-size: 16px; 
  }

  .search-popup .search-form fieldset input[type="submit"] {
    font-size: 16px;
    width: 150px;
  }

}


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

  .logo-box span {
    display: none;
  }

  
}