@media (max-width: 980px){
.custom-header{
  display:none;
  }
  header.mob .container{
    padding:0 12px;
  }
    section {
    padding: var(--p50) var(--p12);
}
}

@media (max-width: 540px){
    header img {
        width: 80px;
    }
  .mobile-menu-logo img {
        width: 100px !important;
    }
      div#tag1 .mobile-nav li a {
        color: #fff;
        font-family: "Oswald", sans-serif;
        font-size: 14px;
        text-transform: uppercase !important;
        letter-spacing: 1.3px;
        text-decoration: none;
        font-weight:400 !important;
    }
  div#tag1 .mobile-nav li a:hover{
    color: var(--primary-color);
  }
  header .dropdown-menu.show{
    background:#000;
  }
  div#tag1 .mobile-nav li{
   text-align: center;
  }
  section {
    padding: var(--p40) var(--p12);
}
  h1 {
  font-size: var(--f36);
    margin-bottom:15px;
}
h2 {
  font-size: var(--f30);
  margin-bottom:10px;
}
h3 {
  font-size: var(--f26);
  margin-bottom:10px;
}
h4 {
  font-size: var(--f19);
  margin-bottom:10px;
}
h5 {
  font-size: var(--f18);
  margin-bottom:10px;
}
h6 {
  font-size: var(--f17);
  margin-bottom:10px;
}
  .footer-container{
    padding: 40px 0 30px;
  }
  .footer-box{
    padding: 30px 15px 2px;
  }
  .footer-column {
    padding: 0 0px;
}
  .footer-container .section-title{
    margin-bottom: 15px;
  }
  .footer-box .row{
   gap:20px; 
  }
  .footer-bottom {
    margin-top: 20px;
    padding-top: 15px;
  }
  .footer-logo img {
        width: 150px;
    }
  .footer-container .col-md-4.col-lg-3.brand-section.text-center{
    order:1;
  }
  .footer-container .footer-column{
    order:2;
  }
  .part-heading-title span{
   font-size:30px; 
  }
}