@media (max-width: 2575px){
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: calc(17% - 16px);
    }
}

@media (max-width: 2400px){
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: calc(17% - 16px);
    }
}

@media (max-width: 2370px){
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: calc(17% - 16px);
    }
}

@media(max-width:1960px){
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: calc(17% - 14px);
    }
}


@media(max-width:1920px){
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: calc(17% - 14px);
    }
}

@media (max-width: 1780px) {
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: 16.21%;
    }
}

@media (max-width: 1690px) {
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: calc(16% - -2.6px);
    }
}

@media(max-width: 1600px){
    .product-box.pro-box-wLogin.outer-circular .lp-col {
            flex-basis: 16.1%;
    }
    .buyerCiculargrid .gridview-product-img{
       width: 70px;
    }
    .buyerCiculargrid .gridview-product{
        justify-content: left;
    }
}

@media (max-width: 1555px) {
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: 16.15%;
    }
}
@media (max-width: 1498px) {
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: 16.1%;
    }
    .hand-spundata{
        width: 100%;
        margin-bottom: 17px;
    }
    .weiting-shingcosat{
        flex-direction: column;
    }
    .weiting-shingcosat .productpick-date{
        width: 100%;
    }
    .weiting-shingcosat .d-picker{
        column-gap: 43px;
    }
}

@media (max-width: 1440px) {
    .header .navbar {
        margin-bottom: 20px;
    }

    .header .navbar-nav .nav-item a,
    .header .navbar-nav .nav-item button,
    .header ul.login-signup .nav-item button {
        font-size: 14px;
    }

    .header-links {
        column-gap: 25px;
    }

    .login {
        padding: 20px 30px 15px 30px;
    }

    .loginpl-100 {
        padding-left: 100px;
    }

    .lp-col {
        flex-basis: 24%;
    }

    .similar-product .lp-col {
        flex-basis: 19%;
    }

    .price {
        max-width: 220px;
    }

    .price h5 span {
        font-size: 14px;
    }

    .recent-clear h2,
    .recent-clear a {
        font-size: 14px;
    }

    .recent-clear {
        padding: 28px 0px 20px;
    }

    .m-icon {
        margin-bottom: 15px;
    }

    .wce-box {
        flex-basis: 58%;
    }

    .your-suns {
        flex-basis: 42%;
    }

    .cost-saving-content {
        padding: 20px;
    }

    .recent-search {
        padding: 40px 0px;
    }

    .lising-product {
        column-gap: 8px;
    }

    .order-list {
        column-gap: 15px;
    }

    .wce-box.wce-b {
        flex-basis: 40%;
    }

    .your-suns.your-sun {
        flex-basis: 60%;
    }

    .stocklist-tabing .nav-tabs {
        margin-bottom: 22px;
    }

    .stocklist-box {
        padding: 30px 50px;
    }

    .gallery-box img {
        height: 130px;
    }

    .product-form {
        padding: 66px 57px;
    }

    .summary-box img {
        height: 36px;
    }

    .brand-name img {
        height: 32px;
    }

    .menuicon-tab img {
        height: 24px;
    }

    .conf-purchaseorder .lising-product .lp-col {
        flex-basis: 18%;
    }

    .savechanges-userprofile {
        width: 100%;
        margin: 30px 0px;
    }

    .userpersonal-img {
        margin: 47px 0px;
    }

    .jwborder:after {
        width: 125px;
        height: 125px;
        top: -13px;
        right: -35px;
    }

    .userupload-img img {
        width: 95px;
        height: 95px;
    }

    .userupload-img {
        width: 95px;
        height: 95px;
    }
    .pricing-plan-cricular .watch-icon h2 {
        font-size: 22px;
    }
    .pricing-plan-cricular .price-new h2 {
        font-size: 45px;
    }
    .backlist-content h2 {
        font-size: 21px;
    }
    .search-yourspecicorder {
        width: 50%;
    }
    .user-listtabing-request {
        width: 50%;
    }
    .latest-requestmanagement .user-listtabing-request .nav-tabs {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
        flex-wrap: nowrap;
    }
    .latest-requestmanagement {
        column-gap: 17px;
    }
    .wool-seldvege h2 {
        font-size: 40px;
    }
    .user-selectid tr td,
    .user-selectid tr th {
        padding: 12px 24px;
        white-space: nowrap;
    }
    .search-filter-supplyer {
        width: 68%;
    }
    .filter-mapsupplyer {
        width: 19%;
    }
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: 16.1%;
    }
    span.banner-text {
        color: #064E3B;
        margin-bottom: 11px;
    }
    .callto-us p{
        min-height: 93px;
    }
}

@media (max-width: 1366px) {
    .header .navbar {
        margin-bottom: 15px;
    }
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: calc(17% - 13px);
    }
    .trackcsvorder a{
        font-size: 12px;
    }
    .trackcsvorder img{
        height: 17px;
        max-width: 18px;
    }
    .header .navbar-nav .nav-item a,
    .header .navbar-nav .nav-item button,
    .header ul.login-signup .nav-item button {
        font-size: 13px;
    }

    .header-links {
        column-gap: 20px;
    }

    .loginpl-100 {
        padding-left: 90px;
    }

    .login {
        padding: 15px 25px 15px 25px;
    }

    .login-inner .sign-content p {
        font-size: 14px;
    }

    .rightIconContainer {
        gap: 25px;
    }

    .practice-plus-minus {
        max-width: 230px;
    }

    .compostion ul li {
        font-size: 14px;
    }

    .recent-clear {
        padding: 20px 0px 15px;
    }

    .sample {
        padding: 25px 35px;
    }

    .price {
        max-width: 210px;
    }

    .fabric-box {
        padding: 15px;
    }

    .search-location input {
        font-size: 14px;
    }

    .m-icon h6 img {
        height: 16px;
    }

    .buyer-banner {
        height: 350px;
    }

    .welcme-procurebanner {
        padding: 0 100px;
        max-width: 610px;
    }

    .welcme-procurebanner h1 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .welcme-procurebanner p {
        font-size: 16px;
        line-height: 26px;
    }

    .features-list h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .brokrage-platfrom-content h2 {
        padding: 20px 0px 15px;
    }

    .brokrage-platfrom-content p {
        font-size: 16px;
        line-height: 22px;
        padding: 10px 0px 30px;
    }

    .brokrage-platfromlp-content-content h2 {
        min-height: 60px;
    }

    .features-list {
        padding: 35px 0px 25px;
    }

    .product-content h2 {
        font-size: 14px;
    }

    .clear-search h2,
    .cric h3 {
        font-size: 20px;
    }

    .market-filter a.white-btn.me-2.py-1.for-modalFilters {
        padding: 8px 22px !important;
    }

    .ins-gearden-content h2 {
        font-size: 18px;
        line-height: 20px;
    }

    .d-productbox .lp-col {
        margin-bottom: 25px;
    }

    .d-productbox .lp-col {
        flex-basis: 19%;
    }

    .lising-product {
        column-gap: 10px;
    }

    .rec-activites h2,
    .manage-rent h3,
    .stocklist-guidline-jour h2 {
        font-size: 22px;
    }

    .gridview-product-content {
        margin-left: 12px;
        width: 230px;
    }

    .gridview-product-content h2 {
        font-size: 14px;
    }

   .gridview-product .color-picker {
       margin: 10px 12px;
       width: 25px;
       height: 10px;
   }

    .gridview-product .product-price {
        padding: 0px 5px 0px;
        column-gap: 10px;
    }

    .stocklist-box {
        padding: 30px 40px;
    }

    .stocklist-temple,
    .stocklist-drag,
    .previe-market-track {
        padding: 26px;
    }

    .filtring-dategallery {
        column-gap: 14px;
    }

    .upload-stocktemp {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        margin-bottom: 25px;
    }

    .product-form {
        padding: 46px 37px;
    }

    .trackcsvorder a {
        padding: 5px 20px;
    }

    .confirm-orderlist.co-track {
        flex-wrap: wrap;
        row-gap: 15px;
    }

    .confirm-orderlist.chrloc-brand .cn-product {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .confirm-orderlist.chrloc-brand .cn-product .pr-cotton {
        width: 50%;
    }

    .confirm-orderlist.chrloc-brand .cn-product .pr-cotton span {
        font-size: 11px;
        color: #2d6a4d;
        text-transform: uppercase;
        display: block;
    }
    .pricing-plan-cricular .price-new h2 {
        line-height: 78px;
    }
    /*.pricing-plan-cricular .pricing-plan{
        padding: 30px 15px 22px;
    }*/
    .limited-time h2 {
        line-height: 78px;
    }
    .accelator-new {
        padding: 22px 22px;
    }
    .backlist-content h2 {
        font-size: 16px;
        white-space: nowrap;
    }
    .price-number h6 {
        font-size: 15px;
    }
    .price-number span {
        font-size: 15px;
    }
    .price-number.shp-cost h6 {
        font-size: 15px;
    }
    .search-yourspecicorder {
        width: 40%;
    }
    .search-yourspecicorder {
        width: 60%;
    }
    .wool-seldvege h2 {
        font-size: 37px;
    }
    .backlist-content h6 {
        font-size: 13px;
    }
    .request-market h2 {
        font-size: 21px;
    }
    .callto-us p{
        min-height: 93px;
    }
    .trap-vehicle img {
        width: 23px;
        height: 23px;
    }
    .trap-vehicle h6{
        font-size: 12px;
    }
    .brand-name h6{
        font-size: 12px;
    }
    .byerOrderDetails .details-pro {
        margin: 10px 0px 0px 23px;
    }
    .byerOrderDetails .confirm-orderlist.details-pro .brand-name h6{
        width: 76px;
    }
    .confirm-orderlist.details-pro.cous-sippingdata {
        margin: 0px 0px 8px 30px;
    }
    .cous-sippingdata .cn-product{
        width: 100%;
    }
    .cous-sippingdata .pr-cotton p{
        font-size: 12px;
    }
    .add-lpty.shiping-costdata {
        margin-left: 12px;
    }
    .shiping-costdata .confirm-orderlist.chrloc-brand .cn-product .pr-cotton {
        width: 49%;
    }
    .add-lpty.shiping-costdata .confirm-orderlist{
        padding: 10px 8px;
    }
    .write-trackingdetails.weiting-shingcosat .trap-vehicle h6 {
        font-size: 16px;
    }
    .weiting-shingcosat .d-picker {
        column-gap: 48px;
    }

}

@media (max-width: 1280px) {
    .header .navbar-nav .nav-item a,
    .header .navbar-nav .nav-item button,
    .header ul.login-signup .nav-item button {
        font-size: 12px;
    }

    .header-links {
        column-gap: 15px;
    }
    .buyerCiculargrid .gridview-product-img {
        width: 60px;
    }

    .loginpl-100 {
        padding-left: 90px;
    }

    .inner-login-from {
        padding: 50px 25px;
    }

    .rightIconContainer {
        gap: 18px;
    }

    .lp-col {
        flex-basis: 32%;
    }

    .threedotInner.rightInner {
        padding-left: 25px;
    }

    .threedotInner.leftInner {
        padding-right: 25px;
    }

    .sample {
        padding: 25px 30px;
    }

    .price {
        max-width: 195px;
    }

    .features-list {
        padding: 30px 0px 20px;
    }

    .features-list h2 {
        font-size: 20px;
    }

    .brokrage-platfrom-content h2 {
        padding: 15px 0px 15px;
        font-size: 16px;
        min-height: 80px;
    }

    .brokrage-platfrom-content p {
        font-size: 16px;
        line-height: 22px;
        padding: 5px 0px 25px;
    }

    .brokrage-platfromlp-content-content p {
        font-size: 14px;
    }

    .brokrage-platfromlp-content-content {
        min-height: 260px;
        padding: 20px 0px;
    }

    .buyer-introduce {
        padding: 30px 43px;
        margin: 30px 0px;
        height: 200px;
    }

    .expoler-list-lp {
        margin-bottom: 30px;
    }

    .buyer-banner {
        height: 310px;
    }

    .welcme-procurebanner {
        padding: 0 65px;
        max-width: 550px;
    }

    .welcme-procurebanner h1 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 15px;
    }

    .welcme-procurebanner p {
        line-height: 22px;
    }

    .brokrage-platfromlp-content img {
        height: 220px;
    }

    .new-prountproduct-img {
        flex-basis: 80px;
    }

    .new-prountproduct-img img {
        height: 65px;
    }

    .stocklist-temple h2,
    .stocklist-drag h2,
    .previe-market-track h2 {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .stocklist-temple p,
    .previe-market-track p {
        font-size: 16px;
        line-height: 24px;
    }

    .gallery-box {
        flex-basis: 14.99%;
    }

    .price-number h6,
    .price-number.shp-cost {
        flex-direction: column;
        display: flex;
        align-items: flex-start;
    }
    .wool-seldvege .me-lb a {
        font-size: 13px;
    }
    .whosale h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: 15.9%;
    }
    .write-trackingdetails.weiting-shingcosat .trap-vehicle h6 {
        font-size: 16px;
    }
    .weiting-shingcosat .d-picker {
        column-gap: 49px;
    }
    .add-product-from-buyer-end .produc-type label{
        font-size: 12px;
    }
    .add-product-from-buyer-end .product-information{
        padding: 18px;
    }
    .product-search-date{
        width: 100%;
    }
}

@media (max-width: 1100px) {
    .navbar .collapse {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.3s, opacity 0.3s ease;
    }

    .navbar .collapse.show {
        visibility: visible;
        opacity: 1;
        z-index: 9999;
    }

    .navbar-collapse {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        text-align: left;
    }

    .navbar-toggler {
        display: block;
        padding: 0;
        border: none;
        border-radius: 0;
    }

    .navbar-toggler:focus {
        border: none;
        padding: 0;
        box-shadow: none;
    }

    .navbar-toggler-icon {
        background: url(../../img/frontend/menu-bar.svg) no-repeat center;
    }

    .header .navbar-nav {
        flex-direction: row;
    }

    .header .navbar-collapse .navbar-nav {
        flex-direction: row;
        align-items: flex-start;
    }

    .sign-content {
        width: 90%;
    }

    .loginpl-100 {
        padding-left: 80px;
    }

    .threedotInner.leftInner img,
    .threedotInner.rightInner img {
        display: none;
    }

    .searchContainer {
        padding: 0px 35px 0px 35px;
        display: flex;
        gap: 25px;
    }

    .lp-col {
        flex-basis: 31.4%;
    }

    .product-content h2 {
        font-size: 14px;
    }

    .cate-sidebar {
        width: 230px;
    }

    .right-products {
        width: calc(100% - 230px);
    }

    .cric h3 {
        font-size: 20px;
    }

    .ab-content {
        width: 90%;
        padding-right: 5%;
    }

    .ab-content h1 {
        font-size: 22px;
    }

    .ab-content p {
        font-size: 15px;
    }

    .ab-content a {
        font-size: 12px;
        padding: 6px 20px;
    }

    .pro-box-wLogin .lp-col {
        flex-basis: 19.1%;
    }

    .search-header {
        padding: 25px 20px;
    }

    .search-header .container-fluid {
        padding: 0;
    }

    .choose-fabric,
    .sample {
        min-height: calc(100% - 98px);
    }

    .look-fabric {
        height: calc(100% - 98px);
    }

    .filter-range {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .price {
        max-width: 100%;
    }

    .look-fabric {
        width: 30%;
    }

    .recent-history {
        padding: 0;
    }

    .welcme-procurebanner h1 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .welcme-procurebanner {
        padding: 0 50px;
        max-width: 460px;
    }

    .welcme-procurebanner p {
        font-size: 14px;
        line-height: 20px;
    }

    .features-list {
        padding: 25px 0px 15px;
    }

    .brokrage-platfrom-content h2 {
        padding: 15px 0px 10px;
        font-size: 16px;
        min-height: 75px;
    }

    .brokrage-platfrom-content p {
        font-size: 14px;
        line-height: 22px;
        padding: 5px 0px 20px;
    }

    .platform-proc {
        padding: 0px 0px 20px;
    }

    .platform-proc:after {
        top: 40px;
    }

    .int-button h2 {
        font-size: 16px;
    }

    .int-button h6 {
        font-size: 12px;
    }

    .buyer-introduce {
        padding: 25px 35px;
        margin: 20px 0px;
        height: 170px;
    }

    .brokrage-platfromlp-content-content a {
        font-size: 13px;
        line-height: 20px;
    }

    .brokrage-platfromlp-content-content p {
        line-height: 20px;
    }

    .brokrage-platfromlp-content-content h2 {
        min-height: 50px;
        font-size: 16px;
    }

    .brokrage-platfromlp-content img {
        height: 185px;
    }

    .brokrage-platfromlp-content-content {
        font-size: 15px;
    }

    .brokrage-platfromlp-content-content {
        min-height: 230px;
    }

    .footer {
        padding: 30px 0;
    }

    .rating-esg {
        flex-wrap: wrap;
        column-gap: 6px;
        height: auto;
        row-gap: 6px;
    }

    .wce-box,
    .your-suns {
        flex-basis: 100%;
    }

    .recent-search {
        padding: 25px 0px;
    }

    .d-productbox .lp-col {
        flex-basis: 23.8%;
    }

    .d-productbox .lp-col {
        margin-bottom: 25px;
    }

    .supplier-statics {
        height: auto;
    }

    .wce-box.wce-b {
        flex-basis: 100%;
    }

    .your-suns.your-sun {
        flex-basis: 100%;
        height: auto;
    }

    .rec-activites h2,
    .manage-rent h3,
    .stocklist-guidline-jour h2 {
        font-size: 20px;
    }

    .order-list {
        column-gap: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
        padding-bottom: 15px;
    }

    .order-box {
        white-space: normal;
        flex: 0 0 auto;
    }

    .request-box {
        min-height: 197px;
        white-space: normal;
        flex: 0 0 auto;
    }

    .order-box,
    .request-box {
        width: 30%;
    }

    .user-listtabing {
        width: 85%;
    }

    .user-listtabing .nav-tabs {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
        flex-wrap: nowrap;
        padding-bottom: 0px;
    }

    .user-listtabing .nav-tabs li.nav-item {
        flex: 0 0 auto;
    }

    .user-selectid table tr td:first-child {
        min-width: 200px;
        white-space: normal;
    }

    .user-selectid tr td,
    .user-selectid tr th {
        padding: 10px;
        white-space: nowrap;
    }

    .gridview-product .product-price {
        column-gap: 15px;
    }

    .gallery-box {
        flex-basis: 17.5%;
    }

    .gallery-box img {
        height: 110px;
        border-width: 1px;
    }

    .stocklist-guidline-jour p {
        margin-bottom: 15px;
    }

    .product-form {
        padding: 36px 27px;
    }

    .accept-condition {
        padding: 0;
    }

    .ov-lists {
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .orderlist-view .practice-plus-minus {
        margin-left: 0;
    }

    .orderlist-view {
        align-items: flex-start;
        flex-direction: column;
        row-gap: 15px;
    }

    .orderlist-view .product-image h6 {
        width: 55%;
    }

    .orderlist-view .pr-price img {
        max-width: inherit;
        height: 24px;
    }

    .basketorder-list .orderlist-view {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .ov-pr-lists {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .priceper-miter {
        padding: 0px 20px 17px;
    }

    .orderplace-list {
        padding: 20px;
    }

    .summary-box img {
        height: 26px;
    }

    .brand-name img {
        height: 26px;
        width: 26px;
    }

    .menuicon-tab img {
        height: 22px;
        width: 22px;
    }

    .order-information {
        padding: 30px 0px;
    }

    .basket-steps .steps {
        margin-bottom: 1rem;
    }

    .paymentcard-image {
        column-gap: 20px;
    }

    .conf-purchaseorder .lising-product .lp-col {
        flex-basis: 25%;
    }

    .conf-purchaseorder {
        padding: 0 35px 50px;
    }

    .purchase-orderdetails {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        row-gap: 15px;
    }

    .materialcheck-box {
        min-width: inherit;
    }

    .confirm-orderlist.chrloc-brand {
        flex-direction: column;
        align-items: flex-start;
    }

    .confirm-orderlist.chrloc-brand .brand-name,
    .confirm-orderlist.chrloc-brand .cn-product {
        width: 100%;
    }

    .userpersnaldetails-tabing .nav-tabs {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
        flex-wrap: nowrap;
        padding-bottom: 15px;
    }
    .offer-main h6 {
        font-size: 18px;
    }
}

@media (max-width: 1279px) {
    /* body {
    display: none;
    } */
}

@media (min-width: 1171px) {
    .navbar .collapse {
        visibility: visible;
        opacity: 1;
        display: flex;
    }
   .gridview-product .color-picker {
       margin: 10px 12px;
       width: 12px;
       height: 10px;
   }
    .navbar-toggler {
        display: none;
    }
    .confirm-orderlist.chrloc-brand .brand-name,
    .confirm-orderlist.chrloc-brand .cn-product {
        width: 100%;
        margin-bottom: 6px;
    }
    .confirmation-orderbox span {
        margin-bottom: 7px;
    }
    .sample-offer h2 {
        font-size: 13px;
    }
    .accept-offer a {
        font-size: 13px;
    }
    .whosale h2 {
        font-size: 20px;
    }
    .confirm-orderlist.chrloc-brand.gtyu-previous .brand-name {
        width: 48%;
        margin-bottom: 10px;
    }

    /* .pricing-table{
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
        flex-wrap: nowrap;
    }*/
}
@media (max-width: 1166px) {
    .produc-deliverycountry-ads {
        flex-direction: column;
        align-items: self-start;
    }
        .gridview-product .color-picker {
            margin: 10px 12px;
            width: 14px;
            height: 10px;
        }
    .supl-offer h2 {
        margin-bottom: 10px;
    }
    .spd-boatmice {
        column-gap: 10px;
    }
    .search-filter-supplyer {
        width: 60%;
    }
    .supl-offer h2 {
        font-size: 15px;
    }
    .filter-mapsupplyer {
        width: 24%;
    }
    .offer-main {
        padding: 20px;
    }
    .offer-boxdry {
        padding: 20px;
    }
    .userpersonal-detailfrom-supd {
        padding: 20px;
    }
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: 15.8%;
    }
}
@media (max-width: 1024px) {
    .similar-product .lising-product {
        padding: 0px 13px;
    }
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: 24.2%;
    }
    .product-search-date{
        flex-direction: column;
    }
    .ordercallender {
        display: flex
    ;
        column-gap: 20px;
        margin-top: 14px;
    }
    .write-trackingdetails.weiting-shingcosat .trap-vehicle h6 {
        font-size: 16px;
    }
    .upload-productimagespopup .modal-dialog {
        width: 100%;
        max-width: 100%;
        padding: 0px 20px;
    }
    .orderlist-view .product-image h6 {
        width: 50%;
    }
}

@media (max-width: 991px) {
    .header {
        padding: 20px 25px;
    }
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: calc(24%);
    }
    .ofeer-cricle .produc-type {
        flex-direction: column;
    }

    .sign-content {
        width: 404px;
    }
    .search-filter-supplyer {
        width: 66%;
    }
    .search-filter-supplyer {
        left: 0px;
    }
    .filter-mapsupplyer {
        right: 14px;
    }
    .login-inner {
        background: url(../../img/frontend/tab-login-bg.png) no-repeat;
        background-size: 100% 100%;
        width: 100%;
        min-height: calc(100vh - 130px);
    }

    .loginpl-100 {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

    .log-text {
        display: flex;
        justify-content: center;
    }

    .filter-box {
        display: none;
    }

    .search-material {
        position: sticky;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 99;
    }

    .cate-sidebar {
        position: fixed;
        z-index: 9;
        background: #fff;
        padding-bottom: 25px;
        left: -240px;
        box-shadow: 0 8px 5px 1px rgba(0, 0, 0, 0.2);
        border-radius: 0 10px 10px 0;
    }

    .open-left-menu .cate-sidebar {
        left: 0;
        top: 60px;
    }

    .product-box,
    .right-products {
        width: 100%;
    }

    .lp-col {
        flex-basis: 23.95%;
    }

    .ab-content {
        width: 60%;
        padding-right: 5%;
    }

    .ab-content h1 {
        font-size: 28px;
    }

    .ab-content p {
        font-size: 16px;
    }

    .ab-content a {
        font-size: 14px;
        padding: 8px 22px;
    }

    .rightIconContainer,
    .searchText,
    .aiContainer,
    .threedotInner.rightInner,
    .searchIcon {
        display: none;
    }

    .search-top-bar {
        height: 70px;
    }

    .searchContainer {
        border-radius: 0px 0px 0 50px;
    }

    .tabSearchIcons {
        display: flex;
        gap: 25px;
    }

    .cart-counting {
        background: #ba902f;
        width: 16px;
        height: auto;
        color: #fff;
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: -12px;
        top: -12px;
        border-radius: 100%;

    }

    .product-content {
        /* min-height: 90px; */
    }

    .searchContainer {
        padding: 0px 30px 0px 35px;
    }

    .threedotInner.leftInner {
        margin-right: -5px;
    }

    .threedotInner.leftInner img {
        display: none;
    }

    .dashboard {
        margin-top: 10px;
    }

    .left-menu-toggle {
        display: flex;
    }

    body.open-left-menu {
        overflow: hidden;
    }

    .pro-box-wLogin .lp-col {
        /* flex-basis: 23.8%; */
        flex-basis: 32%;
    }

    #left-menu-toggle {
        display: inline-block;
    }

    .prodetail-right {
        width: 100%;
    }

    .footer {
        padding: 35px 0;
    }

    .insipration-content {
        padding: 40px 20px;
    }

    .jacket-reve {
        height: 100%;
    }

    .jacket-reve img {
        height: 100%;
    }

    .similar-product .lp-col {
        flex-basis: 32.2%;
    }

    .practice-plus-minus {
        max-width: 300px;
    }

    .order-btn button {
        width: 100%;
    }

    .choose-fabric {
        flex-direction: column-reverse;
        padding: 20px;
        justify-content: flex-end;
    }

    .look-fabric {
        width: 100%;
        border: 1px solid #2d6a4d;
        height: auto;
        min-height: auto;
    }

    .sample {
        min-height: auto;
        height: auto;
        margin: 0 0 25px 0;
        border: none;
        width: 100%;
        padding: 0;
    }

    .searching-data {
        padding-right: 0;
        flex-direction: column;
        row-gap: 15px;
    }

    .search-btn {
        margin: 0;
        width: 100%;
    }

    .search-btn button {
        width: 100%;
    }

    .s-location img {
        height: 25px;
    }

    .buyer-banner {
        height: auto;
        padding: 10px 0px;
    }

    .d-productbox .lising-product {
        flex-direction: row;
    }

    .d-productbox .lp-col {
        flex-basis: 32.33%;
    }

    .new-prountproduct-img img {
        height: 55px;
    }

    .wce-box {
        flex-direction: column;
        row-gap: 6px;
    }

    .welcome-criculam {
        flex-basis: 100%;
    }

    .welcome-criculam-content {
        min-height: 160px;
    }

    .order-box,
    .request-box {
        width: 45%;
    }

    .user-selectid tr td,
    .user-selectid tr th {
        padding: 10px;
    }

    .orderlist-tabing {
        padding: 0;
    }

    .stocklist-temple h2,
    .stocklist-temple p {
        min-height: auto;
    }

    .gallery-box {
        flex-basis: 22.5%;
    }

    .gallery-box img {
        height: 120px;
    }

    .stocklist-tabing .nav-tabs li.nav-item {
        margin: 0px 10px 0px 0px;
    }

    .product-form {
        padding: 26px 0;
    }

    .orderlist-view,
    .basketorder-list {
        margin-right: 0;
    }

    .shp-shopping {
        margin-top: 25px;
    }
    .request-summary {
        margin-top: 0px;
    }
    .basket-steps .steps {
        margin-left: 25px;
        margin-right: 25px;
    }

    .order-information {
        padding: 35px 0;
    }

    .ov-pr-lists {
        flex-direction: column;
        align-items: flex-end;
        row-gap: 15px;
    }

    .orderlist-view .practice-plus-minus {
        margin-right: 0;
    }

    .ov-trash {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .orderlist-view .pr-price img {
        height: 28px;
    }

    .orderlist-view .pr-price h2 {
        font-size: 18px;
    }

    .orderlist-view .product-image img {
        width: 65px;
        height: 65px;
    }

    .value-permiter h6 {
        font-size: 16px;
    }

    .summary-box img {
        height: 26px;
        width: 26px;
    }

    .brand-name img {
        height: 26px;
        width: 26px;
    }

    .menuicon-tab img {
        height: 22px;
        width: 22px;
    }

    .thankyou-purchase {
        margin: 50px 25px 20px;
    }

    .conf-purchaseorder .lising-product .lp-col {
        flex-basis: 32%;
    }

    .conf-purchaseorder .lising-product {
        justify-content: flex-start;
    }

    .contact-popup .produc-type {
        width: 100%;
        margin-bottom: 5px;
        flex-basis: 100%;
        display: flex;
        flex-direction: column;
    }

    .product-modal {
        margin: 0px 15px;
    }

    .pr-cotton h6 {
        line-height: 16px;
        margin-bottom: 0px;
        padding-left: 5px;
    }

    .pr-cotton {
        align-items: center;
    }

    .pr-cotton p {
        line-height: 13px;
    }

    .userprofile-fixdata .produc-type {
        flex-direction: column;
    }

    .userpersnaldetails-tabing-new .nav-tabs li.nav-item {
        margin: 0px 10px 0px 0px;
    }
    .userpersonal-detailfrom .produc-type {
        flex-direction: column;
    }

    .pricing-locationsummary {
        padding: 18px;
    }
    .sumy-productvalue ul li {
        font-size: 15px;
    }
    .wool-seldvege h2 {
        font-size: 33px;
        line-height: 47px;
    }

    .dftg-offer h6 {
        font-size: 30px;
    }
    .dftg-offer p {
        font-size: 16px;
    }
    .offer-main {
        padding: 16px;
    }
    .supl-offert {
        width: 90%;
    }
    .more-filter-result {
        width: 100%;
    }
    .addednew-plans.pricing-plan-data {
        padding: 0px;
    }
    .confirm-orderlist.chrloc-brand.gtyu-previous .brand-name {
        margin-bottom: 10px;
    }
    .favouritesC .orderlist-view .product-image h6{
        width: 100px;
        font-size: 12px;
    }
    .favouritesC .orderlist-view {
        padding: 10px 8px;
    }
    .favouritesC .white-btn{
        font-size: 12px;
    }
    .add-product-from-buyer-end .produc-type {
        margin-bottom: 5px;
        flex-basis: 50%;
    }
    .searchContainer {
        background: none;
    }
    .threedotOuter{
        background: none;
    }
    .allRangeView{
        width: 100%;
    }
    .filter-range{
        margin-top: 10px;
    }
    .shiping-costdata .confirm-orderlist.chrloc-brand .cn-product .pr-cotton {
        margin-top: 5px;
        column-gap: 7px;
    }
        .gridViewC {
            padding: 0px 10px 0px 10px;
        }

}

@media(max-width:860px){
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: calc(24% - 1px);
        }
}

@media(max-width:770px){
    .product-box.pro-box-wLogin.outer-circular .lp-col {
        flex-basis: calc(24% - 1px);
    }
}

@media(max-width:768px){
    .confirm-orderlist.details-pro.cous-sippingdata .pr-cotton p {
        line-height: 18px;
    }
    .brdr-link{
        padding-right: 10px;
    }
    .shp-shopping {
        margin-top: 0px;
    }
    .weiting-shingcosat .d-picker {
        column-gap: 27px;
    }
    .hand-spundata {
        width: 100%;
        margin-bottom: 4px;
    }
    .thankyou-purchase {
        padding: 35px 22px;
        margin: 33px 15px 20px;
    }
    .confirmation-orderbox {
        border-radius: 0px 0px 70px 70px;
        padding: 91px 47px;
        width: 100%;
        max-width: 521px;
        margin: 0 auto;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .login-inner {
        background: url(../../img/frontend/mobile-login-bg.png) no-repeat;
        background-size: 100% 100%;
        width: 100%;
        min-height: calc(100vh - 130px);
    }

    .hand-spundata .trap-vehicle {
        column-gap: 6px;
        flex-direction: column;
    }
        .weiting-shingcosat .d-picker {
        column-gap: 27px;
        flex-direction: column;
        align-items: self-start;
    }
    .hand-spundata .trap-vehicle {
        column-gap: 6px;
        flex-direction: column;
        align-items: self-start;
    }
    .write-trackingdetails.weiting-shingcosat .trap-vehicle h6 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .write-trackingdetails.weiting-shingcosat .productpick-date .d-picker h6{
        margin-bottom: 10px;
    }
    .write-trackingdetails.weiting-shingcosat .addnew-address .orderplace-heading img{
        margin-bottom: 10px;
    }
    .hand-spundata {
        width: 100%;
        margin-bottom: 4px;
        flex-direction: column;
    }
    .favouritesC .orderlist-view {
        justify-content: space-between;
        flex-direction: row;
        align-items: start !important;
    }
    .favouritesC .pr-price{
        margin-left: 0px;
        align-items: start;
    }
    .favouritesC .orderlist-view .pr-price h2{
        text-align: start;
    }
    .favouritesC .orderlist-view {
        align-items: self-start;
    }
    .product-searchpage .user-selectid table tr td {
        white-space: nowrap;
    }
    .search-filter-supplyer {
        width: 70%;
    }
    .offer-applicatnt h6 {
        padding-top: 7px;
    }
    .whosale h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .request-summary {
        margin-top: 13px;
    }
    .sign-content,
    .sign-content-from {
        width: 90%;
    }

    .sign-in,
    .welcome {
        margin-bottom: 25px;
    }

    .login {
        padding: 0;
    }

    .login-inner .sign-content .sign-in p {
        font-size: 12px;
    }

    .login-inner .sign-content .log-access p {
        font-size: 16px;
    }

    .cricualr-menu {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 15px;
    }

    .cric-icon {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .threedotInner.leftInner img {
        display: none;
    }


    .sort-by {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 12px;
    }

    .lp-col {
        flex-basis: 100%;
    }

    .product-content {
        min-height: auto;
    }

    .about-banner {
        background: #f7f7f8 url(../../img/frontend/mobile-about-banner.png)
            no-repeat top center;
        background-size: cover;
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }

    .ab-content {
        width: 100%;
        padding: 10%;
        position: static;
        margin-top: 45%;
    }

        .inner-gridViewdiv .ab-content {
            width: 100%;
            padding: 10%;
            position: static;
            margin-top: 0%;
        }

    .threedotInner.leftInner {
        margin-right: 0;
    }

    .pro-box-wLogin .lp-col {
        flex-basis: 100%;
    }

    .order-btn {
        flex-direction: column;
        row-gap: 15px;
    }

    .total-weight {
        align-items: flex-start;
        justify-content: start;
        flex-direction: column;
        row-gap: 15px;
    }

    .practice-plus-minus {
        max-width: 100%;
    }

    .weight-parcel {
        display: flex;
        align-items: center;
        margin-left: 0;
        width: 100%;
        justify-content: space-between;
    }

    .weight-lost h6 {
        width: 150px;
    }

    .brdr-rt-none {
        border: none !important;
    }

    .similar-product .lising-product {
        padding: 0;
    }

    .similar-product .lp-col {
        flex-basis: 100%;
    }

    .fotter-logo,
    .f-socialicon-menu ul {
        flex-direction: column;
        row-gap: 15px;
    }

    .welcme-procurebanner h1 {
        font-size: 20px;
    }

    .buyer-banner {
        height: auto;
        padding: 20px 0px;
    }

    .welcme-procurebanner {
        padding: 0 35px;
        max-width: 370px;
    }

    .brokrage-platfrom-content h2 {
        padding: 10px 0px 5px;
        font-size: 16px;
        min-height: auto;
    }

    .brokrage-platfrom-content a {
        font-size: 13px;
    }

    .buyer-introduce {
        height: auto;
    }

    .brokrage-platfromlp-content-content p {
        margin-bottom: 15px;
    }

    .expoler-list-lp {
        margin-bottom: 20px;
    }

    .brokrage-platfromlp-content-content {
        min-height: auto;
    }

    .platform-proc {
        margin-bottom: 20px;
    }

    .platform-proc:after {
        display: none;
    }

    .buyer-introduce {
        margin-top: 0;
    }

    .brokrage-platfromlp-content-content h2 {
        min-height: auto;
    }

    .features-list h2 {
        font-size: 18px;
    }

    .d-productbox .lp-col {
        flex-basis: 48.4%;
    }

    .clear-search h2,
    .cric h3 {
        font-size: 18px;
    }

    .order-man {
        display: none;
    }

    .user-listtabing {
        width: 100%;
    }

    .previous-page.list-user-data {
        display: none;
    }

    .ins-gearden {
        flex-direction: column;
        row-gap: 15px;
    }

    .gridview-product {
        align-items: flex-start;
    }

    .gvp-text {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 15px;
        padding-left: 10px;
    }

    .gridview-product-content {
        margin-left: 0;
        width: 100%;
    }

    .gridview-product .product-price {
        padding: 0;
    }

    .gridview-product .color-picker {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .for-modalFilters {
        display: flex;
    }

    .for-modalFiltersHide {
        display: none;
    }

    .head-button-line {
        width: 100%;
    }

    .stocklist-box {
        padding: 25px;
    }

    .stocklist-temple,
    .stocklist-drag,
    .previe-market-track {
        padding: 20px;
    }

    .gallery-box {
        flex-basis: 47.5%;
    }

    .gallery-box img {
        height: 150px;
    }

    .publ-stocklist {
        flex-direction: column;
        row-gap: 15px;
    }

    .mltb-one .cluine-bru {
        column-gap: 25px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        row-gap: 15px;
    }

    .mltb-one {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        row-gap: 15px;
    }

    .mltb-two ul {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        row-gap: 25px;
    }

    .mltb-two ul li {
        flex-direction: column;
        width: 50%;
    }

    .uploaderror-message {
        border: none;
        background: rgba(255, 255, 255, 1);
        border-radius: 0;
        padding: 0;
    }

    .mltb-div {
        padding: 15px;
    }

    .pr-inf {
        align-items: flex-start;
        width: 100%;
        flex-direction: column;
    }

    .cuur,
    .price-curr,
    .produc-type.discount {
        width: 100%;
    }

    .fabric-type {
        padding-left: 15px;
    }

    .orderlist-view .practice-plus-minus {
        max-width: 100%;
    }

    .basket-steps .steps {
        margin-bottom: 0.5rem;
        margin-left: 15px;
        margin-right: 15px;
    }

    .value-permiter h6 {
        font-size: 13px;
    }

    .orderlist-view .pr-price h2 {
        font-size: 22px;
    }

    .usershiping-details p {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .summary-box img {
        height: 26px;
        width: 26px;
    }

    .brand-name img {
        height: 26px;
        width: 26px;
    }

    .menuicon-tab img {
        height: 22px;
        width: 22px;
    }

    .orderplace-list .summary-box {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        align-items: center;
        column-gap: 10px;
    }

    .trap-vehicle {
        align-items: center;
        width: 100%;
        margin-top: 8px;
    }

    .orderplace-list .summary-box .trap-vehicle:nth-child(2) {
        justify-content: flex-start;
    }

    .orderplace-list .summary-box .trap-vehicle:nth-child(3) {
        justify-content: flex-start;
    }

    .add-lpty .chrloc-brand {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .brand-name {
        width: 100%;
        margin-bottom: 10px;
    }

    .cn-product {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .brand-name img {
        height: 34px;
        width: 34px;
    }

    .cn-product .pr-cotton {
        width: 50%;
    }

    .cn-product .pr-cotton span {
        font-size: 11px;
        color: #2d6a4d;
        text-transform: uppercase;
        display: block;
    }

    .payment-onwardlist {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        row-gap: 15px;
    }

    .paymentcard-image {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 5px;
    }

    .conf-purchaseorder {
        padding: 0 20px 50px;
    }

    .conf-purchaseorder .lising-product .lp-col {
        flex-basis: 100%;
    }

    .other-bought {
        padding: 15px 0px;
    }

    .other-bought h2 {
        font-size: 20px;
        line-height: 1.3;
    }

    .thankyou-purchase {
        margin: 40px 20px 20px;
        padding: 15px;
    }

    .order-confirmationdetails {
        display: flex;
        align-items: center;
    }

    .confirmation-orderbox {
        background: #fff;
        border-radius: 35px;
        padding: 25px 20px;
        width: 100%;
        max-width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .po-number {
        align-items: flex-start;
        justify-content: space-between;
        row-gap: 9px;
        flex-direction: column;
        width: 100%;
    }

    .price-number {
        width: 100%;
    }

    .backlist-content h2 {
        line-height: 21px;
        font-size: 14px;
    }

    .backlist-content h6 {
        line-height: 22px;
        font-size: 13px;
        margin-bottom: 0px;
    }

    .backlist-content {
        margin-left: 16px;
    }

    .trackcsvorder {
        width: 100%;
        margin-top: 10px;
    }

    .add-lpty {
        margin-left: 0;
    }

    .chrloc-brand {
        margin: 0px 0px 8px 0;
    }

    .contat-form {
        padding: 0px 23px;
    }

    a.stck-ftr {
        padding: 12px 36px;
        font-size: 14px;
    }

    .contact-popup .modal-header h2 {
        font-size: 20px;
    }

    .contact-popup .pty-details {
        margin-bottom: 0px;
    }
    .contactus-getintouch h1 {
        padding: 15px 0px;
        max-width: 360px;
    }

    .cric p {
        padding-bottom: 0px;
    }

    .map-product {
        margin: 0px 0px 30px !important;
    }
    .addshiping-popup .product-modal {
        margin: 90px 15px;
    }
    .jwborder:after {
        display: none;
    }

    .userupload-addphoto {
        padding-left: 24px;
    }
    .userpersonal-img {
        margin: 25px 0px;
        flex-direction: column;
    }
    .userupload-addphoto {
        padding-left: 0px;
        text-align: center;
        padding-top: 21px;
    }
    .terms-behavour ul {
        display: flex;
        align-items: center;
    }
    .terms-behavour ul li {
        font-size: 14px;
        font-weight: 390;
        padding: 7px 7px;
        list-style: none;
        margin: 0px 10px 0px 0px;
    }
    .order-confirmationdetails {
        background: url(../../img/frontend/conf-order_old.png) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .latest-requestmanagement {
        flex-direction: column;
    }
    .user-listtabing-request {
        width: 100%;
        margin-bottom: 10px;
    }
    .search-yourspecicorder {
        width: 100%;
    }
    .sumy-productvalue ul li {
        font-size: 15px;
    }
    .total-price h2 {
        font-size: 14px;
    }
    .pricing-locationsummary {
        padding: 18px;
    }
    .total-price h2 {
        font-size: 14px;
    }
    .wool-seldvege h2 {
        font-size: 25px;
        line-height: 36px;
    }
    .wool-seldvege span {
        font-size: 15px;
    }
    .offerapply-chat {
        padding: 16px;
    }
    .offer-posting {
        padding: 23px 15px;
    }
    .backlist-icon {
        width: 45px;
        height: 45px;
    }
    .back-skulist {
        margin-top: 16px;
    }
    .rcd-material {
        padding-top: 10px;
    }
    .offer-posting {
        width: 75%;
    }
    .offer-posting ul li {
        font-size: 13px;
        padding: 4px 0px;
    }
    .backlist-content {
        margin-left: 16px;
    }
    .cr-mapbuyer {
        margin-top: 23px;
    }
    .pr-cotton p {
        line-height: 23px;
    }
    .invoice-status h5 {
        font-size: 13px;
    }
    .savechanges-userprofile {
        width: 100%;
        margin: 12px 0px;
    }
    .samplecard {
        background: rgba(236, 240, 243, 1);
        padding: 5px;
    }
    .setdeafult-checkbox .accept-condition .form-check label {
        margin-left: 10px !important;
        margin-bottom: 12px;
    }
    .addednew-plans {
        padding: 25px 0px 20px 0px;
    }
    .pr-makerequest{
        overflow-x: auto;
    }
    .feature.fgg {
        margin: 7px 0px;
    }
    .feature{
        width: 100%;
    }
    .feature-cricular .feature h6{
        white-space: nowrap;
    }
    .filter-dataid.fabcdt-filter {
        width: 100%;
    }
    .invoice-xls h6{
        font-size: 12px;
    }
    .invoice-xls img {
        max-width: 24px;
    }
    .invoice-billing h2{
        font-size: 19px;
    }
    .annual-basics .container-fluid {
        padding: 0px 12px;
    }
    .feature-cricular .feature h6{
        font-size: 12px;
    }
    .product-form.add-product-from-buyer-end {
        overflow: hidden;
    }
    .feature-cricular{
        flex-direction: column;
    }
    .feature{
        width: 100%;
    }
    .feature.fgg{
        justify-content: start;
    }
    .cancelRegionModal .modal-dialog {
        width: 100%;
        max-width: 100%;
        padding: 0px 20px;
    }
    .cancelRegionModal .modal-body p{
        max-width: 100%;
    }
    .dropdown-menu.order-detail-dropdown{
        left: 0px;
    }
    .orderlist-view .product-image h6 {
        width: 30%;
    }
}

@media (max-width: 600px) {
    .tabSearchIcons a img {
        width: 15px;
    }
    .product-searchpage .user-selectid table tr td {
        white-space: nowrap;
    }

    .tabSearchIcons {
        gap: 20px;
    }
    .reply-chatoffer {
        margin: 13px 0px;
    }

    .search-top-bar {
        height: 60px;
    }

    .threedotInner.leftInner {
        margin-right: -2px;
    }
    .userpersonal-detailfrom-supd {
        padding: 15px;
    }
    .whosale h2 {
        font-size: 15px;
        margin-bottom: 5px;
        line-height: 20px;
    }
    .offer-posting ul li {
        font-size: 12px;
    }
    .offer-boxdry {
        padding: 15px;
    }

    .pabenation-nexting {
        padding: 10px;
    }

    .orderlist-view .product-image h6 {
        width: 140px;
        font-size: 14px;
        margin-bottom: 0px;
        padding-left: 10px;
    }

    .orderlist-view .product-image img {
        width: 50px;
        height: 50px;
    }

    .orderlist-view .accept-condition {
        margin-right: 10px;
    }

    .orderlist-view .accept-condition input,
    .accept-condition input:focus {
        width: 20px;
        height: 20px;
        border-radius: 4px;
    }

    .orderlist-view .practice-plus-minus {
        height: 42px;
    }

    .basket-steps .step-title {
        font-size: 10px;
    }

    .orderlist-view .pr-price img {
        height: 20px;
    }

    .orderlist-view .pr-price h2 {
        font-size: 20px;
    }

    .user-selectid table tr td:first-child {
        min-width: 30px;
        white-space: normal;
    }
    a.savechanges {
        padding: 9px 22px;
    }
    .ship-detailsuser .form-check label {
        margin-left: 35px;
        white-space: nowrap;
    }
    .ship-detailsuser {
        flex-direction: column;
        align-items: flex-start;
    }
    .terms-behavour ul {
        display: flex;
        align-items: center;
    }
    .pricing-plan {
        padding: 23px 40px 20px 21px;
    }
    .multipulepayment-option img {
        max-width: 95px;
    }
    .pr-makerequest {
        padding: 15px 0px;
    }
    .payfurther-plan {
        margin: 0px !important;
    }
    .pricing-plan-cricular .payfurther-plan p {
        line-height: 15px;
    }
    .pricing-table {
        padding-top: 7px;
    }
    .pricing-plan-cricular p {
        padding: 12px 38px 12px 1px;
    }
    .value-permiter h6 {
        line-height: 18px;
    }
    .attach-file .me-lb a {
        padding: 7px 14px;
        font-size: 12px;
    }
    .me-lb a img {
        max-width: 20px;
    }
    .attach-nextdtep .me-lb a {
        padding: 7px 14px;
        font-size: 12px;
    }
    .attach-nextdtep .me-lb a img {
        max-width: 20px;
    }
    .pricing-locationsummary .pricing-change h2 {
        font-size: 14px;
        line-height: 18px;
    }
    .go-basket a {
        padding: 7px 12px;
    }
    .new-request-steps #progress {
        width: 83%;
    }
    .sample-offer h2 {
        font-size: 12px;
    }
    .offer-main h6 {
        font-size: 16px;
    }

    .counter-offer {
        justify-content: space-between;
        column-gap: 0px;
    }
    .offer-idsuspend span img {
        max-width: 20px;
    }
    .supl-offer h2 {
        font-size: 14px;
    }
    .product-search {
        margin: 0px 0px 15px;
        max-width: 100%;
        width: 100%;
    }
    .rec-activites h2, .manage-rent h3, .stocklist-guidline-jour h2 {
        font-size: 14px;
    }
    .manage-rent .manage-btn{
        padding: 6px 19px;
        font-size: 13px;
    }
    .dashboard .branded h6{
        padding-left: 14px;
        padding-right: 14px;
    }
    .removal-product .modal-dialog {
        max-width: 97%;
        width: 100%;
        padding: 0px 0px;
    }
}

@media (max-width: 568px) {
    .contact-popup .pty-details {
        border: solid 1px transparent;
        padding: 17px 0px;
    }
    .product-search-date {
        display: flex;
        column-gap: 20px;
        max-width: 100%;
        width: 100%;
    }
    .product-search {
        margin: 0px 0px 12px;
        max-width: 600px;
    }
    .contact-popup a.stck-ftr {
        padding: 7px 23px;
        font-size: 14px;
    }
    .produc-type {
        margin-bottom: 5px;
        flex-basis: 48%;
        display: flex;
    }

    .callto-us a {
        padding: 6px 25px;
        font-size: 12px;
        white-space: nowrap;
    }
    .confirm-orderlist {
        flex-direction: column;
    }
    .confirm-orderlist.chrloc-brand .cn-product .pr-cotton {
        width: 100%;
    }

    .contact-popup a.stck-ftr {
        padding: 7px 23px;
        font-size: 14px;
    }

    .produc-type {
        margin-bottom: 5px;
        flex-basis: 48%;
        display: flex;
    }

    .callto-us a {
        padding: 6px 25px;
        font-size: 12px;
        white-space: nowrap;
    }
    .userpersonal-detailfrom {
        padding: 20px;
    }
    .userpersonal-changepassword {
        padding: 20px;
    }
    .addpayment-detailcard {
        padding: 17px 0px 17px;
    }


    .addnew-userpayment a.addpayment {
        font-size: 14px;
        padding: 10px 28px;
    }
    .addnew-userpayment a.cancel-pty {
        font-size: 14px;
    }
    .paymentremove-cardadd .useredit-carddetails {
        padding: 20px;
    }
    .addpayment-detailcard a {
        white-space: nowrap;
    }
    .card-showdetails {
        margin: 13px 15px 0px;
    }
    .card-showdetails-image {
        width: 15%;
        margin-right: 15px;
    }
    .usercard-showdetails span {
        font-size: 14px;
    }
    .show-det {
        padding: 7px 0px;
    }
    .card-showdetails-image img {
        max-width: 35px;
    }
    .terms-condtion ul li {
        font-size: 16px;
    }
    .acr-marketprice {
        width: 291px;
    }
    .addednew-plans .toggle-container {
        padding: 0px 0px;
        margin-bottom: 23px;
    }
    .pricing-plan {
        width: 291px;
    }
    .chrloc-brand .pr-cotton h6 {
        padding-left: 0px;
    }
    .orderplace-list .summary-box {
        align-items: self-start;
    }
    .orderplace-list .confirm-orderlist .trap-vehicle h6 {
        flex-direction: row;
    }
    .confirmation-orderbox {
        background: #fff;
        border-radius: 13px;
        padding: 20px 14px;
        width: 100%;
        max-width: 95%;
        margin: 0 auto;
        text-align: center;
    }
    .confirmation-orderbox h6 {
        font-size: 17px;
    }
    .confirmation-orderbox h2 {
        font-size: 21px;
        margin-bottom: 0px;
    }
    .confirmation-orderbox p {
        font-size: 14px;
    }
    .thankyou-purchase {
        margin: 64px 7px 0px;
        padding: 0px;
    }
    .filt-request {
        margin: 0px 10px;
    }
    .mkty {
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: flex-start !important;
    }
    .new-request-steps #progress {
        width: 83%;
    }
    .create-newrequest .sameaddress .form-check {
        margin-left: 0px;
    }
    .basket-steps .step-title {
        font-size: 9px;
    }
    .new-request-steps #progress {
        width: 78%;
    }
    .wool-seldvege {
        column-gap: 7px;
    }
    .wool-seldvege .me-lb a {
        font-size: 12px;
        padding: 6px 12px;
    }
    .wool-seldvege .me-lb a img {
        max-width: 18px;
    }
    .offer-idsuspend {
        flex-wrap: wrap;
    }
    .backlist-content h6 {
        margin-bottom: 0px;
    }
    .accept-offer a {
        font-size: 12px;
        padding: 7px;
    }
    .offer-idsuspend h6 {
        padding: 5px 8px;
    }
    .offer-idsuspend {
        column-gap: 5px;
    }
    .rcd-material p {
        font-size: 13px;
    }
    .search-filter-supplyer {
        width: 65%;
    }
    .request-market h2 {
        font-size: 17px;
    }
    .spd-boatmice img {
        max-width: 15px;
    }
    .search-filter-supplyer img {
        max-width: 15px;
    }
    .setdeafult-checkbox.post-codesystem .accept-condition {
        display: flex;
        align-items: self-start;
        flex-direction: column;
    }
    .d-productbox .lp-col {
        flex-basis: 100%;
    }
    .lr-paymentbox .product-image h6{
        width: 63px;
    }
    .priceper-miter .value-permiter h6.mob-price{
        text-align: center;
    }
    .backlist-content h2{
        font-size: 12px;
    }
    .dropdown-menu.order-detail-dropdown{
        width: 260px;
    }

}

@media (max-width: 360px) {
    .contat-form {
        padding: 0px 38px;
        flex-direction: column;
    }

    .callto-us {
        width: 100%;
        padding: 15px 0px;
    }

    .callto-us p {
        line-height: 25px;
    }

    .contact-popup a.cancel {
        display: none;
    }
    .addcamra-user {
        display: none;
    }
    .new-request-steps #progress {
        width: 76%;
    }
    .wool-seldvege {
        column-gap: 7px;
        flex-direction: column;
        align-items: self-start;
    }
    .wool-seldvege .me-lb a {
        margin-left: 0px;
    }
    .clear-search h2,
    .cric h3 {
        font-size: 16px;
    }
    .gridlocationView p {
        font-size: 13px;
        margin-bottom: 0px;
        color: #000;
        white-space: nowrap;
    }
    .shiping-costdata .confirm-orderlist.chrloc-brand .cn-product .pr-cotton {
        width: 100%;
        column-gap: 5px;
    }
}

@media (max-width: 320px) {
    .clear-search h2,
    .cric h3 {
        font-size: 16px;
    }

    .gridlocationView p {
        font-size: 13px;
        margin-bottom: 0px;
        color: #000;
        white-space: nowrap;
    }
    .gridlocationView p {
        font-size: 18px !important;
    }

}