.sort-box {display:flex;justify-content:space-between;align-items: center;margin-bottom: 32px;flex-wrap: wrap;}
.sort-box .dropdown .btn {border: 1px solid rgba(0,0,0,.125);padding-right: .4rem;}
.sort-box .dropdown a {font-size: 14px;}
.sort-box .dropdown ul li {display:block}
.sort-box .dropdown .dropdown-toggle:after {display:none}
.sort-box .dropdown .btn i {font-size:24px; color:var(--main-color); vertical-align:-5px}
.sort-ct {display: flex; flex-wrap: wrap; flex:1; justify-content:end}
.sort-ct .dropdown {margin-left: 6px;}
.setting-view {font-size:20px;padding: 0 8px;border: 1px solid rgba(0,0,0,.125);border-radius: 4px;/* background: #f5f5f5; */margin-left: 6px;}
.setting-view.actived {background-color: rgb(10 85 151 / 7%);color: var(--main-color);border-color: rgb(10 85 151 / 16%);}

.sort-ct {margin-left:-4px; margin-right:-4px}
.sort-ct .input-group {width: auto;flex: 0 0 auto;margin: 0 4px;}
.sort-ct .select-input select {height: 38px;}

@media (max-width: 768px) {
	.sort-box {position:relative}
	.sort-ct {flex: 0 0 auto;width:100%;margin: 12px 0 0;flex-direction: column-reverse;}
	.sort-ct .dropdown {flex:0 0 auto;width: 100%;margin-left: 0;margin-top: 8px;}
	.sort-box .dropdown .btn {width:100%; text-align:left}
	.sort-box .dropdown .btn span {display:flex;justify-content: space-between;}

	.setting-view {margin-left:0;max-width: 40px;height: 40px;position: absolute;top: -10px;right:0}
	.hor-view {right:46px}
}