/*================================================

* Template Name: QR Menu
* Version: 1.0
* Author: DevSec 
* Developed By: DevSec  
* Author URL: https://devlopsoft.com/iletisim

-- NOT: Burası ana şablona ek stil dosyasıdır --
-- Değişiklikler buraya yapılmalıdır.
-- Buraya girilen css özellikler varsayılanın üzerine yazar.
================================================*/

/* Kategori ve ürün gösterilirken altta çıkan text yazısı */
.home-category-list .home-text-category .bc-text {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  z-index: 2;
  padding: 5px 1px;
}

.home-category-list .home-image-category img {
  opacity: 1;
}


/* Mobile Devices ----------- */ /* Sadece dokunmatik ekran kontrolü yapar. #dokunmatikkk,screennn,mobilresponsivee*/
@media only screen {
  .non-square-h{  /* Trend ürünler telefon için resmi sıkıştırmasn ve ortadan kırpsın, trendd , kırpmaa  */
    width: auto;
    height: auto;
    object-fit: cover;
    object-position: center;
    position: relative;
    
  }
  /* .non-square-w{ /* Trend ürünler telefon için resmi sıkıştırmasn ve ortadan kırpsın, trendd , kırpmaa  
    width: auto;
    height: auto;
    object-fit: cover;
    object-position: center;
    position: relative;
    
  }  sadece üsttekini kullansak da oluyor*/

	.you-might-like .yml-box .yml-img img {
      height: 110px;
      width: 100%;
      border-radius: 5px;
      margin: 0 auto;
     }
}

@media(max-width: 576px){ /*Logo dar telefonlarda arkada kalmasın diye sola yasla */
  .navbar .logo {
		padding: 5px 10px;
		text-align: left;
		margin-left: 70px;
		display: block;
  }

}