@import './components/custom-select.css';

.fee-features { padding: 74px 0 99px; }

.search-list-container{ padding:77px 0 0; }
.search-header { padding: 0 0 63px; }
.search-title { padding:0 20px 0 0; }
.search-title h2 { margin: 0; color:#44546b; }
.search-filter .search-field { width:355px; height:53px; }
.search-filter .search-field input[type="text"] {
    border:1px solid #44546b;
}
.search-filter .select-wrap { width:297px; margin:0 0 0 23px; }
.search-filter .select-selected:before { background:transparent;  }
.search-filter .select-selected:after { color:#44546b; }
.search-filter .select-selected { border:1px solid #44546b; }
.search-filter .select-items { border:1px solid #44546b; border-top:none; }

.cat-label { background:#eceee4; min-width:196px; padding: 13px 44px 12px 45px; max-height:38px;
    font-size: 13px; font-weight: 500; line-height: normal; color:#44546b; text-align: center;}
.fee-amount { color: #304454; line-height: 1.5; font-size: 20px; font-weight: 500; margin:0 0 0 49px; }

.search-list-container .pagination { margin: 15px 0 99px; }

@media only screen and (max-width:950px) { 
    .fee-features { padding-top:45px; padding-bottom:26px; }
    .fees .feature-title { padding: 0 0 35px; } 
    .fees .feature-icon { line-height:normal; }
    
    .fees .search-header { flex-direction: column; padding: 0 0 31px; }
    .fees .search-title { padding-bottom:34px; }
    .fees .search-header .search-field button { color:#fff; background:#44546b; font-size: 16px; }
    .fees .search-header .search-field button i { margin:0; }
    .search-filter .select-selected:before { background:#44546b; }
    .search-filter .select-selected:after{color:#fff; }
    .fees .list-item-slot { flex-direction: column-reverse; align-items: flex-start; }
    .fees .list-item-slot .slot-right {  width: 100%; display: flex; 
         justify-content: space-between; padding: 0 0 16px; }
    .search-list-container {  padding: 42px 0 10px; }
}

@media only screen and (max-width: 750px) {
    .search-filter { width:100%; }
    .search-filter > div { width:50% !important; }
	.search-form {width: 100%;}
 }  

 @media only screen and (max-width: 620px) { 
    .search-filter { flex-direction: column; padding: 0 7px;}
    .search-filter > div { width:100% !important; margin:0 !important;  }
	 
    .search-filter .search-field { margin:0 0 24px !important }
	 .search-filter .search-field input[type="text"], .search-filter .select-selected {border: 1px solid #E9E8E4;}
    .fees .list-item-slot { padding: 27px 12px 36px 14px; }
    .cat-label { min-width:170px; }
	 
 }