.page .mainr .pbnr{ margin-bottom: 0;}
.page .mainr .pbnr img{ display: block;}
.dsgn_lst{ display: flex; flex-wrap: wrap; align-items: flex-start; background: url(../../img/trend/design/dsgn_bg.jpg) no-repeat top center #20050c; background-size: cover; padding: 8% 2% 20% 2%; margin-bottom:3%;}
.dsgn_lst .item{ width: 25%; margin-bottom: 3%;}
.dsgn_lst .item a{ display: block; width: 80%; text-align: center; margin: 0 auto; transition: all 0.3s; color: #FFF;}
.dsgn_lst .item img{ width: 80%; max-width: 100%; margin-bottom: 2%;}
.dsgn_lst .item p{ line-height: 200%; font-size: 16px; text-shadow: 0px 1px 0px #000;}
.dsgn_lst .item p.tag{display: inline-block; padding: 3px 10px; background: #7b001c; border-radius: 100px; font-size: 12px; color: #FFF; transition: all 0.3s; text-shadow: none;}
.dsgn_lst .item a:hover p.tag{ background: #e60012; color: #FFF;}
.dsg-dtl{background: url(../../img/trend/design/dsgn_bg.jpg) no-repeat top center #20050c; background-size: cover; padding: 8% 2% 5% 2%; margin-bottom:3%;}
@media screen and (max-width: 1920px) {
.dsgn_lst .item{ width: 33.33333333333333%; margin-bottom: 3%;}
}

@media screen and (max-width: 1440px) {
.page .mainr .clsm {
    padding-left: 0%; 
}
}

@media screen and (max-width: 1024px) {
.dsgn_lst .item p{font-size: 14px;}
.page .mainr .clsm {padding: 0%; }
}

@media screen and (max-width: 600px) {
.dsgn_lst .item{ width: 50%; margin-bottom: 3%;}
}

@media screen and (max-width: 500px) {

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

@media screen and (max-width: 414px) {

}