@media (min-width:1441px) and (max-width:1920px){

    .container{

        width: min(88%,1400px);

    }

    section{

        padding: 120px 0;

    }

    .navbar-container{

        height: 82px;

    }

    .nav-links{

        gap: 40px;

    }

    .hero{

        padding: 160px 0 100px;

    }

    .hero-container{

        gap: 100px;

    }

    .hero-name{

        font-size: clamp(4.5rem,5vw,6rem);

    }

    .hero-description{

        max-width: 650px;

        font-size: 1.1rem;

    }

    .hero-image{

        width: 470px;

        height: 470px;

    }

    .hero-image img{

        width: 390px;

    }

    .floating-icon{

        width: 75px;

        height: 75px;

        font-size: 1.9rem;

    }

    .hero-stats{

        gap: 25px;

    }

    .stat-card{

        min-width: 170px;

        padding: 26px;

    }

    .about-container{

        grid-template-columns: .9fr 1.1fr;

        gap: 90px;

    }

    .about-image img{

        width: 380px;

    }

    .about-details{

        grid-template-columns: repeat(2,1fr);

    }

    .timeline{

        max-width: 1100px;

    }

    .timeline-item{

        padding-left: 45px;

        padding-right: 45px;

    }

    .skills-grid{

        grid-template-columns: repeat(4,1fr);

    }

    .projects-grid{

        grid-template-columns: repeat(3,1fr);

    }

    .featured{

        transform: scale(1.03);

    }

    .featured:hover{

        transform: translateY(-12px) scale(1.03);

    }

    .certificates-grid{

        grid-template-columns: repeat(3,1fr);

    }

    .contact-grid{

        grid-template-columns: repeat(5,1fr);

    }

    .footer-content{

        gap: 100px;

    }

    .footer-links{

        gap: 60px;

    }

    .modal-content{

        max-width: 1100px;

    }

}