@media(max-width:992px){

    section{
        padding:80px 6%;
    }

    .hero-content h1{
        font-size:4.8rem;
    }

}

@media(max-width:768px){

    section{
        padding:70px 5%;
    }

    .hero-content h1{
        font-size:3.6rem;
    }

    .hero-content h2{
        font-size:1.5rem;
    }

    .hero-description{
        font-size:1rem;
        line-height:1.7;
    }

}

@media(max-width:480px){

    .hero-content h1{
        font-size:2.7rem;
    }

    .hero-content h2{
        font-size:1.15rem;
    }

    .hero-buttons{
        flex-direction:column;
        align-items:flex-start;
    }

}

@media(max-width:768px){

    .loader-title{
        font-size:2.5rem;
    }

}

@media(max-width:480px){

    .loader-title{
        font-size:2rem;
        line-height:1.5;
    }

    .loader-top-text{
        letter-spacing:4px;
        font-size:0.75rem;
    }

}

@media(max-width:768px){

    .candle{
        width:60px;
        opacity:0.5;
    }

}

@media(max-width:480px){

    .custom-cursor{
        display:none;
    }

    body{
        cursor:auto;
    }

}

@media(max-width:768px){

    #navbar{
        width:92%;
        padding:16px 20px;
    }

    .nav-links{
        gap:18px;
    }

    .nav-links a{
        font-size:0.82rem;
    }

}

@media(max-width:768px){

    #navbar{
        width:92%;
        padding:16px 18px;
        border-radius:22px;
        flex-direction:column;
        gap:14px;
    }

    .nav-logo{
        font-size:0.9rem;
        text-align:center;
    }

    .nav-links{
        width:100%;
        justify-content:center;
        flex-wrap:wrap;
        gap:16px;
    }

    .nav-links a{
        font-size:0.82rem;
    }

}

@media(max-width:480px){

    .nav-links{
        gap:12px;
    }

    .nav-links a{
        font-size:0.78rem;
    }

}

@media(max-width:992px){

    .spellbook-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .section-heading h2{
        font-size:2.7rem;
    }

}

@media(max-width:480px){

    .spell-card{
        padding:30px;
    }

    .section-heading h2{
        font-size:2.2rem;
    }

}

@media(max-width:768px){

    #navbar{
        width:92%;
        padding:18px 22px;
        border-radius:24px;
    }

    .menu-toggle{
        display:flex;
    }

    .nav-links{
        position:absolute;
        top:95px;
        left:0;
        width:100%;
        background:rgba(5,5,5,0.92);
        backdrop-filter:blur(14px);
        border-radius:24px;
        padding:30px 0;
        flex-direction:column;
        gap:24px;
        opacity:0;
        visibility:hidden;
        transform:translateY(-20px);
        transition:0.5s ease;
    }

    .nav-links.active{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

    .nav-links a{
        font-size:0.95rem;
    }

}

@media(max-width:992px){

    .project-card{
        flex-direction:column;
        text-align:center;
    }

    .tech-stack{
        justify-content:center;
    }

    .project-buttons{
        justify-content:center;
    }

}

@media(max-width:768px){

    .project-content h3{
        font-size:1.7rem;
    }

    .project-image img{
        width:170px;
    }

}

@media(max-width:480px){

    .project-card{
        padding:30px;
    }

    .project-content h3{
        font-size:1.45rem;
    }

}

@media(max-width:768px){

    .timeline{
        padding-left:10px;
    }

    .timeline-item{
        gap:22px;
    }

    .timeline-content{
        padding:28px;
    }

    .timeline-content h3{
        font-size:1.4rem;
    }

}

@media(max-width:480px){

    .timeline-line{
        left:18px;
    }

    .timeline-dot{
        min-width:14px;
        height:14px;
    }

    .timeline-content{
        padding:24px;
    }

}

@media(max-width:992px){

    .contact-container{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .contact-info h3{
        font-size:2rem;
    }

}

@media(max-width:480px){

    .contact-form{
        padding:28px;
    }

}

@media(max-width:768px){

    section{
        padding:120px 6%;
    }

    .hero-content{
        text-align:center;
    }

    .hero-buttons{
        justify-content:center;
    }

}

@media(max-width:480px){

    section{
        padding:110px 5%;
    }

    .section-heading{
        text-align:center;
    }

    .section-heading h2{
        line-height:1.3;
    }

}

@media(max-width:768px){

    .contact-info{
        text-align:center;
    }

    .contact-info h3{
        font-size:1.9rem;
    }

    .contact-details{
        align-items:center;
    }

    .social-links{
        justify-content:center;
    }

}

@media(max-width:480px){

    .contact-info h3{
        font-size:1.7rem;
    }

    .contact-info p{
        font-size:0.95rem;
        line-height:1.8;
    }

    .social-links a{
        padding:10px 16px;
        font-size:0.82rem;
    }

}
@media(max-width:992px){

    .achievements-grid{
        grid-template-columns:1fr;
    }

}
@media(max-width:768px){

    .achievements-grid{
        gap:24px;
    }

    .achievement-card{
        width:100%;
        padding:32px 26px;
        border-radius:24px;
        text-align:center;
    }

    .achievement-card h3{
        font-size:1.6rem;
        line-height:1.3;
        margin-bottom:20px;
    }

    .achievement-card p{
        font-size:1rem;
        line-height:1.8;
    }

}
@media(max-width:480px){

    .achievement-card{
        padding:28px 22px;
    }

    .achievement-card h3{
        font-size:1.35rem;
    }

    .achievement-card p{
        font-size:0.95rem;
    }

}

@media(max-width:768px){

    .hero-description{
        margin:auto;
    }

}