@media (max-width:1400px) { 

    .hero-img>img {
        display: none;
    }
    
    .about-title-left-fade,
    .about-title-right-fade {
        display: none !important;
    }


}

@media (max-width:1200px) { 

    .experience-box {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .About {
        padding-block: 50px !important;
    }

    
    .projects-section {
        padding-block: 50px;
    }
}

@media (max-width:992px) { 

    .hero-inner {
        flex-direction: column-reverse;
    }

    .hero-inner {
        padding: 50px 0 !important;
    }

    .hero-img {
        margin-block: 30px !important;
    }

    .skill-card {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .skill-img {
        margin-bottom: 20px;
    }

    .progress {
        width: 100% !important;
    }


    .swiper {
        padding: 0 15px !important;
    }

    .swiper-slide {
        width: 100% !important;
    }

    .experience-box::after {
        width: 250px !important;
        height: 250px !important;
    }

    .experience-box {
        padding: 0 !important;
    }

    .experience-box-inner {
        padding: 40px 30px !important;
    }

    .experience-box-inner h2 {
        font-size: 60px !important;
    }

    .about-body {
        gap: 90px;
    }

    .experience-body-card-head {
        justify-content: start !important;
    }

    .About {
        padding: 50px !important;
    }

    /* .experience-body-card p {
        text-align: center !important;
    } */

    .experience-box {
        padding: 0 !important;
    }

    .experience-box::after {
        top: 160px !important;
    }

    .skill-box {
        justify-content: center;
    }

    .skill-outer-box {
        padding-block: 50px !important;
    }

    .projects-section {
        padding-block: 50px !important;
    }

    .testimonials-section {
        padding-block: 50px !important;
    }

    .contact-us-left-content h3 {
        font-size: 50px !important;
    }

    .contact-us-form-title h2 {
        font-size: 42px !important;
    }

    .contact-us-inner {
        gap: 30px;
    }


}

@media (max-width:768px) { 

    .social-links ul li {
        display: none;
    }

    .skill-card {
        padding: 40px 20px !important;
    }

    .swiper {
      padding: 0 40px;
    }

    .swiper-slide {
      width: 80%;
    }

    .swiper-slide {
        padding: 50px 20px !important;
    }
    
    .experience-box::after {
        width: 200px !important;
        height: 200px !important;
    }

    .experience-box-inner h3 {
        font-size: 32px !important;
    }

    .about-icon {
        width: 60px !important;
        height: 60px !important;
    }

    .about-icon i {
        font-size: 30px !important;
    }

    .about-icon img {
        width: 25px !important;
        height: 25px !important;
    }

    .contact-us-left-content h3 {
        font-size: 32px !important;
    }

    .contact-us-section {
        padding-block: 25px !important;
    }

    .footer-section {
        padding-block: 50px !important;
    }

    .footer-bottom {
        flex-direction: column;
    }
    
}

@media (max-width:576px) { 

    section {
        padding: 0 15px;
    }

    .hero-content h1 {
        font-size: 48px !important;
        flex-direction: row !important;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .hero-content p {
        font-size: 16px !important;
        margin-block: 20px !important;
    }

    .skill-content p,
    .project-content-para p,
    .experience-content-box-head p {
        font-size: 16px !important;
    }

    .skill-content h2,
    .project-content-title h2,
    .testimonial-head h2,
    .about-title-top h2,
    .experience-box-inner h2,
    .experience-content-box-head h2 {
        font-size: 28px !important;
    }

    .contact-us-form-title h2 {
        font-size: 32px !important;
    }

    .skill-content-inner {
        align-content: flex-start !important;
    }

    .project-card-content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .project-card-button {
        margin-top: 10px;
    }

    .project-card-description h2{
        text-align: center;
    }
    
    .testimonial-client {
        flex-direction: column !important;
        align-items: center;
        gap: 20px;
    }

    .testimonial-head p{
        font-size: 16px !important;
    }

    .client-review p {
        font-size: 16px !important;
    }

    .About {
        padding: 25px !important;
    }

    .skills-section {
        padding: 25px !important;
    }

    .projects-section {
        padding-block: 25px !important;
    }

    .experience-box::after {
        top: 120px !important;
    }

    .hero-section {
        margin-bottom: 25px !important;
    }

    .skill-outer-box {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    .projects-section {
        padding-block: 25px !important;
    }

    .testimonials-section {
        padding-block: 25px !important;
    }
}

@media (max-width:360px) { 

    
}