@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2px;
        transition: var(--aq-transition);
    }
    ul.navbar-nav li.nav-item {
        padding-left: 10px;
        padding-right:10px !important;
    }
    section.about-section.pt-0 {
        margin-top: 0;
    }
    header .topbar-left {
        background-color: transparent;
        left: 0;
        border-right: 0;
        padding: 15px 30px 15px 20px;
    }
    .header-style-two .main-menubar,
    .header-style-two nav.navbar {
        position: static;
    }
    .header-style-two.sticky ul.navbar-nav li.nav-item {
        padding-left: 3px;
        padding-right: 3px;
        transition: var(--aq-transition);
    }
    .header-style-two ul.navbar-nav li.nav-item:hover button.caret {
        color: #fff;
        transition: var(--aq-transition);
    }
    .header-style-two ul.navbar-nav li.nav-item:hover *,
    .header-style-two ul.navbar-nav li.nav-item.active * {
        color: var(--aq-secondary);
        transition: var(--aq-transition);
    }
    header#main-header.header-style-two {
        padding-bottom: 0;
        box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
    }
    .header-style-two .social-media a.nav-link {
        position: relative;
        border: 1px solid #ffffff38;
        color: #ffffff;
    }
  
    header#main-header.header-style-two .navbar-nav ul .nav-link,
    header#main-header.header-style-two .navbar-nav ul .dropdown-item {
        color: var(--aq-secondary);
    }
    .header-style-two nav.navbar {
        background-color: transparent;
        box-shadow: none;
    }
    .header-style-two .navbar-nav .nav-link,
    .header-style-two .navbar-nav .dropdown-item {
        color:#212529;  
        letter-spacing: 1.5px;
    }
    .header-style-two .caret {
        vertical-align: middle;
        color:#212529;
    }
    .header-style-two .btn.btn-quote,
    .header-style-two .btn.btn-search {
        background-color: var(--aq-secondary);
    }
    
    header#main-header.header-style-two.sticky .middle-bar {
        transition: var(--aq-transition);
        box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
        
    }
     
    header#main-header.header-style-two.sticky .middle-bar {
        background-color: var(--aq-white);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transition: var(--aq-transition);
    }
     
    .middle-bar:after {
        content: '';
        height: 3px;
        width: 1%;
        opacity: 0;
        position: absolute;
        background-color: var(--aq-primary);
        transition:all 1.2s;
    }
    header#main-header.header-style-two.sticky .middle-bar:after {
        width: 100%;
        opacity: 1;
        transition:all 1.2s;
    }
    
     
    header#main-header.header-style-two.sticky .middle-bar .navbar {
        padding: 10px 0;
    }
    header#main-header.header-style-two ul.navbar-nav li li {
        padding-left: 0!important;
        padding-right: 0 !important;
        left: 0;
        transition: all 0.6s;
    }
    header#main-header.header-style-two ul.navbar-nav li li .caret {
        color: var(--aq-secondary);
    }
    header#main-header.header-style-two ul.navbar-nav .open>.nav-link,
    header#main-header.header-style-two ul.navbar-nav .nav-link:hover,
    .navbar .nav-link:focus {
        color: var(--aq-white);
    }
}



@media (max-width: 991.98px) {
    .site-branding {
        max-width: 100%;
    }
    body .about-topbar-desktop,body   .navbar.navbar-expand-lg .logo  {
        display: block;
    }
    body header nav.navbar {
        padding:10px 0 !important;
        width: 100%;
    }
    .middle-bar{
        margin-top: 0;
        
    }
    .slide-content h2.title {
        font-size: 30px;
        line-height: 44px;
    }
    .about-topbar-desktop  button.close-btn {
        display: none;
    }
    .about-sidbar.collapse.show .sidbar-container .close-btn{
        display: block!important;
    }
}

@media (min-width: 992px) {
    .header-style-two nav.navbar {
        background-color: transparent;
        box-shadow: none;
        margin-right: 0;
    }
}