@media screen and (max-width: 767px) {
    body {
        padding-top: 65px;
    }
     #header-home {
        height: 380px;
    }
    #header-top-bar, #nav-top {
        background: rgba(20, 189, 132, 1);
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }
    .navbar-dark .navbar-toggler {
        border: none;
        color: #fff;
    }
    #nav-top .dropdown-menu {
        margin-top: 0;
        padding-top: 0;
        background: none;
    }
    #nav-top .dropdown-item {
        padding-left: 10px;
    }
    #nav-top .dropdown-item.active {
    color: rgba(23,89,65,1);
}
    #nav-top.navbar-dark .navbar-nav .nav-link.active {
    color: rgba(23,89,65,1);
}#nav-top.navbar-dark .navbar-nav .nav-link.active:hover {
    color: rgba(23,89,65,1);
}
    #nav-top .dropdown-item:hover, #nav-top .dropdown-item.active:hover {
    color: rgba(23,89,65,1);
}
}
@media (max-width: 575px) {
    #header-inner {
        height: 400px;
    }
    #header-bottom {
        bottom: 20px;
    }
    #page-title h2 {
        font-size: 28px;
        padding-right: 40px;
        
    }
    #page-title h3 {
        font-size: 18px;
    }
}
@media (min-width: 576px) { 
       #header-inner {
        height: 420px;
    }
    #header-bottom {
        bottom: 20px;
    }
    #page-title h2 {
        font-size: 28px;
        padding-right: 40px;
        
    }
    #page-title h3 {
        font-size: 18px;
    }
}

@media (min-width: 768px) { 
     #header-home {
        height: 520px;
    }
       #header-inner {
        height: 420px;
    }
    #header-bottom {
        bottom: 20px;
    }
    #page-title h2 {
        font-size: 32px;
        padding-right: 50px;
        
    }
    #page-title h3 {
        font-size: 22px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .col-md-9.page-content-container, .col-md-3.page-sidebar-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}

}
@media (min-width: 992px) {
    #header-home {
        height: calc(100vh - 70px);
        min-height: 680px;
        max-height: 720px;
    }
}

@media (max-width: 1200px) { 
    
    #header-top-bar .img-fluid {
        height: 60px !important;
        width: auto;
    }
}
@media screen and (min-width: 1200px) {
    #header-home {
        height: calc(100vh - 70px);
      
        max-height: 800px;
    }
    #header-inner {
        height: 600px;
    }
}
@media (min-width: 1440px) {
    #header-home {
        height: calc(100vh - 70px);
        max-height: 1000px;
    }
}