@media (max-width:992px){

    .hero-section{

        padding:120px 0 80px;

    }

    .hero-content{

        text-align:center;

    }

    .hero-description{

        max-width:100%;

    }

    .hero-location{

        justify-content:center;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero-social{

        justify-content:center;

    }

    .hero-image{

        margin-top:70px;

    }

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

    .hero-name{

        font-size:52px;

    }

    .hero-profession{

        font-size:28px;

    }

    .hero-image img{

        width:340px;

        height:340px;

    }

    .hero-image::before{

        width:380px;

        height:380px;

    }

    .hero-image::after{

        width:380px;

        height:380px;

    }

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

    .hero-name{

        font-size:40px;

    }

    .hero-profession{

        font-size:22px;

        min-height:40px;

    }

    .hero-greeting{

        font-size:18px;

    }

    .hero-description{

        font-size:16px;

    }

    .hero-location{

        font-size:16px;

    }

    .hero-buttons{

        flex-direction:column;

        align-items:center;

    }

    .hero-buttons .btn{

        width:100%;

        max-width:280px;

    }

    .hero-image img{

        width:280px;

        height:280px;

    }

    .hero-image::before{

        width:320px;

        height:320px;

    }

    .hero-image::after{

        width:320px;

        height:320px;

    }

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

    .tech{

        font-size:12px;

        padding:8px 14px;

    }

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

    .tech{

        display:none;

    }

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

    .scroll-indicator{

        display:none;

    }

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

    .about-section{

        padding:100px 0;

    }

    .about-content{

        padding-left:0;

        margin-top:60px;

        text-align:center;

    }

    .about-image{

        margin-bottom:20px;

    }

    .about-counter{

        justify-content:center;

    }

    .about-info{

        align-items:center;

    }

    .about-btn{

        text-align:center;

    }

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

    .section-title{

        font-size:36px;

    }

    .counter-card{

        min-width:140px;

    }

    .about-image img{

        max-width:320px;

    }
     .hero-buttons {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: nowrap;
    }

    .hero-buttons .btn {
        margin-top: 10px;
        min-width: 170px;
        padding: 15px 25px;
        text-align: center;
        white-space: nowrap;
    }
.js {
    top: 14px;
    right: 20px;
}
.bs {
    top: 220px;
    right: 15px;
}
.jq {
    top: 170px;
    left: 26px;
}

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

    .about-section{

        padding:80px 0;

    }

    .section-title{

        font-size:30px;

    }

    .about-counter{

        flex-direction:column;

    }

    .counter-card{

        width:100%;

    }

    .info-item{

        align-items:flex-start;

    }

    .about-image img{

        max-width:260px;

    }

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

    .skills-section{

        padding:100px 0;

    }

    .skills-tech{

        padding-left:0;

        margin-top:60px;

    }
     .services-section{

        padding:100px 0;

    }
     .projects-section{

        padding:100px 0;

    }
     .contact-info{

        margin-bottom:35px;

    }

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

    .skills-tech{

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

    }

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

    .skills-tech{

        grid-template-columns:1fr;

    }

    .tech-card{

        padding:25px;

    }

    .tech-card i{

        font-size:42px;

    }

    .skill-header{

        font-size:15px;

    }
     .services-section{

        padding:80px 0;

    }

    .service-card{

        padding:30px 25px;

    }

    .service-icon{

        width:75px;

        height:75px;

    }

    .service-icon i{

        font-size:32px;

    }

    .service-card h3{

        font-size:22px;

    }
     .projects-section{

        padding:80px 0;

    }

    .project-content{

        padding:25px;

    }

    .project-image img{

        height:220px;

    }

    .project-buttons{

        flex-direction:column;

    }

    .project-buttons .btn{

        width:100%;

    }
     .project-filter{

        gap:10px;

    }

    .filter-btn{

        padding:10px 18px;

        font-size:14px;

    }
.testimonials-section{

        padding:80px 0;

    }

    .testimonial-card{

        padding:30px 25px;

    }
     .contact-section{

        padding:80px 0;

    }

    .contact-info,

    #contactForm{

        padding:30px 25px;

    }

    .contact-item{

        gap:15px;

    }

    .contact-icon{

        width:50px;

        height:50px;

        font-size:18px;

    }
   .footer-section{

        padding:60px 0 25px;

    }

    .footer-logo{

        font-size:30px;

    }

    .footer-menu{

        gap:18px;

    }

    .footer-social{

        gap:12px;

    }

}