@media (max-width: 480px) {
    .table-crds {
        padding: 15px;
    }

    .table-cardhead {
        font-size: 14px;
    }

    .table-cardhead2 {

        font-size: 17px;
    }

    .withdraw-btn {
        width: 104px;
        font-size: 14px;
    }

    .withdraw-parrent {

        padding: 20px 20px 35px;
    }

    .withdraw-head2 {

        font-size: 19px;
    }

    .project-head {
        font-size: 11px;
    }

    .table-head2 {

        font-size: 15px;
    }

    .withdraw-parrent2 {
        height: fit-content;
        padding: 30px 20px 50px;
    }

    .tabs-box h1 {
        font-size: 13px;
    }

    .tabs-box {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

    .project-parrent {
        height: fit-content;
        padding: 30px 20px 50px;
    }

    .text-box2 {
        padding: 20px 15px;

    }

    .project-head2 {
        font-size: 14px;

    }

    .project-para {
        font-size: 13px;

    }

    .text-area {
        height: 100px;
    }

    .star-img {

        height: 15px;
        width: 15px;
    }

    .upload-para {
        font-size: 13px;
    }

    .setting-para2 {
        font-size: 10px;
    }

    .img-box-parrent {
        padding: 15px;
    }

    .setting-box {
        padding: 30px 20px;
    }

    .form-box {
        padding: 20px 15px;
    }

    .change-btn {
        width: 140px;
        height: 40px;
        font-size: 14px;
    }

    .cancle-btn {
        width: 77px;
        height: 40px;
        font-size: 14px;
    }

    .request-box1 {
        padding: 25px 15px;
    }

    .request-box2 {
        padding: 20px 20px;
    }

    .request-head2 {
        font-size: 14px;
    }

    .request-para {
        font-size: 12px;
    }

    .request-para2 {
        font-size: 12px;
        margin-top: 20px;
        width: 100%;
    }

    .quotes-img {
        width: 50px;
        height: 50px;
    }

    .biling-box {
        padding: 30px 20px;
    }

    .btn-div2 {
        height: 30vh;
    }

    .biling-input {
        font-size: 14px;
        padding-left: 15px;
    }

    .job-box {
        padding: 25px 15px;
    }

    .job-para {
        font-size: 14px;
    }

    .job-input {
        font-size: 14px;
        height: 50px;
    }

    .job-text-area {
        font-size: 14px;
        height: 120px;
    }

    .upload-para2 {

        font-size: 14px;
    }

    .upload-box {
        height: 140px;
    }

    .job-btn {
        font-size: 14px;
    }
    .modal-content{
        width: 100%;
    }
    .modal-input{
        width: 100%;
        font-size: 29px;
    }
    .modal-para{
        font-size: 11px;
        margin-top: 20px;  
    }
    .modal-head{
        font-size: 21px;  
    }
    .modal-btn{
        font-size: 13px;
        margin-top: 20px;
    }
    .post-btn{
        margin-top: 40px;
    }
    .profile-sidebar{
        margin-top: 50px;
    }
    .request-head{
        font-size: 18px;
    }

}

@media (min-width: 480px) and (max-width: 991px) {
    .withdraw-parrent2 {
        height: fit-content;
        padding: 30px 20px 50px;
    }

    .project-parrent {
        height: fit-content;
        padding: 30px 20px 50px;
    }

    .project-head2 {
        font-size: 15px;

    }

    .project-para {
        font-size: 14px;
    }

    .project-head {

        font-size: 15px;
    }

    .star-img {
        width: 25px;
        height: 25px;
    }

    .btn-div2 {
        height: 88vh;
    }



    .request-box1 {
        padding: 25px 15px;
    }

    .request-box2 {
        padding: 20px 20px;
    }

    .request-head2 {
        font-size: 16px;
    }

    .request-para {
        font-size: 14px;
    }

    .request-para2 {
        font-size: 12px;
        margin-top: 20px;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1050px) {
    .request-box1 {
        padding: 25px 15px;
    }

    .request-box2 {
        padding: 20px 20px;
    }

    .request-head2 {
        font-size: 16px;
    }

    .request-para {
        font-size: 14px;
    }

    .request-para2 {
        font-size: 12px;
        margin-top: 20px;
        width: 100%;
    }

    .quotes-img {
        width: 70px;
        height: 70px;
    }

    .btn-div2 {
        height: 88vh;
    }
}

@media (min-width: 1051px) and (max-width: 1850px) {
    .btn-div2 {
        height: 88vh;
    }

}