.project-desc{
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 1.5rem;
    color: #000000;
}
.project-action .container{
    display: grid;
    column-gap: 2%;
    grid-template-columns: 49% 32% 15%;
}
.project-action .nc-list{
    padding: 0px;
}
.project-action .nc-item{
    padding: 12px 15px;
    font-size: 17px;
    font-weight: 400;
}
.project-list{
    padding: 100px 0px 27px;
}

.project-list-wrap{
    display: grid;
    grid-template-columns: 32% 32% 32%;
    column-gap: 2%;
    row-gap: 40px;
}
.pl-item{
    vertical-align: top;
}
.pl-item h3{
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    /* height: 42px; */
    color: #FF9900;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.pl-item p{
    font-size: 17px;
    line-height: 25px;
    color: #000000;
    /* height: 75px; */
    /* display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; */
    margin-bottom: 10px;
}
.pl-price{
    font-size: 17px;
    line-height: 25px;
    color: #727272;
    margin-bottom: 11px;
}
.pl-date{
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    color: #979797;
}
.project-paginate{
    padding-top: 60px;
}
.project-paginate .wpag-prev,.project-paginate .wpag-next{
    font-weight: 500 !important;
}
.project-paginate .wpag-no{
    font-weight: 500 !important;
}
.project-paginate .wpag-active{
    font-weight: 500 !important;
}
/* for search page */
.project-search{
    padding: 50px 0px 100px;
}
.project-result{
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    margin: 0px;
    margin-top: 50px;
    word-break: break-all;
}
.project-result span{
    font-weight: 700;
}
@media only screen 
   and (min-width : 1601px) {
  
}
@media only screen 
   and (max-width : 1600px) {

}
@media only screen 
   and (max-width : 1400px) {

}
@media only screen 
   and (max-width : 1200px) {

}
@media only screen
    and (min-width:1000px){

}
@media only screen 
   and (max-width : 1000px) {
    .project-desc{
        line-height: 28px;
        font-size: 15px;
    }
    .project-action .container{
        grid-template-columns: 100%;
        column-gap: unset;
    }
    .paw-search{
        margin-bottom: 29px;
    }
    .paw-filter{
        margin-bottom: 9px;
    }
    .project-list-wrap {
        grid-template-columns: 100%;
    }
    .project-list{
        padding: 56px 0px 50px;
    }
    .project-paginate{
        padding-top: 40px;
    }
    .project-paginate .w-paginate{
        padding: 17px 0px;
        margin-bottom: 0px;
    }
    .project-action .nc-list-free{
        max-width: 100% !important;
    }
    .project-action .news-cat{
        position: unset;
    }
    .project-action .nc-list{
        bottom: 0px;
        z-index: 999;
        top: unset;
        position: fixed;
        padding: 5px 0px 15px;
        transition: all 300ms ease-in-out;
        /* animation-direction: alternate;
        animation-iteration-count: calc(1);
        animation-timing-function: ease-in-out; */
    }
    /* .filter-in{
        animation-name: filterIn;
        animation-duration: 400ms;
    }
    
    .filter-out{
        animation-name: filterOut;
        animation-duration: 400ms;
    } */
    /* @keyframes filterIn {
        0%{
            bottom: -50vh;
        }
        100%{
            bottom: 0px;
        }
    }
    
    @keyframes filterOut {
        0%{
            bottom: 0px;
        }
        100%{
            bottom: -50vh;
        }
    } */
    .block-screen{
        background: rgba(11, 11, 11, 0.4);;
    }
    .project-action .nc-item{
        padding: 15px 15px;
        font-size: 15px;
        font-weight: 400;
    }
    .project-action .nc-item:hover,.project-action .nc-active .nc-item{
        background: unset;
        color: #454545;
    }
    .filter-title-show{
        padding: 25px 2px 15px;
        margin: 0px 13px;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #000000;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #FF9900;
    }
    .project-action .nc-list{
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        transition: transform 400ms ease-in-out;
        transform: translateY(100%);
    }
    .project-action .news-cat > .d-none{
        display: block !important;
    }
    .project-action .news-cat > .d-block{
        transform: translateY(0%);
    }
    .pl-item p{
        height: auto;
        margin-bottom: 5px;
    }
    .pl-price{
        margin-bottom: 7px;
    }
    .pl-item h3{
        height: auto;
    }
}
@media only screen 
   and (max-width : 350px) {

}