@media (min-width: 200px) and (max-width: 768px) {
    .navbar-custom .navbar-nav .nav-item .nav-link:hover, .navbar-custom .navbar-nav .nav-item .nav-link.active, .navbar-custom .navbar-nav .nav-item .nav-link:active {
        color: #fff !important;
        padding: 5px 10px;
    }
    
    .features-box {
        padding: 0;
    }
    
    .section {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    
    .nav-link::after {
        display: none;
    }
    
    .bg-home {
        padding: 80px 0px 0px 0px;
        /* background-color: #f0f1f4; */
    }
    
    .bg-service {
        padding: 80px 0px 0px 0px;
    }
    
    .bg-contact {
        padding: 80px 0px 0px 0px;
    }
    
    .breadcrumb {
        top: 60px;
        padding: 5px 0 5px 10px;
    }
    
    .home-icon {
        display: none;
    }
    
    .custom-gap-mobile > [class*="col-"] {
        margin-bottom: -3rem;
    }
    
    .home-title {
        margin-top: 30px;
        /* background-color: #eff0f3; */
    }
    
    .btn-job {
        padding: 0px 40px;
    }
    
    .main-title {
        line-height: 1.2;
        margin-bottom: 0px;
    }
    
    .footer {
        padding-top: 30px;
    }
    
    #navbarCollapse {
        padding: 10px 20px 0px 20px;
    }
    
    .bg-gradient-gray-2 {
        background: linear-gradient(to bottom, #eaebef 0%, white 250px);
    }
    
    .section.bg-blue-light {
        padding-bottom: 4.5rem;
    }
    
    .contact-sub-text {
        padding-bottom: 30px;
    }
}
@media (min-width: 1200px) {
    .navbar-custom {
        width: 80%;
        padding: 0;
    }
    
    b {
        padding: 0;
    }
    
    .fixed-top {
        top: 30px;
        transition: top 0.3s ease-in-out, width 0.5s ease-in-out;
        border-radius: 25px 5px;
        border: 1px solid #aab7a4;
    }
    
    .fixed-top.scrolled {
        top: 0px;
        /* width: 100%; */
        /* border-radius: 0px; */
    }
    
    .navbar-custom .navbar-nav .nav-item .nav-link {
        padding: 13px 20px;
        color: #aab7a4;
        margin: 0;
    }
    
    .nav-sticky.navbar-custom .navbar-nav .nav-item .nav-link {
        /* color: #000; */
    }
    
    .navbar-custom .navbar-nav .nav-item .nav-link:hover {
        color: #4c5f4b !important;
        /* text-decoration: underline!important; */
    }
    
    .navbar-custom .navbar-nav .nav-item .nav-link.active, .navbar-custom .navbar-nav .nav-item .nav-link:active {
        background-color: #e7ece4 !important;
        color: #4c5f4b;
        height: 100%;
    }
    
    .nav-sticky.navbar-custom .navbar-nav .nav-item .nav-link.active, .nav-sticky.navbar-custom .navbar-nav .nav-item .nav-link:active {
        background-color: #e7ece4 !important;
        color: #515e4d;
    }
    
    .container-fluid {
        max-width: 80%;
    }
}
@media (max-width: 768px) {
    .cta-card {
        margin-bottom: 20px;
    }
    
    .cta-section h2 {
        font-size: 1.5rem;
    }
}
@media (min-width: 1000px) and (max-width: 1780px) {
    .service-our-service {
        margin-top: 0px;
    }
    
    .bg-about {
        background-color: #eaebef !important;
        padding-bottom: 0px;
    }
    
    .bg-service {
        padding: 200px 0 0 0;
        background-color: #eff0f3;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .negative {
        margin-top: -139px !important;
    }
    
    .bg-contact {
        padding: 155px 0px 0px 0px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 97% !important;
    }
}
@media (max-width: 999px) {
    .container {
        max-width: 1000px !important;
    }
}
@media (min-width: 200px) and (max-width: 1000px) {
    .bg-shape {
        display: none !important;
    }
    
    .bg-about {
        background-color: #eaebef !important;
        padding-bottom: 0px;
    }
    
    .bg-service {
        padding: 160px 0 0 0;
    }
    
    .bg-service .main-title {
        font-size: 30px;
        padding-bottom: 70px;
    }
    
    .service-our-service {
        margin-top: 0px;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .bg-service .main-title {
        font-size: 30px;
        padding-bottom: 20px;
    }
}
@media (min-width: 1780px) and (max-width: 1835px) {
    .bg-service {
        padding: 200px 0 0 0;
    }
    
    .bg-service .main-title {
        font-size: 30px;
    }
}
@media (min-width: 1000px) and (max-width: 1780px) {
    .bg-service .main-title {
        padding-bottom: 70px;
        font-size: 30px;
    }
}