@media (max-width:320px){
 
}

@media (min-width:321px){ 
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px; margin-top: 20px;}
  .sayfabaslik{font-size: 20px; color:white;}
  .breadpd{margin-top:0px}
  .banner{height: 100px; background:#9c0d6b; background-position: center; background-size: cover; background-repeat: no-repeat;}
}

@media(min-width:640px){
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
}

@media(min-width:960px){
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
}

@media(min-width:1200px){
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px; margin-top: 0px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .breadpd{margin-top: 20px;}
  .banner{height: 180px; background:#9c0d6b; background-position: center; background-size: cover; background-repeat: no-repeat;}
}

@media(min-width:1400px){
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
}

@media(min-width:1600px){

  .bannerpd{padding-top: 290px;}
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
}