*::-moz-selection {
 background: #2a2a2a;
 color: #fff;
 text-shadow: none;
}

::selection {
	background: #202020;
	color: #fff;
	text-shadow: none;
}

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
 width: device-width;
}

 @-moz-viewport {
 width: device-width;
}

 @-ms-viewport {
 width: device-width;
}

 @-o-viewport {
 width: device-width;
}

 @viewport {
 width: device-width;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, html {height: 100%;width: 100%;}
html, html a {-webkit-font-smoothing: antialiased;}
body {color: #202020;margin: auto !important;overflow-x: hidden !important;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;background:#eee;}
ul, li {margin:0;padding:0;list-style:none;}

.siparishead {float: left;width: 100%;border-top: 8px solid #432516;border-bottom: 1px solid #d6d6d6;background: #eee;}
.siparishead p {float: left;width: 100%;margin: 0 0 0 0;padding: 10px 0;font-size: 14px;text-align: center;}
.siparishead p b {}

.beyazbg {float: left;width: 100%;background: #fff;padding: 20px 45px;}
.beyazbg > h1 {float: left;width: 100%;text-align: center;margin: 0 0 5px 0;font-size: 34px;font-weight: bold;color: #000000;}
.beyazbg > h1 b {color: #ff8000;}
.beyazbg > p {float: left;width: 100%;text-align: center;font-size: 35px;margin: 0 0 20px 0;color: #202020;}

.sarialan {float: left;width: 100%;background: #432516; padding: 25px;border-radius: 15px;margin-bottom:20px;}
.text {float: left;width: 100%;color: #fff;text-align: center;}
.text p {float: left;width: 100%;font-size: 21px;margin: 0 0 10px 0;line-height: 21px;}
.text p b {font-size: 28px;font-weight: 900;}
.text span {font-size: 21px;line-height: 21px;}
.text a {text-decoration: underline;font-weight: 900;font-size: 30px;color: #fff;margin: 0 10px;line-height: 30px;}

.siparisbilgisi {float: left;width: 100%;}
.siparisbilgisi p {margin: 0;float: left;width: 100%;text-align: center;font-size: 30px;}
.siparisbilgisi p b {font-weight: bold;}

.adresbilgi {float: left;width: 100%;}
.adresbilgi > p {float: left;width: 100%;margin: 0 0 0 0;font-size: 16px;padding: 7px;border-bottom: 1px solid #d6d6d6;}
.adresbilgi > p b {margin-left:20px;}
.adresbilgi span {float: left;width: 100%;font-size: 16px;margin: 7px 0 0 0;}
.adresbilgi span p {float: left;width: 100%;margin: 7px 0 0 0;color: #ff0000;}

.urundetay {float: left;width: 100%;margin-top: 20px;}
.siparisdetay {float: left;width: 100%;padding: 2% 20% 1% 20%;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}

.product {float:left;width:100%;}
.product > span {float: left;width: 60%;font-size: 15px;}
.product p {float: left;width: 20%;font-size: 15px;}

.price {float: left;width: 100%;padding: 1% 20% 0 20%;}
.price span {float: left;width: 80%;font-size: 24px;font-weight: bold;}
.price b {float: left;width: 100%;color: #fff;text-decoration: line-through;font-size: 36px;line-height: 36px;margin-bottom: 10px;}
.price strong {float: left;width: 20%;font-size: 24px;font-weight: bold;}
.price small {float: left;width: 100%;font-size: 12px;}

.guvenlik {float: left;width: 100%;margin: 20px 0 0 0;color: #444;font-size: 13px;}
.guvenlikimg {float: left;width: 23%;padding-left: 15px;}
.guvenlikimg img {float: left;}
.guvenlikyazi {float: left;width: 77%;}
.guvenlikyazi span {float: left;width: 100%;margin-bottom: 10px;font-weight:bold;}
.guvenlikyazi p {float: left;width: 100%;margin: 0;}

.buton {float: left;width: 100%;text-align: center;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;padding: 15px 0;margin: 15px 0;}
.buton button {padding: 5px 25px;background: #444;color: #fff;font-size: 24px;font-weight: bold;border: none;outline: none;border-radius: 15px;}
.buton button:hover {background: #ff0000;}

.footsiparis {float: left;width: 100%;margin-bottom: 15px;}
.sol {float: left;width: 70%;}
.sol strong {float: left;width: 100%;font-size: 23px;}
.sol p {float: left;width: 100%;margin: 0;font-size: 13px;padding-right: 20px;}
.sag {width: 100%;float: left;}
.sag a {float: left;width: 100%;font-size: 23px;font-weight: bold;color: #ff0000;}
.sag p {float: left;width: 100%;margin: 0;font-size: 13px;}
.detaysag {float:left;width:50%;}

.product p span {display: none;}
.mblblok {display:none;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.text p {font-size:19px;}
.text p a {font-size:25px;}
.siparisbilgisi li span {float: left;font-size: 14px;width: 32%;}
.siparisbilgisi li p {float: left;margin: 0;font-size: 13px;width: 28%;}
.siparisbilgisi li small {float: left;font-size: 11px;color: #ff0000;line-height: 20px;}

}


@media only screen and (max-width : 992px) {
.product p span {display: block;}
.siparishead p {padding: 2% 0;font-size: 3.5vw;}
.beyazbg {padding: 5%;}
.beyazbg > h1 {margin: 0 0 2% 0;font-size: 5vw;font-weight: bold;}
.beyazbg > p {font-size: 4vw;margin: 0 0 3% 0;}
.sarialan {padding: 3%;margin-bottom: 4%;}
.sarialanimg {width:100%;text-align:center;margin:0 0 4% 0;}
.sarialanimg img {float: none;width: 12%;}
.text {width: 100%;text-align: center;}
.text p, .text a {font-size: 4.6vw;margin: 0 0 2% 0;line-height: normal;}
.text a {float: left;width: 100%;font-size: 4vw;}
.text span {width: 100%;line-height: normal;font-size: 4.6vw;}
.siparisbilgisi li {padding: 1%;}
.siparisbilgisi li span, .siparisbilgisi li p {font-size: 4vw;width: 100%;margin-bottom: 1%;text-align: center;}
.siparisbilgisi li small {font-size: 3.5vw;width: 100%;text-align: center;}
.adresbilgi > p {font-size: 4vw;text-align: center;padding: 2%;}
.adresbilgi span {font-size: 4vw;margin: 2% 0 0 0;text-align: center;}
.adresbilgi span p {margin-top:2%;}
.urundetay {margin-top:4%;}
.siparisdetay {width: 100%;padding: 3% 0;}
.detay {margin-bottom:3%;width:100%;text-align:center;}
.boyut {width:33.3%;text-align:center;}
.boyut p {margin-bottom: 3%;font-size: 4.5vw;}
.detay p {margin-bottom: 3%;font-size: 4.5vw;}
.price {width: 100%;padding: 3% 0;}
.price span {font-size: 4.5vw;width: 70%;}
.price b, .price strong {font-size: 4.5vw;width: 30%;}
.price small {font-size:3.5vw}
.guvenlik {margin: 3% 0 0 0;font-size: 4vw;}
.guvenlikimg, .guvenlikyazi {padding-left: 3%;}
.guvenlikimg img {width:100%;}
.guvenlikyazi span, .footsiparis {margin-bottom:3%;}
.buton {padding: 3% 0;margin: 3% 0;}
.buton button {float: left;width: 100%;font-size: 5vw;padding: 2% 0;}
.sol, .sag {width:100%;margin-bottom:3%;text-align:center;}
.sol strong {font-size: 5vw;}
.sol p, .sag p {font-size: 3.5vw;padding-right: 0;}
.sag a {font-size:5vw;}
.mblnone {display:none;}
.mblblok {display:block;}
.product {margin-bottom:3%;}
.product > span {width: 100%;font-size: 4.5vw;margin-bottom: 1%;text-align: center;}
.product p {width: 100%;font-size: 4vw;text-align: center;margin: 0;}
.product p span {float: left;width: 100%;margin-bottom: 1%;}
.siparisbilgisi p {font-size: 5vw;}
.text p b {
    font-size: 5vw;
}
}