/* Responsive styles for DeftTech website */

/* Extra small devices (phones, 576px and down) */
@media (max-width: 576px) {
    .cover-background {
        padding: 60px 0;
    }
    
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.8rem;
    }
    
    .display-4 {
        font-size: 2.3rem;
    }
    
    .lead {
        font-size: 1rem;
    }
    
    .py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    
    .my-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .cover-background {
        padding: 80px 0;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .service-box {
        margin-bottom: 30px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

/* Navigation adjustments for mobile */
@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: #fff;
        padding: 15px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    
    .navbar-nav .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }
    
    .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: none;
    }
}

/* Blog post responsiveness */
@media (max-width: 767.98px) {
    .blog-content h2 {
        font-size: 1.5rem;
    }
    
    blockquote {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Footer adjustments */
@media (max-width: 767.98px) {
    .footer-widget {
        margin-bottom: 2rem;
    }
}

/* Case study adjustments for mobile */
@media (max-width: 767.98px) {
    .case-study-card {
        margin-bottom: 30px;
    }
}