@media(max-width:991px){
    /* Tablets */
    .bell {
        top: 10px;
        width: 40px !important;
        height: 40px !important;
    }
    
    .bell-left {
        left: 20px;
    }
    
    .bell-right {
        right: 20px;
    }
    
    .hero-section {
        height: 85vh;
    }
}

@media(max-width:768px){
    /* Small devices */
    .bell {
        top: 8px;
        width: 35px !important;
        height: 35px !important;
    }
    
    .bell-left {
        left: 15px;
    }
    
    .bell-right {
        right: 15px;
    }
    
    .hero-section {
        height: 75vh;
    }
    
    .hero-bg {
        background-size: cover;
        background-position: center;
    }
    
    .scroll-indicator {
        bottom: 20px;
        font-size: 24px;
    }
    
    .hero-top-border {
        height: 12px;
    }
}

@media(max-width:576px){
    /* Mobile phones */
    .bell {
        top: 5px;
        width: 25px !important;
        height: 25px !important;
    }
    
    .bell-left {
        left: 10px;
    }
    
    .bell-right {
        right: 10px;
    }
    
    .hero-section {
        height: 60vh;
        min-height: 400px;
    }
    
    .hero-bg {
        background-attachment: scroll;
        background-size: cover;
        background-position: center;
    }
    
    .scroll-indicator {
        bottom: 15px;
        font-size: 20px;
    }
    
    .hero-top-border {
        height: 8px;
    }
    
    .section-title h2 {
        font-size: 28px;
    }
    
    .hero-content h1 {
        font-size: 24px;
    }
}