@media (max-width:320px){
  
}
@media (min-width:321px){
  .katalogslogan{font-size: 20px; font-weight: 200;}
  .katalogaciklama{font-size:18px; font-weight: 100;}
  .uk-panel-bg{background-color: #201d1b; padding:10px}
  .habertitle{color: #c9bda6; font-size: 18px;}
}
@media(min-width:640px){

}
@media(min-width:960px){

}
@media(min-width:1200px){
  .katalogslogan{font-size: 40px; font-weight: 200;}
  .katalogaciklama{font-size:25px; font-weight: 100;}
  .uk-panel-bg{background-color: #201d1b; padding:50px}
  .habertitle{color: #c9bda6; font-size: 22px;}
}

@media(min-width:1400px){

}


::selection {
  background-color: #a28c63; /* Arkaplan rengi */
  color: #fff; /* Metin rengi */
}



input[type="text"]::placeholder {
  color: red; /* Sadece text input elementlerinin placeholder rengini değiştirir */
}

.footercizgi{border-top: 1px solid grey; padding-top:30px}
.footertext{color: #ede9df; font-size: 16.5px; }
.sosyalicon {background-color: #a28c63; color: black; width: 26px; height: 26px; border-radius: 13px;}
.headcizgi{border-bottom: 1px solid white; width: 100px;}
.bizdenhaberler {font-size: 40px;color: #A68F58;}
.bizdenhaberlerbg {
    background-image: url("/images/bizdenhaberlerbg.webp");
    background-size: 50% auto; /* Genişlik %50, yükseklik otomatik olarak ayarlanır */
    background-position: left top; /* Sol üst köşe */
    background-repeat: no-repeat; /* Tekrar etme */
    height: 500px;
    position: relative;
    margin-bottom:-200px;
    margin-top:-350px;
    z-index: -1;
  }

 
  
  .baslikefekt {
    background: linear-gradient(to right, #b8a576 10%, #ecece9 50%, #b8a576 60%);
    background-size: auto auto;
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 7.5s linear infinite;
    display: inline-block;
  }
  
  @keyframes textclip {
    to {
      background-position: 200% center;
    }
  }
  


.me10 { margin-right: 10px !important; }
.me15 { margin-right: 15px !important; }
.me20 { margin-right: 20px !important; }
.me25 { margin-right: 25px !important; }
.me30 { margin-right: 30px !important; }
.me35 { margin-right: 35px !important; }
.me40 { margin-right: 40px !important; }
.me45 { margin-right: 45px !important; }
.me50 { margin-right: 50px !important; }
.me55 { margin-right: 55px !important; }
.me60 { margin-right: 60px !important; }
.me65 { margin-right: 65px !important; }
.me70 { margin-right: 70px !important; }
.me75 { margin-right: 75px !important; }
.me80 { margin-right: 80px !important; }
.me85 { margin-right: 85px !important; }
.me90 { margin-right: 90px !important; }
.me95 { margin-right: 95px !important; }
.me100 { margin-right: 100px !important; }



.ms10 { margin-left: 10px !important; }
.ms15 { margin-left: 15px !important; }
.ms20 { margin-left: 20px !important; }
.ms25 { margin-left: 25px !important; }
.ms30 { margin-left: 30px !important; }
.ms35 { margin-left: 35px !important; }
.ms40 { margin-left: 40px !important; }
.ms45 { margin-left: 45px !important; }
.ms50 { margin-left: 50px !important; }
.ms55 { margin-left: 55px !important; }
.ms60 { margin-left: 60px !important; }
.ms65 { margin-left: 65px !important; }
.ms70 { margin-left: 70px !important; }
.ms75 { margin-left: 75px !important; }
.ms80 { margin-left: 80px !important; }
.ms85 { margin-left: 85px !important; }
.ms90 { margin-left: 90px !important; }
.ms95 { margin-left: 95px !important; }
.ms100 { margin-left: 100px !important; }



.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }


.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }


.mh-50  { min-height:50px  !important; }
.mh-100 { min-height:100px !important; }
.mh-150 { min-height:150px !important; }
.mh-200 { min-height:200px !important; }
.mh-250 { min-height:250px !important; }
.mh-300 { min-height:300px !important; }
.mh-350 { min-height:350px !important; }
.mh-400 { min-height:400px !important; }
.mh-450 { min-height:450px !important; }
.mh-500 { min-height:500px !important; }
.mh-550 { min-height:550px !important; }
.mh-600 { min-height:600px !important; }
.mh-650 { min-height:650px !important; }
.mh-700 { min-height:700px !important; }
.mh-750 { min-height:750px !important; }
.mh-800 { min-height:800px !important; }
.mh-850 { min-height:850px !important; }
.mh-900 { min-height:900px !important; }
.mh-1000{ min-height:1000px !important; }