/* SEARCH-MENU */
/* Fiyat Listesi İçin Kullanılıyor */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: verdana;   
}

/* section yukarisi */
#yukarisi{    
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.baslik_caliskan{
    text-align: center;
    background-color: #090a0c;
    color: #fff;
    height: 100px;        
 }

.guncel_fiyat_yazi{
    text-align: center;
    margin-top: 10%;     
    color: #ed1c24;           
 }


/* section searc-menu */
/* section searc-menu html ve css deki goruntu ve yazıları etkiliyor */
section#search-menu {
    background: url('../images/background_urun_sayfasi.png') no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-top: 5%;
    padding-bottom: 10%; 
}

#search-menu a:link{	
   color:#000;
   text-decoration: none;      
}

#search-menu a:visited{
   color:#fff;
   text-decoration: none;	
}

#search-menu a:hover{
   color: #000;    
   font-weight: 700;   
   cursor: pointer;
   transition: all ,2s ease;    
}

ul {
  list-style-type: none;     
}

ul li {
  padding: 10px 7px;     
}

/* section searc-menu search kısmı etkiliyor */
section#search-menu > .menu > span {
  display: inline-block;
  padding: 10px;    
}

section#search-menu > .menu > input {
  height: 30px;
  padding: 10px;    
}

section#search-menu > .menu {
  background-color: #ddd;     
}

section#search-menu > .content {
  background-color: #eee;
  padding: 20px;     
}




/* MEDIA QUERIES (kucuk ekranlarda goruntu) */
/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

    

}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    


}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 



}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 



}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 



}