.searchsense { display: flex; width: 100%; justify-content: center; position: relative; z-index: 9; }
.searchsense .wrp { display: flex; width: 100%; max-width: 1220px; background: #eee; padding: 10px; border-radius: 5px; justify-content: space-between; flex-wrap: wrap; gap: 7px; }
.searchsense .wrp p { width: 100%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 21px; padding: 15px; }
.searchsense .wrp .rw { padding: 5px; display: flex; flex-wrap: wrap; width: 100%; }
.searchsense .wrp .rw .sensdown { background: #fff; padding: 15px; width: 100%; display: flex; align-items: center; position: relative; border-radius: 7px; }
.searchsense .wrp .rw .opn { position: absolute; top: 46px; background: #fff; width: 100%; margin-left: -10px; padding: 10px; display: none; overflow: scroll !important; max-height: 400px; overflow-x: hidden !important; z-index: 9; }
.searchsense .wrp .rw .opn li { padding: 0; }
.searchsense .wrp .rw .opn li a { width: 100%; display: flex; padding: 5px; font-size: 14px; color: #858585; border-bottom: 1px solid #eee; align-items: center; justify-content: flex-start; line-height: 19px; }
.searchsense .wrp .rw .opn li a:hover { color: #e6631d; }
.searchsense .wrp .rw .sensdown .spr1.active, .searchsense .wrp .rw .sensdown .spr2.active, .searchsense .wrp .rw .sensdown .spr3.active { background: #fd0000; color: #ffffff; padding: 5px; overflow: hidden; white-space: nowrap; }
.searchsense .wrp .rw .sensdown .sna1.active, .searchsense .wrp .rw .sensdown .sna2.active, .searchsense .wrp .rw .sensdown .sna3.active { background: #fd0000; color: #ffffff; padding: 5px; overflow: hidden; white-space: nowrap; }
.senseGo { display: flex; width: 100%; align-items: center; justify-content: center; background: #2d2d2d; color: #ffffff; padding: 0.8rem; border-radius: 7px; }
.sider .searchsense { }
.sider .searchsense .wrp { display: flex; flex-wrap: wrap; }
.sider .searchsense .wrp p { width: 100%; font-size: 14px; display: flex; justify-content: flex-start; padding: 8px; }
.sider .searchsense .wrp .rw { width: 20%; }
.sider .searchsense .wrp .rw .sensdown { }
.sider .searchsense .wrp .rw .opn { }
.sider .searchsense .wrp .rw .opn li { }
.sider .searchsense .wrp .rw .opn li a { }
.sider .searchsense .wrp .rw .opn li a:hover { }
.sider .searchsense .wrp .rw .sensdown .spr1.active, .sider .searchsense .wrp .rw .sensdown .spr2.active, .sider .searchsense .wrp .rw .sensdown .spr3.active { }
.sider .searchsense .wrp .rw .sensdown .sna1.active, .sider .searchsense .wrp .rw .sensdown .sna2.active, .sider .searchsense .wrp .rw .sensdown .sna3.active { }
.cleft { }
.cleft .f_items { display: block; background: #fff; margin-bottom: 15px; padding: 10px; }
.cleft .f_items p { display: block; padding: 5px 15px; background: #000; color: #fff; margin-bottom: 12px; }
.cleft .f_items ul { display: block; width: 100%; max-height: 380px; overflow-x: hidden; height: 150px; overflow-y: auto; }
.cleft .aracmarkasi_ul { height: 380px; min-height: 320px; }
.cleft .f_items ul li { display: flex; width: 100%; line-height: 17px; align-items: center; white-space: nowrap; }
.cleft .f_items ul li a { padding: 5px 15px; font-size: 14px; color: #000; height: 25px; display: flex; align-items: center; border-radius: 5px; }
.cleft .f_items ul li a:hover { }
.cleft .f_items ul li a.active { background: #000; color: #fff; }
.sider .senseGo { padding: 13px; }
@media screen and (max-width:600px) {
    .searchsense { }
    .searchsense .wrp { display: flex; flex-direction: column; max-width: 95%; }
    .searchsense .wrp p { width: 100%; padding-bottom: 7px; }
    .searchsense .wrp .rw { width: 100%; }
    .searchsense .wrp .rw .sensdown { }
    .searchsense .wrp .rw .opn { z-index: 99; }
    .searchsense .wrp .rw .opn li { }
    .searchsense .wrp .rw .opn li a { }
    .searchsense .wrp .rw .opn li a:hover { }
    .searchsense .wrp .rw .sensdown .spr1.active, .searchsense .wrp .rw .sensdown .spr2.active, .searchsense .wrp .rw .sensdown .spr3.active { }
    .searchsense .wrp .rw .sensdown .sna1.active, .searchsense .wrp .rw .sensdown .sna2.active, .searchsense .wrp .rw .sensdown .sna3.active { }
    .senseGo { height: 45px; }
    .sider .searchsense { }
    .sider .searchsense .wrp { }
    .sider .searchsense .wrp p { }
    .sider .searchsense .wrp .rw { width: 100%; }
    .sider .searchsense .wrp .rw .sensdown { }
    .sider .searchsense .wrp .rw .opn { }
    .sider .searchsense .wrp .rw .opn li { }
    .sider .searchsense .wrp .rw .opn li a { }
    .sider .searchsense .wrp .rw .opn li a:hover { }
    .sider .searchsense .wrp .rw .sensdown .spr1.active, .sider .searchsense .wrp .rw .sensdown .spr2.active, .sider .searchsense .wrp .rw .sensdown .spr3.active { }
    .sider .searchsense .wrp .rw .sensdown .sna1.active, .sider .searchsense .wrp .rw .sensdown .sna2.active, .sider .searchsense .wrp .rw .sensdown .sna3.active { }
    .sider .senseGo { }
    .cleft .f_items ul li { }
    .cleft .f_items ul li { display: flex; width: 49%; line-height: 17px; align-items: center; white-space: nowrap; float: left; }
}
.catfil { display: block; float: left; width: 100%; }
.catfil .wrp {display: flex;flex-wrap: wrap;width: 100%;background: #fff;padding: 10px;border-bottom: 1px solid #f7f7f7;margin-bottom: 15px;display: block;float: left;width: 100%;background: #f8f8f8;border-radius: 7px;position: relative;border: 1px solid #e4e8e8;}
.catfil .wrp div {display: flex;width: 100%;flex-wrap: wrap;border-bottom: 1px solid #eee;padding: 5px 0px;}
.catfil .wrp select { width: 100%; padding: 10px; margin-bottom: 15px; font-size: 11px; font-weight: 600; border: 1px solid #ddd; }
.catfil .wrp a {font-weight: 500;font-size: 14px;color: #000;padding: 3px 8px;min-height: 27px;}
.catfil .wrp a ul { }
.catfil .wrp a.markalogo { display: flex; align-items: center; }
.catfil .wrp a ul li { }
.catfil .wrp a { width: 100%; }
.catfil .wrp a img { display: flex; max-width: 20px; margin-right: 15px; }
.catfil .wrp div ul { width: 100%; flex-wrap: wrap; justify-content: flex-start; }
.catfil .wrp div ul a { display: flex; width: 100%; text-align: left; justify-content: flex-start; font-weight: 400; }
.catfil .wrp div.title {background: #d60200;display: block;float: left;width: 100%;padding: 8px 15px;color: #fff;font-weight: 500;border-radius: 5px;margin-bottom: 17px;}
.catfil .wrp div ul a i { color: #d60200; margin-right: 10px; }

.catsublist li {display: flex;display: flex;width: 100%;border-bottom: 1px solid #eee;padding: 3px 0px;align-items: center;}
.catsublist li .fa { margin-right: 8px; color: #fd0000; }
.catsublist li a {font-weight: 500;font-weight: 400;font-size: 14px;line-height: 19px;color: #000;padding: 3px 8px;min-height: 27px;display: flex;align-items: center;}
.catsublist {background: transparent;padding: 10px;border-bottom: 1px solid #f7f7f7;display: flex;flex-wrap: wrap;width: 100%;background: #fff;padding: 10px;border-bottom: 1px solid #f7f7f7;margin-bottom: 15px;display: block;float: left;width: 100%;background: #f8f8f8;border-radius: 7px;position: relative;border: 1px solid #e4e8e8;}
.arrowdown {
    margin-left: 8px;
    width: 12px;
    height: 14px;
    margin-top: -4px;
    }
.kat2 {}
.kat2:hover {}
.kat3 {}
.kat3:hover {}
.kat4 {
    color: #2533a7 !important;
}
.kat4 img {
    margin-left: 17px;
}
.kat3:hover {}

.filtreClear {
    position: absolute;
    top: 51px;
    background: #4caf50;
    max-width: 90%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 300 !important;
}
.filtreClear i{}
.filtreClear:hover{}
.filtreClear:hover i{}