﻿#Sepet {margin:120px 0 40px 0;}
#Sepet .Container{max-width:1090px; padding:0 5px}
#Sepet #SepetListe{display:inline-block; width:100%; font-size:14px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);}
#Sepet .Baslik{font-size:16px; padding:10px; display:inline-block; width:100%; margin-bottom:10px; margin-top:10px}
#Sepet .OdemeSec{margin-bottom:10px}

#Sepet #SepetBaslik{padding:15px 0; background-color:#484848; display:inline-block; width:100%; font-size:18px; color:#FFF}
#Sepet .Adet{width:80%; background-color:#FFF; border-radius:15px; padding:5px; display:inline-block;  border:solid 1px #CCC; margin:6% 10%}
#Sepet .Adet a{display:block; float:left; width:20%; font-size:14px; text-align:center; padding:4px 0}
#Sepet .Adet input{width:46%; text-align:center; border:none; float:left; border-left:solid 1px rgba(181,181,181,0.5); border-right:solid 1px rgba(181,181,181,0.5); margin:0 5px; font-size:14px; padding:4px 2%}

#Sepet #SepetListe table tr+tr+tr{border-top:solid 1px #e5ebeb; display:inline-block; height:80px}
#Sepet #SepetListe table div img{padding:2px}
#Sepet #SepetListe table div+div{border-left:solid 1px #e5ebeb; height:80px; padding:10px}
#Sepet #SepetListe .Sil{margin:30% auto; display:block; text-align:center; color:#F00}
#Sepet #SepetListe .Sil:hover{color:#D2B1FB}
#Sepet #SepetListe .RenkResim{height:50px; display:block}
#Sepet #SepetListe span{color:#FAA90C; font-size:16px; display:block; text-align:center}
#Sepet #SepetListe i{color:#F00; text-decoration:line-through; font-size:14px; padding:0 5px; display:block; font-style:normal; text-align:center}

#Sepet #SepetAdim{background-color:#EEE; padding:1% 0; width:100%; display:inline-block; margin-bottom:1%}
#Sepet #SepetAdim .SepetTeslimat{background:url(/Images/Site/Sepet/Teslimat.png) no-repeat center top; text-align:center; margin:0 auto; display:block; padding-top:50px}
#Sepet #SepetAdim .SepetOdeme{background:url(/Images/Site/Sepet/Odeme.png) no-repeat center top; text-align:center; margin:0 auto; display:block; padding-top:50px}
#Sepet #SepetAdim .SepetOzet{background:url(/Images/Site/Sepet/Ozet.png) no-repeat center top; text-align:center; margin:0 auto; display:block; padding-top:50px}
#Sepet #SepetAdim .SepetOnay{background:url(/Images/Site/Sepet/Onay.png) no-repeat center top; text-align:center; margin:0 auto; display:block; padding-top:50px}

#Sepet #SepetAdim .SepetTeslimatSec{background:url(/Images/Site/Sepet/Teslimat2.png) no-repeat center top; text-align:center; margin:0 auto; display:block; padding-top:50px}
#Sepet #SepetAdim .SepetOdemeSec{background:url(/Images/Site/Sepet/Odeme2.png) no-repeat center top; text-align:center; margin:0 auto; display:block; padding-top:50px}
#Sepet #SepetAdim .SepetOzetSec{background:url(/Images/Site/Sepet/Ozet2.png) no-repeat center top; text-align:center; margin:0 auto; display:block; padding-top:50px}
#Sepet #SepetAdim .SepetOnaySec{background:url(/Images/Site/Sepet/Onay2.png) no-repeat center top; text-align:center; margin:0 auto; display:block; padding-top:50px}


#Sepet .OdemeSec a{display:block;float:left; margin-right:15px; margin-bottom:10px; border:solid 1px rgba(0,0,0,0.4); border-radius:5px; padding:5px 15px}
#Sepet .OdemeSec a.Sec{background-color:#000; color:#FFF}

#Sepet .Adres{padding:15px; border:solid 2px #fceccd; border-radius:10px; height:260px; position:relative}
#Sepet .Adres div{margin-bottom:5px; top: 0px; left: 0px;}
#Sepet .Adres select {margin-bottom:20px; border-radius:10px; border: solid 2px #fceccd;-webkit-appearance: none; -moz-appearance: none; appearance:none;background: #FFF url(/images/Site/Icon/SelectBox.png) no-repeat 100% center;width: 100%;padding:10px 5px;}
#Sepet .Adres .AciklamaUzun{font-weight:bold; margin-bottom:15px}
#Sepet .Adres .Aciklama{float:left; width:50px; margin-bottom:10px; font-weight:bold; margin-bottom:5px; display:block}
#Sepet .Adres .Icerik{float:left; width:210px; margin-left:10px; margin-bottom:5px; display:block}
#Sepet .Adres a{background-color:#FAA90C; display:block;color:#FFF; padding:5px 15px; border-radius:20px; position:absolute; right:15px; bottom:15px}
#Sepet .Adres a:hover{background-color:#c2840c }
#Sepet .Adres strong{display:block; margin-bottom:10px; font-size:16px; font-weight:normal}
#Sepet .Adres i{display:block; margin-bottom:10px; font-style:normal}
#Sepet .FaturaTeslimatOnay{margin-top:15px}
#Sepet .FaturaTeslimatOnay label{font-size:16px}
#Sepet .FaturaTeslimatOnay label::before {top:6px}
#Sepet .FaturaPasif{ pointer-events: none;  opacity: 0.5;}

#Sepet #AdresSag{margin-left:20px; float:left; width:280px; border-right:solid 1px #ecf2f2; margin-right:20px; padding-right:20px}
#Sepet #AdresSag a{background-color:#000; border:solid 1px #52a9d9; color:#FFF; padding:8px 10px; cursor:pointer; margin-top:5px; display:block; width:110px; text-align:center}
#Sepet #AdresSag a:hover{background-color:#3091c7}

#Sepet .AdresBaslik{margin-bottom:5px; display:block}
#Sepet .YeniEkle{margin-bottom:5px; color:#000; display:block}
#Sepet .YeniEkle:hover{color:#000}

#Sepet .Ozet{background-color:#eeeeee; border-radius:10px; padding:15px; height:277px}
#Sepet .SepetPanel .Ozet i{text-align:center; font-style:normal; font-size:20px; margin-bottom:15px; display:block}
#Sepet .SepetPanel .Ozet span{display:block; width:40%; float:left; font-size:16px; color:#000; margin-right:5%; margin-bottom:10px}
#Sepet .SepetPanel .Ozet .Satir{height:auto; font-size:16px; width:100%; display:inline-block; text-align:right}
#Sepet .SepetPanel .Ozet .Satir .Devam{color:#FFF; font-size:18px; display:block; margin:15px 0 15px 0; background-color:#999999  ; padding:10px 0; text-align:center; border-radius:15px; width:100%}
#Sepet .SepetPanel .Ozet .Satir .Devam:hover{background-color:#000}
#Sepet .SepetPanel .Ozet .Satir a{text-align:center; display:block}

#Sepet #SepetListe .SepetAdet{border:solid 1px #e5ebeb; background-color:#ecf2f2; font-weight:bold; cursor:pointer; float:left; display:block; padding:10px 0; color:#FFF; text-align:center; width:20px}
#Sepet #SepetListe .SepetAdet:hover{background-color:#000 ; color:#FFF; text-decoration:none}
#Sepet #SepetListe td+td+td #Adet{border:solid 0px; border-top:solid 1px #e5ebeb; border-bottom:solid 1px #e5ebeb; background-color:#FFF;  height:46px; font-weight:bold; cursor:pointer; float:left; text-align:center; line-height:14px; width:48%; }
#Sepet #SepetListe td+td+td #Adet span{color:#a4a4a4; display:block; cursor:auto; width:100%; text-align:center}
#Sepet #SepetListe td+td+td #Adet input[type='text']{border:solid 0; margin:5px 3px 3px 3px; text-align:center; font-weight:bold; width:100%}

#Sepet #SepetListe .SepetAlternatif{background-color:#FFF; display:inline-block; width:100%}
#Sepet #SepetListe #SepetGuncelle{text-align:right;border-top: solid 1px #CCC; font-size:16px; padding-top:10px; margin-top:10px}
#Sepet #SepetListe #SepetGuncelle #AdetGuncelle{color:#F00; float:left}
#Sepet #SepetListe td{width:100%; display:inline-block}


#Sepet #SepetBilgileri{width:30%; float:right; margin-top:40px}
#Sepet #SepetBilgileri b{display:block; background-color:#FAA90C; padding:12px; font-weight:normal; font-size:18px; color:#000}


#Sepet #SepetBilgileri #ToplamTutar{ text-align:right; border: solid 1px #DEE1E2;}
#Sepet #SepetBilgileri #ToplamTutar div{border-bottom: solid 1px #DEE1E2; width:100%; display:inline-block;}
#Sepet #SepetBilgileri #ToplamTutar span{font-size:14px; margin-right:5px; width:60%; display:block; float:left; text-align:right; border-right:solid 1px #CCC;  padding:7px}
#Sepet #SepetBilgileri #ToplamTutar strong{font-size:16px; color:#000 ;display:block; font-weight:normal; padding:5px}
#Sepet #SepetBilgileri #ToplamTutar b{display:block; font-size:16px; color:#999;}
#Sepet #SepetBilgileri #ToplamTutar i{display:block; font-size:22px; color:#000 ; font-style:normal}


.SepetSozlesme{border:solid 1px #CCC; width:100%; height:120px; overflow-y:scroll; padding:15px}
#Sepet .SepetPanel{padding:10px 0;  color:#000; position:relative; display:inline-block; width:100%}

#Sepet .SepetPanel .Kargo{}
#Sepet .SepetPanel .Kargo td{border-bottom:solid 1px #e5ebeb; padding-bottom:10px; margin-bottom:10px; height:40px}
#Sepet .SepetPanel .Kargo div{float:left; width:250px;}
#Sepet .SepetPanel .Kargo div+div{width:350px; padding-top:30px}
#Sepet .SepetPanel .Kargo input{width:40px; float:left; margin-top:30px}
#Sepet .SepetPanel .Kargo img{height:70px}
#Sepet .SepetPanel span{color:#000 ; font-weight:bold; margin-bottom:20px; font-size:22px; display:block}

#Sepet .SepetAdres{}
#Sepet .SepetAdres .Satir{padding:0 0 0 0; display:block; height:80px}
#Sepet .SepetAdres .Satir div{float:left; width:550px;}
#Sepet .SepetAdres .Satir div input[type='text']{border:solid 1px #CCC; width:515px; font-size:14px; padding:5px;}
#Sepet .SepetAdres .Satir2 {width:1100px}
#Sepet .SepetAdres .Satir2 div input[type='text']{width:1065px}
#Sepet .SepetAdres .Satir select{border:solid 1px #CCC; width:527px; font-size:14px; padding:5px; margin-bottom:10px; margin-right:10px}
#Sepet .SepetAdres .Satir select+select+select{ margin-right:0}
#Sepet .SepetAdres .Satir .Sehir{width:478px}
#Sepet .SepetAdres .Satir strong{display:block; margin-bottom:5px}
#Sepet .SepetAdres .Satir textarea{width:1075px; height:40px; border:solid 1px #CCC}
#Sepet .SepetAdres .Satir input[type="submit"]{width:80px; cursor:pointer;background-color:#F00; color:#1a313d; text-align:center; padding:10px; height:auto; border:solid 1px #F00}
#Sepet .SepetAdres .Satir input[type="submit"]:hover{color:#F00;  border:solid 1px #F00}
#Sepet .SepetAdres .Satir table{ border:solid 1px #CCC; width:527px; font-size:14px; padding:1px;  color:#000}
#Sepet .SepetAdres .Satir input[type="radio"]{margin:5px}
#Sepet .SepetAdres span{color:#F00}
#Sepet .SepetAdres .AdresListesi{ color:#000; text-align:left; width:827px}
#Sepet .SepetAdres .AdresRenk{background-color:#d4d4d4; }
#Sepet .SepetAdres th{border-bottom:solid 1px #CCCCCC; height:30px; font-size:14px; font-weight:Bold; color:#F00}
#Sepet .SepetAdres td{padding:1px 0; font-size:14px}

#Sepet #Odeme{float:left; width:100%}
#Sepet #Odeme .Satir{padding:0 0 0 0; display:block; margin-bottom:20px}
#Sepet #Odeme .Satir strong{display:block; margin-bottom:5px}
#Sepet #Odeme .Satir b{display:block; width:250px; text-align:right; float:left; margin:12px 10px 5px 0}
#Sepet #Odeme .Satir div input[type='text']{width:315px}
#Sepet #Odeme .Satir select{border:solid 1px #CCC; width:153px; font-size:14px; padding:5px; margin-bottom:10px; margin-right:10px}
#Sepet #Odeme span{color:#F00}

#Sepet #Odeme #KartSeciniz{width:200px; border:solid 1px #e5ebeb; padding:10px; float:left}
#Sepet #Odeme #KartSeciniz strong{display:block; margin:5px 0 10px 0; text-align:center; font-size:16px}
#Sepet #Odeme #KartSeciniz label{padding-left:30px}
#Sepet #Odeme #Taksit{width:420px; border:solid 1px #e5ebeb; padding:10px; float:right}
#Sepet #Odeme #Taksit strong{display:block; margin:5px 0 10px 0; text-align:center; font-size:16px}
#Sepet #Odeme #Taksit div{float:left; width:60px; color:#FFF; font-size:14px; padding:5px 0; background-color:#000; text-align:center}
#Sepet #Odeme #Taksit div+div{width:120px;}
#Sepet #Odeme #Taksit td div{float:left; width:50px; font-size:14px; color:#000;  background-color:#FFF}
#Sepet #Odeme #Taksit td div+div{width:110px}
#Sepet #Odeme #Taksit td div+div+div{width:130px}
#Sepet #Odeme #Taksit td div+div+div+div{width:110px}

#Sepet #Odeme #Taksit label {margin-left:10px}
#Sepet #Odeme #Taksit td:hover{color:#de1300;}
#Sepet #Odeme #Taksit td{color:#FFF; font-weight:bold; border-bottom:solid 1px #CCC; padding-bottom:3px; padding-top:3px; text-align:left}
#Sepet #Odeme #Taksit td:hover{color:#de1300;}

#Sepet #KrediKarti label {display: block;cursor: pointer;position: relative; margin-top:6px; padding:0}
#Sepet #KrediKarti label:before{content:""; display: inline-block;width: 20px;height: 20px;position: absolute;left: 0;background-color: #FFF;border:solid 1px #CCC}
#Sepet #KrediKarti input[type=radio] {display: none;}
#Sepet #KrediKarti input[type=radio]:checked + label:before { content:"\2713"; font-size: 18px; color: #000;text-align: center;line-height: 15px;}

#Sepet #OdemeSepet{width:300px; padding:10px; float:right; margin-right:10px ;-webkit-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.20);-moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.20);box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.20); border:solid 1px #ecf2f2}

#Sepet #OdemeSepet td{width:150px; text-align:left; padding:10px 0}
#Sepet #OdemeSepet td+td{text-align:right; width:140px; font-weight:bold}
#Sepet #OdemeSepet .hr{border:solid 1px #000; padding:10px 0; margin:10px 0;}
#Sepet #OdemeSepet .Toplam .Fiyat{font-size:20px}
#Sepet .OdemeDevamSonuc{display:block; margin-top:20px; color:#F00; font-size:16px}
#Sepet .Sonuc{display:block; margin-top:20px; color:#F00; font-size:20px; padding:15px; text-align:center}

#Sepet .KapidaOdeme{border:solid 1px #CCC; border-radius:5px; padding:15px; width:100%; display:inline-block; margin:1% 0; text-align:center}
#Sepet .HavaleBilgileri{width:100%}
#Sepet .HavaleBilgileri table{width:100%}
#Sepet .HavaleBilgileri th{width:23%;  background-color:#000;color:#FFF; padding:5px; text-align:left; font-weight:normal}
#Sepet .HavaleBilgileri th+th{width:30%}
#Sepet .HavaleBilgileri th+th+th{width:40%}

#Sepet .HavaleBilgileri td{width:3%; text-align:left; border-bottom:solid 1px #CCC}
#Sepet .HavaleBilgileri td+td{width:20%; padding:10px 0;}
#Sepet .HavaleBilgileri td+td+td{width:30%}
#Sepet .HavaleBilgileri td+td+td+td{width:40%}
#Sepet .HavaleBilgileri label {display: block;cursor: pointer;position: relative; margin-top:-20px; padding:10px}
#Sepet .HavaleBilgileri label:before{content:""; display: inline-block;width: 20px;height: 20px;position: absolute;left: 0;background-color: #FFF; border:solid 1px #CCC}
#Sepet .HavaleBilgileri input[type=radio] {display: none;}
#Sepet .HavaleBilgileri input[type=radio]:checked + label:before { content:"\2713"; font-size: 18px; color: #000;text-align: center;line-height: 15px;}

#Sepet .KrediKartiBilgileri{font-weight:normal; }
#Sepet .KrediKartiBilgileri b{margin-bottom:10px; font-size:18px; color:#000 ; display:block}
#Sepet .KrediKartiBilgileri input[type=radio] {display: none;}
#Sepet .KrediKartiBilgileri input[type=radio]:checked + label:before { content:"\2713"; font-size: 18px; color: #000;text-align: center;line-height: 15px;}
#Sepet .KrediKartiBilgileri .TaksitSecenekleri{margin-top:0}
#Sepet .KrediKartiBilgileri .KartBilgileriCerceve i{color:#000 ; font-style:normal; font-size:16px; font-weight:bold}
#Sepet .KrediKartiBilgileri label {display: block;cursor: pointer;position: relative;padding: 0 0 0 25px; margin:0 5px 15px 0; font-weight:normal; font-size:14px}
#Sepet .KrediKartiBilgileri label:before{content:""; display: inline-block;width: 14px;height: 14px;position: absolute;left: 0;background-color: #FFF;border-radius: 3px;border:solid 1px #CCC; top:4px}

#Sepet .KrediKartiBilgileri .TaksitSecenekleri table{width:90%}
#Sepet .KrediKartiBilgileri .TaksitSecenekleri table td{padding:5px 10px 5px 10px; border-bottom:solid 1px #e5ebeb;}
#Sepet .KrediKartiBilgileri .KartBilgileri .KartBilgileriCerceve{width:90%}
#Sepet .KrediKartiBilgileri .KartBilgileri{margin:20px 0; text-align:left}
#Sepet .KrediKartiBilgileri .KartBilgileri span{display:block; font-size:16px; color:#879196; margin-bottom:10px}
#Sepet .KrediKartiBilgileri .KartBilgileri div{text-align:left}
#Sepet .KrediKartiBilgileri .KartBilgileri input[type='text']{border:solid 1px #CCC; padding:5px; width:100%; border-radius:5px}
#Sepet .KrediKartiBilgileri .KartBilgileri select{margin:0; height:30px; width:95%; border:solid 1px #CCC; border-radius:5px}
#Sepet .KrediKartiBilgileri .KartBilgileri select { padding:5px 20px 5px 3px; margin: 3px 0 0 0; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;border:solid 1px #CCC}
#Sepet .KrediKartiBilgileri .KartBilgileri .col-sm-2 input{width:95%}
#Sepet .KrediKartiBilgileri .error{font-weight:normal; color:#F00}

#Sepet #SiparisOnay{padding:15px;font-size:20px;  width:100%; display:inline-block; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);}
#Sepet #SiparisOnay .Aciklama i{margin-right:10px;}
#Sepet #SiparisOnay .Aciklama{color:#00A647; padding-bottom:10px; font-size:24px; }
#Sepet #SiparisOnay .col-sm-9{border-right:solid 1px #CCC; }
#Sepet #SiparisOnay .col-sm-3{color:#000}
#Sepet #SiparisOnay .col-sm-3 strong{display:block; margin-bottom:5px}
#Sepet .Onay input[type="checkbox"]{display:none}
#Sepet .Onay label {display: block;cursor: pointer;position: relative; margin-top:6px; padding:10px 30px}
#Sepet .Onay label:before{content:""; display: inline-block;width: 20px;height: 20px;position: absolute;left: 0;background-color: #FFF;border:solid 1px #CCC}
#Sepet .Onay input[type=checkbox] {display: none;}
#Sepet .Onay input[type=checkbox]:checked + label:before { content:"\2713"; font-size: 18px; color: #000;text-align: center;line-height: 15px;}

#Sepet #FaturaAdresi{margin-bottom:20px}
#Sepet #FaturaAdresi input[type="checkbox"]{display:none}
#Sepet #FaturaAdresi label {display: block;cursor: pointer;position: relative; margin-top:6px; padding:10px 30px}
#Sepet #FaturaAdresi label:before{content:""; display: inline-block;width: 20px;height: 20px;position: absolute;left: 0;background-color: #FFF;border-radius: 3px;border:solid 1px #CCC}
#Sepet #FaturaAdresi input[type=checkbox] {display: none;}
#Sepet #FaturaAdresi input[type=checkbox]:checked + label:before { content:"\2713"; font-size: 18px; color: #000;text-align: center;line-height: 15px;}

#Sepet .OnaySonuc{text-align:right; font-size:20px; color:#F00}
#Sepet #SiparisSonuc{text-align:center; font-size:20px; color:#F00; width:100%; padding:20px}




#Sepet .Devam{float:right; color:#FFF; font-size:16px; display:block; margin:15px 2% 0 0; background-color:rgba(0,0,0,0.4) ; padding:10px 0; width:48%; text-align:center; float:left; border-radius:15px}
#Sepet .Devam:hover{background-color:#000;}
#Sepet .Devam+.Devam{width:49%; background-color:#FAA90C; margin:15px 0 0 0}
#Sepet .Devam+.Devam:hover{background-color:#000;}
#Sepet .Geri{float:Left; color:#FFF; font-size:20px; display:block; margin:20px 10px 10px 10px; padding:10px 20px}
#Sepet .Geri:hover{color:#FFF}

#Loading { position: fixed;background:url(/images/LoadingBG.png) repeat;font-size: 30px; z-index: 99999999; top: 0%; width: 100%; left: 0%;text-align: center;height:100%;color:#000;padding-top:15%}
#Loading img{width:20%}



#Sepet .bgDiv {position:fixed; width:100%; height:100%; left:0; top:0; background-color:#111111; filter:alpha(opacity=60); opacity:0.6; z-index:2000}
#Sepet .PopUp{width:50%;  position: fixed; z-index:2001; top:1%;left: 50%;  transform: translate(-50%, 0)}
#Sepet .PopUp #PopUpIcerik{background-color:#FFF; width:100%; padding:20px; position:relative; }
#Sepet .PopUp #PopUpIcerik div{}
#Sepet .PopUp #PopUpIcerik span{font-size:16px; margin-bottom:20px; display:block}
#Sepet .PopUp #PopUpIcerik strong{ margin:5px 0 5px 0; font-weight:normal; display:block}
#Sepet .PopUp #PopUpIcerik a{ padding:5px 10px ; background-color:#F00; color:#FFF; display:block;}
#Sepet .PopUp #PopUpIcerik td{width:120px}
#Sepet .PopUp #PopUpIcerik a:hover{color:#000}
#Sepet .PopUp #PopUpIcerik input[type='text']{width:100%; border:solid 1px #CCC; padding:5px}
#Sepet .PopUp #PopUpIcerik textarea {width:100%; border:solid 1px #CCC; padding:5px}
#Sepet .PopUp #PopUpIcerik select { border: solid 1px #CCC;	-webkit-appearance: none; -moz-appearance: none; appearance:none;background: #FFF url(/images/Site/Icon/SelectBox.png) no-repeat 100% center;width:100%;padding: 5px;}
#Sepet .PopUp #PopUpIcerik input[type='submit']{background-color:#000; border:solid 1px #000; color:#FFF; padding:5px 10px; cursor:pointer; font-size:16px}
#Sepet .PopUp #PopUpIcerik input[type='submit']:hover{background-color:#000 ; border:solid 1px #000 }

#Sepet .PopUp .Kapat{color:#000; text-decoration:none; padding-right:2px; position:absolute; right:5px; font-size:12px; font-weight:bold; top:5px}


@media(min-width:300px) {
    
    #Sepet .PopUp{width:100%; left: 50%}

}

@media(min-width:400px) {
}
@media(min-width:600px) {
}

@media(min-width:767px) {
}
    
@media(min-width:991px) {
    
    #Sepet .PopUp{width:50%;left: 50%}
}

@media(min-width:1000px) {
   
}

@media(min-width:1200px) {
}
