@media screen and (max-width:1024px) and (min-width:120px) {
.ustu{display:none; }
.acilsin{ display:block;text-align:center;margin:0 auto}
.kapansin{display:none;}
.mobilmenu{
display:block;
font-size:24px;
position:absolute;
right:20px;
top:20px
}


#top{
overflow:hidden;
background: linear-gradient(40deg,#f7f7f7,#fff,#f2f2f2);
font-family: 'Roboto', sans-serif;
box-shadow: 0px -2px 7px -2px rgba(0,0,0,0.35);
}

#header{
overflow:hidden;
border-bottom:1px solid #eee;
background: linear-gradient(40deg,#fff,#fff);
box-shadow: 0px -2px 7px -2px rgba(0,0,0,0.35);
}

.header{
overflow:hidden;
width:100%;
margin:0 auto;
overflow:hidden;
}

.logo{
float:none;
overflow:hidden;
padding:10px 0;
text-align:center;
}

.menu{
float:none;
overflow:hidden;
color:#2d3954;
padding-bottom:15px;
display:none;
}

.menu ul{
margin:0 auto;
list-style:none;
padding:0;
}

.menu li{
float:none;
padding:0px 15px;
font-weight:600;
border-right:none;
border-bottom:1px solid #f9f9f9;
cursor:pointer;
margin:10px 0;

}

.menu li:hover{
background:#f10d28;
color:#fff;
}

.menu li i{
font-size:24px;
display:block;
float:left;
margin-top:-4px
}

.menu ul span{
display:block;
padding:10px 15px;
float:none;
background:#f10d28;
color:#fff;
border-radius:5px;
margin:0 auto;
width:100px;
text-align:center;
}


.menu ul span i{
font-size:24px;
display:block;
float:left;
margin-top:-6px
}

.menu ul span:hover{
background:#27b737;
cursor:pointer;
}


#searchbar{
overflow:hidden;
min-height:100px;
background:url(../images/search.jpg);
background-size:cover
}

.search{
width:100%;
margin:0 auto;
overflow:hidden;
}

.slogan1{
overflow:hidden;
text-align:center;
font-size:32px;
padding:30px 0 0 0;
font-weight:600;
}

.slogan1 em{
font-style:normal;
color:red;
}

.slogan1 span{
display:block;
font-size:14px;
font-weight:normal;
letter-spacing:0.5px;
padding:5px 0 0 0;
}

.ortabar{
overflow:hidden;
background:#ffffff52;
width:96%;
margin:0 auto;
margin-top:40px;
padding:15px 5px;
border-radius:4px;
margin:0 auto;
padding:0;
padding:10px 0;
margin-top:40px;
}

.ortabar input{
height:50px;
border:none;
outline:none;
padding-left:2%;
width:92%;
font-family: 'Roboto', sans-serif;
font-size:13px;
text-align:center;
margin:0 auto;
display:block;
border-bottom:1px solid #ddd;
margin-bottom:10px;
}

.ortabar .la-pencil-alt{
font-size:25px;
display:block;
float:left;
margin-top:8px;
display:none;
}

.ortabar select{
width:94%;
height:40px;
outline:none;
border:none;
border-left:0px solid #ddd;
font-family: 'Roboto', sans-serif;
font-size:16px;
color:#666;
margin:0 auto;
display:block;
}

.ortabar button{
width:94%;
display:block;
margin:0 auto;
height:42px;
border:none;
font-family: 'Roboto', sans-serif;
font-size:16px;
outline:none;
cursor:pointer;
color:#666;
margin-top:10px;
}

.ortabar button:hover{
background:red;
color:#fff;
}

.anaetiket{
width:96%;
margin:0 auto;
padding:5px;
color:#acacac;
font-size:13px;
line-height:20px;
text-align:center;
margin-top:20px;
}

.hizliarama{
width:96%;
margin:0 auto;
overflow:hidden;
color:#666;
font-family:poppins;
margin-top:10px;
text-align:center;
margin-bottom:20px;
display:none;
}

.hizliarama span{
display:block;
font-size:18px;
font-weight:500;
padding:10px 0 0px 0;
}

.hizliarama i{
color:red;
font-size:14px;
}

.hizliarama a{
color:#666;
text-decoration:none;
font-size:12px
}

.hizliarama a:hover{
text-decoration:underline;
}

#ortabanner{
overflow:hidden;
background: linear-gradient(40deg,#f1f1f1,#f6f6f6,#eee);
min-height:10px;
}

.ortabanner{
width:100%;
margin:0 auto;
overflow:hidden;
}

.ortabanner strong{
line-height:20px;
display:block;
float:none;
font-family:Poppins;
font-weight:normal;
color:#666;
font-size:16px;
text-align:center;
padding:20px 0;
}

.ortabanner span{
float:none;
display:block;
overflow:hidden;
width:300px;
margin:0 auto;
}

.ortabanner b{
display:block;
float:left;
width:150px;
font-weight:normal;
font-size:30px;
color:#000;
padding:5px 0 25px 0;
}

.ortabanner em{
display:block;
font-size:12px;
color:#666;
font-style:normal;
padding:5px 0 0 0;
float:left;
}

.ortabanner i{
display:block;
float:left;
font-size:55px;
margin-right:10px;
color:#666
}

.ortabanner a{
display:block;
font-size:24px;
font-weight:500;
padding-bottom:5px;
}

.anavitrin{
overflow:hidden;
min-height:400px;
width:96%;
margin:0 auto;
padding:20px 0 0 0;
}

.vitrintitle{
border-bottom:1px solid #eee;
}

.vitrintitle button{
background:none;
outline:none;
border:none;
cursor:pointer;
padding:10px 0px;
background:#f7f7f7;
font-family:poppins;
display:block;
width:100%;
}

.w3-red{
background:red!important;
color:#fff;
font-family:poppins;
}

.city ul{
margin:0 auto;
list-style:none;
padding:0;
padding:20px 0 0 0;
overflow:hidden;
}

.city li{
float:left;
width:47%;
border:1px solid #ddd;
height:240px;
text-align:center;
padding:10px 1%;
margin:0 0px 10px 0px
}

.city li img{
width:90%;
height:120px;
object-fit:cover;
border-radius:5px;
}

.city li:nth-child(odd) {
  border-right:none;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}

.city li:nth-child(even) {
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}


.city li h1{
margin:0 auto;
padding:0;
font-size:14px;
text-align:center;
font-weight:normal;
color:#555;
padding:30px 0 5px 0;
min-height:50px
}

.city li span{
overflow:hidden;
display:block;
font-family:poppins;
color:#999;
font-size:13px;
}

.city li:hover{
border:1px solid #666;
cursor:pointer;
}

.populerarama{
width:96%;
margin:0 auto;
overflow:hidden;
}

.populerarama h1{
margin:0 auto;
padding:0;
display:block;
text-align:center;
font-size:21px;
padding:10px 0;
margin-bottom:5px;
border-bottom:1px solid #eee;
color:#f00
}

.populerarama ul{
margin:0 auto;
list-style:none;
padding:0;
float:left;
width:255px;
padding:0 10px;
}

.populerarama li{
padding:7px 0;
border-bottom:1px dashed #eee;
font-size:13px;
color:#666;
display:block;
width:100%;
float:none;
white-space:nowrap; 
text-overflow: ellipsis;
}

.populerarama li:hover i{
color:#f00;
}

#footer{
background: linear-gradient(40deg,#f1f1f1,#f6f6f6,#eee);
margin-top:20px;
overflow:hidden;
}

.footer{
width:96%;
margin:0 auto;
list-style:none;
padding:20px 0;
overflow:hidden;
}

#copy{
background:#eee;
border-top:1px solid #ddd;
overflow:hidden;
}

.copy{
width:96%;
margin:0 auto;
overflow:hidden;
font-size:12px;
padding:10px 0;
color:#666;
text-align:center;
}

.copy span{
float:none;
display:block;
padding:10px 0 0 0;
}

.footer ul{
margin:0 auto;
list-style:none;
padding:0;
float:left;
width:48%;
margin-right:2%;
text-align:center;
margin-bottom:10px;
}

.footer ul:nth-child(3){
width:100%;
margin:0 auto;
text-align:center;
margin-bottom:10px;
}

.footer ul:nth-child(4){
width:100%;
margin:0 auto;
text-align:center;
}

.footer li{
padding:10px 0;
border-bottom:1px dashed #ccc;
color:#333;
}

.fo-title{
font-size:18px;
overflow:hidden;
padding:0px 0;
}

.footer span{
display:block;
padding:10px 0;
color:#333;
}

/*sayfalar*/

#ortala{
width:96%;
margin:0 auto;
overflow:hidden;
}

/*kategoriler*/
.kategori{
overflow:hidden;
width:98%;
margin:0 auto;
}

.kategori h1{
margin:0 auto;
padding:0;
text-align:center;
font-size:21px;
padding:20px 0;
}

.katsol{
width:98%;
float:none;
overflow:hidden;
}

.katsol ul{
margin:0 auto;
list-style:none;
padding:0;
}

.katsol li{
border:1px solid #eee;
padding:5px;
border-radius:5px;
overflow:hidden;
background:#f9f9f9;
margin-bottom:20px;
}

.katsol li span{
display:block;
float:left;
}

.katsol li span img{
width:120px;
height:90px;
border-radius:5px;
margin-right:10px;
}

.katsol li h2{
margin:0 auto;
padding:0;
font-size:14px;
padding:5px 0;
font-weight:bold;
}

.katsol li em{
font-style:normal;
display:block;
min-height:45px;
font-size:13px;
line-height:20px;
color:#666;
}

.katsol li b{
font-size:12px
}

.katsol li i{
font-style:normal;
color:#ff0000
}

.katsol a{
color:#000;
text-decoration:none;
}

.katsag{
float:right;
overflow:hidden;
width:300px;
background:#f9f9f9;
border:1px solid #eee;
border-radius:5px;
display:none;
}

.katsag ul{
margin:0 auto;
padding:0;
list-style:none;
}

.katsag li{
border-top:1px solid #eee;
}

.katsag h2{
margin:0 auto;
padding:10px 0;
text-align:center;
font-size:16px;
font-family:poppins;
background:#fff;
}

.katsag li a{
color:#555;
padding:10px;
display:block;
text-decoration:none;
}

.katsag li span{
display:block;
float:right;
}

.katsag li a:hover{
background:#f00;
color:#fff;
}

.kataktif{
background:#f00;
color:#fff;
}

.kataktif a{
color:#fff!important
}

#dbread{
overflow:hidden;
padding:15px 0 10px 0;
background:#efefef;
margin-bottom:20px;
}

.dbread{
width:98%;
margin:0 auto;
overflow:hidden;
color:#999;
}

.dbread i{
font-size:20px;
display:block;
float:left
}

.dbread a{
color:#999;
text-decoration:none;
display:block;
float:left;
padding:0 20px;
}

#detay{
width:98%;
margin:0 auto;
overflow:hidden;
min-height:400px;
}

.dsol{
overflow:hidden;
float:none;
width:100%;
}

.dresim{
overflow:hidden;
}

.dresim img{
width:100%;
height:auto;
object-fit:cover;
}

.dbaslik{
position:absolute;
background: linear-gradient(0deg,#333,#f001);
font-size:21px;
color:#fff!important;
font-weight:600;
padding:10px 0 0 0!important;
text-align:center;
margin-top:-60px;
min-height:50px;
width:98%;
}

.modul{
overflow:hidden;
background:#f9f9f9;
min-height:100px;
border:1px solid #f9f9f9;
margin-top:10px;
}

.modul h1{
margin:0 auto;
padding:0;
font-size:17px;
padding:10px;
border-bottom:1px solid #eee;
background:#fff;
color:#555;
}

.modul h1 i{
color:#f00;
font-size:21px;
}

.modul div{
padding:0px;
line-height:20px;
color:#666;
}

.dsag{
width:100%;
float:none;
overflow:hidden;
}

.dilet{
overflow:hidden;
font-family:poppins;
}

.dilet ul{
margin:0 auto;
padding:0;
list-style:none;
overflow:hidden;
border:1px solid #eee;
border-radius:5px;
}

.dilet li{
overflow:hidden;
border-bottom:1px solid #eee;
}

.dilet li span{
display:block;
float:left;
width:35%;
background:#27b73700;
color:#000;
border-right:0px solid #eee;
padding:10px 0px;
font-weight:500;
font-size:13px;
}

.dilet li b{
display:block;
float:left;
padding:10px 0px;
font-weight:normal;
background:#fff;
width:64%;
padding-left:1%;
}

.dilet li i{
display:block;
font-size:21px;
float:left;
color:#ff0000;
margin-right:5px;
}

.field-item{
float:left;
padding:10px!important;
display:block;
overflow:hidden;
}

.paddle{
padding:10px!important;
}
}