@media only screen and (max-width: 1400px) {
    .buyinginquiries {
        & .card-footer {
            small {
                width:210px;
            }
        }
    }
}
@media only screen and (max-width: 1300px) {
    .modal-content_buy {
        width: 65%;
    }
}
@media only screen and (max-width: 1200px) {
    .buyinginquiries {
        .filter-pills {
            width: 1000px;
        }
            #state {
                /* width: auto; */
                width: 143px;
            }
            #city {
                /* width: auto; */
                width: 125px;
            }
            .form-select {
                width: 113px;
            }
    }
    .postrequir {
        .postb-np h2 {
            font-size: 45px;
            line-height: 51px;
        }
    
        .requirements-section {
            min-height: 450px;
        }
    
        .section-post {
            min-height: 433px;
        }
    
        .steps-container {
            h2 {
                font-size: 40px;
                line-height: 48px;
            }
        }
    }
}
@media only screen and (max-width: 1100px) {
    .buyinginquiries {
        .filter-pills {
            width: 1000px;
        }
        .form-select {
            width: 113px;
        }
    }
    .postrequir{
        .steps-container {
            h2 {
                font-size: 35px;
                line-height: 45px;
            }
        }
    }
    .modal-content_buy {
        width: 75%;
    }
}
@media only screen and (max-width:992px) {
    .buyinginquiries {
        .filterui {
            display: none;
        }
        .filter-pills {
            display: none;
        }
    }
    .modal-content_buy {
        width: 60%;
      }
      .postrequir{
        .icons-section {
            margin-top: 50px;
        }
        .steps-container {
            padding: 90px 20px 80px 20px !important;
    
            h2 {
                font-size: 30px;
                line-height: 38px;
            }
        }
        .section-post {
            min-height: 100px;
            margin: 30px 0px 50px 0px;
        }
      }
      .looking-view-np {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:768px) {
    .postrequir {
        padding: 0px !important;
        .section-post {
            min-height: 232px;
        }
       
    }
    .modal-content_buy {
        width: 70%;
      }
}
@media only screen and (max-width:576px) {
    .modal-content_buy {
        width:100%;
        padding: 25px;
      }
      .qunity-Dilvery {
        flex-wrap: wrap;
        gap:30px;
    }
    .close-view-np {
        position: relative;
        left:43%;
        top: -64px;
    }
    .modal-content_buy {
        border-radius: 35px 35px 0px 0px;
    }
    /* .modal-content_buy {
        width: 100%;
        margin: 0;
        border-radius: 16px 16px 0 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 25px;
        max-height: 90vh;
        overflow-y: auto;
    } */
    .postrequir {
        .requirements-section {
            padding: 0px 20px;
        }
        .postb-np h2 {
            font-size: 40px;
            line-height: 42px;
        }
        .section-post {
            min-height: 232px;
        }
        .postb-np button {
            font-size: 13px;
        }
        .custom-btn {
            padding: 9px 11px;
        }
       
    }
    #requirementModal {
        #buy-popup .btn-close {
            top: -18px;
        }
        .modal-title {
            font-size: 25px;
            line-height: 29px;
        }
        #buy-popup p {
            font-size: 16px;
        }
        .login-btn {
            padding: 8px 20px;
            height: 43px;
        }
        .create-btn{
            padding: 8px 20px;
            height: 43px;
        }
    }
}

@media only screen and (max-width:400px) {
    .filter-dropdown {
        /* width:330px; */
    }
    .m-cate-np {
        width:40%;
    }
    
    .sub-cat-np {
        width: 60%;
    }
    .postrequir {
        padding: 0px !important;
        .postb-np h2 {
            font-size: 29px;
            line-height: 33px;
        }
        .postb-np p {
            font-family: var(--inter);
            font-size: 12px;
            font-weight: 400;
            line-height: 24px;
        }
        .section-post {
            min-height: 232px;
        }
    }
    .inq-post-np h1 {
        font-size: 25px;
    }

}