/* Poppins Font Face Definitions */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins/poppins-v5-latin-300.eot');
    src: url('../fonts/poppins/poppins-v5-latin-300.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins/poppins-v5-latin-300.woff2') format('woff2'),
         url('../fonts/poppins/poppins-v5-latin-300.woff') format('woff'),
         url('../fonts/poppins/poppins-v5-latin-300.ttf') format('truetype'),
         url('../fonts/poppins/poppins-v5-latin-300.svg#Poppins') format('svg');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins/poppins-v5-latin-regular.eot');
    src: url('../fonts/poppins/poppins-v5-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins/poppins-v5-latin-regular.woff2') format('woff2'),
         url('../fonts/poppins/poppins-v5-latin-regular.woff') format('woff'),
         url('../fonts/poppins/poppins-v5-latin-regular.ttf') format('truetype'),
         url('../fonts/poppins/poppins-v5-latin-regular.svg#Poppins') format('svg');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins/poppins-v5-latin-500.eot');
    src: url('../fonts/poppins/poppins-v5-latin-500.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins/poppins-v5-latin-500.woff2') format('woff2'),
         url('../fonts/poppins/poppins-v5-latin-500.woff') format('woff'),
         url('../fonts/poppins/poppins-v5-latin-500.ttf') format('truetype'),
         url('../fonts/poppins/poppins-v5-latin-500.svg#Poppins') format('svg');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins/poppins-v5-latin-600.eot');
    src: url('../fonts/poppins/poppins-v5-latin-600.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins/poppins-v5-latin-600.woff2') format('woff2'),
         url('../fonts/poppins/poppins-v5-latin-600.woff') format('woff'),
         url('../fonts/poppins/poppins-v5-latin-600.ttf') format('truetype'),
         url('../fonts/poppins/poppins-v5-latin-600.svg#Poppins') format('svg');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins/poppins-v5-latin-700.eot');
    src: url('../fonts/poppins/poppins-v5-latin-700.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins/poppins-v5-latin-700.woff2') format('woff2'),
         url('../fonts/poppins/poppins-v5-latin-700.woff') format('woff'),
         url('../fonts/poppins/poppins-v5-latin-700.ttf') format('truetype'),
         url('../fonts/poppins/poppins-v5-latin-700.svg#Poppins') format('svg');
}



@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

a {
outline: none !important;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

.product-grid {
	position: relative;
	min-height: 1px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}

.product-four {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}

.product-thumb .caption {
  padding-left: 15px;
  padding-right: 15px;
}

.markalar-grid {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}

.markalar-grid img {
  padding: 25px;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}


@media (min-width: 1281px) {
    

    .container-fluid{
        max-width: 1400px;
    }
 
    
.product-grid {
	width: 20%;
	display: block;
}

.product-four {
	width: 25%;
	display: block;
}

.product-thumb .price {
   font-size:20px;
}

.product-thumb .price-new {
    font-size:20px;
}
.product-thumb .price-old {
   font-size:16px;
}

.markalar-grid {
	width: 16.66666%;
}

}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {


.product-thumb .caption {
    padding-left: 15px;
    padding-right: 15px;
}

.product-grid {
    width: 25%;
}

.product-four {
	width: 33.33333%;
}

.product-thumb .price {
   font-size:16px;
}

.product-thumb .price-new {
    font-size:16px;
}
.product-thumb .price-old {
   font-size:16px;
}  
  
.markalar-grid {
	width: 25%;
}  
  
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
	
	
  .product-grid {
    width: 33.333%;
  }
  
  .product-four {
    width: 50%;
  }


 .product-thumb .price {
   font-size:16px;
}

.product-thumb .price-new {
    font-size:16px;
}
.product-thumb .price-old {
   font-size:16px;
}  

.product-thumb {
	padding: 0px;
}
 
.markalar-grid {
	width: 25%;
}
 


/* Cart Start */

.table-cart  .product-th  .product-remove {
	width: 10%;
}

.table-cart .product-th .product-image {
	width: 10%;
}

.table-cart .product-th .product-name {
	width: 40%;
}

.table-cart .product-th .product-quantity {
	width: 15%;
}

.table-cart .product-th .product-price {
	width: 25%;
}
/* Cart End */



}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 
	
.container-fluid {
	padding-right: 2px;
	padding-left: 2px;
	margin-right: auto;
	margin-left: auto;
}	
.product-thumb {
	padding: 0px;
}
  .product-grid {
    width: 33,33333333333333%;
  }

  .product-four {
    width: 33,33333333333333%;
  }

.markalar-grid {
	width: 25%;
}



}


@media (min-width: 481px) and (max-width: 767px) {



.container-fluid {
	padding-right: 2px;
	padding-left: 2px;
	margin-right: auto;
	margin-left: auto;
}
.product-thumb {
	padding: 0px;
}
.product-grid {
    width: 50%;
  }
  
.product-four {
    width: 50%;
 }

  .product-thumb .price {
   font-size:16px;
}

.product-thumb .price-new {
    font-size:14px;
}
.product-thumb .price-old {
   font-size:12px;
}  

.markalar-grid {
	width: 25%;
}

.footer-top .left-block {
	height: auto;
	width: 100%;
	padding-left: 0px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 10px;
}


}

 
 
@media (min-width: 320px) and (max-width: 480px) {


/* Ribbon End */

.productLabel {
	position: absolute;
	height: 45px;
	z-index: 8;
	right: 10px;
	top: 5px;
	display: flex;
	font-size: 12.6px;
	flex-direction: column;
}

.productLabelFirst {
	background-color: #3b51ea;
	padding: 0px 5px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	border-radius: 5px;
	width: 40px;
	display: flex;
	justify-content: flex-start;
	justify-content: center;
	margin-bottom: 5px;
}

.productLabelLast {
	background-color: #006253;
	padding: 0px 5px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	border-radius: 5px;
	width: 40px;
	display: flex;
	justify-content: flex-end;
	justify-content: center;
}


	
  .product-thumb {
    padding: 0px;
    padding-bottom: 15px;
  }
 
 .product-thumb .image {

	padding-inline: 10px;
}

.container-fluid {
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}


.product-grid {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
}

.product-four {
  width: 50%;
}

 
.product-thumb .price-old {
   font-size:12px;
   margin-left: 5px;
}  

.markalar-grid {
	width: 33.3333%;
}

  .markalar-thumb {
    padding: 0px;
  }
 
.footer-top {
	background-color: #282828;
	padding-bottom: 20px;
	padding-top: 30px;
}

.footer-top ul, ol {
	margin-top: 0;
	margin: 0;
	padding: 0;	margin-bottom: 10px;
}

.sepet-btn span {
  display:none;
}


  
}




.form-floating {
    position: relative;
	margin-bottom:15px;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(4.6rem + 2px);
  line-height: 1.25;
  color:#006253;
  font-size:14px !important;
}

.form-floating > label {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px !important;
	/* font-weight:500; */
	height: 100%;
	padding: 1.30rem 1.5rem;
	pointer-events: none;
	border: 1px solid transparent;
	transform-origin: 0 0;
	transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}



@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none;
    }
}
.form-floating > .form-control {
    padding: 1.8rem 1.3rem;
}
.form-floating > .form-control::-moz-placeholder {
    color: transparent;
}
.form-floating > .form-control::placeholder {
    color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
    padding-top: 2.10rem;
    padding-bottom: 0.650rem;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 2.10rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
    padding-top: 2.10rem;
    padding-bottom: 0.650rem;
}
.form-floating > .form-select {
    padding-top: 2.20rem;
    padding-bottom: 0.650rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 0.65;
    transform: scale(0.80) translateY(-0.7rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.LeftRightRow-0 {
	margin-left: -5px;
	margin-right: -5px;
}	

.LeftRightRow-0 textarea {
   min-height: 48px;
}

select {
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;  
}

.stoktakiler span {
	position: absolute;
	display: inline-block;
	left: 25px;
	top: 1px;
	font-size: 13px;
	color: white;
	font-weight: 500;
}

.stoktakiler label {
	position: absolute;
	top: 6.5px;
	display: inline-block;
}

.heading-filter {
	background-color: #006253;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
}