.design-square .sec_search {padding: 45px 0;}
.design-square .sec_search {background: var(--color_primary);}
.design-square .sec_search h1 {color: var(--color_light)}
.design-square .text-orange {color: var(--color_orange)}

.design-square .search {position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 16px;}
.design-square .search_voice {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; width: 48px; text-align: center; display: flex; align-items: center; justify-content: center;}
.design-square .search_input {position: relative; width: 100%; max-width: 560px; height: 48px;}
.design-square .search_input input {width: 100%; height: 100%; font-family: 'scg_bol'; font-size: 18px; border-radius: 8px; background: #fff; border: 1px solid rgb(28 22 102 / 80%); outline: none; padding: 0 48px 0 16px;}
.design-square .search_input input::placeholder { font-family: 'scg_reg'; font-size: 16px; }
.design-square .btn_search {cursor: pointer; height: 48px; border-radius: 8px; background: #fff; outline: none; border: 2px solid rgb(28 22 102 / 80%); font-family: 'scg_bol'; font-size: 16px; width: 100%; max-width: 120px;}
/* .design-square .btn_search:hover {background: #e7e6ff;} */
.design-square .search_voice path {fill: rgba(0 0 0 / 40%);}
.design-square .search_voice:hover path {fill: #000;}

.design-square .btn_load_more {cursor: pointer; height: 48px; border-radius: 8px; background: #fff; outline: none; border: 2px solid rgb(28 22 102 / 80%); font-family: 'scg_bol'; font-size: 16px; width: 100%; max-width: 120px;}
.design-square .btn_load_more:hover {background: #e7e6ff;}

.design-square .filter_bar {margin-top: 40px; display: flex; align-items: center; justify-content: space-between;}
.design-square .filter_bar .txt_filter p{ color:#2E2E2E; font-size: 18px; }
.design-square .filter_bar .txt_filter p .txt_result {margin-left: 4px;}

.design-square .filter_bar .sortby_filter {display: flex; align-items: center; justify-content: center;box-shadow: 0px 4px 14px 0px #0000000D; border-radius: 8px; height: 60px; padding: 0 20px;}
.design-square .filter_bar .sortby_filter .txt {display: flex; align-items: center; justify-content: center; font-size: 18px; color:#2E2E2E; position: relative; padding-right: 12px; margin-right: 12px;}
.design-square .filter_bar .sortby_filter .txt:before {content: ''; position: absolute; width: 1px; height: 160%; top: -30%; right: 0; background: rgba(0 0 0 / 10%);}
.design-square .filter_bar .sortby_filter .txt img {margin-right: 12px;}
.design-square .filter_bar .sortby_filter .dd_filter {height: 100%; display: flex; align-items: center; justify-content: center;}
.design-square .filter_bar .sortby_filter .dd_filter button {color: #4d4d4d; font-size: 18px; display: flex; align-items: center; justify-content: space-between; width: 200px; height: 100%;}
.design-square .filter_bar .sortby_filter .dd_filter button img {width: 10px;}
.design-square .filter_bar .sortby_filter .dd_filter ul {padding: 0 20px; width: 240px;}
.design-square .filter_bar .sortby_filter .dd_filter ul li a { font-size: 18px; padding: 8px 0px; display: block; color: #4d4d4d; border-bottom: 1px solid rgba(0 0 0 / 10%);}
.design-square .filter_bar .sortby_filter .dd_filter .dd_choice {position: relative; top: 35px;}
.design-square .filter_bar .sortby_filter .dd_filter ul li a:hover {color: #000;}

.design-square .filter_bar .sortby_filter .dd_filter #dd_designsquare {position: absolute; right: -20px; display: none;}

.design-square .flexmasonry {margin: 10px -15px 0; align-content: flex-start;}
.design-square .flexmasonry .grid-item {padding: 15px; display: grid;}
.design-square .flexmasonry .grid-item .img {position: relative; min-height: 350px; max-height: 550px; cursor: pointer; overflow: hidden;border-radius: 8px;}
.design-square .flexmasonry .grid-item .img img {position: relative; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; transition: all 0.15s ease; }
.design-square .flexmasonry .grid-item .txt {padding: 8px 0; cursor: pointer;}
.design-square .flexmasonry .grid-item .txt h2 {margin: 0;padding: 0; font-size: 20px; font-family: 'scg_bol'; color: var(--color_dark3); display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.design-square .flexmasonry .grid-item .txt p {margin: 5px 0 0;padding: 0; color: #888; font-size: 18px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.design-square .flexmasonry .grid-item:hover .txt h2 {color: #0061AF; }
.design-square .flexmasonry .grid-item:hover .img img {transform: scale(1.05);}

.design-square .square-content {padding-bottom: 50px;}








@media(max-width: 1599px){

}

@media(max-width: 1439px){

}

@media(max-width: 1365px){

}

@media(max-width: 1199px){
	.design-square .search_input {max-width: 400px;}
	.design-square .flexmasonry .grid-item {padding: 10px;}
	.design-square .flexmasonry .grid-item .txt h2 {font-size: 18px;}
	.design-square .flexmasonry .grid-item .txt p {font-size: 16px;}

	.design-square .flexmasonry {margin: 10px -8px 0;}
	.design-square .flexmasonry .grid-item {padding: 8px;}
	.design-square .filter_bar .txt_filter p {font-size: 16px;}
	.design-square .filter_bar .sortby_filter .txt {font-size: 16px;}
	.design-square .filter_bar .sortby_filter .dd_filter button {font-size: 16px; width: 150px;}
	.design-square .filter_bar .sortby_filter .dd_filter ul li a {font-size: 16px;}
	.design-square .filter_bar .sortby_filter {height: 50px;}
	.design-square .filter_bar .sortby_filter .dd_filter ul {width: 180px;}
}

@media(max-width: 991px){
	.design-square .flexmasonry .grid-item .img{min-height: 270px;}
}

@media(max-width: 767px){

	.design-square .flexmasonry {margin: 8px -8px 0;}
	.design-square .flexmasonry .grid-item {padding: 8px;}
	.design-square .flexmasonry .grid-item .txt h2 {font-size: 17px;}
	.design-square .flexmasonry .grid-item .txt p {font-size: 15px;}

	.design-square .search_input {height: 40px;}
	.design-square .search_input input {font-size: 15px;}
	.design-square .btn_search {height: 40px; max-width: 100px;}
	.design-square .search {margin-top: 12px;}
	.design-square .sec_search {padding: 25px 0;}

	.design-square .filter_bar {flex-direction: column; margin-top: 30px;}
	.design-square .filter_bar .sortby_filter {margin-top: 15px;}



}

@media(max-width: 575px){
	.design-square .h-title {font-size: 36px;}
	.design-square .search {gap: 4px;}
	.design-square .filter_bar .sortby_filter {padding: 0 12px;}
	.design-square .flexmasonry .grid-item .img{min-height: 230px;}

}

@media(max-width: 320px){
	.design-square .h-title {font-size: 32px;}
	.design-square .filter_bar .sortby_filter .dd_filter button {width: 125px;}
}