body {font-family: 'Nunito Sans';}

.slidebar {height: 100vh;width: 270px;background: #ffffff;position: fixed;overflow: overlay;border-right: 1px solid #0000000d;}
.slidebar_and {margin-left: 270px;}

.logo img {width: 80%;margin: 0 10%;margin-top: 3vw;margin-bottom: 1vw;}
.lang {text-align: center;margin-top: 20px;}
.lang a {color: #be986e;text-decoration: none;margin: 0 5px;}

.menu {margin-top: 20px;text-transform: uppercase;font-size: 1vw;}
.menu ul { padding: 0;}
.menu li {list-style: none;border-bottom: 1px solid #0000001c;padding-left: 30px;line-height: 34px;}
.menu a {text-decoration: none;color: #555;font-size: 13px;font-weight: 400;text-transform: uppercase;}

.menu ul ul {display: none;}
.menu li li {border-bottom: 0;margin-top: 0px;}

.sepet {text-align: center;margin-top: 20px;}
.sepet ul {padding: 0;}
.sepet li {list-style: none;}
.sepet a {color: #383838;text-decoration: none;}

.social-media {text-align: center;margin-top: 26px;}
.social-media a {color: #383838;margin: 6px;}

.copyright {text-align: center;margin-top: 20px;font-size: 13px;}

.masaustu { display:block }
.mobil { display:none }

.diger {text-align: center;margin-bottom: 18px;font-size: 0.8vw;}
.diger a {text-decoration: none;background: #c5a36c;color: white;padding: 6px;font-weight: 600;border-radius: 1px 14px;}


.baslik {text-align: center;font-weight: 600;font-size: 30px;margin-top: 25px;}
.baslik a {text-decoration: none;color: #c5a36c;border-bottom: 1px solid;width: 100%;}

.urun {background: #d0d0d0;padding: 13px;border-radius: 8px;margin-bottom: 30px;text-align: center;}
.urun img {
    width: 100%;
}
.urun .d {text-align: center;margin-top: 13px;font-size: 1vw;color: black;font-weight: 600;float: left;width: 100%;margin-bottom: 15px;text-transform: uppercase;}

.sepet tr {  }
.sepet td {line-height: 100px;padding: 0 !important;margin: 0 !important;}
.sepet img {height: 100px;width: 100%;}

.urun .a { text-align: center; margin-top: 12px;  }
.urun .a a {margin-top: 13px;font-size: 0.9vw;color: #ffffff !important;background: #3c8207;font-weight: 200;border-radius: 5px;padding: 6px 12px;cursor: pointer;}
.bilgix { text-align: center; border: 1px solid #ced4da; width: 94%; margin: auto; line-height: 40px; margin-bottom: 10px; font-weight: 700; }

.asagı {
    position: absolute;
    margin: 0px -10px -13px -23px;
    color: #9e9e9e;
}

.anaurun   { filter: grayscale(100%); }
.anaurun:hover { filter: grayscale(0%); }

#yukari-cik { height: 40px; width: 40px; position: fixed; bottom: 15px; right: 20px; text-indent: -9999px; z-index: 9999; display: none; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }




.sayfalama {
    width: 100%;
    text-align: center;
    font-size: 0.8vw;
}
.sayfalama a {text-decoration: none;background: #c5a36c;color: white;padding: 5px 10px 5px 10px;margin: 0px 0px 10px 0px;}
.sayfalama a:hover {color: white;background: #9c6305;}
.sayfalama .aktif {background: #9c6305;}





@media only screen and (max-width:1024px){
	
	.sepet td { line-height: 40px; padding: 0 !important; margin: 0 !important; } 
	.sepet img {height: auto;width: 100%;}
.masaustu { display:none }
.mobil { display:block }
.slidebar_and {margin: 0 10px;}
.logo img { width: 50%; margin: 0 25%; margin-top: 15px; }
.lang { text-align: center; margin-top: 10px; }	

.menuackapat { background: #ffe184; text-align: center; line-height: 50px; font-weight: 600; margin-top: 7px; cursor:pointer; user-select:none; }
.mobilmenu {margin-top: 0px;text-transform: uppercase;display:none;}
.mobilmenu ul { padding: 0; }
.mobilmenu li {list-style: none;border-bottom: 1px solid #0000001c;padding-left: 30px;line-height: 34px;}
.mobilmenu a {text-decoration: none;color: #555;font-size: 13px;font-weight: 600;text-transform: uppercase;}
.mobilmenu ul ul {display: none;}
.mobilmenu li li {border-bottom: 0;margin-top: 0px;}
.urun .d { text-align: center; margin-top: 13px; font-size: 14px; color: black; font-weight: 600; float: left; width: 100%; margin-bottom: 15px; }
.urun .a a { margin-top: 13px; font-size: 14px; color: #ffffff !important; background: #3c8207; font-weight: 200; border-radius: 5px; padding: 6px 12px; cursor: pointer; }


	.urun img {
    width: 100%;
    height: auto;
}
	
	
	table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}
	
	
}



.digerleri {width: 100%;margin-bottom: 7px;line-height: 31px;float: left;}

.digerleri_1 {float: left;width: 50%;text-align: center;background: #a50000;}
.digerleri_2 {background: black;text-align: center;}

.digerleri_1 a {color: white;text-decoration: none;}
.digerleri_1 a:hover {color: white;text-decoration: none;}

.digerleri_2 a:hover {text-decoration: none;color: aliceblue;}
.digerleri_2 a {text-decoration: none;color: aliceblue;}

.digerleri_x {float: left;width: 100%;text-align: center;background: #0d9f16;}
.digerleri_x a {color: white;text-decoration: none;}
.digerleri_x a:hover {color: white;text-decoration: none;}