@media (min-width:0px) and (max-width:450px) {     #altlogo{ border-bottom: 1px solid blue;}
                      
    .ilankriter,.ilankriter2{ margin-left:2%; margin-right:2%; width: 46%; }  
    
    .ilanozellikleri{ margin-top:95px; }
    
    .ilanresimler{ margin-top: 50px;}

}   /* 5 blue */

















@media (min-width:451px) and (max-width:768px) {        
     
    .ilankriter,.ilankriter2{ margin-left:2%; margin-right:2%; width: 46%; }   
    
    .ilanozellikleri{ margin-top:133px; } 
    
    .ilanresimler{ margin-top: 50px;}
} /* 4 green */

















@media (min-width:769px) and (max-width:992px) {  
    
    
    .ilankriter,.ilankriter2{ margin-left:2%; margin-right:2%; width: 46%; }  
    
    .ilanresimler{ margin-top: 50px;}  
   
} /* 3 brown */








@media (min-width:993px) and (max-width:1000px) {          
    .ilanbilgileri{
        width:55%;
    }
    
    .ilanresimler{ float:right;}
    
    
    .ilankriter,.ilankriter2{ width: 21%; margin-left:2%; margin-right:2%; }
    
    .ilanresimler{ margin-top: 50px;}  
    .resimlertitle{ margin-left:4px; }
    
} /* 2  orange */










@media (min-width:1001px) and (max-width:1199px) {          
    .ilanbilgileri{
        width:55%;
    }
    
    .ilanresimler{ float:right;}
    
    
    .ilankriter,.ilankriter2{ width: 21%; margin-left:2%; margin-right:2%; }
    
    .ilanresimler{ margin-top: 0px;}  
    .resimlertitle{ margin-left:4px; }
    
} /* 2  orange */


















@media (min-width:1200px) and (max-width:5000px) {      
    .ilanbilgileri{
        width:52%;
    }
    
    .ilanresimler{ float:right;  width: 45%;}
    
    
    .ilankriter,.ilankriter2{ width: 21%; margin-left:2%; margin-right:2%; }
    
    .ilanresimler{ margin-top: 0px;}  
    
    .resimlertitle{ margin-left:4px; }
} 


/* 1 yellow 1 */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */

/*body{overflow: hidden;}*/


.ilaneklekatefull{
    position: fixed; top:0px; left:0px; width:100%; height: 100%;
     z-index: 999999999;
    
    overflow: scroll;
}

.ilaneklekateback{
     position: fixed; top:0px; left:0px; width:100%; height: 100%;
   z-index: -1;
    
}

.ilaneklekateinfull{
    position: relative; width:auto; height: auto; 
    background-color: blue; 
     z-index: 9999999;
}

.ilaneklekatein{
    position: relative; width:300px; height: 100%; 
}

.ilaneklekateinback{
    position: absolute; top:0px; left:0px; width:100%; height: 100%; 
    background-color: pink;
    z-index:0; background: rgba(0,0,0,0.3);
}

.ilaneklekatebox{
    display: none; position: relative; z-index:9999999;
    width:300px; padding-left:25px; padding-right:25px; height: auto; background-color: #fefefe; float: left;
    border: 0px solid; 
}

.ilaneklekateloaderdiv{
    width:100%; height: 250px;  position: relative; z-index:9999999;
    text-align: center; padding-top: 100px; color:#666;
}

.rightmenuulin {
    background: #ffffff;
    border: 1px solid #cce5ff;
    width: 100%;
}

.ilaneklekateustkatead{
    width:100%; height: 50px; background-color: #154473; color:#ff8c2e;
    font-size:18px;
    display: flex; justify-content: center; align-items: center; font-weight: bold;
}



.titleaciklama{
    position:fixed; bottom:0px; left: 0px; height: 30px; width: 100%;
    padding: 5px; background-color: red; color:#fff; text-align: center; display: none; z-index: 15;
}

.ilanozellikleri1 select,.ilanozellikleri2 select{
    background-color:#fff;
}
.multiple{
   height:38px;
}
.ilankriter,.ilankriter2{
    float:left; margin-bottom: 20px;
}

.ilankriter3{
    margin-top:10px;
}

.ilankriter3 .ilankriterin3{
    border: 1px solid #ccc; text-align: center; font-weight: bold; 
}


.ilanbilgifiyat{
        width:58%; float: left;
      }
      .ilanbilgifiyatparabirimi{
        width:42%; float: left;
      }

.image-box{
                            width:102px; height: 82px; border-radius: 5px; border:1px #ddd dotted;
                             margin-left:9px; margin-top:9px; background-color: #f4f4f4;
                            position: relative;
                        }

                        .yuklenmisli{
                        display: none;  float: left;
                        }

                        .yuklenmemisli{ float: left; }

                        .image-box-resimli{
                            width: 102px;
    height: 82px;
    border-radius: 5px;
    border: 1px #ddd dotted;
    margin-left: 9px;
    margin-top: 9px;
    background-color: #f4f4f4;
    position: relative;
                        }

                        .image-box-resimli:hover{
                            cursor: move;
                        }

                        .image-add{
                            width:100%; height: 100%;  text-align: center;
                        }

                        .image-eklenmis{
                            width:100%; height: 100%; text-align: center; overflow: hidden;
                        }

                        .yuklenenresim{
                            height: 100%; width: auto;
                        }

                        .gifresmi{
                            margin-top:0px; width: 100%;
                        }

                        .kaydet{
                            margin-top:8px; width: 64px;
                        }

                        .resmisil{
                            position:absolute; top:-6px; right:-3px; width: 25px; height: 25px;
                        }

                        .resmidondur{
                            position:absolute; top:-6px; left:-3px; width: 25px; height: 25px;
                        }

                        .resimbutonlar{ width:100%; }

                        .resimbutonlardiv{
                            display: none;
                        }
                        
                        .filtremulttitle{
                            cursor: pointer;
                        }
                        
                        
                        
input:not([type="submit"]), textarea {
    height: 41px;
}

label{
    border-bottom: 1px solid #eaeaea; width:100%;
}

#rightmenu,
#rightmenu ul,
#rightmenu ul li,
#rightmenu ul li a,
.rightmenu,
.rightmenu ul,
.rightmenu ul li,
.rightmenu ul li a{

  list-style: none;
  line-height: 1;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#rightmenu,.rightmenu {
 
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#rightmenu ul ul,.rightmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#rightmenu > ul > li > a,.rightmenu > ul > li > a {
  padding: 15px 0px;
  border-top: 1px solid #e7e7e7;
    border-left: 1px solid #cce5ff;
    border-right: 1px solid #cce5ff;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  color: #262525;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0)!important;
}
#rightmenu > ul > li > a:hover,
#rightmenu > ul > li.active > a,
#rightmenu > ul > li.open > a,
.rightmenu > ul > li > a:hover,
.rightmenu > ul > li.active > a,
.rightmenu > ul > li.open > a {
  color: #000000;
  
}
#rightmenu > ul > li.open > a,
.rightmenu > ul > li.open > a{
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
 
}
#rightmenu > ul > li:last-child > a,
#rightmenu > ul > li.last > a,
.rightmenu > ul > li:last-child > a,
.rightmenu > ul > li.last > a {
  border-bottom: 1px solid #cce5ff;
}
.oldur {
 
}
.oldur::after,
.oldur::before {

}
.oldur::after {
 
}
#rightmenu > ul > li > a:hover > span::after,
#rightmenu > ul > li.active > a > span::after,
#rightmenu > ul > li.open > a > span::after,
.rightmenu > ul > li > a:hover > span::after,
.rightmenu > ul > li.active > a > span::after,
.rightmenu > ul > li.open > a > span::after {
  border-color: #262525;
}
.oldur::before {

}
#rightmenu ul ul li:hover > a,
#rightmenu ul ul li.open > a,
#rightmenu ul ul li.active > a,
.rightmenu ul ul li:hover > a,
.rightmenu ul ul li.open > a,
.rightmenu ul ul li.active > a {

  color: #000000;
}


#rightmenu ul ul li a,.rightmenu ul ul li a {
  cursor: pointer;
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #cce5ff;
  border-right: 1px solid #cce5ff;
  padding: 15px 0px;
  z-index: 1;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  color: #262525;
}

#rightmenu ul ul li:first-child > a {
  box-shadow: none;
}
#rightmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#rightmenu ul ul ul li a {
  padding-left: 4px;
}
#rightmenu > ul > li > ul > li:last-child > a,
#rightmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#rightmenu > ul > li > ul > li.open:last-child > a,
#rightmenu > ul > li > ul > li.last.open > a {
  
}
#rightmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#rightmenu ul ul li.has-sub > a::after {
  
}
#rightmenu ul ul li.active > a::after,
#rightmenu ul ul li.open > a::after,
#rightmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}

.rightikondiv{
    width:30px; height: 15px;  float:left; text-align: center;
}
.rightkatename{
    width:171px; height: 15px; margin-left:5px;  text-align: left;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}


@media (min-width:769px) and (max-width:1000px) {  
.rightkatename{width:145px;}

.rightmenuout{ min-height: 300px; padding-left: 0px;
    padding-right: 3px;}

#rightmenu > ul > li > a{
    padding:13px 0px;
}
}


@media (min-width:1001px) and (max-width:1199px) {  
.rightkatename{width:180px;}

.rightmenuout{ min-height: 387px; padding-left: 0px;
    padding-right: 4px;
}



}


@media (min-width:0px) and (max-width:1000px) {  

#rightmenu ul ul li:hover > a,
#rightmenu ul ul li.open > a,
#rightmenu ul ul li.active > a {
 
}


#rightmenu ul ul li a {
  
}

}


@media (min-width:1001px) and (max-width:5000px) {
    
.rightmenuul1{
    width:100%;    
}


.rightmenuul2{
    position: absolute; top:0px; left: 100%; width:100%;   
}
.rightmenuul3{ 
    position: absolute; top:0px; left: 100%; width:100%;   
}
.rightmenuul4{
    position: absolute; top:0px; left: 100%; width:100%;    
}
.rightmenuul5{
    position: absolute; top:0px; left: 100%; width:100%;    
}


    
}



    
.rightmenuul1{
    background: #ffffff; border:1px solid #cce5ff;
}


.rightmenuul2{
    background: #ffffff; border:2px solid #cce5ff;
}
.rightmenuul3{ 
    background: #ffffff; border:2px solid #cce5ff;
}
.rightmenuul4{
    background: #ffffff; border:2px solid #cce5ff;
}
.rightmenuul5{
    background: #ffffff; border:2px solid #cce5ff;
}

.topmenuikondivkate{
   position: relative; width:25px; height: 20px; text-align: center; padding-top:3px; margin-right: 3px;  float: left; 
}


.ustadiv{
    position: relative; width: 100%; height: 15px; 
}

.menualtokdiv{
    position: absolute; top:-3px; right: 10px;  width:25px; height: 20px; text-align: center;
}

.defaultback{
    background-color:none;
}


.tiklananback{
    background-color:#cce5ff;  color:#fff;
}




@media (min-width:0px) and (max-width:450px) {     #altlogo{ border-bottom: 1px solid blue;}
.usta1{ margin-left:0px; }
.usta2{ margin-left:5px; }
.usta3{ margin-left:10px; }
.usta4{ margin-left:15px; }
.usta5{ margin-left:20px; }
                                                 

}   /* 5 blue */

















@media (min-width:451px) and (max-width:768px) {        
    #rightmenu {
  width: 100%;
}

.usta1{ margin-left:0px; }
.usta2{ margin-left:15px; }
.usta3{ margin-left:30px; }
.usta4{ margin-left:45px; }
.usta5{ margin-left:60px; }
} /* 4 green */





@media (min-width:769px) and (max-width:992px) {      
   #rightmenu {
  width: 100%;
}
} /* 3 brown */





@media (min-width:990px) and (max-width:1000px) {          
  #rightmenu {
  width: 100%;
}
    
} /* 2  orange */






@media (min-width:1001px) and (max-width:1199px) {          
#rightmenu {
  width: 100%;
}
    
} /* 2  orange */





@media (min-width:1200px) and (max-width:5000px) {      
 #rightmenu {
  width: 100%;
}
} 


/* 1 yellow 1 */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */


.ustadiv .fa-angle-left,.ustadiv .fa-angle-right {
    background: rgba(0,0,0,0);
    color: #154473;
    font-size: 25px;
}

.selectkategoriler{
    padding-left:30px;
}