.container {
	max-width: 1050px
}

#mcon {
    margin-left: -10px;
    margin-right: -10px
}

.phonelistarea {
	display: flow-root
}

.year-header {
	border-bottom: 1px solid #ccc;
	color: #333;
	width: 100%;
	display: inline-block
}

.year-header h4 {
	color: #777;
	margin-top: 0;
	display: block;
	width: 100%
}

.year-header h3 {
	font-weight: 600;
	display: block;
	width: 100%
}

body.wp-night-mode-on .phone-list-item {
	border: 1px solid #616163;
	background: #000;
}

.allbrands .kart {
    width: 32%;
}

.allbrands .kart .kinfo {
    width: 100%;
    margin-left: 0px;
}

.allbrands .kart .kinfo > .span {
    margin-bottom: 0px;
}

.ortabutton {
    display: block;
    text-align: center;
    margin-top: 15px;
}

.ortabutton a {
    text-align: center;
    border-radius: 15px;
    font-weight: 600;
    background: rgba(14,53,127,.05);
    color: #4f4e56;
    padding: 8px 19px;
    font-size: 16px;
}

.ortabutton i {
    margin-right: 5px;
}

body.wp-night-mode-on .ortabutton a {
    background: rgb(0, 0, 0);
}

/* phone filter */
.telefon_filtreleme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.telefon_filtreleme .filtre_bar {
    width: 300px;
    padding: 0 15px;
    padding-left: 0
}

.telefon_filtreleme .filtre_icerik {
    width: 70%
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 3px
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-widget-header {
    background: #4f4e56;
    color: #333;
    font-weight: 700
}

.ui-widget-content {
    background: #e9e9f8;
    color: #333
}

.ui-slider-horizontal {
    height: 3px
}

.ui-slider {
    position: relative;
    width: 90%;
    margin: 20px auto
}

.ui-button,.ui-button.ui-state-disabled:active,.ui-button.ui-state-disabled:hover,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    background: #eee;
    border: 2px solid #4f4e56;
    font-weight: 400;
    color: #454545;
    border-radius: 50px
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 24px;
    height: 24px;
    cursor: -webkit-grab;
    cursor: grab;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTEgNyI+ICA8cGF0aCBmaWxsPSIjRTZFN0VEIiBkPSJNMS43NzYzNTY4NGUtMTUsNiBMMTEsNiBMMTEsNyBMMS43NzYzNTY4NGUtMTUsNyBMMS43NzYzNTY4NGUtMTUsNiBaIE0xLjc3NjM1Njg0ZS0xNSwzIEwxMSwzIEwxMSw0IEwxLjc3NjM1Njg0ZS0xNSw0IEwxLjc3NjM1Njg0ZS0xNSwzIFogTTEuNzc2MzU2ODRlLTE1LDEuNzc2MzU2ODRlLTE1IEwxMSwxLjc3NjM1Njg0ZS0xNSBMMTEsMSBMMS43NzYzNTY4NGUtMTUsMSBMMS43NzYzNTY4NGUtMTUsMS43NzYzNTY4NGUtMTUgWiIvPjwvc3ZnPg==) 50% no-repeat;
    top: -.7em;
    margin-left: -.6em
}

.filtre_show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

.filtre_show .f-value {
    background: #e1e2e4;
    padding: 5px 20px;
    border-radius: 50px
}

.telefon_filtreleme input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 22px!important;
    height: 22px!important;
    border-radius: 6px;
    border: 1px solid hsla(240,6%,67%,.12);
    background: #d4d4de;
    outline: 0;
    vertical-align: middle;
    margin-right: 7px;
    cursor: pointer
}

.telefon_filtreleme input[type=checkbox]:checked {
    background-color: #136bf9!important;
    border: 1px solid #136bf9!important;
    -webkit-box-shadow: inset 0 0 0 1px #4648a6!important;
    box-shadow: inset 0 0 0 1px #4648a6!important
}

.telefon_filtreleme input[type=checkbox]:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTUgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyLjAwMDAwMCwgLTQ1MC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0yNi41NDI4OTMyLDQ1OS45NTcxMDcgTDI3LjUsNDYwLjkxNDIxNCBMMzYuOTI5ODIzMyw0NTEuNDg0MzkgTDM1LjUxNTYwOTgsNDUwLjA3MDE3NyBMMjcuNSw0NTguMDg1Nzg2IEwyMy40NjQ0NjYxLDQ1NC4wNTAyNTMgTDIyLjA1MDI1MjUsNDU1LjQ2NDQ2NiBMMjYuNTQyODkzMiw0NTkuOTU3MTA3IFoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==)!important;
    background-position: 3px 5px!important;
    background-repeat: no-repeat!important
}

.telefon_filtreleme input[type=checkbox]:active,input[type=checkbox]:hover {
    border: 1px solid hsla(240,6%,67%,.25);
    -webkit-box-shadow: inset 0 0 0 1px hsla(240,6%,67%,.25);
    box-shadow: inset 0 0 0 1px hsla(240,6%,67%,.25)
}

.list-group-item.checkbox {
    margin-bottom: 3px;
    display: block;
    cursor: pointer
}

.list-group-item.checkbox label {
    cursor: pointer
}

.list-group.abuzerler .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: inherit;
    height: auto;
    padding: 5px 15px;
    overflow: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-bottom: 15px
}

.telefon_filtreleme .abuzerler input[type=checkbox] {
    border-radius: 50px;
    border: 0;
    bottom: 0;
    position: absolute;
    width: 25px!important;
    height: 3px!important
}

.telefon_filtreleme select {
    font-size: 16px;
    border: none;
    background: #e9ecf1;
    padding: 6px 15px;
    border-radius: 5px
}

.telefon_filtreleme .collapsible {
    cursor: pointer
}

.collapsible:hover,.telefon_filtreleme .active {
    background-color: #f5f6f8
}

.telefon_filtreleme .collapsible:after,.telefon_filtreleme .collapsible:before {
    display: block;
    content: "";
    width: 2px;
    height: 11px;
    background: #babfc7;
    left: 90%;
    top: 50%;
    margin-top: -6px;
    position: absolute
}

.telefon_filtreleme .collapsible:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 4px
}

.telefon_filtreleme .collapsible:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -3px
}

.telefon_filtreleme .collapsible.active:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: 4px
}

.telefon_filtreleme .collapsible.active:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -3px
}

.telefon_filtreleme .content {
    max-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: max-height .2s ease-out;
    -o-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out;
    padding: 10px;
    display: none;
    background: #f5f6f8;
    padding-left: 25px
}

.telefon_filtreleme .filtre_bar .h3 {
    margin: 5px 0;
    padding: 4px;
    padding-left: 20px
}

.telefon_filtreleme .filtre_bar .list-group .h3,.telefon_filtreleme .filtre_bar .list-group .h3.collapsible {
    border-bottom: none;
    color: #545454;
    padding: 5px 0;
    padding-left: 25px;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    position: relative
}

.telefon_filtreleme .filtre_bar>.h3,.telefon_filtreleme .filtre_bar>h3 {
    font-family: Exo,sans-serif;
    margin: 5px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 2px solid #baecad;
    margin-left: 5px;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0
}

.telefon_filtreleme .filtre_bar .h3.antutu {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='25' viewBox='0 0 16 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-10 -126)' fill-rule='evenodd'%3E%3Cpath d='m22.899 128.55c0.54245 0.94021 1.0881 1.8193 1.6438 2.7262 1.0855 1.789 1.5835 2.8593 1.4299 4.8961-0.056116 1.6243-0.53465 3.2087-1.3914 4.607l-0.060716 0.085991c-0.32529 0.40258-0.71101 0.7559-1.1444 1.0482-0.55665 0.37551-0.18145-0.80042-0.25758-1.4789-0.2196-1.957-2.9762-3.0778-5.1187-3.0836-2.1757-0.006486-4.7936 1.0096-5.1099 3.0836-0.13328 0.8741 0.32891 1.8421-0.23009 1.4978-1.1677-0.71908-2.3714-3.0405-2.5636-4.7507-0.3474-2.3901 0.25235-4.8187 1.6638-6.7775 0.18439-0.27472 0.41056-0.52101 0.67088-0.73059 0.30436-0.24502 0.70814 1.1456 1 1.3302 0.93586-4.7014 2.372-4.8855 2.5524-3.7064 0.21564 1.4092 1.2861 2.6293 1.2832 2.7667 0.73333-1.3575 0.18242-2.7667-0.031391-3.1265-0.41926-0.70566 0.61402-1.142 1.2209-0.83466 0.42948 0.2175 0.83944 0.46926 1.2007 0.73505 0.72471 0.49232 1.3318 1.1291 1.7812 1.8687 0.32114-0.23279 0.93795-1.0632 1.461-0.15663z' color='%23e62100 !important' fill='currentColor' style='color: %23e62100 !important;'%3E%3C/path%3E%3Cpath d='m11.5 141.15c0.052436-0.40243 0.10484-0.67533 0.28767-1.0421 0.36789-0.85898 0.92826-1.6324 1.6425-2.2669 0.3246-0.29766 0.6845-0.55883 1.0725-0.77831 0.10978-0.044927 0.16993-0.15763 0.14294-0.26783-0.11306-0.8873-0.39237-1.7485-0.82482-2.5431-0.22907-0.35032-0.40341-0.7301-0.51762-1.1276-0.043284-0.18912-0.048105-0.3843-0.014206-0.57512 0.089427-0.32813 0.40716-0.554 0.76533-0.54406 0.24931-0.012597 0.49915-0.012597 0.74846 0 0.35442 0.022542 0.66178 0.23987 0.78487 0.55497 0.15695 0.3629 0.24704 0.74852 0.26636 1.1402 0.032681 0.3217 0.045429 0.64494 0.038178 0.96805-0.02384 0.61552-0.090276 1.2289-0.19888 1.8362 0.36626-0.12143 0.74132-0.21768 1.1223-0.28798 0.95322-0.16594 1.9335-0.13039 2.8704 0.10411 0.049088 0.008386 0.097459 0.020172 0.14472 0.035263 0.19 0.077243 0.19089-0.035263 0.16603-0.15868-0.08801-0.42437-0.21303-0.84111-0.37379-1.246-0.15831-0.36096-0.34069-0.71206-0.54603-1.0512-0.15907-0.28535-0.27333-0.5911-0.33916-0.9076-0.059859-0.21487-0.01737-0.44376 0.1163-0.6265 0.13367-0.18275 0.34516-0.30109 0.57889-0.32392 0.29402-0.042987 0.59307-0.045532 0.88786-0.007557 0.31888 0.045175 0.58995 0.24395 0.71561 0.52475 0.1738 0.37091 0.27056 0.76997 0.285 1.1754 0.0784 0.97981 0.012061 1.9652-0.1971 2.9277-0.036759 0.10801 0.019383 0.22473 0.12963 0.26951 1.1929 0.63919 2.1549 1.6028 2.7612 2.7656 0.205 0.3868 0.36744 0.7925 0.48477 1.2107-0.43452 0.56882-0.95884 1.0712-1.5546 1.4894-3.5146 2.5483-8.448 1.9696-11.378-1.1711-0.028411-0.02099-0.047944-0.049537-0.067477-0.076404zm10.992-2.1271c-0.07756 0.00236-0.15486 0.012346-0.23122 0.029867-0.81756 0.25387-1.6351 0.50981-2.4527 0.76783-0.35707 0.112-0.38049 0.18169-0.19024 0.59485 0.027663 0.060719 0.060372 0.11746 0.097561 0.16925 0.5124 0.56216 1.2737 0.54558 1.7707-0.038578 0.37522-0.46243 0.71137-0.9738 1.0029-1.5257 0-0.007467 0.0068293-0.016178 0.010732-0.024889l-0.0078049 0.027378zm-8.9652-0.027378-0.026977 0.063374c0.18384 0.30162 0.36369 0.60675 0.55152 0.90367 0.27187 0.51274 0.70921 0.87398 1.212 1.0011 0.48682 0.13053 0.98624-0.1487 1.207-0.67482 0.060947-0.18778 0.032972-0.27932-0.13388-0.3333-0.53254-0.17369-1.0621-0.35912-1.5936-0.53985l-1.216-0.42015z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 19px
}
/* phone filter finish */

/* big area */
.big_area {
    /* height: 350px; */
    background: #bee6b2;
    margin-bottom: 10px;
}

.big_area .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.big_area .container .sag, .big_area .container .sol {
    width: 49%;
    padding: 50px 10px;
}

.big_area .container .sag {
    background: url(oppo_banner.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.big_area .container .sol h1 {
    margin-bottom: 10px;
    font-size: 24px;
    margin-top: 0;
}

.big_area .container .sol .fakeh1 {
    font-size: 21px;
    margin-bottom: 20px;
    clear: both;
    color: #011627;
    border-top: 1px solid #c9d4d6;
    width: 70%;
    padding-top: 10px;
}

.arama_komple {
    position: relative;
}

.search_area .arama_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.search_area .arama_input input {
    border: none;
    padding: 15px 15px;
    padding-left: 45px;
    border-radius: 4px;
    width: 70%;
    -webkit-box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 5%);
    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 5%);
}

.search_area .arama_input svg {
    margin: 0px;
    height: 22px;
    width: 21px;
    position: absolute;
    top: 30%;
    left: 15px;
}

.area_search_result {
    display: inline-block;
    z-index: 9;
    margin-top: 15px;
}

.phoneresultarea {
    display: -ms-grid;
    display: grid;
}

.area_search_result .arearesult {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.arearesult li, .phoneresult li {
    width: 100%;
    list-style: none;
    border-left: 2px solid transparent;
    border-bottom: 1px solid #eee;
    text-align: left;
    padding-left: 10px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.area_search_result .arearesult li {
    width: 135px;
    background: #fff;
    margin-right: 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 7%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 7%);
    padding: 10px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.arearesult a, .phoneresult a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
}

.arearesult img, .phoneresult img {
    height: 60px;
    margin-right: 10px;
    max-width: 60px;
}

.arearesult span, .phoneresult span {
    font-size: 14px;
    font-weight: 600;
}
/* big area bitis */

@media (max-width:500px) {
	.brand-list {
		-ms-grid-columns: (50%)[2]!important;
		grid-template-columns: repeat(2,50%)!important;
	}
}

@media (max-width:580px) {
	.allbrands .kart {
		width: 49%;
	}
	.telefon_filtreleme .filtre_bar {
		display: none;
		position: absolute;
		z-index: 9;
		background: #fff;
		left: 0;
		overflow: auto;
	}
	.telefon_filtreleme .filtre_icerik {
		width: 100%;
	}
	.phone_list {
		width: 50% !important;
	}
	.big_area .container .sag, .big_area .container .sol {
		width: 100%!important;
		padding: 20px 10px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}
	.big_area .container .sag {
		display: none !important;
	}
	.area_search_result .arearesult {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}