@media screen and (max-width: 991px){
  section {
    padding: var(--p50) var(--p12);
}
}
@media screen and (max-width: 540px){
  section {
    padding: var(--p40) var(--p12);
}
  h1 {
  font-size: var(--f30);
}
h2 {
  font-size: var(--f28);
}
h3 {
  font-size: var(--f24);
}
h4 {
  font-size: var(--f19);
}
h5 {
  font-size: var(--f18);
}
h6 {
  font-size: var(--f18);
}
   #main_nav li{
   position:relative;  
  }
 #main_nav li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  min-width: auto;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 10px 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 1000;
}

#main_nav li:hover > ul {
  opacity: 1;
  position: relative;
  visibility: visible;
  transform: translateY(0);
  width: 100%;
}
.footer-container{
  padding: 60px 0 40px;
  }
  .footer-box {
    padding: 30px 12px 2px;
  }
  .footer-column {
    padding: 0 12px;
    order:2;
}
  footer .section-title {
    margin-bottom: 20px;
    position: relative;
}
  footer .col-md-4.col-lg-4.brand-section.text-center {
    order: 1;
}
  .footer-box .row{
   gap:25px; 
  }
  .footer-bottom{
   margin-top:30px; 
  }
}