@media (max-width: 1300px) {

    .hero-line {
        font-size: 2.2rem;
        max-width: 49rem;
    }

    .Hero-section {
        padding: 2rem
    }
}

@media (max-width: 1000px) {
    .Hero-section {
       margin-top: 6rem;
    }
    .hero-line {
        font-size: 28px;
        max-width: 36rem;
        line-height: 35px;
    }

  .Available-for-prjects {
        font-size: 12px;
        padding: 14px 17px;
    }

    .glowing-text {
        font-size: 13px;
    }

    .name-section {
        row-gap: 2rem;
    }

}

@media (max-width: 767px) {

    .container-1,
    .container-2 {
        padding: 0 16px;
    }
}

@media (min-width: 1500px) {
    .name-section {
        row-gap: 4rem;
    }
}



/* navbar */
@media (max-width: 991px) {
    .menus a {
        display: none;
    }

    .ham-menu {
        display: block !important;

    }

    header {
        padding: 1rem 0;
    }

}

@media (max-width: 600px) {
    .ham-bar a {
        font-size: 13px;
    }
}


/* navbar end */

@media (max-width: 500px) {
    header {
        padding: 8px 0;
    }

    .Available-for-prjects {
        font-size: 12px;
        padding: 14px 17px;
        margin: 0 0;
    }

    .star-cta {
        margin-right: 8px;
        height: 17px;
    }

    .hero-line {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 450;
    }

    .Hero-section {
        padding: 2rem 1rem;
        border-radius: 2rem;
        margin-top: 6rem;
        margin-bottom: 0.5rem;
    }

    .name-section {
        gap: 30px;
    }

    .p-in-hero {
        font-size: 14px;
        max-width: 90vw;
    }

    .glowing-btn {
        padding: 7px 24px;
        font-size: 17px;
        letter-spacing: 1px;
    }

    .glowing-text {
        font-size: 15px;
    }

    .Statement {
        font-size: 6vw !important;
        padding: 2rem 0;
    }

    .Statement-div {
        border-radius: 1.5rem !important;
    }

    .Statement {
        font-size: 3rem;
        font-weight: 650;
        padding: 2rem 0 !important;
    }

    .About-section {
        border-radius: 2rem;
        padding: 2rem 0.4rem;
        margin-bottom: 2rem;
    }

    .About-container span,
    .skills span {
        font-size: 7vw;
    }

    .Asmaltl-list {
        font-size: 14px;

    }

    .iam-section span {
        font-size: 7vw !important;
    }

    .skills {

        letter-spacing: -3px;
    }

    .skills-section {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }

    .skill-icons-section img {
        height: 45px;
        margin-bottom: 1rem;
        border-radius: 10px;

    }


    .About-container {
        margin-bottom: 1.5rem;
    }

    .first-para,
    .second-dpara {
        font-size: 14px;
        line-height: 27px !important;
    }

    .pt-1 {
        font-size: 14px;
    }

    .para {
        font-size: 2.5rem;
        color: black;
    }

    .RightToLeft {
        gap: 4em;
        animation: RighToLeft 25s infinite linear;
    }

    @keyframes RighToLeft {
        from {
            transform: translateX(0%);
        }

        to {
            transform: translateX(-350%);
        }
    }

    .Lets-collab-section {
        padding: 4rem 10px;
        border-radius: 2rem;
        margin: 2rem 0;
    }

    .lets-collab {
        font-size: 8vw;
        margin-bottom: 1rem;
        font-weight: 400;
    }

    .collab-line-div {
        max-width: 23rem;
    }

    .lets-collab-line {
        font-size: 14px;
        margin-bottom: 1.7rem;
        font-weight: 350;
    }

    .mail-icon {
        font-weight: 450;
        font-size: 13px;
        padding: 15px 24px;
    }

    .footer {
        padding: 1rem 0;
    }

    .first-innter-of-footer {
        margin-bottom: 3rem;
    }

    .curious {
        font-size: 7vw;
        font-weight: 450;
    }

    .feelfree {
        font-size: 13px;
    }

    .navigaion-section h3 {
        font-size: 1.2rem;
    }

    .navigaion-section {
        align-items: flex-start;
    }

    .navigaion-section a {
        font-size: 13px;
    }


    .Name-in-footer h1 {
        font-size: 7vw;
    }

    .second-inner-of-footer {
        gap: 3rem;
    }

    .second-inner-of-footer {
        flex-direction: column-reverse;
        gap: 4rem;
        margin-bottom: 0.8rem;
    }

    .Design-by h5 {
        font-size: 11px;
        margin-top: 1rem;
    }

    .vivek-in-footer {
        margin-left: 4px;
    }

    footer {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }

}

@media (min-width: 501px) and (max-width: 700px) {
  

    .Statement-div {
        border-radius: 2rem;
        margin-top: 2rem;
    }

    .Statement {
        font-size: 2rem !important;
        padding: 4rem 2rem !important;
    }

    .skills span,
    .About-container span {
        font-size: 30px;
        letter-spacing: -4px;
    }

    .skills {
        font-size: 3rem;
    }

    .skills-section {
        padding-bottom: 6rem;
        padding-top: 7rem;
    }

    .skill-icons-section img {
        height: 10vw;
        margin-bottom: -2rem;
    }

    .About-container {
        margin-bottom: 1rem;
    }

    .About-container span {
        margin-bottom: 2rem;
    }

    .iam-section span {
        font-size: 2rem !important;
    }

    .About-section {
        padding-top: 3rem 0;
        border-radius: 3rem;
        margin-bottom: 3rem;
    }

    .skill-icons-section img {
        max-height: 10vw;
        margin-bottom: 2rem;
    }

    .second-dpara,
    .first-para {
        font-size: 15px;
        line-height: 29px;
    }

    .RightToLeft {
        gap: 2.5em;
    }

    .para {
        font-size: 4.5rem;
    }

    .RightToLeft {
        gap: 4em;
        animation: RighToLeft 25s infinite linear;
    }

    @keyframes RighToLeft {
        from {
            transform: translateX(0%);
        }

        to {
            transform: translateX(-300%);
        }
    }


    .Lets-collab-section {
        margin: 3rem 0;
        padding: 4rem 1rem;
    }

    .lets-collab-line {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 3rem;
    }

    .lets-collab {
        font-size: 7vw;
    }

    .mail-icon {
        border-radius: 38px;
        padding: 13px 22px;
        font-size: 13px;
    }

    .first-innter-of-footer {
        margin-bottom: 5rem;
    }

    .curious {
        font-size: 2.5rem;

    }

    .feelfree {
        font-size: 15px;
    }

    .second-inner-of-footer {
        flex-direction: column-reverse;
        gap: 5rem;
        margin-bottom: 0.8rem;
    }

    .navigaion-section h3 {
        font-size: 1.2rem;
    }

    .navigaion-section {
        margin-left: 1rem;
        align-items: flex-start;
    }

    .Name-in-footer h1 {
        font-size: 2rem;
    }

    .Name-in-footer {
        margin-bottom: 1rem;
    }

    .Design-by {

        font-size: 0.8rem;
        font-weight: 350;
    }

    .vivek-in-footer {
        font-size: 0.9rem;
        font-weight: 400;
        color: #7958FC;
        margin-left: 7px;
    }

    footer {
        padding-top: 2rem;
    }

}


/* Hero start */
@media (min-width: 701px) and (max-width: 900px) {

    .Statement {
        font-size: 2.5rem;
        font-weight: 600;
        color: white;
        padding: 4rem 1rem;
        text-align: center;
    }

    .skills span,
    .About-container span {
        font-size: 2.2rem;
    }

    .iam-section span {
        font-size: 2.2rem !important;
    }

    .skills {
        margin-bottom: 5rem;
    }

    .About-section {
        margin-bottom: 4rem;
    }

    .para {
        font-size: 4.5rem;
    }

    .RightToLeft {
        gap: 6em;
        animation: RighToLeft 28s infinite linear;
    }


    @keyframes RighToLeft {
        from {
            transform: translateX(0%);
        }

        to {
            transform: translateX(-300%);
        }
    }


    .Lets-collab-section {
        margin-top: 4rem;
    }
}

@media (min-width: 900px) and (max-width: 1250px) {

    .skill-icons-section img {
        height: 5rem;
        margin-bottom: 2rem;
    }

    .skills-section {
        padding-bottom: 8rem;
        padding-top: 8rem;
    }

    .para {
        font-size: 4.5rem;
    }

    .RightToLeft {
        gap: 6em;
        animation: RighToLeft 32s infinite linear;
    }


    @keyframes RighToLeft {
        from {
            transform: translateX(0%);
        }

        to {
            transform: translateX(-300%);
        }
    }

}

/* HERO END */






/* only lets collab section */

@media (min-width: 701px) and (max-width: 1000px) {

    .Lets-collab-section {
        padding: 6rem 1rem;
        margin-top: 5rem;
    }

    .lets-collab {
        font-size: 3rem;
    }

}



/* ONLY STATEMENT SECTION */
@media (min-width: 801px) and (max-width: 1000px) {

    .Statement {
        font-size: 2.5rem;
        font-weight: 600;
        padding: 6rem 2rem;
    }
}

@media (min-width: 1001px) and (max-width: 1300px) {
      .Statement {
        font-size: 2.5rem;
        font-weight: 600;
        color: white;
        padding: 6rem 1rem;
        text-align: center;
    }
}

@media (min-width: 1301px) and (max-width: 1700px) {
    .Statement {
        font-size: 3.5rem;
        font-weight: 600;
        color: white;
        padding: 7rem 2rem;
        text-align: center;
    }

    .para {
        font-size: 5em;
    }
}

/* STATEMENT END */



/* ONLY FOOTER */
@media (min-width: 701px) and (max-width: 900px) {
    .first-innter-of-footer {
        margin-bottom: 5rem;
    }

    .curious {
        font-size: 2.3rem;

    }

    .skills-section {
        padding-bottom: 9rem;
        padding-top: 8rem;
    }

    .skill-icons-section img {
        height: 4.4rem;
        margin-bottom: 2rem;
    }

    .skills {
        margin-bottom: 8px;
    }

    .second-inner-of-footer {
        flex-direction: row;
        gap: 3rem;
        margin-bottom: 0.8rem;
    }


    .navigaion-section h3 {
        font-size: 1.2rem;
    }

    .navigaion-section {
        margin-left: 1rem;
        align-items: end;
    }



    .Name-in-footer h1 {
        font-size: 2.5rem;
    }

    .Name-in-footer {
        margin-bottom: 1rem;
    }

    .Design-by {

        font-size: 0.8rem;
        font-weight: 350;
    }

    .vivek-in-footer {
        font-size: 0.9rem;
        font-weight: 400;
        color: #7958FC;
        margin-left: 7px;
    }

    footer {
        padding-top: 2rem;
    }


}




/* charactorist-box */

@media (min-width: 767px) and (max-width: 556px) {
    .charactorist-box h3 {
        padding-top: 3rem !important;

    }

}

@media (min-width: 320px) and (max-width: 991px) {
    .charactorist-box h3 {
        padding-top: 3rem !important;

    }

    .charactorist-box {
        padding: 20px 17px;

    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .charactorist-box h3 {
        padding-top: 6rem !important;

    }

}



@media (max-width: 767px) {
    .container-2 {
        margin-top: 20px !important;
    }

    .Asmall-list {
        font-size: 14px;
        padding: 0 14px;
    }

    .second-dpara,
    .first-para {

        color: #333;
        line-height: 30px;
        padding: 0 12px;
    }



}