<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*

Author 		: Basribalci

Author URI	: http://www.basribalci.com

Create Date	: 12/02/2016

*/

html{width:100%;height:100%}

body{font-size:15px;font-family:'Nunito Sans';color:#333;margin:0;font-weight: 500;padding:0;width:100%;height:100%;background:none no-repeat scroll top left #fff}

body *{box-sizing:border-box;-moz-box-sizing:border-box}

#twbsPagination&gt;li&gt;a, #twbsPagination&gt;li&gt;span { padding: 8px 14px; font-size: 15px; }

#twbsPagination&gt;li&gt;a i{ line-height: 21px; }

.catSlider {width:100%!important;}

.catSlider .viewport{width:100%!important;}

.catSlider .pager li a.active {padding: 10px 8px!important; }

.no-js #loader{display:none}

.js #loader{display:block;position:absolute;left:100px;top:0}

.se-pre-con{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(images/Preloader_21.gif) center no-repeat #fff}

.whatsapp_tabela .wrap .icon { display: block; float: left; width: 70px; padding-left: 2px; height: 70px; vertical-align: middle; line-height: 70px; }

.whatsapp_tabela .wrap p { margin-bottom:0px!important;}

.clear{clear:both;margin:0;padding:0}

.clearFix:after{clear:both}

.clearFix:before,.clearFix:after{content:"";display:table}

.powered-by {display:none!important}

.sf-form-container div sup {display:none!important;}

.adminTools {margin:0 0 15px; }

.adminTools a{margin-right:5px; }

#fixedbutton{position:fixed;bottom:65px;right:10px}

.whatsappx{width: 43px; height: 43px; margin: 0 auto; text-align: center; border: 3px solid #ffffff; background-color: #4caf50; border-radius: 50%; transition-duration: .5s; z-index: 9999; padding: 2px;}

.whatsappx .fa{padding-top:3px;font-size:26px;text-decoration:none;color:#fff}

.whatsappx:hover .fa{color:#fff}



.ayniGunkargoText { display:block!important}

.userTools {}

.userTools #urunKarsilastirmaListemeEkle{display:none!important;}

.userTools #urunFiyatiDusunceHaberVer{display:none!important;}

.userTools #urunAklimdakilereEkle{display:none!important;}

.userTools #stogaGirinceHaberVer a{display: inline-block; color: #fff!important; border: 2px solid #2d2d2d; padding: 10px 15px; font-size: 15px; margin-bottom: 15px; font-weight: 600; text-transform: uppercase; background: #2d2d2d;}

.userTools #stogaGirinceHaberVer a strong{display: none;}

.userTools #stogaGirinceHaberVer a:hover{background:#fff; border: 2px solid #2d2d2d; color: #2d2d2d!important;}



div.button { cursor: pointer; position: relative; margin: 0!important; height: auto!important; background: #000!important; }

div.button :hover{ background: #F44336!important; }

div.button span { display: -moz-inline-box; display: inline-block; line-height: 34px!important; height: 34px!important; text-align: center; background: inherit!important; padding: 0!important; margin: 0!important; }

body.showBlog .page-inner-content img {width:100%!important; height:auto!important;}



.none{display:none!important} 

.gf_info{display:block!important} 

.solblock {float: left; width: 50%; padding: 15px;}

.sagblock {float: right; clear: inherit!important; width: 50%; margin-top: 0px;}

.homeslider {}

.homeslider img{width:100%; height:520px;}

.menufix { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1px solid rgba(0,0,0,0.2); z-index: 998; }

.menufix a { display: block; float: left; width: 20%; text-align: center; padding: 5px 0; font-size: 11px; line-height: 15px; color: #333; position: relative; }

.menufix a i { display: block; font-size: 20px; line-height: 25px; }

.menufix a.home { color: #00c4b6; }

.menufix a .count { position: absolute; left: 70%; bottom: 70%; background: #F00; line-height: 25px; min-width: 25px; text-align: center; color: #FFF; font-size: 12px; border-radius: 50%; }

.menufix.alt a { color: #C00; }

.menufix .cart_total{ display: inline-block; width: 20px; height: 20px; background: #ff0044; color: #fff; font-size: 14px; line-height: 20px; text-align: center; border-radius: 50%; box-sizing: content-box; border: 3px solid #fff; position: absolute; right: 4px; top: 0px; padding: 0; }



.image-hover2 a{position:relative;display:table;width:100%;}

.image-hover2 a:after{overflow:hidden;position:absolute;top:0;content:"";z-index:100;width:100%;height:100%;left:0;right:0;bottom:0;opacity:0;pointer-events:none;-webkit-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;background-color:rgba(0,0,0,0.3);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:1}

.image-hover2 a:before{font:normal normal normal 24px/1 FontAwesome;content:"\f067";position:absolute;top:50%;left:50%;z-index:2;color:#fff;ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-transition:opacity .3s ease 0;-o-transition:opacity .3s ease 0;transition:opacity .3s ease 0}

.image-hover2 a:hover:after{visibility:visible;opacity:.8;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.image-hover2 a:hover:before{opacity:1}



.blog-list{margin-top:0px!important}

.blog-list .page-heading{background: #fff; line-height: 35px; padding: 0px 15px;}

.blog-list .page-heading span{padding: 0px;}

.blog-list .blog-list-wapper{margin: 30px 0;}

.blog-list .blog-list-wapper ul li{margin:0 10px 10px; border:1px solid #eaeaea;line-height:30px;}

.blog-list .blog-list-wapper ul li img{display: block; width: 100%;}

.blog-list .blog-list-wapper ul li .post-desc{padding:15px} 

.blog-list .blog-list-wapper ul li .post-desc .post-title a{font-size: 18px; font-weight: 600;}

.blog-list .blog-list-wapper ul li .post-desc .post-title a:hover{color:#333}

.blog-list .blog-list-wapper ul li .post-desc .post-meta{color: #919191; font-size: 14px; line-height: 1.3; height: 50px; overflow: hidden; margin-top: 7px;}

.blog-list .blog-list-wapper ul li .post-desc .post-meta .date:before{font:normal normal normal 13px/1 FontAwesome;content:"\f1ec";padding-right:5px}

.blog-list .blog-list-wapper ul li .post-desc .post-meta .comment:before{font:normal normal normal 13px/1 FontAwesome;content:"\f0e5";padding-right:5px;padding-left:15px}

.blog-list .blog-list-wapper ul li .readmore{text-align:left; margin-top:20px;}

.blog-list .blog-list-wapper ul li .readmore a{color: #fff; background: #444; line-height: 15px;padding: 3px 10px; font-size: 12px;}

.blog-list .blog-list-wapper ul li .readmore a:hover{color: #fff; background: #000;}

.blog-list .blog-list-wapper ul li .readmore a:after{font:normal normal normal 14px/1 FontAwesome;content:"\f178";padding-left:10px}

.blog-list .blog-list-wapper .owl-controls .owl-next{top: -36px; background: #ae1f8b; color: #fff;}

.blog-list .blog-list-wapper .owl-controls .owl-prev{left:inherit;right:30px;top: -36px; background: #ae1f8b; color: #fff;}

.blog-list .blog-list-wapper .owl-controls .owl-prev:hover, .blog-list .blog-list-wapper .owl-controls .owl-next:hover{background: #000; color: #fff;}



.blog-listx{margin-top:30px}

.blog-listx .page-heading{background: #fff; line-height: 35px; padding: 0px 15px;}

.blog-listx .page-heading span{padding: 0px;}

.blog-listx .module .moduleContent{margin-top: 30px;}

.blog-listx .module .moduleContent li{border-bottom:1px dashed #eaeaea; padding-bottom:15px; margin:0px 0px 20px; line-height:30px; list-style-type:none;}

.blog-listx .module .moduleContent li:last-child{clear:both;}

.blog-listx .module .moduleContent li .post-thumb{width:250px; display:inline-block; margin-right:15px;}

.blog-listx .module .moduleContent li .post-thumb img{width:100%; max-width:100%;}

.blog-listx .module .moduleContent li .post-desc{width: 835px; display: inline-block; padding: 15px 0px;vertical-align: top;}

.blog-listx .module .moduleContent li .post-desc .post-title a{font-size: 19px; color: #333; font-weight: 600;}

.blog-listx .module .moduleContent li .post-desc .post-title a:hover{color:#333}

.blog-listx .module .moduleContent li .post-desc .post-meta{color: #919191; font-size: 15px; line-height: 1.3; height: 50px; overflow: hidden; margin-top: 7px;}

.blog-listx .module .moduleContent li .post-desc .post-meta .date:before{font:normal normal normal 13px/1 FontAwesome;content:"\f1ec";padding-right:5px}

.blog-listx .module .moduleContent li .post-desc .post-meta .comment:before{font:normal normal normal 13px/1 FontAwesome;content:"\f0e5";padding-right:5px;padding-left:15px}

.blog-listx .module .moduleContent li .readmore{text-align:left; margin-top:10px;}

.blog-listx .module .moduleContent li .readmore a{color: #fff; background: #333; line-height: 15px;padding: 3px 15px; font-size: 14px;}

.blog-listx .module .moduleContent.blog-list-wapper ul li .readmore a:hover{color: #fff; background: #333;}

.blog-listx .module .moduleContent li .readmore a:after{font:normal normal normal 14px/1 FontAwesome;content:"\f178";padding-left:10px}

.blog-listx .module .moduleContent .owl-controls .owl-next{top: -36px; background: #ae1f8b; color: #fff;}

.blog-listx .module .moduleContent .owl-controls .owl-prev{left:inherit;right:30px;top: -36px; background: #ae1f8b; color: #fff;}

.blog-listx .module .moduleContent .owl-controls .owl-prev:hover, .blog-list .blog-list-wapper .owl-controls .owl-next:hover{background: #000; color: #fff;}

.makaleimg img {width:100%; max-width:100%;}



.contact_top {border-left: 5px solid #eee; padding-left: 15px; margin-bottom: 20px;}

.contact_top h3{color: #da403c; font-weight: 600; margin-bottom: 5px;}

.contact_top span{font-weight: 600; font-size: 18px;}

.contact_top p{font-size: 14px; line-height: 18px;}

.contact_top p.note{font-weight: 700; color: #da403c;}



.fLeft{float:left}

.fRight{float:right}

.alert{display:block;padding:8px 35px 8px 14px;margin:10px 0;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}

.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}

.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}

.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}

.success,.fail{background:#468847;display:inline-block;padding:2px 4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#FFF}

.fail{background:#999}

.textGreen{color:#0ca85d}

.textRed{color:#cb4040}

:disabled{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}

.labelInput{display:block;width:100%;height:30px;margin-bottom:0;padding:7px;border:1px solid #d8d9db;background-color:#FFF;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}

.labelInput label{margin:0}

.urunkat h1.page-title {padding-bottom: 9px; margin: 0px 0 0px; border-bottom: 1px solid #eee;}

.urunkat .urunsirala .cat-filter-box label{font-weight: 600; font-size: 12px;}

.urunkat .katDesc{max-height:150px; overflow:auto; display:block; margin-bottom: 15px;}

.urunkat .formlinefix{}

.urunkat .katOrder{display:block;}

.katDesc img {width:100%!important; height:100%!important;}

.clearFix { clear: both!important; }



.indirimde{top: 2px; left: 0px; color: #fff; font-size: 12px; padding: 3px 8px; font-weight: 600; position: absolute; text-transform: uppercase; background: rgba(85, 186, 224,0.8); z-index:997}

.yeniUrun{top: 2px; right: 0px; color: #fff; font-size: 12px; padding: 3px 8px; font-weight: 600; position: absolute; text-transform: uppercase; background: rgba(24,171,155,0.5); z-index:997}

.kargobeles{top: 27px; left: 0px; color: #fff; font-size: 10px; padding: 3px 8px; font-weight: 600; position: absolute; text-transform: uppercase; background:#607D8B; z-index:997}

.indirimdeOran{top: 2px; left: 0px; color: #fff; font-size: 12px; padding: 3px 8px; font-weight: 600; position: absolute; text-transform: uppercase; background:#E91E63; z-index:997}

.tukendim{bottom: 40px; left: auto; right: auto; color: #eee; font-size: 22px; padding: 8px 10px; font-weight: 500; position: absolute; text-transform: uppercase; background: rgba(0, 0, 0, 0.5); z-index: 997; width: 100%; text-align: center;}



.slidercontainer &gt; span .tukendim{top: 0px; left: auto; right: auto; color: #eee; font-size: 26px; padding: 10px 10px; font-weight: 500; position: absolute; text-transform: uppercase; background: rgba(0, 0, 0, 0.5); z-index: 997; width: 100%; text-align: center; bottom: auto;}

.cat-filter-box {margin-top: 20px!important; }

.cat-filter-box label{font-size: 13px!important; }

.cart-info h3 { margin: 0px 0px 8px; }

.cart-info h3 a { color: #333 !important; font-size: 12px!important; display: inline-block!important; text-decoration: none!important; }

.cart-detail table tr td { vertical-align: middle!important; min-height: 70px; }

.loginbtnx{background: #333; border: 1px solid #333; border-radius: 5px; color: #fff; display: block; font-size: 15px; line-height: 38px; margin: 15px auto 0px; max-width: 459px; text-align: center; text-transform: uppercase; width: 96%;}

.loginbtnx:hover{color: #fff; background: #e94166; border: 1px solid #e94166;}

.page-header { padding-bottom: 15px; margin: 10px 0 20px; font-weight: 600; letter-spacing: -1px; border-bottom: 1px solid #eee; }

.suggest {}

.suggest ul{margin-bottom: 20px; clear: both;}

.suggest ul li{float: left; height: inherit!important; max-height: 150px; line-height: inherit!important; margin: 0 10px; clear: none; width: auto; background: none;}

.suggest ul li.msplus{line-height: 120px!important; font-size: 30px;}

.suggest ul li img{border: 1px solid #ddd; padding: 0px;}

.suggest p{clear: both; position: relative; display: block; margin-bottom: 3px; line-height: normal;}

.suggest strong { font-weight: bold; margin-left:10px;}

.suggest p input{display:inline-block; margin-right:5px;}

.suggest .total { float: left; font-size: 16px; }

.suggest .total strong{margin-left:0px; }

.suggest .total span{ font-weight: 700; color: #BE1F68; font-size: 20px;}

.suggest .submit{float: left!important; margin: 10px 0 0 0!important; border: 0 none; color: #fff; font-size: 16px!important; font-weight: 700!important; padding: 8px 30px!important; background: #EA1A5B!important; border-radius: 5px!important; cursor: pointer; text-transform: uppercase; display: block; clear: both;}





.cart-detail img { border-radius: 4px; box-shadow: 0 0 2px #DDD9BB!important; float: left; margin: 9px 10px 0!important; height: 65px!important; max-width: inherit!important; }

.cart-detail h3 {margin: 0 0 5px!important; line-height: inherit; color: #444!important; }

.cart-detail h3 a{color: #444!important; }

.sepet tbody tr td { text-align: center; padding: 5px; border: 2px solid white; line-height: 30px!important; }

table.sepet {margin-bottom:15px;}



/* .basket-wrap .basket-right { float:right!important; padding-top:20px !important; width:100% !important; clear:both; max-width:500px !important; } */

/* .basket-wrap .basket-left { width:100% !important; float:left; margin-right:0; clear:both; min-width:auto; max-width:auto; } */

.basket-wrap .cart-info span { color: #e3000d!important; }



.basket-title{background: #919191 !important; color:#fff; font-size:18px;height:42px;line-height:42px}

.basket-title div span { color: #ffffff; font-size: 15px; font-weight: 700; text-shadow: none; text-transform: uppercase; }



.basket-right ul{background:transparent}

.basket-right ul li span.sepet1{font-size:16px}

.basket-right ul li span.green { font-size: 19px!important; font-weight: 700; width: 35%!important;}

.satinal .basket-right ul li span.green { float: right!important; margin-right: 5%; }

.green-button{box-shadow: none; background: #56b949; text-shadow: none; font-size: 17px; max-width:100%!important; border-radius: 0; height: 42px; margin: 0;}

.green-button:hover{box-shadow: none; background: #00c4b6!important; color:#fff; text-shadow: none; max-width:100%!important; font-size: 17px; border-radius: 0px; height: 42px;}

div.basket-button a.grey{color:#fff;background:#444;text-shadow:none;box-shadow:none;font-size:16px;font-weight:500}

div.basket-button a.grey:hover{color:#fff;background:#363636;text-shadow:none;box-shadow:none;font-size:16px;font-weight:500}

.basket-title div span{font-size:16px;text-transform:uppercase}

.sepet-info{background: rgba(139, 195, 74, 0.18); margin-bottom: 10px; color: #333; display: block; text-align: center; border: 1px solid #d0e1bc; line-height: 45px; padding: 0; font-size: 14px;}

.sepet-info:hover{background: #fff; border: 1px solid #333;}

.sepet-info a{color: #333!important; display: block; font-size: 16px; line-height: 50px;}

.sepet-info .hata{color:#222}

.l-innerDiv form .label {margin-bottom: 3px; height:auto; clear: both;font-size: 14px;padding: 14px 0px 0px;color: #333;display: block;text-align: left;line-height: 20px;}

.payMethods .payTitle label {font-size: 20px; line-height: 1.5;}

.selectType3 label {float: left; margin-right: 10px; font-size: 18px;}

.urunAdetDegistir .detayeksi {float: left; width: 45px; height: 33px; line-height: 33px; font-size: 11px; text-align: center; cursor: pointer; border-radius: 0px 2px 2px 0px; border: 1px solid #ccc; margin-left: -1px;}

.urunAdetDegistir .detayarti {float: left; width: 45px; height: 33px; line-height: 33px; font-size: 11px; text-align: center; cursor: pointer; border-radius: 0px 2px 2px 0px; border: 1px solid #ccc; margin-left: -1px;}

.urunAdetDegistir input.urunSepeteEkleAdet {float: left!important; background-color: #FFF!important; border-top: 0!important; width: 70px!important; border: 1px solid #ccc!important; margin-left: -1px!important; height: 33px!important; text-align: center!important; line-height: 35px!important; font-size: 16px!important; padding: 0; border-radius: 0; margin: 0; }

.wrapSelectPay .selectMethods .payMethods .payTitle { margin-left: 55px!important; width: 90%!important; max-width: 90%!important; min-height: 40px!important; padding-left: 18px!important; }

.wrapSelectPay .selectMethods .payMethods .payLogo { display: none!important; }

.wrapSelectPay .selectMethods .payMethods .paySelector {display: block; position: absolute!important; border: 0px; border-radius: 0%!important; height: 30px!important; width: 30px!important; top: 5px!important; left: 10px!important; z-index: 5; transition: border .25s linear!important; -webkit-transition: border .25s linear; padding: 0!important; margin: 0!important; line-height: 1.1!important; background: inherit!important;}

.wrapSelectPay .selectMethods .payMethods .paySelector input{width: 30px; height: 30px; background-image: url(../images/odeme_radio.png); background-repeat: no-repeat; float: left; padding:0; cursor:pointer}

.discount-coupon { clear: both!important; }

.discount-coupon .coupon-code { width: 68%; }

.sf-form-item-fullwidth .sf-form-textarea {overflow:hidden; height: 95px!important;}

.sf-form-item-fullwidth .gf_notAlici {overflow: hidden; height: 60px!important; line-height: 20px;}

.sf-form-item-fullwidth .txtCaptcha {margin-left: 231px!important;}

.mod_MS_secim_container .sf-text-label {margin-right: 5px!important; display: block!important; width: inherit; float: none;}

.mod_MS_secim_container .mod_MS_text {height: 33px!important;}

.sf-form-item-fullwidth .sf-text-label {margin: 0; padding: 0; font-size:15px!important; }

.sf-form-input, .sf-form-textarea, .sf-form-select {outline: none; padding: 8px 8px!important; color: #222!important; font-size: 1.1em!important; margin-bottom: 8px!important; border: 1px solid #999; -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.15); box-shadow: inset 0 1px 4px rgba(0,0,0,.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 40px; line-height: 40px;}

.stn-dialoguye, textarea#gf_acceptRules { display: block; width: 95%; max-width: 95%; font-size: 13px!important; line-height: 16px; color: #999!important; height: 157px!important; }

.sf-neutral-button { background: #0B8AA3; border-bottom: 3px solid #056679; }

.sf-button { display: inline-block; text-align: center; text-decoration: none; color: #fff; font-size: 16px; padding: 4px 20px 1px; line-height: 30px; border-radius: 5px; cursor: pointer; font-weight: 700; margin-top: 15px; }





.cc-taksit select { -webkit-appearance: none; background: #fff url(../images/tax.png) no-repeat right center; -webkit-appearance: menulist; font-family: inherit; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); color: #000; display: block; font-weight: 700;  font-size: 14px; margin: 0 0 1rem 0; padding: 0.5rem; height: 40px; width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; padding: 1px 15px!important; }

.card-wrapper { margin:10px 5% 0!important; }

.sf-form-item-fullwidth select.st-gun, .sf-form-item-fullwidth select.st-ay, .sf-form-item-fullwidth select.st-yil { width: 80px!important; min-width: 80px!important; margin-right: 5px; }

.sf-form-select {min-width:200px;}

.sf-form-item-fullwidth input.st-tel { width: 188px!important; }

td {vertical-align: top!important;}

label input[type="checkbox"]{float:left;margin:2px 5px 0 0}

a{text-decoration:none;color:#272818}

a:hover{text-decoration:none!important;}

span{display:inline-block}

label,input,button,select,textarea{font-size:14px;font-weight:600;margin:3px 0}

label{display:block;margin-bottom:5px}

.sf-form-header label{display:inline-block; margin-bottom:5px}

.sf-form-item-fullwidth input.st-telcode { width: 72px!important; }

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:40px;padding:4px 6px;font-size:12px;line-height:20px;color:#555;vertical-align:middle}

textarea{height:auto}

/*

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #e6e4e4;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear 0.2s,box-shadow linear .2s;-moz-transition:border linear 0.2s,box-shadow linear .2s;-o-transition:border linear 0.2s,box-shadow linear .2s;transition:border linear 0.2s,box-shadow linear .2s}

*/

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}

input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}

input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}

select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}

select{background-color:#fff;border:1px solid #ccc; width: auto!important; padding: 4px 15px!important;}

select[multiple],select[size]{height:auto}

select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}

.inputFull input[type="text"],.inputFull input[type="file"],.inputFull input[type="image"],.inputFull input[type="submit"],.inputFull input[type="reset"],.inputFull input[type="button"],.inputFull select,.inputFull textarea{width:75%}

.sf-text-label {display: inline-block; line-height: 2em; color: #34495e; font-size: 1.09em;}

.faturabtn label {display: inline-block; font-weight: 700; color: #D42C65;}

#gf_odemeTipi { background: #fffbcf none repeat scroll 0 0; box-shadow: 3px 3px 3px #ece7aa inset; color: #000; font-size: 13px; font-weight: 500; padding: 0px 8px!important; height: 36px; display: inline-block; max-width: 285px!important; }

.moduleContent .welcome {font-size:17px; margin-bottom:15px;}

.accordion *{font-family:'Nunito Sans',sans-serif;box-sizing:border-box;outline:0}

.accordion .sf-form-select{padding:0px 5px;}

.accordion{background-color:#fff;border:1px solid #e9e9e9}

.accordion-header{height:40px;padding:0 15px;line-height:40px;font-size:16px;font-weight:700;color:#434955;border-bottom:solid 1px #e9e9e9;cursor:pointer;overflow:hidden;background-color:#fdfdfd;-webkit-tap-highlight-color:transparent;transition:background .2s linear}

.accordion-item:last-child .accordion-header{border-bottom:none}

.accordion-header:hover,.accordion-item.active .accordion-header{background-color:#ddd; color:#333;}

.accordion-header i{width:26px;margin-top:10px;text-align:center;font-size:16px}

.accordion-header .accordion-item-arrow{float:right;font-size:18px;margin-top:8px;transition:all .2s linear}

.accordion-item.active .accordion-header .accordion-item-arrow{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.accordion-content{padding:10px 15px;display:none;border-bottom:solid 1px #e9e9e9;font-size:14px;color:#434955}

.accordion-item:last-child .accordion-content{border-bottom:none;border-top:solid 1px #e9e9e9}

.jssora13l, .jssora13r { display : block; position : absolute; width : 18.5%; height : 100%; cursor : pointer; overflow : hidden; top : 0px !important; background-color: rgba(0, 0, 0, 0.3); }

.jssora13l { left : 0px; }

.jssora13r { right : 0px; }

@media screen and (max-width: 1000px) {

.dataTable{overflow-x:scroll}

}

.dataTable.hidden{overflow-x:scroll}

.dataTable{margin:5px 0}

.dataTable table{border:0;width:100%;border-collapse:collapse;border:1px solid #d8d9db;font-size:13px}

.dataTable table thead tr th{text-align:left;border:1px solid #d8d9db;border-top:0;padding:10px;background:#f1f1f1}

.dataTable table thead tr th:first-child{border-left:0}

.dataTable table thead tr th:last-child{border-right:0}

.dataTable table tbody tr.title td,.dataTable table tbody tr.title th{font-weight:700;white-space:nowrap;border:1px solid #d8d9db;border-top:0;padding:10px;background:url(images/box-toggle-title.png) repeat-x scroll bottom left #fff!important}

.dataTable table tbody tr.title td:first-child,.dataTable table tbody tr.title th:first-child{border-left:0}

.dataTable table tbody tr.title td:last-child,.dataTable table tbody tr.title th:last-child{border-right:0}

.dataTable table tbody tr.title td a,.dataTable table tbody tr.title th a{color:#333}

.dataTable table tbody tr td{padding:10px;border-left:1px solid #d8d9db}

.dataTable table tbody tr td:first-child{border-left:0}

.dataTable table tbody tr:nth-child(odd) td{background-color:#f7f7f7}

.dataTable table tbody tr:nth-child(even) td{background-color:#fff}

.dataTable table tbody tr:hover &gt; td{background-color:#efefef}

#orderdetail td{border:1px solid #d8d9db}

.dataPager span,.dataPager a{display:inline-block;width:26px;height:26px;line-height:26px;float:left;margin:0 5px 5px 0;text-align:center;border:1px solid #e1e1e1;background-color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}

.dataPager span:hover,.dataPager a:hover{border-color:#cb4040}

.dataPager span{color:#fff;border-color:#cb4040;background-color:#cb4040}

.dataForm input[type="text"],.dataForm select,.dataForm textarea{width:100%}

.radius5{border:1px solid #ebeaea}

.moduleTitle{display: block; padding: 12px; padding-left: 22px; font-size: 22px; font-weight: 700; background-color: #f2f2f2; position: relative; border-bottom: 1px solid #e6e4e4;}

.editTitle{position:absolute;background-color:#000;color:#FFF;padding:5px}

.moduleTitle a.BreadCrumb{color:#222;}

.moduleTitle .moduleTitleEdit{padding:10px;z-index:9999;position:absolute;top:0;right:0;z-index:99}

.title2{display:block;padding:3px 0;margin:5px;background-color:#f85244;color:#fff;font-size:12px;text-align:center}

.title3{width:100%;padding:5px;margin-bottom:10px;font-size:15px;font-weight:700;border-bottom:1px solid #e6e4e4}

.title4{width:100%;padding:5px;margin-bottom:10px;font-size:13px;font-weight:700;border-bottom:1px solid #e6e4e4}

.module{border: 1px solid #ebeaea; background-color: #fff; margin-top: 15px; clear: both;}

.moduleContent{padding:10px}

#jssor_1 {width:100%!important;}

#jssor_1 &gt; div{width:100%!important;}

#jssor_1 img{width:100%!important;}

.moduleBox{margin:5px;border:1px solid #ebeaea;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

.moduleContentCol1{width:100%;padding:5px;margin-bottom:10px;text-align:left}

.moduleContentCol2{float:left;width:49%;margin-right:2%;padding:5px;text-align:left}

.moduleContentCol2 + .moduleContentCol2{margin-right:0}

.moduleContentCol3{float:left;width:32%;margin-right:2%;padding:5px;text-align:left}

.moduleContentCol3:nth-child(3n+0){margin-right:0}

.moduleContentCol4{float:left;width:23.5%;margin-right:2%;padding:5px;text-align:left}

.moduleContentCol4:nth-child(4n+0){margin-right:0}

.moduleContentCol5{float:left;width:19%;margin-right:1%;padding:5px;text-align:left}

.moduleContentCol5:nth-child(5n+0){margin-right:0}

.moduleCol1{width:100%;text-align:left}

.moduleCol2{float:left;width:49%;margin-right:2%;padding:5px;text-align:left}

.moduleCol2 + .moduleCol2{margin-right:0}

.moduleCol2:before,.moduleCol2:after{clear:both;content:"";display:table}

.moduleCol3{float:left;width:32%;margin-right:2%;padding:5px;text-align:left}

.moduleCol3:nth-child(3n+0){margin-right:0}

.moduleCol4{float:left;width:23.5%;margin-right:2%;padding:5px;text-align:left}

.moduleCol4:nth-child(4n+0){margin-right:0}

.moduleContentCol1:before,.moduleContentCol1:after{content:"";display:table;clear:both}

.moduleContentCol2:before,.moduleContentCol2:after{content:"";display:table;clear:both}

.moduleContentCol3:before,.moduleContentCol3:after{content:"";display:table;clear:both}

.moduleContentCol4:before,.moduleContentCol4:after{content:"";display:table;clear:both}

.moduleContentCol5:before,.moduleContentCol5:after{content:"";display:table;clear:both}

@media screen and (max-width: 890px) {

.moduleContentCol5{width:32%;margin-right:2%}

.moduleContentCol5:nth-child(5n+0){margin-right:2%}

.moduleContentCol5:nth-child(3n+0){margin-right:0}

}

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

.moduleContentCol2{width:48%;margin-bottom:10px}

.moduleContentCol4{width:49%;margin-bottom:10px}

.moduleContentCol4:nth-child(2n+0){margin-right:0}

}



@media screen and (max-width: 321px) {

.indirimdeOran { top: 0px; font-size: 9px; padding: 2px 10px;}

.kargobeles { top: 17px; color: #fff; font-size: 8px; padding: 2px 4px;}

.yeniUrun { top: 0px; right: 0px; font-size: 9px; padding: 2px 6px; background: #4CAF50;}

.menufix a { font-size: 10px; }

}



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

.moduleContentCol2{width:100%;margin-bottom:10px}

.moduleContentCol3{width:100%;margin-bottom:10px}

.moduleContentCol4{width:49%;margin-bottom:10px}

.fourContent .moduleContentCol4{height:329px}

.moduleContentCol4:nth-child(2n+0){margin-right:0}

.moduleCol2{display:block;float:none;width:100%;margin-right:0;padding:5px;text-align:left}

.moduleContentCol5{width:49%;margin-right:2%}

.moduleContentCol5:nth-child(2n+0){margin-right:0}

}

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

.moduleContentCol2{width:100%}

.moduleContentCol3{width:100%;margin-bottom:10px}

.moduleContentCol4{width:100%;margin-bottom:10px}

.moduleContentCol4:nth-child(2n+0){margin-right:0}

.moduleContentCol5{width:100%;margin-right:0}

}

.button,input[type="button"],input[type="submit"]{display:inline-block;padding:5px 15px;margin:5px 0;background-color:#00c4b6;color:#fff;text-align:center;font-size:16px;cursor:pointer;-webkit-transition:all .4s ease .1s;transition:all .4s ease .1s;border:none}

.button + .button{margin-left:5px}

.button:hover,input[type="button"]:hover,input[type="submit"]:hover{background-color:#575153}

.buttonActive{background-color:#575153}

.iButton{display:block;padding:7px 5px;font-size:14px}

.buttonLink{font-weight:700;color:#427fed}

.formContent input,.formContent select,.formContent .button{width:100%}

.formContent label{min-height:12px}

.formContent .inputButton input{width:65%;float:left}

.formContent .inputButton input + input{width:30%;float:left;margin-left:5%}

.formContent .inputButton input + select{width:30%;float:left;margin-left:5%}

#container{width:100%}

#container:before,#container:after{content:"";display:table;clear:both}

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

#container{min-width:1280px}

.wrapper{width:1280px;margin:0 auto}

}

@media screen and (max-width: 768px) {



.whatsapp_tabela .wrap { float: none; border: 2px solid #dfdfdf; background: #fdfdfd; padding: 5px; border-radius: 5px; padding-left: 0; padding-right: 0; width: 100%; }

.whatsapp_tabela .wrap .icon { display: block; float: none; width: 100%; padding-left: 0; height: auto; vertical-align: middle; line-height: 70px; text-align: center; }

.whatsapp_tabela .wrap .right { text-align: center; float: none; }



/*aÅŸaÄŸÄ±daki stiller sadece bu mÃ¼ÅŸteri iÃ§in geÃ§erli olabilir..*/

.l-right2 { width: 100%!important; float: left; margin: 50px 0 0!important;}

.paytr-table-cell-head { height: auto!important; }



.homeProduct .productImage { position: relative; max-height: 170px!important; height: 170px!important; overflow: hidden; }

#homeproducts .productImage{ position: relative; max-height: 170px!important; height: 170px!important; overflow: hidden; } 

#homeproducts .indirimdeOran, #homeproducts .kargobeles,.homeProduct .indirimdeOran, .homeProduct .kargobeles{display:none!important;} 

.homeProduct .hmp-box{width: 50%!important; border:none!important; min-height: inherit!important;}

.new-product-content { margin-top: 10px!important; }

#container{max-width:768px}

.wrapper{max-width:768px;margin:0 auto;padding:0 10px}

.homeProduct .hmp-box a img {height:auto!important;}

div.basket-button a.grey {float: none; margin: 15px auto 7px; width: 100%;}

.basket-button .green-button {float: none; width: 100%; max-width: 100%!important;}

.basket-button a:nth-child(2n+0) {display:none;}

.basket-button a.grey { width: 100%!important; }



.basket-tek .basket-right ul {width:100%!important; float:left!important;}

.basket-tek .sp-input-group { width: 100% !important; min-width: auto!important; margin-top: 7px!important; height: auto; display: block; border: 1px solid rgb(221,221,221); min-height: 25px!important; padding: 0 !important; position: relative; z-index: 100; }

.basket-tek .sp-input-group button { display: none!important; }

.basket-tek .green-button { max-width: 100%; margin-top: 0; }



.sepet tbody tr td { text-align: center; padding: 0; border: 0; line-height: 30px!important; }

.cart-info { padding: 0!important; overflow: hidden; }

.coupon-box {float: left!important; margin-top: 13px!important;}

.basket-right { width: 100%!important; float: none; margin-right: 0; clear: both; }

.basket-right ul li { position:relative }

.basket-right ul li span.sepet3 { float: none!important; width: auto!important; text-align: left; font-size: 18px!important; padding: 4px 0 0; }

.cart-detail h3 a { color: #444!important; font-size: 12px; }

}

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

.hmp-box .product-price .new_price { display: block!important; }

body.siparistakip #center_middle table td {width: auto; padding: 10px; text-align: left; display: block!important;}

body.siparistakip .kargoInfo td { padding: 10px; padding-left: 0; border-bottom: 1px solid #ccc; display: inline-block!important; }

body.siparistakip .kargoInfo th {display: none!important; }



.discount-coupon .coupon-code { width: 100%; margin: 5px 0; }

.discount-coupon .coupon-title { color: #3b5372; font-size: 14px; font-weight: 700; margin-bottom: 0; margin-top: 0; padding-left: 0; text-shadow: -1px -1px 0 #F8F6E6; text-align: center; background: #eee; }

.sf-form-info {display: block!important; }

.card-wrapper { margin: 0!important; }

.katBaslik { float: none!important; width: 100%!important; display: block!important; font-size: 26px; text-align: center!important; }

.katOrder { float: none!important; display: block!important; width: 90%; margin: 0 auto!important; }

.urunsirala tr { text-align: center!important; float: none!important; }

.navigasyon { height:auto!important; padding-left: 15px; }

	

.user-table form{width: 100%; margin: 10px auto; text-align: center; display: block;}

.hdr-fix{width:100%;position:fixed;top:0;background-color:#fff;-webkit-animation:hdr-fix-a .9s;animation:hdr-fix-a .9s}

.hdr-fix .logo img { max-width: 160px; height: inherit; width: 160px!important; max-height: inherit!important; }

#header .header-middle .hdr-center { padding: 12px 0px 10px!important; top: 0; left: 50%; margin-left: -73px; z-index: 999; position: relative; }

#header .hdr-right .search {}

#header .hdr-right .search .mb-srch-btn { top: -42px!important; left: 8px;}

.ul-urun-list li { float: none; height: auto; padding: 2px; margin: 10px; margin-left: 0; border: 1px solid #eee; border-radius: 0px; display: inline-block;}

.ul-urun-list li img{max-width:54px;}

.orderp_l { width: 100%; padding: 20px; float: none; }

.orderp_r { width: 100%; padding: 20px; float: none; }

ul#detail-tab-titles li { line-height: 35px!important; height: inherit!important; font-size: 18px!important; float: none!important; border-bottom: 1px solid #fff!important; width: 100%!important;}

.solblock { float: none; width: 100%; padding: 0; }

.sagblock { margin-top:0; float: none; width: 100%; padding: 0; }

.mobile_category_menu{max-height:305px; overflow:auto;}

.mobile_category_menu li.item{position:relative; border-bottom: 1px solid #eee;}

.mobile_category_menu li.item a{padding: 7px 0px 7px 20px!important; font-size: 15px!important; text-align: left!important; color: #555!important; display: block!important; font-weight: 600!important; text-transform: uppercase!important; margin-right: 50px;}

.mobile_category_menu li.item .itemDown{background: rgba(3, 2, 1, 0); font-size: 30px; width: 50px; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; text-align: center; display: block;}

.mobile_category_menu li.item ul.submenu{display:none; background:#f3f3f3;}

.mobile_category_menu li.item ul.submenu li{border-bottom: 1px solid #eee;}

.mobile_category_menu .mCSB_inside&gt;.mCSB_container { margin-right: 0px!important; }

/*.mobile_category_menu .mCSB_scrollTools .mCSB_draggerContainer { display: none!important; }*/

#container{max-width:480px}

#container #main { margin-top: 35px!important; }

.wrapper{max-width:480px;margin:0 auto}

#productDetail {padding-top: 0px!important;}

#container #footer { padding-bottom: 50px; }

.aramabox .module:first-child .moduleContent .searchFrom .sf-form-container ul li{float:none!important; width: 100%!important;}

.aramabox .module:first-child .moduleContent .searchFrom .sf-form-container ul li .sf-neutral-button {margin:0px!important; }

.urunSecimTable .UrunSecenekleriHeader {text-align: center; }

.cart-detail { width: 47%!important;}

.basket-wrap .cart-qty { width: 15%!important; min-width: 40px!important; }

.basket-wrap .basket-item { height: 60px!important;}

.basket-wrap input.qty { width: 25px !important; height: 35px !important; font-size: 14px!important; }



.basket-wrap .cart-qty { width: 15%!important; min-width: 30px!important; }



.basket-wrap div.qty { margin-top: 12px!important; }

.basket-wrap .guncelle { display: none!important; }

.basket-item .cart-total-price {height: auto!important; line-height: 50px!important; font-size: 16px!important;}

.basket-item .sepet-satir-sil img{margin-top: 15px!important;}

.basket-wrap .sepet-satir-sil a:before { line-height: 50px; }

.discount-coupon { clear: both!important; width: 100%; padding: 0; background: #fff; margin: 10px 0 0 0; }

.coupon-code {width: 100%;}

.coupon-box { float: none!important; margin-top: 3px!important; background: #eee; display: block; height: 35px; width: 100%; border: 1px solid #ddd; color: #333; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.13); }

.coupon-box:hover{ background: #4caf50!important; color: #fff!important;}

.sepet-info a { color: #333!important; display: block; font-size: 16px; line-height: 20px; padding: 5px; }

.payMethods .payTitle label { font-size: 18px; line-height: 1.8; }

.wrapSelectPay .payFooter .rulesText { width: 90%!important; }

.wrapSelectPay .payFooter .rulesButtons { float: none!important; margin: 0 auto!important; width: 95%!important; }

.wrapSelectPay .selectMethods .payMethods .payTitle { margin-left: 40px!important; }

#productDetail .product-qty .button-set{ width:80%!important; margin:0 auto;}

#productDetail .product-qty .button-set .button { width:100%!important; float: none!important; margin-bottom: 12px;}

#productDetail .product-qty .button-set .favoribtn {float: none!important; margin-left: 0%; color: #00c4b6; font-size: 36px!important; cursor: pointer; position: relative; margin-top: 8px!important;}

#productDetail .product-qty .selectType3 label { float: none!important; }

.owl-theme .owl-controls .owl-buttons {}

.owl-theme .owl-controls .owl-buttons div {position: absolute; top: 50%; bottom: auto; font-size: 40px; color: #333; display: inline-block; opacity: 0.3;}

.owl-theme .owl-controls .owl-buttons div.owl-prev {left:10px;}

.owl-theme .owl-controls .owl-buttons div.owl-next {right:10px;}

.owl-theme .owl-controls .owl-pagination{bottom: 10px; position: absolute; width: 100%;}

.owl-theme .owl-controls .owl-page span { background: #000!important; }

/*tabs seÃ§enekli Ã¶deme ekranÄ± iÃ§in*/

.payment .paymentTab{margin-bottom: 10px;}

.payment .paymentTab .tabLinks ul li { float: left; margin: 0 5px 0 0!important; width: 49%;}

.payment .paymentTab .tabLinks ul li:nth-child(2n){ margin-right: 0px!important;}

.payment .paymentTab .tabLinks ul li a{background: #f0f0f0!important; background: -moz-linear-gradient(top, #f0f0f0 0%, #dedede 100%); background: -webkit-linear-gradient(top, #f0f0f0 0%,#dedede 100%)!important; background: linear-gradient(to bottom, #f0f0f0 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dedede',GradientType=0 ); display: block; text-indent: inherit!important; width: 100%!important; height: 50px!important; font-size: 17px; background-position: inherit!important; padding: 11px 0px 13px 10px; margin-bottom: 5px; border: 1px solid #ddd; border-radius: 6px;}

.payment .paymentTab .tabLinks ul li a.selected{background: #a1c147!important; /* Old browsers */ background: -moz-linear-gradient(top, #a1c147 0%, #74b700 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a1c147 0%,#74b700 100%)!important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a1c147 0%,#74b700 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c147', endColorstr='#74b700',GradientType=0 ); /* IE6-9 */ color:#fff!important; border: 1px solid #7db912;}

.payment .paymentTab .tabLinks ul li a.selected:before{color:#fff!important;}

.payment .paymentTab .tabLinks ul li a.pt1:before{font-size: 18px; content: "\f09d"; font-family: FontAwesome; padding-right:5px;}

.payment .paymentTab .tabLinks ul li a.pt2:before{font-size: 18px; content: "\f0d6"; font-family: FontAwesome; padding-right:5px;}

.payment .paymentTab .tabLinks ul li a.pt3:before{font-size: 18px; content: "\f0d1"; font-family: FontAwesome; padding-right:5px;}

.payment .paymentTab .tabLinks ul li a.pt5:before{font-size: 18px; content: "\f064"; font-family: FontAwesome; padding-right:5px;}

}

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

#container{min-width:320px}

.wrapper{margin:0 auto}

}

#container a{-webkit-transition:all .4s ease .1s;transition:all .4s ease .1s}

#header{position:relative;z-index:1000}

.pink-text{color:#00c4b6!important}

#header .hdr-top{text-align:right;background-color:#f5f5f5}

#header .hdr-top .usr-mb-button{display:none;margin:5px 45px 5px 5px;padding:5px;border:1px solid #CCC;font-size:17px}

#header .hdr-top ul{display:inline-block}

#header .hdr-top ul li{float:left}

#header .hdr-top ul li:hover &gt; a{color:#00c4b6}

#header .hdr-top ul li a{display:inline-block;padding:10px;font-size: 12px;color:#3f3f3f}

#header .hdr-top ul li:after{display:inline-block;content:"|"}

#header .hdr-top ul li:last-child:after{display:none}

#header .hdr-top ul li a.pink-text{font-weight:700}

#header .header-middle &gt; div{float:left;width:33.333333333333%}

#header .header-middle{}

#header .header-middle .hdr-left{padding:15px 0 11px}

#header .header-middle .hdr-left a,#header .header-middle .hdr-left .news{display: inline-block; padding: 10px 18px 11px 9px; margin-top: 16px; background-color: #fafafa; font-size: 16px; color: #333; border-radius: 6px; border-bottom: 2px solid #f3f3f3;}

#header .header-middle .hdr-left .news{position:relative;padding:7px 5px}

#header .header-middle .hdr-left .news i{font-size:17px}

#header .header-middle .hdr-left .news input[type="submit"]{position:absolute;top:0;left:0;background-color:inherit}

#header .header-middle .hdr-left .news input[type="text"]{width:100%;height:15px;color:#333;line-height:inherit;background-color:inherit;border:inherit;-webkit-box-shadow:inherit;-moz-box-shadow:inherit;box-shadow:inherit}

#header .header-middle .hdr-left .news .news-button{position:absolute;top:10px;right:10px}

#header .header-middle .hdr-left a i{float: left; font-size: 20px; margin-right: 5px;}

#header .header-middle .hdr-center{padding-top:14px;text-align:center}

#header .header-middle .logo img{max-height:80px;}

#header .header-middle .hdr-center a{display:block}

#header .hdr-right{padding:15px 0 11px;text-align:right}

#header .hdr-right &gt; div{display:inline-block;margin-left:0;margin-bottom:5px;background-color:#fafafa;font-size:12px;color:#333}

#header .hdr-right &gt; div a{font-size:14px;color:#333}

#header .hdr-right .cart{min-width:53%;position:relative;cursor:pointer}

#header .hdr-right .cart-text{padding:10px 35px 10px 10px;text-align:left}

#header .hdr-right .cart-text.active{}

#header .hdr-right .cart-text.active i{}

#header .hdr-right .cart-text span{padding:0 3px;font-family:'Nunito Sans'}

#header .hdr-right .cart-text i{position:absolute;font-size:17px;top:10px;right:15px}

#header .hdr-right .cart .cart-content{position:absolute;top:100%;right:0;z-index:998}

#header .header-middle .cart .cart-content{display:none;width:310px;position:absolute;top:34px;right:0;z-index:5px;padding:5px;border:3px solid #ebebeb;border-top-color:#000;background-color:#fff;text-align:left}

#header .header-middle .cart .cart-content .cartDetail{display:block;border-top:1px solid #e6e4e4;padding-top:5px;margin:5px;text-align:left}

#header .header-middle .cart .cart-content .cartDetail span{padding-right:10px;display:inline-block;font-size:14px;margin-bottom:5px}

#header .header-middle .cart .cart-content .cartDetail span#totalprice{text-align:right;font-weight:700;color:#333}

#header .header-middle .cart .cart-content .cartDetail .button{display:inline-block;width:40%;border:1px solid #CCC;color:#3f3f3f;background-color:transparent}

#header .header-middle .cart .cart-content .cartDetail .go-btn{display:inline-block;width:56%;background-color:#00c4b6;color:#fff;border:1px solid #00c4b6}

#header .header-middle .cart .cart-content .cartDetail .button:hover{background-color:#000;color:#fff;border-color:#000}

#header .hdr-right .search{min-width:53%;position:relative;padding-right:35px}

#header .hdr-right .search input{width: 100%; height: 28px; font-size: 14px; text-indent: 7px; border: inherit; background-color: #fff; box-shadow: inherit; color: #333; padding: 4px 11px;}

#header .hdr-right .search input::-webkit-input-placeholder{color:#666}

#header .hdr-right .search .btn-search { position: absolute; font-size: 15px; top: 0px; right: 10px; background: #fafafa; height: 36px; border: 0; color: #000!important; width: 36px; margin: 0; }

#header .hdr-right .search .btn-search i{-webkit-transition:all .4s ease .1s;transition:all .4s ease .1s}

#header .hdr-right .search .btn-search:hover &gt; i{color:#000}

#header .hdr-right .search .mb-srch-btn{display:none}

.hm-btn,.cntct-btn{display:none!important;padding:10px 25px;background-color:#fafafa;font-size:14px;color:#333}

.hm-btn i,.cntct-btn i{color:#00c4b6!important;font-size:15px}

.hm-btn{float:left}

.lg-content{float:left;margin-left:20%}

.cntct-btn{float:right}

#header .header-bottom { width: 100%; background: #00c4b6; background-image: linear-gradient(90deg,rgb(141, 235, 228),#00c4b6); }

#header .header-bottom .nav-button{display:none;padding:10px;text-align:center;font-family:'Nunito Sans';font-size:14px}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li{float:left;position:relative}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li &gt; a{display: block; padding: 12px 15px; text-transform: uppercase; font-size: 13px; color: #fff; font-weight: 600;}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:hover &gt; a{background:#333; color:#fff}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li &gt; a.cat-img{display:none}

/*#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:first-child &gt; a{padding-left:0}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:last-child &gt; a{padding-right:0}*/

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li &gt; ul{visibility: hidden; z-index:-1; opacity: 0; width: 605px; max-height: 450px; padding: 10px 10px 30px; overflow-y: auto; background-color: #fafafa; border-top: 3px solid #00c4b6; position: absolute; top: 100%; left: 0; text-align: left; box-shadow: -8px 21px 49px 0 rgba(0,0,0,0.53); transform: translateY(-2em); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:hover &gt; ul{visibility: visible; opacity: 1; transform: translateY(0%);  transition-delay: 0s, 0s, 0.3s;}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:hover:before{display:block;content:"";border-style:solid;border-width:0 9px 6px;border-color:transparent transparent #00c4b6;position:absolute;bottom:0;left:50%;margin-left:-9px}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(6) &gt; ul,#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(7) &gt; ul,#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(8) &gt; ul,#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(9) &gt; ul,#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(10) &gt; ul,#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(11) &gt; ul,#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(12) &gt; ul,#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(13) &gt; ul,#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(14) &gt; ul,#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(15) &gt; ul,#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:nth-child(16) &gt; ul{left:inherit;right:-40px;}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li.markali &gt; ul{left:inherit;right:-40px;}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li ul li{white-space: nowrap; float: left; margin:0px 3px 3px 0px}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li ul li a{display: inline-block; text-transform: uppercase; font-weight:600; width: 190px; padding:5px 10px; font-size:13px;-webkit-transition: all .2s ease .1s; transition: all .2s ease .1s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li &gt; ul li:hover a{background:#eee; color:#555; cursor:pointer;}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li &gt; ul &gt; li &gt; a.cat-img2{display:none;max-width:250px;padding:5px;background-color:#fff;position:absolute;top:10px;right:10px;text-align:center}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li &gt; ul &gt; li:first-child &gt; a.cat-img2{display:block}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li &gt; ul &gt; li &gt; a.cat-img2 img{display:block;max-height:250px}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li &gt; ul &gt; li &gt; ul{display:none}

#header .mini-logo{display:none}

#header .nav-content{text-align:center}

#header .nav-fix{display:block;width:100%;padding:0 10px;text-align:center;position:fixed;top:0;left:0;-webkit-transition:all .4s ease 0;transition:all .4s ease 0;-webkit-animation:header-bottom-fix .9s;animation:header-bottom-fix .9s;-webkit-box-shadow:0 0 10px 0 rgba(50,50,50,0.18);-moz-box-shadow:0 0 10px 0 rgba(50,50,50,0.18);box-shadow:0 0 10px 0 rgba(50,50,50,0.18); background:#00c4b6;}

@-webkit-keyframes header-bottom-fix {

0%{top:-100%}

100%{top:0}

}

@keyframes header-bottom-fix {

0%{top:-100%}

100%{top:0}

}

@media screen and (min-width: 500px) and (max-width: 1920px) {

#header .hdr-top .usr-link{display:block!important}

#header .header-bottom .nav{display:none}

}

@media screen and (min-width: 850px) and (max-width: 1920px) {

#header .nav-fix .mini-logo{display:inline-block;float:left;padding:17px 20px 10px 0}

#header .nav-fix ul{display:inline-block;text-align:left}

#header .nav-fix .nav{float:none}

#header .header-bottom .nav-fix .nav &gt; ul.hdr-nav &gt; li &gt; a{padding:10px 13px}

#header .header-bottom .nav{display:inline-block!important;overflow:inherit!important}

}

@media screen and (max-width: 1190px) {

#header .header-bottom .nav-fix .nav &gt; ul.hdr-nav &gt; li &gt; a{padding:18px 9px}

}

@media screen and (max-width: 1010px) {

#header .header-bottom .nav-fix .nav &gt; ul.hdr-nav &gt; li &gt; a{font-size:11px;padding:18px 5px}

}

@media screen and (max-width: 950px) {

#header .header-middle .hdr-left a,#header .header-middle .hdr-left .news{width:100%}

#header .hdr-right &gt; div{width:100%}

#header .hdr-fix .news,#header .hdr-fix .search{display:none!important}

#header{width:100%;min-height:150px}

.hdr-fix{width:100%;position:fixed;top:0;background-color:#fff;-webkit-animation:hdr-fix-a .9s;animation:hdr-fix-a .9s}

.hdr-fix .logo img{max-width:100px;height:inherit}

.hdr-fix .header-middle{display:none;}

}

@-webkit-keyframes hdr-fix-a {

0%{top:-100%}

100%{top:0}

}

@keyframes hdr-fix-a {

0%{top:-100%}

100%{top:0}

}

@media screen and (max-width: 750px) {

#header .header-middle{position:relative;padding-top:50px}

.lg-content{margin-left:0!important;margin-top:4px}

#header .header-middle .hdr-left,#header .header-middle .hdr-right{width:50%;padding-top:0}

#header .header-middle .hdr-center{width:100%;position:absolute;top:0;float:left}

#homeproducts .filterContainer{margin:0 auto;width:100%; padding:5px 0; text-align:center}

#homeproducts .filterContainer .kat_title{}

#homeproducts .filterContainer label span{display:none;}

.discount-coupon { clear: both!important; }

.sf-form-item-fullwidth .sf-form-textarea {overflow:hidden; max-height: 75px!important;}

.sf-form-item-fullwidth .txtCaptcha {margin-left: 0px!important;}

.sf-form-item-fullwidth .sf-text-label {margin: 0; padding: 0; font-size:15px!important; }

.sf-form-input, .sf-form-textarea, .sf-form-select {width: 95%!important; margin-bottom:0px!important;}

.sf-button { width:100%!important }

.sf-form-item-fullwidth table { margin: 0; padding: 0; width: 100%; }

.sf-form-item-fullwidth input.st-telcode { width: 75%!important; max-width: 100%; }

.sf-form-item-fullwidth input.st-tel { width: 92%!important; max-width: 100%; }

.sf-form-item-fullwidth select.st-gun, .sf-form-item-fullwidth select.st-ay, .sf-form-item-fullwidth select.st-yil { width: 90%!important; min-width: 90%!important; margin-right: 0; }



.basket-item .cart-price { height: 52px!important; line-height: 52px!important; }

.basket-item .cart-pricex { display: inline-block !important; width: 12%; }

}

@media screen and (max-width: 500px) {

#header{height:inherit;min-height:inherit}

#header .hdr-top{position:relative;z-index:999}

#header .hdr-top .usr-mb-button{display:inline-block;border:inherit}

ul.mobilkmenu {margin-right:10px;}

ul.mobilkmenu li { display: inline; }

ul.mobilkmenu li a {padding: 10px 8px; font-size: 15px; color: #fff; line-height: 14px; display: inline-block; font-weight: 600; }

#header .hdr-top .usr-mb-button i,#header .hdr-right .cart-text i{color:#000!important}

#header .hdr-top .usr-link{display:none;position:absolute;top:100%;right:10px;background-color:#fff;border:1px solid #CCC}

#header .hdr-top ul li{float:inherit}

#header .hdr-top ul li:after{display:none}

#header .header-middle{padding:0}

#header .header-middle .hdr-left{display:none}

#header .header-middle .hdr-center{width: inherit; padding: 15px 0px 10px; top: 0; left: 50%; margin-left: -70px; z-index: 999; position: relative;}

#header .header-middle .hdr-center a img{width:150px;height:inherit;}

#header .header-middle .hdr-right{width:100%;padding:0}

#header .hdr-right .cart{width:35px;height:29px;display:inline-block;min-width:inherit;background-color:transparent;position:absolute;top:9px;right:25px;z-index:999}

#header .hdr-right .cart-text{padding:5px 5px 0 0;display:inline-block}

#header .hdr-right .cart-text i{position:inherit}

#header .hdr-right .cart-text span{display:none}

#header .hdr-right .cart-text .cartTotal{display: inline-block; width: 20px; height: 20px; background: #00c4b6; color: #fff; font-size: 14px; line-height: 20px; text-align: center; border-radius: 50%; box-sizing: content-box; border: 3px solid #fff; position: absolute; right: -16px; top: 0px; padding: 0;}

#header .hdr-right .cart-text i{right:15px; font-size: 25px;}

#header .hdr-fix .search{display:block!important;}

#header .hdr-right .search{}

#header .hdr-right .search .srch-box{display:none; border: 1px solid #ccc;}

#header .hdr-right .search .btn-search { border: 1px solid #ccc;}

#header .header-bottom{border:inherit}

#header .hdr-right .search .mb-srch-btn{display: inline-block; color:#000; font-size: 25px; position: absolute; top: -36px; left: 5px; z-index: 99999; background-color: transparent; border: inherit;}

.homeProduct .hmp-box .product-price .btn_benzer{display:none;} 

#header .nav-fix { padding:0px!important; }

}

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

#header .header-bottom .nav{text-align:center}

#header .header-bottom .nav &gt; ul.hdr-nav{display:inline-block;text-align:left}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li &gt; a{padding:15px 10px;font-size:12px}

}

@media screen and (max-width: 1024px) {

#header .nav-fix{position: inherit; border: 0; box-shadow: none;}

#header .header-bottom{width: 100%; position: absolute; z-index: 999; left: 0;  border: 0; box-shadow: none;}

#header .header-bottom .wrapper{width:100%;min-width:100%; padding:0px;}

#header .header-bottom .nav-button{display: inline-block; margin: 5px 10px 5px 19px; padding: 0 4px 0 0; color: #fff;}

#header .header-bottom .nav-button a{color: #fff;}

#header .header-bottom .nav-button i{font-size: 22px; }

#header .header-bottom .nav-button span{font-size: 16px; margin-left: 5px; line-height: 22px; position: absolute;}

#header .header-bottom .nav{display:none;width:100%;min-width:220px;background-color:#fff;box-shadow: 2px 7px 10px 0 rgba(0,0,0,0.23);}

#header .header-bottom .nav &gt; ul.hdr-nav{display:block}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li{float:inherit;display:block;white-space:nowrap}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li a{display:block;padding:10px 20px;text-align:left;color:#555}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:first-child &gt; a{padding:10px 20px;color:#555}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li:hover:before{display:block;content:"";border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #00c4b6;position:absolute;bottom:inherit;left:50%;margin-left:0;top:13px;left:3px}

#header .header-bottom .nav &gt; ul.hdr-nav &gt; li &gt; ul{display:none!important}

.sf-form-container div sup {display:none!important;}

#gf_odemeTipi {width:100%!important;}

.sf-form-header { padding: 0!important; margin-bottom: 0!important; }

.sf-form-info {display:inline; margin-left:5px;}

.banner .banner-content li { float: left; width: 31.6%!important; margin: 5px 13px 15px 0px; position: relative; }

ul#detail-tab-titles li { line-height: 40px!important; height: inherit!important; font-size: 18px!important; float: left; width: 49%; margin-top: 3px;}

}

#container #main{padding:10px;margin:0 auto;border-top:none;background-color:#FFF}

#container #main &gt; table.mainContainer{table-layout:fixed}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#left{width:22%;padding-right:1%;position:relative}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center{width:77%}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table{table-layout:fixed}

.middleLeftButton{display:none;width:30px;height:40px;line-height:40px;text-align:center;background-color:#575153;border:none;position:absolute;top:0px;right:-30px;z-index:2;color:#FFF;font-size:15px;cursor:pointer}

.middleLeftButton.active{right:-235px; top:15px; color:#fff;}

.middleLeftButton:before{font-family:"fontello";display:inline-block;content:'\e9f7';font-size:20px}

.middleLeftButton.active:before{content:'\e9f8'}

.middleLeftButton:focus,.middleLeftButton:hover{color:#fff;}

.katOrder {float: right; display: inline-block;}

.katBaslik {float: left; width: auto; display: inline-block; font-size: 26px;}

.urunsirala td.formlinefix {background:none; display:none;}

.urunsirala tr {text-align: right; float: right;}

.item-order-line { display: none;}

.aramabox .module:first-child .moduleContent .searchFrom .sf-form-container ul li{float:left; width: auto;}

.aramabox .module:first-child .moduleContent .searchFrom .sf-form-container ul li .sf-neutral-button{text-transform: uppercase; margin: 0 0 0 10px; border-radius: 0;}

.aramabox .module:first-child .moduleContent .searchFrom .sf-form-container ul li:nth-child(2){display:none;}

.aramabox .module:first-child .moduleContent .searchFrom .sf-form-container ul li:nth-child(3){display:none;}

.aramabox .module:first-child .moduleContent .searchFrom .sf-form-container ul li:nth-child(4){display:none;}

.aramabox .module:first-child .moduleContent .searchFrom .sf-form-container ul li:nth-child(5){float:left; width: auto;}



body.siparistakip #center_middle table td {width: auto; padding: 10px; text-align: left; display: initial;}

body.siparistakip .kargoInfo td { padding: 10px; padding-left: 0; border-bottom: 1px solid #ccc; display: inline-block!important; }



#orderBy, #cat-limit { border: medium none; border-radius: 3px; width: auto!important; padding: 8px; border: 1px solid #e4e4e4; margin-left: 0px; font-size: 15px;}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_left{width:19%;padding-right:1%;background-color:#FFF;position:relative}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_left &gt; div{background-color:#FFF}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_center{width:100%;} 

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_right{width:25%;padding-left:1%}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div{width:100%}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#right{width:22%;padding-right:1%}

@media screen and (min-width: 769px) and (max-width: 1920px) {

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_left &gt; div{display:block!important}

}

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

#container #main{width:1280px;margin:0 auto}

}

@media screen and (min-width: 801px) and (max-width: 900px) {

#container #main{min-width:100%;margin:0 auto;padding:0 10px}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_right{display:none}

}

@media screen and (min-width: 769px) and (max-width: 800px) {

#container #main{min-width:100%;margin:0 auto;padding:0 10px}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_right{display:none}

}

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

#container #main{min-width:100%;margin:0 auto}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_right{display:none}

}

@media screen and (min-width: 321px) and (max-width: 768px) {

#container #main{min-width:100%;margin:0 auto}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#left{width:0;position:relative;z-index:999}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#left &gt; div{display:none;width:206px}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_right{display:none}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_left{width:0;position:relative;z-index:998}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_left &gt; div{display:none;width:206px}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_left &gt; div:first-child{background-color:#FFF;-webkit-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);-moz-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);box-shadow:0 0 10px 0 rgba(50,50,50,0.5)}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_center{width:100%}

}

@media screen and (min-width: 200px) and (max-width: 768px) {

#container #main{min-width:100%;margin:0 auto;padding: 10px 0px;}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#left{width:0;position:relative;z-index:999}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#left &gt; #categorypro ~ div{display:none!important}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#left &gt; div{display:none;width:206px}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_right{display:none}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_left{width:0;position:relative;z-index:998}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_left &gt; div{display:none;width:206px}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_left + div{display:none;width:206px;background-color:#FFF;-webkit-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);-moz-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);box-shadow:0 0 10px 0 rgba(50,50,50,0.5)}

#container #main &gt; table &gt; tbody &gt; tr &gt; td#center &gt; div &gt; table #middle_center{width:100%}

}

#container #footer{width:100%;background: #f3f3f3;}

#container #footer &gt; .wrapper{border-top:1px solid #f3f3f3}

#container #footer .ftr-box{width:25%;padding:15px;float:left}

#container #footer .ftr-box li.ftr-title{font-size:17px;padding:5px;color:#000}

#container #footer .ftr-box li{display:block; padding:5px;}

#container #footer .ftr-box li a{color:#333}

#container #footer .ftr-box li a:hover{color:#00c4b6}

#container #footer .ftr-contact li span{color:#333}

#container #footer .ftr-contact li span:hover{color:#333!important}

#container #footer .ftr-box li a i{float:left;padding-right:5px;font-size:19px}

#container #footer .payment-banner{display:block;margin-top:40px;background-color:#efefef;text-align:center}

#container #footer .payment-banner .wrapper{position:relative}

#container #footer .payment-banner ul{display:inline-block}

#container #footer .payment-banner ul li{float:left}

#container #footer .payment-banner ul li.secure{position:absolute;right:0;bottom:0}

#container #footer #back-top{position:fixed;right:0;bottom:20px; z-index:999; background-color:#fff;border-width:1px 0 3px 1px;border-style:solid;border-color:#ccc;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}

#container #footer #back-top a{display:inline-block;font-family:"Times New Roman",Times,serif;font-style:italic;color:#000;font-size:15px;padding:5px 15px}

#container #footer #back-top a i{font-size:15px}

@media screen and (max-width: 960px) {

#container #footer .ftr-box{width:33.333333333333%}

#container #footer .payment-banner ul li.secure{position:inherit;padding-left:10px}

#homeproducts .hmp-box a img { height:inherit!important;}

}

@media screen and (max-width: 650px) {

#container #footer .ftr-box{width:50%}

}

@media screen and (max-width: 500px) {

#container #footer .ftr-box{width:100%}

}

#categorypro{display:block;position:relative;z-index:998}

#categorypro a{display:block;color:#333}

#categorypro a:hover{background-color:#f2f2f2}

#categorypro .moduleTitle:before{display:inline-block;padding:3px 5px;font-family:"fontello";content:'\e88e';font-size:11px}

#categorypro .Categories{display:block}

#categorypro .Categories &gt; ul{display:block}

#categorypro .Categories &gt; ul &gt; li.main{display:block;white-space:nowrap;border-bottom:1px solid #ebeaea;position:relative}

#categorypro .Categories &gt; ul &gt; li.main &gt; a{display:block;padding:10px;font-size:13px;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}

@media screen and (min-width: 769px) and (max-width: 1920px) {

#categorypro{display:block!important}

}

@media screen and (min-width: 800px) and (max-width: 900px) {

#categorypro .Categories &gt; ul &gt; li.main &gt; a{font-size:11px}

}

@media screen and (min-width: 768px) and (max-width: 800px) {

#categorypro .Categories &gt; ul &gt; li.main &gt; a{font-size:10px}

}

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

#categorypro .Categories &gt; ul &gt; li.main &gt; a{font-size:10px}

}

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

#categorypro{display:block;position:relative;z-index:998;background-color:#FFF;-webkit-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);-moz-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);box-shadow:0 0 10px 0 rgba(50,50,50,0.5)}

.homeproductButton{display:block}

#categorypro .Categories &gt; ul &gt; li.main &gt; a{font-size:11px}

}

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

.homeproductButton{display:block}

#categorypro{display:block;position:relative;z-index:998; margin-top: 0; background-color:#FFF;-webkit-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);-moz-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);box-shadow:0 0 10px 0 rgba(50,50,50,0.5)}

#categorypro .Categories &gt; ul &gt; li.main &gt; a{font-size:11px}

}

#categorypro .Categories &gt; ul &gt; li.main:hover &gt; a{background-color:#f2f2f2}

#categorypro .Categories &gt; ul &gt; li.main &gt; a:after{display:inline-block;font-family:"fontello";content:'\e8b7';position:absolute;top:9px;right:7px}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub{display:none;width:500px;padding:10px;background-color:#fff;position:absolute;top:0;left:100%}

#categorypro .Categories &gt; ul &gt; li.main:hover &gt; .sub{display:block}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; .subTitle{display:block;text-align:center;padding:5px 0;margin-bottom:10px;background-color:#f2f2f2;font-size:13px}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; #sub-left{width:30%;height:250px;float:left;overflow:auto}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; #sub-left &gt; ul &gt; li{display:block;border-bottom:1px solid #ebeaea}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; #sub-left &gt; ul &gt; li &gt; a{display:block;padding:5px}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; #sub-right{width:68%;float:right}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; #sub-right .s_categories_img{display:block}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; #sub-right .s_categories_img li{float:left;width:32.3%;height:116px;overflow:hidden;margin:0 0 5px 1%;padding:5px;border:1px solid #ebeaea}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; #sub-right .s_categories_img li:hover{border-color:transparent}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; #sub-right .s_categories_img li span{display:block;text-align:center}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; #sub-right .s_categories_img li span img{width:70px}

#categorypro .Categories &gt; ul &gt; li.main &gt; .sub &gt; #sub-right .s_categories_img li span#category-title{line-height:normal;padding:5px;white-space:normal}

#categorypro .Categories .sub &gt; li &gt; a.selected{display:block;margin:5px;padding:5px;font-weight:700;font-size:12px}

#categorypro .Categories .sub &gt; li &gt; a.selected + ul &gt; li &gt; a{display:block;margin:3px 15px;padding:5px 0 5px 5px;font-size:12px;color:#f85244}

#categorypro .Categories .sub &gt; li &gt; a.selected + ul &gt; li &gt; a + ul &gt; li &gt; a{display:block;margin:5px 5px 5px 15px;padding:3px 5px;color:#f85244}

#categorypro .Categories .sub &gt; li &gt; a.selected + ul &gt; li &gt; a + ul &gt; li &gt; a:before{display:inline-block;font-family:"fontello";content:'\ea2a';padding-right:5px}

#categorypro .Categories .sub &gt; li &gt; a.selected + ul &gt; li &gt; a + ul &gt; li &gt; ul &gt; li &gt; a{display:block;margin:5px 0 5px 20px;padding:3px 5px;color:#f85244}

#categorypro .Categories .sub &gt; li &gt; a.selected + ul &gt; li &gt; a + ul &gt; li &gt; ul &gt; li &gt; a:before{display:inline-block;font-family:"fontello";content:'\ea2a';padding-right:5px}

#categorypro .Categories .sub2{margin: 0 5px 5px 10px; padding: 0!important;}

#categorypro .Categories .sub2 &gt; li{margin:5px}

#categorypro .Categories .sub2 li &gt; a{display:block}

#categorypro .Categories .sub2 li &gt; ul{padding-left:10px}

#categorypro .Categories .sub2 li &gt; ul &gt; li &gt; a{display:block;padding:5px;margin-right:5px;font-size:11px}

#categorypro .Categories .sub2 li &gt; ul &gt; li &gt; a:before{display:inline-block;font-family:"fontello";content:'\ea2a';padding-right:5px}

#categorypro .Categories .sub2 li &gt; a{display: block; padding: 1px 5px; margin: 0px 5px; white-space: nowrap;}

#categorypro .Categories &gt; li:last-child &gt; div &gt; a{border-bottom:1px solid transparent}

#categorypro .Categories &gt; .moduleBox &gt; ul &gt; li &gt; a{display:block;padding:3px 5px}

#categorypro .Categories &gt; .moduleBox &gt; ul &gt; li &gt; a &gt; img{display:none}

#categorypro .Categories .title2 &gt; a{float:right;padding-right:3px;color:#fff}

#categorypro .Categories &gt; table{margin:0 5px}

#categorypro .Categories .checkFilter{padding:5px}

#categorypro .Categories .checkFilter span.filterContent{display:block}

#categorypro .Categories .checkFilter &gt; .title2{background-color: inherit; cursor: pointer; font-size: 13px; font-weight: 700; color: #333; text-align: left; text-transform: uppercase;}

#categorypro .Categories .checkFilter &gt; .title2 i{float:right;margin:5px 5px 0 0}

#categorypro .Categories .checkFilter .remove{padding:5px 0}

#categorypro .Categories .checkFilter ul li{margin-right:5px}

#categorypro .Categories .checkFilter ul li &gt; br{display:none;}

#categorypro .Categories .checkFilter ul li a{font-size:14px}

#categorypro .Categories .checkFilter ul li input{display: none; float:left;margin:3px 5px 0 0;width:13px;height:13px;background-image:url(images/input-img.jpg);background-repeat:no-repeat}

#categorypro .Categories .checkFilter ul li label{margin: 0px; display: inline-block!important; position: relative; padding-left: 25px; line-height: 25px;}

#categorypro .Categories .checkFilter ul li label:before { line-height: 25px; content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; background-color: #ffffff; border: 1px solid #999; margin-top: 3px;}

#categorypro .Categories .checkFilter ul li label:hover { font-weight:600; cursor:pointer;}

#categorypro .Categories .checkFilter ul li input[type="checkbox"]:checked + label:before, #categorypro .Categories .checkFilter ul li label:hover:before { content: "\2713"; font-weight:600; cursor:pointer; border: 2px solid #333!important; color: #333666; text-align: center; line-height: 16px; }

#categorypro .Categories .checkFilter ul li label.renk{margin: 0px; display: inline-block!important; position: relative; padding-left: 25px; line-height: 25px;}

#categorypro .Categories .checkFilter ul li label.renk:before { line-height: 16px; color: #fff; content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; background-color: #ffffff; border: 1px solid #999; margin-top: 3px;}

#categorypro .Categories .checkFilter ul li input[type="checkbox"].renk:checked + #categorypro .Categories .checkFilter ul li label.renk:before{ content: "\2713"; color:#fff!important; border: 2px solid #333!important;}

#categorypro .Categories .checkFilter ul li input[type="checkbox"].renk:checked + label:before{color:#fff!important; border: 2px solid #333!important;}

#categorypro .Categories .checkFilter ul li label.renk:hover:before { content: "\2713"; color:#fff!important; border: 2px solid #333!important;}

#categorypro .Categories .checkFilter ul li label.mavi:before {background-color: #2196F3;}

#categorypro .Categories .checkFilter ul li label.mor:before {background-color: #673AB7;}

#categorypro .Categories .checkFilter ul li label.fusya:before {background-color: #E91E63;}

#categorypro .Categories .checkFilter ul li label.beyaz:before {background-color: #fff;}

#categorypro .Categories .checkFilter ul li label.yesil:before {background-color: #4CAF50;}

#categorypro .Categories .checkFilter ul li label.kirmizi:before {background-color: #ff0000;}

#categorypro .Categories .checkFilter ul li label.siyah:before {background-color: #000;}

#categorypro .Categories .checkFilter ul li input.active{background-image:url(images/input-img-active.jpg)}

#categorypro .Categories .checkFilter ul li input.active + span{color:red}

#categorypro .Categories .checkFilter ul li input.btn-img{border:0 none;background:none}

#categorypro .Categories .checkFilter &gt; span &gt; input{display:inline-block;margin:3px 5px 0 0;float:left}

#categorypro .Categories .checkFilter &gt; span &gt; input + label{display:block;margin:0;cursor:pointer}

#categorypro .Categories .checkFilter.ctgry-size input:checked + label{color:red}

#categorypro .Categories .checkFilter.bigCheck &gt; span &gt; input{width:8%;margin-bottom:5px}

#categorypro .Categories .checkFilter.bigCheck &gt; span &gt; input + label{width:80%;margin-bottom:5px}

#categorypro .Categories .checkFilter.bigCheck &gt; span &gt; input + label:after{display:none}

#categorypro .Categories .checkFilter .filterContent{padding: 3px 15px 15px; max-height: 170px; overflow-y: scroll;}

#categorypro .Categories .checkFilter.price-filter .title2{padding-bottom:15px}

#categorypro .Categories .markFilter input{width:20%}

#categorypro .Categories .markFilter label{width:75%}

#categorypro .Categories .markFilter label:after{display:none!important}

#categorypro .Categories .checklist.checkFilter input[type="checkbox"]{width:8%;float:left}

#categorypro .Categories .checklist.checkFilter input + label{width:80%;float:left;margin-top:0}

#priceslider a{width:17px;height:13px;padding:0!important;background-color:transparent!important;border:none!important}

#priceslider a:before{display:inline-block;font-family:"fontello";content:'';border-style:solid;border-width:13px 8.5px 0;border-color:#000 transparent transparent}

#category .main_menuv li{display:block;white-space:nowrap;border-bottom:1px solid #ebeaea;position:relative;z-index:999}

#category .main_menuv &gt; li &gt; a{display:block;padding:10px;font-size:13px;width:100%;text-overflow:ellipsis;overflow:hidden;color:#989395;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}

#category .main_menuv &gt; li &gt; a:after{display:inline-block;float:right;font-family:"fontello";content:'\e8b7'}

#category .main_menuv &gt; li ul{position:absolute;top:0;left:100%;background-color:#fff}

#category .main_menuv li:hover &gt; ul{display:block}

#category .main_menuv li:hover &gt; a{background-color:#f2f2f2}

#category .main_menuv &gt; li ul{display:none;position:absolute;top:0;left:100%;border:1px solid #ebeaea}

#category .main_menuv &gt; li ul li{position:relative;width:100%}

#category .main_menuv &gt; li ul li a{display:block;min-width:200px;padding:5px 10px;color:#989395;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}

#categoriesPage .moduleContent{text-align:center}

#categoriesPage .categories{display:inline-block}

#categoriesPage ul li.depth0{padding:5px;height:150px;overflow:auto;border:1px solid #e2e1dd;float:left;margin:10px 2% 10px 0;width:22.5%;padding:5px;text-align:left;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}

#categoriesPage ul li.depth0:nth-child(4n){margin-right:0}

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

#categoriesPage ul li.depth0{width:49%;margin-bottom:10px}

#categoriesPage ul li.depth0:nth-child(2n+0){margin-right:0}

}

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

#categoriesPage ul li.depth0{width:100%;margin-bottom:10px}

#categoriesPage ul li.depth0:nth-child(2n+0){margin-right:0}

}

#categoriesPage ul li.depth0 &gt; a{display:block;color:#000;padding-bottom:5px;border-bottom:1px dotted #e2e1dd;display:block}

#categoriesPage ul li.depth0 ul{margin:0 0 0 10px}

#categoriesPage ul.depth1 li a{color:#ea3f13}

#categoriesPage ul.depth2 li a{color:#333}

#categoriesPage ul li.depth0 ul ul{margin:0 0 0 10px}

.navigasyon{color:#e9e9e9;font-size:11px;border-bottom:1px solid #ebebeb;height:25px;text-transform: uppercase;}

.navigasyon span{float:left}

.navigasyon li{float: left; padding-left: 5px; display: inline-block;}

.navigasyon span:last-child a{color:red}

.navigasyon .line{margin:3px 12px 0}

.navigasyon .line:before{margin-right:12px;margin-left:12px}

.navigasyon a{color:#333;font-weight:600; background:none!important; padding:0px!important; margin-bottom:0px!important;}

#homeproducts{display:block;overflow:hidden}

#homeproducts .filterContainer{padding:10px 10px 7px 10px}

#homeproducts .filterContainer .kat_title{float:left;color: #333;}

#homeproducts .hmp-content{display:block;margin-left:-10px;margin-right:-10px}

#homeproducts .hmp-content .information{padding:5px 10px;text-align:right;background-color:#fafafa}

#homeproducts .hmp-content .information span{padding-right:15px}

.aramabox .hmp-box{width:25%!important;}

#homeproducts .hmp-box{width:33.333333333333%; border: 1px dashed #eee; padding:10px 10px 20px;text-align:center;float:left}

.hmp-box:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}

#homeproducts .hmp-box .hmp{position:relative}

#homeproducts .hmp-box a{display:block;padding-bottom:15px}

#homeproducts .hmp-box a.imgLink{overflow: hidden; display: block; position: relative; height: 100%; top: 0; left: 0; text-align: center; align-items: center; width: 100%; padding-bottom: 100%; }

#homeproducts .productImage{height: 0; position: relative; background: #fff; padding-bottom: 100%; overflow: hidden; width: 100%; border-bottom: 0;}

#homeproducts .hmp-box a img{padding: 5px 10px; width: auto; max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition-duration: 0.6s;}

#homeproducts .productImage a &gt; img + img{position:absolute;top:0;left:0;z-index:995;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0}

#homeproducts .hmp-box:hover .productImage &gt; a &gt; img + img{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=99);opacity:99}

#homeproducts .hmp-box .product-name a{white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-family: 'Nunito Sans'; font-size: 14px; color: #333; margin-top: 10px; font-weight: 600;}

#homeproducts .hmp-box .product-price{font-family:'Nunito Sans';font-size:13px;color:#262525} 

#homeproducts .hmp-box .product-price .old_price{font-size:15px;color:#888;text-decoration:line-through;-moz-text-decoration-style:dotted}

#homeproducts .hmp-box .product-price .new_price{font-weight: 700; font-size: 18px; color: #222; line-height: 1.5;}

#homeproducts .hmp-box .product-price .new_price a{padding: 0; font-size: 15px; display: inline-block; color: #333;}

#homeproducts .hmp-box .product-price span a{padding:0 8px;font-size:17px;color:#00c4b6}

#homeproducts .hmp-box .productAdd .prdct-detail{display:table;width:88px;height:88px;border-radius:50%;position:absolute;top:44%;left:35%;margin-top:-44px;z-index:9999}

#homeproducts .hmp-box .productAdd .prdct-detail &gt; span,#homeproducts .hmp-box .productAdd .prdct-detail &gt; a{padding:0;display:table-cell;text-align:center;vertical-align:middle;font-family:'Nunito Sans';font-size:16px;color:#fff}

#homeproducts .hmp-box .hvr-detail{visibility:hidden;webkit-transition:all 0 ease 0;transition:all 0 ease 0}

#homeproducts .hmp-box:hover .hvr-detail{visibility:visible}

#homeslider .hmp-box{width: 100%!important; margin-bottom: 0px;}

.homeProduct .hmp-box{min-height:340px; padding: 0px; text-align: center; float: left; width: 20%; margin-bottom: 20px; border: 1px dashed #ccc; border-top: 0; border-left: 0;}

.homeProduct .hmp-box:nth-child(5n){border-right: 0;}

.homeProduct .hmp-box .hmp{position:relative; padding:0px 10px 10px;}

.homeProduct .hmp-box a{display:block;padding-bottom:15px}

.homeProduct .hmp-box a.imgLink{overflow: hidden; display: block; position: relative; height: 100%; top: 0; left: 0; text-align: center; align-items: center; width: 100%; padding-bottom: 100%; }

.homeProduct .productImage{height: 0; position: relative; background: #fff; padding-bottom: 100%; overflow: hidden; width: 100%; border-bottom: 0;}

.homeProduct .product-name{height: 38px; overflow: hidden;}

.DetaySlider .hmp-box {padding: 10px 0px 0px; border: 1px solid #eee;}

.homeProduct .hmp-box a img{padding: 5px 10px; width: auto; max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition-duration: 0.6s;}

.homeProduct .productImage a &gt; img + img{position:absolute;top:0;left:0;z-index:995;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0}

.homeProduct .hmp-box:hover .productImage &gt; a &gt; img + img{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=99);opacity:99}

.homeProduct .hmp-box .product-name a{width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 1.4; color: #333; margin-top: 0px; text-transform: capitalize; font-weight: 600; max-height: 40px; margin-bottom: 5px; padding-bottom: 0px;}

body.sepet .hmp-box *{line-height: 1.4!important;}

.homeProduct .hmp-box .product-price{font-size:13px;color:#262525} 

.homeProduct .hmp-box .product-price .old_price{font-size:15px;color:#888;text-decoration:line-through;-moz-text-decoration-style:dotted}

.homeProduct .hmp-box .product-price .new_price{font-weight:700; font-size:15px;color:#222;}

.homeProduct .hmp-box .product-price .new_price a{padding: 0; font-size: 15px; display: inline-block; color: #333;}

.homeProduct .hmp-box .product-price .btn_benzer{margin-top:5px;}

.homeProduct .hmp-box .product-price .btncart_wrap{display:block; margin-top:5px;}

.homeProduct .hmp-box .product-price span a{padding:0 8px; cursor: pointer; font-size:17px;color:#00c4b6}

.homeProduct .hmp-box .productAdd .prdct-detail{display:table;width:88px;height:88px;border-radius:50%;position:absolute;top:44%;left:35%;margin-top:-44px;z-index:9999}

.homeProduct .hmp-box .productAdd .prdct-detail &gt; span,.homeProduct .hmp-box .productAdd .prdct-detail &gt; a{padding:0;display:table-cell;text-align:center;vertical-align:middle;font-family:'Nunito Sans';font-size:16px;color:#fff}

.homeProduct .hmp-box .hvr-detail{visibility:hidden;webkit-transition:all 0 ease 0;transition:all 0 ease 0}

.homeProduct .hmp-box:hover .hvr-detail{visibility:visible}

.markalarhome li a {display:block!important; cursor:pointer;} 

.markalarhome li a:hover .banner-text{background-color: rgba(152, 4, 86,0.6);} 



.katFooter {margin-top: 15px; border: 1px solid #eee; padding: 15px; margin-bottom: 20px;}



@media screen and (max-width: 960px) {

}

@media screen and (max-width: 530px) {

.homeProduct .product-name{height: 44px; overflow: hidden;}

#homeproducts .hmp-box{width:50%!important}

#productDetail .new-product-content .owl-item{padding:0px!important;}

.urunsirala td.formlinefix {display:none}

#orderBy, #cat-limit { border: medium none; border-radius: 3px; width: 100%!important; padding: 8px; border: 1px solid #e4e4e4; margin-left: 0px; }

#header .hdr-top ul { display: block; float: none; }

#header .hdr-top ul li { float: none; display: block; width: 100%; }

#header .hdr-top ul li a { display: block; padding: 5px 20px; color: #3f3f3f; }

#homeproducts .hmp-box .productAdd .stock_out{top:65%}

#homeproducts .hmp-box .product-name a{height: 40px; padding-bottom: inherit; margin-bottom: 5px; white-space: inherit; margin-top: 5px;}

.homeProduct .hmp-box .productAdd .stock_out{top:65%}

.homeProduct .hmp-box .product-name a{height: 40px; padding-bottom: inherit; margin-bottom: 5px; white-space: inherit; margin-top: 5px;}

.hmp-box .productAdd{display:none;}

}

#dynamicform input[type="text"],#dynamicform textarea,#dynamicform select{width:95%;display:inline-block}

#dynamicform input + span,#dynamicform input + label,#dynamicform select + span,#dynamicform textarea + span{display:inline-block;padding-left:5px}

.survey{font-size:14px}

.survey span{display:block;padding:5px 0;font-weight:700;border-bottom:1px solid #ebeaea}

.survey input{display:inline-block;width:20%;margin:5px 0 0}

.survey input + label{display:inline-block;width:75%}

#brands .letter{padding-bottom:10px}

#brands span{display:block}

#brands li{float:left;border:1px solid #ebeaea;margin:5px 5px 0 0}

#brands li a{display:block;padding:5px 7px;font-size:14px;text-align:center;color:#989395}

#brands li:hover{background-color:#f2f2f2}

#brands li a img{display:block;width:100%}

#brands .list li{width:80px;height:120px;text-align:center}

.athrs-pblshrs li{float:left;border:1px solid #ebeaea;margin:5px 5px 0 0}

.athrs-pblshrs li a{display:block;padding:5px 7px;font-size:14px;text-align:center;color:#989395}

.athrs-pblshrs li a:hover{background-color:#f2f2f2;-webkit-transition:all .4s ease .1s;transition:all .4s ease .1s}

.athrs-pblshrs .list li{float:left;border:1px solid #ebeaea;margin:5px 5px 0 0}

.athrs-pblshrs .content{display:block;padding:10px 0;font-size:14px}

#faq dt{font-weight:600;font-size:12px;cursor:pointer;margin-bottom:5px}

#faq dt:before{display:inline-block;padding-right:10px;font-family:"fontello";content:'\ec99';font-size:18px}

#faq dd{background-color:#575153;padding:10px;margin-bottom:5px;font-size:12px;color:#fff}

#faq dd a{color:#f85244}

#billings input,#billings select,#billings textarea,#shipping input,#shipping select,#shipping textarea{width:75%}

#affiliatemenu li{display:block;white-space:nowrap;border-bottom:1px solid #ebeaea;position:relative}

#affiliatemenu li a{display:block;padding:10px;font-size:12px;color:#989395;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}

#affiliatemenu li a:hover{background-color:#f2f2f2}

#affiliateinviter #providerstable li{float:left;text-align:center;margin-right:3px}

#affiliateinviter #providerstable li img{width:100%}

#affiliateinviter .button a{color:#fff}

#affiliateinviter #share li{float:left;margin-right:5px}

#affiliateinviter textarea{width:75%;min-height:150px}

#productsearchfilter{float:left;width:18%;padding:5px 10px}

#productsearchfilter li{padding:5px 0;font-size:14px}

#productsearchfilter + #homeproducts{float:right;width:81%}

#productsearchfilter select,#productsearchfilter input,#productsearchfilter a{width:100%}

@media screen and (max-width: 950px) {

#productsearchfilter{width:24%}

#productsearchfilter + #homeproducts{width:75%}

}

@media screen and (max-width: 750px) {

#productsearchfilter{width:100%;float:inherit}

#productsearchfilter + #homeproducts{width:100%;float:inherit}

}

#AdvancedSearchFilter input,#AdvancedSearchFilter select,#AdvancedSearchFilter textarea,#AdvancedSearchFilter input,#AdvancedSearchFilter select,#AdvancedSearchFilter textarea{width:75%}

.login-title{padding-bottom:15px;margin-bottom:15px;font-family:'Nunito Sans';font-size:17px;font-weight:300;color:#565656;border-bottom:1px solid #e7e7e7;position:relative}

.login-title .label{text-align:center;padding:10px 18px;position:absolute;top:-20px;right:20px;border-radius:50%;background-color:#00c4b6;color:#fff}

#login{border:inherit}

#login .loginContainer{margin:30px;padding:15px}

#login .loginContainer .loginLeft{float:left;width:64%;padding:15px;border:1px solid #d1d1d1}

#login .loginContainer .loginRight{float:right;width:36%;padding:90px 15px 15px}

#login .loginContainer .fb-button{background-color:#254da4;color:#fff;font-size:14px}

#login .loginContainer .rgstr-btn{width:238px;font-size:13px}

#login .loginContainer .loginRight .moduleCol1{text-align:center}

#login .lgn-button{display:inline-block;padding:10px 50px}

#login .loginContainer input[type="text"],#login .loginContainer input[type="password"]{height:40px;text-indent:15px;font-size:14px}

#login .loginContainer .textContent,#login .loginContainer .passwordContent{position:relative}

#login .loginContainer .forgotPass{text-align:left}

#login .loginContainer .forgotPass a{padding-bottom:5px;border-bottom:1px solid #ebeaea}

#login .loginContainer .rememberme{text-align:right}

#login .loginContainer .rememberme input{float:none}

#login .loginContainer .textContent:after,#login .loginContainer .passwordContent:after{display:block;position:absolute;top:40px;right:10px;font-family:"fontello";width:12px;font-size:14px;color:#ccc}

#login .loginContainer .textContent:after{content:"\e82d"}

#login .loginContainer .passwordContent:after{content:'\ed21'}

@media screen and (max-width: 950px) {

#login .loginContainer .loginLeft{width:60%}

#login .loginContainer .loginRight{width:40%}

}

#register{border:inherit}

#register .registerContent{padding-top:50px}

#register .registerTop{margin-bottom:10px}

#register .registerLeft{float:left;width:65%;padding-right:15px;border-right:1px solid #d1d1d1;color:#000;font-size:11px}

#register .rgstr-col2{width:50%;float:left;padding:5px}

.moduleCol1 label{font-size:11px}

#register .registerLeft input[type="text"],#register .registerLeft input[type="password"]{height:40px;text-indent:15px;font-size:14px}

#register .registerRight{float:right;width:35%;padding:0 20px;text-align:left}

#register .registerRight .moduleCol1{text-align:center}

#register .registerRight .moduleCol2,#register .registerLeft .moduleCol2{margin-right:2%!important}

#register .registerRight .moduleCol2:nth-child(2n+0),#register .registerLeft .moduleCol2:nth-child(2n+0),#register .captha .moduleCol2:nth-child(2n+0){margin-right:0!important}

#register input[type="text"],#register input[type="password"],#register textarea{width:95%;padding:0;float:left;text-indent:10px}

#register .moduleCol2 &gt; span{float:right}

#register select{width:30%;margin-right:5px}

#register .captha{width:49%;padding:10px;float:right;background-color:#FFF}

#register .button{width:100%;padding:10px;font-size:12px}

#register .button.fb-button{background-color:#254da4}

#register .captha .moduleCol2{height:70px}

#register .captha .moduleCol2 input[type="checkbox"]{float:left}

#register .captha .moduleCol2 input[type="checkbox"] + a{float:left;padding-left:5px}

@media screen and (max-width: 800px) {

#register .registerRight,#register .registerLeft,#login .loginContainer .loginLeft,#login .loginContainer .loginRight{width:100%;border:inherit}

#login .loginContainer .loginRight{padding-top:0}

#register .registerLeft .moduleCol1{text-align:center}

}

@media screen and (max-width: 600px) {

#register .captha1 .rgstr-col2{width:100%}

.detail-tab-wrap iframe{width:100%!important;}

.PageBody iframe{width:100%!important;}

#register .captha1 .rgstr-col2:last-child label:first-child{display:none}

}

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

#register .captha{width:100%}

}

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

#register .captha{width:100%}

#register .registerTop .moduleCol2,#register .registerLeft .moduleCol2,#register .registerRight .moduleCol2,#register .captha .moduleCol2{width:100%}

}

#productDetail{padding-top:15px}

.prdct-left{width:45%;float:left}

#productDetail #imageTabContainer{width:100%!important}

#productDetail #imageTabContainer .imagesTabs li{float:left;margin-left:2px}

#productDetail #imageTabContainer .imagesTabs li a{white-space:nowrap;padding:5px 10px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:1px;-webkit-border-bottom-right-radius:1px;border-bottom-right-radius:1px;-moz-border-radius-bottomleft:1px;-webkit-border-bottom-left-radius:1px;border-bottom-left-radius:1px}

#productDetail #imageTabContainer .zoomPad &gt; img{width:100%}

.slidercontainer{position: relative; width:100%; clear: both; overflow: hidden;}

.slidercontainer &gt; span{float:left; width: 425px; position: relative; border: 1px solid #eee; padding: 0px;}

.slidercontainer &gt; span a{display:block}

.slidercontainer &gt; span img{width:100%;height:inherit;}

.slidercontainer .detayresim_slider li{list-style-type: none; margin: 0; padding: 5px; border: 1px solid #ddd;}

.slidercontainer .detayresim_slider img{width:100%;height:inherit;}

.slidercontainer #urunResimListContainer{float:left; width:100px}

.image_slider{width:100%!important}

.image_slider li{width:100%!important;text-align:center}

#urunResimListContainer{clear:inherit!important;}

#urunResimListContainer li{border: 1px solid #e2e1dd; padding: 2px; vertical-align: middle; text-align: center; margin: 0 5px 5px 0 !important; display: inline-block; width: inherit; height: auto; float: none;}

#urunResimListContainer li img{width:100%;height:auto;vertical-align:middle}

.prdtc-images a[rel~="lightbox"]{display:none}

.detail-tab{margin-top:0px;}

ul#detail-tab-titles{}

ul#detail-tab-titles li{background: #e3e3e3; border: 1px solid #e3e3e3; height: 32px; line-height: 32px; padding: 0 18px; float: left; margin-right: 3px; font-size: 15px; color: #2e2d3f; cursor: pointer;}

ul#detail-tab-titles li.active-tab{background:#fff; border:1px solid #e3e3e3; border-bottom:none; position:relative; }

.detail-tab-wrap{border: 1px solid #e5e5e5; width: 100%; margin-top: -1px;}

.detail-tab-content{display:none; padding:10px; color:#2e2d3f; overflow: auto;}

.detail-tab-wrap iframe{margin:10px 0px;}

.detail-page .editor-select{box-shadow:none; border:1px solid #f0f0f0; margin-top:40px;}

.prdct-right{width:53%;float:right; position:relative}

.prdct-right .prdct-name{display: block; padding-bottom: 20px; font-size: 22px; color: #4d4b4c; font-weight: 600;}

.prdct-right .prdct-code{padding-bottom:5px}

.prdct-right .prdct-price{padding: 0; font-size: 28px; color: #4d4b4c; margin: 10px 0 15px; display: inline-block;}

.prdct-right .prdct-price-new{color:#00c4b6; font-weight:700 }

.prdct-right .prdct-price-old{padding: 0px 0 5px; font-size: 25px; margin-right: 10px; color: #888; text-decoration: line-through;}

.prdct-right .prdct-color{padding:5px 0 15px;font-size:12px}

.prdct-right #prdct-clr-images{position:relative}

.prdct-right .owl-carousel{padding:10px 0}

.prdct-right .owl-carousel .owl-wrapper .owl-item{padding:0 10px}

.prdct-right .owl-carousel .owl-wrapper .owl-item img{width:100%;opacity:.5;filter:alpha(opacity=50);-webkit-transition:all .4s ease .1s;transition:all .4s ease .1s}

.prdct-right .owl-carousel .owl-wrapper .owl-item:hover img{width:100%;opacity:1;filter:alpha(opacity=100)}

.prdct-right #prdct-clr-images .owl-buttons &gt; div{position:absolute;top:35%}

.prdct-right #prdct-clr-images .owl-buttons &gt; div:before{display:inline-block;width:20px;height:20px;font-family:"fontello";font-size:15px;color:#4d4b4c}

.prdct-right #prdct-clr-images .owl-buttons &gt; .owl-prev:before{content:'\e9f8'}

.prdct-right #prdct-clr-images .owl-buttons &gt; .owl-next{right:0}

.prdct-right #prdct-clr-images .owl-buttons &gt; .owl-next:before{content:'\e9f7'}

.urunInfoR {width: 45%; position: absolute; top: 50px; right: 0;}

.urunInfoR .prod_tips{}

.urunInfoR .prod_tips li{color: #333; list-style-type: none; margin-bottom: 8px; border: 1px solid #eee; display: block; text-align: left;}

.urunInfoR .prod_tips li i{font-size: 28px; display: inline-block; float: left; width: 45px; text-align: center; margin-right: 5px; line-height: 43px; color: #00c4b6;}

.urunInfoR .prod_tips li span{line-height: 20px; font-size: 14px; display: table-cell; vertical-align: middle; height: 44px;}

.l-innerDiv form .label {margin-bottom: 3px; height:auto; clear: both;font-size: 14px;padding: 14px 0px 0px;color: #333;display: block;text-align: left;line-height: 20px;}

.urunSecimTable {padding: 0; border:0; margin:0px 0px 10px 0px!important; display: block;}

.urunSecimTable tr { line-height: 35px;}

.urunSecimTable td { padding: 0px; line-height: 36px }

.urunSecimTable .UrunSecenekleri{display:none;}

.urunSecimTable .UrunSecenekleriHeader{font-weight: 500; font-size: 14px; margin-top: 0px; text-transform: uppercase;}

ul.urunSecim{ width: auto; text-align: center; margin: 0 auto;}

.urunSecimTable ul.urunSecim li{border: 1px solid #ccc; padding: 0px 10px; float: left; font-size: 15px; margin-right: 5px; margin-bottom: 5px; border-radius: 2px; cursor: pointer; position: relative; text-align: center; background-color: #fff;}

.urunSecimTable ul.urunSecim li.urun-var-resim {padding: 3px!important; border-radius: 0!important;}

.urunSecimTable ul.urunSecim li.urun-var-resim img{max-width: 90px!important;}

.urunSecimTable ul.urunSecim li.selected{color:#fff; background:#00c4b6; border: 1px solid #00c4b6;}

.urunSecimTable ul.urunSecim li.disabled{border: 1px solid #a9a9a9 !important; color: #a9a9a9 !important; cursor: default!important; background-color: #ffffff !important; background: #ffffff url(../images/diagonal_bar.png) no-repeat center!important; background-size: 100% 100%!important;}

#size1SelectorContent .moduleCol2{padding:0}

.variantWarning{color:#f85244;font-weight:700}

#productDetail .productBuyContent .variantContainer{margin:10px}

#productDetail .productBuyContent .variantContainer select{width:90%!important;margin:0 2%;float:left;font-size:12px}

#productDetail .productBuyContent .variantContainer span{float:left}

#productDetail .productBuyContent .variantContainer .CheckBoxList input[type="checkbox"]{display:inline-block}

#productDetail .productBuyContent .variantContainer .CheckBoxList input[type="checkbox"] + label{display:inline-block;padding-left:5px;font-size:11px}

#size1SelectorContent{padding:0}

#productDetail .product-qty{padding:10px 0}

#productDetail .product-qty .qty-text-content{padding:0 0 20px;font-size:15px}

#productDetail .product-qty .qty-text-content .qty-text input{display:inline-block;max-width:50px;height:40px;margin:0 0 0 5px;text-align:center;font-size:12px;border-right:inherit}

#productDetail .product-qty .qty-text-content .btnQtyPlus,#productDetail .product-qty .qty-text-content .btnQtyMinus{border:1px solid #e6e4e4;cursor:pointer;font-size:11px}

#productDetail .product-qty .qty-text-content .btnQtyPlus:before,#productDetail .product-qty .qty-text-content .btnQtyMinus:before{display:inline-block;font-family:"fontello";padding:2px 4px}

#productDetail .product-qty .qty-text-content .btnQtyPlus:before{content:'\e8b6'}

#productDetail .product-qty .qty-text-content .btnQtyMinus:before{content:'\e8b5'}

#productDetail .product-qty .button-set{margin-top:0px;}

#productDetail .product-qty .button-set .button{ float: left; background-color: #00c4b6; border-radius: 3px; width: 35%; font-size: 20px; padding: 6px 10px; font-weight: 600;}

#productDetail .product-qty .button-set .button:hover{background-color:#000; color:#fff; text-decoration:none;}

#productDetail .product-qty .button-set .hemenal_btn{background-color: #4CAF50; padding: 6px 5px; width: 25%;}

#productDetail .product-qty .button-set .favoribtn{float: left; margin-left: 5px; color: #00c4b6; font-size: 28px; cursor: pointer; position: relative; margin-top: 3px;}

#productDetail .product-qty .button-set .button.request{background-color:#fff!important;color:#00c4b6}

#productDetail .product-qty .button-set .button.request:hover{border-color:#000;color:#000}

#productDetail .prdct-social{padding:10px 0 15px}

#productDetail .prdct-social .bireldeSatis a{color:#10b125;font-size:13px}

#productDetail .prdct-social div{padding: 0 0 10px; color: #333; margin: 0 auto; display: inline-block;}

#productDetail .prdct-social ul li{float:left;padding-right:5px}

#productDetail .prdct-social ul li a{background-color:#00c4b6;color:#fff;font-size:13px;padding:5px 3px}

#productDetail .new-product-content{}

#productDetail .new-product-content .moduleContent{padding-top:25px}

#productDetail .new-product-content .owl-item{padding:10px}

#productDetail .new-product-content .owl-item #product a img{width:100%}

#productDetail .prd-grp{display:block;padding:10px}

#productDetail .prd-grp li{padding:10px;margin-bottom:10px;border:1px solid #e6e4e4}

#productDetail .prd-grp li .prd-grp-img img{width:100%}

#productDetail .prd-grp li .prd-grp-img,#productDetail .prd-grp li .prd-grp-img a{display:block;padding:10px 0;text-align:center}

#productDetail .prd-grp li .prd-grp-name{display:block;height:35px;overflow:hidden;text-align:left;margin-bottom:10px;font-size:13px}

#productDetail .prd-grp li .prd-grp-nbr{padding:5px 0;display:block;font-size:12px;text-align:center}

#productDetail .prd-grp li .prd-grp-price{display:block;font-size:14px;text-align:center}

#productDetail .prd-grp li .button{display:block;text-align:center}

#productDetail .dis-grp .dis-content{border-width:1px 0 0 1px;border-style:solid;border-color:#e6e4e4}

#productDetail .dis-grp .dis-content span{display:block;padding:10px;border-bottom:1px solid #e6e4e4;font-size:14px}

#productDetail .dis-grp .dis-content li{float:left;border-right:1px solid #e6e4e4}

#addreview label *{display:inline-block;padding:0 5px}

#addreview label &gt; label{width:75px}

#addreview textarea{width:50%;min-height:100px}

@media screen and (max-width: 950px) {

#productDetail .product-qty .button-set .button{width:70%}

.zoomWindow{display:none!important}

}

.loginBaslik { margin-bottom: 10px; font-size: 18px; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; }

@media screen and (max-width: 750px) {

.basket-wrap .cart-qty { width: 20%; min-width: 55px; }

.basket-wrap .cart-total-price { width: 28%; float: left; }

.basket-wrap input.qty { width: 45px ; height: 34px; font-size: 12px; }

.loginBaslik { margin-bottom: 0px; }

.l-left, .l-right { width: 100%; height: auto; min-width: 100%!important;  margin-bottom:25px!important; min-height:inherit!important; padding-bottom:25px!important;}

.sp-login-input{width: 100%!important;}

.urunInfoR{width: 100%; float: inherit; position: relative; top:inherit; margin-bottom:10px; }

.urunInfoL{width:100%;float:inherit}

.prdct-left{width:100%; padding: 0 15px; float:inherit}

.prdct-right{width:100%;float:inherit;text-align:center}

.prdct-right .prdct-name{padding-top:20px; padding-bottom: 10px;} 

#productDetail .prdct-social { padding: 10px 0 0px; }

#productDetail .product-qty .button-set { margin-top: 0px; }

#productDetail .product-qty .button-set .button{font-size: 20px; margin: 0; display: inline-block; float: none!important; }

#productDetail .product-qty .button-set .hemenal_btn{ margin-top: 7px;}

#productDetail .new-product-content .nw-prdct-title h2{font-size:16px;letter-spacing:0}

#productDetail .product-qty .qty-text-content .qty-text {float:none;}

#productDetail .prdct-social div { padding: 0 0 5px;}

}

#account #accountMenu &gt; ul &gt; li{display:block;white-space:nowrap;border-bottom:1px solid #ebeaea;position:relative;z-index:998;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}

#account #accountMenu &gt; ul &gt; li &gt; a{display:inline-block;padding:10px;font-size:13px;color:#989395;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}

#account #accountMenu &gt; ul &gt; li.contentMenu:before{display:inline-block;float:right;line-height:38px;font-family:"fontello";content:'\e8b7'}

#account #accountMenu &gt; ul &gt; li:hover{background-color:#f2f2f2}

#account #accountMenu &gt; ul &gt; li:hover &gt; ul{display:block}

#account #accountMenu &gt; ul &gt; li &gt; ul{display:none;position:absolute;top:0;left:100%;z-index:998;padding:10px;background-color:#f2f2f2}

#account #accountMenu &gt; ul &gt; li &gt; ul &gt; li{display:block;white-space:nowrap;position:relative}

#account #accountMenu &gt; ul &gt; li &gt; ul &gt; li:hover &gt; a{background-color:#fff}

#account #accountMenu &gt; ul &gt; li &gt; ul &gt; li &gt; a{display:block;padding:5px 10px;font-size:13px;color:#989395;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}

}

#account #accountMenu &gt; ul &gt; li{display:block;white-space:nowrap;border-bottom:1px solid #ebeaea;position:relative;z-index:998;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}

#account #accountMenu &gt; ul &gt; li &gt; a{display:inline-block;padding:10px;font-size:13px;color:#989395;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}

#account #accountMenu &gt; ul &gt; li.contentMenu:before{display:inline-block;float:right;line-height:38px;font-family:"fontello";content:'\e8b7'}

#account #accountMenu &gt; ul &gt; li:hover{background-color:#f2f2f2}

#account #accountMenu &gt; ul &gt; li:hover &gt; ul{display:block}

#account #accountMenu &gt; ul &gt; li &gt; ul{display:none;position:absolute;top:0;left:100%;z-index:998;padding:10px;background-color:#f2f2f2}

#account #accountMenu &gt; ul &gt; li &gt; ul &gt; li{display:block;white-space:nowrap;position:relative}

#account #accountMenu &gt; ul &gt; li &gt; ul &gt; li:hover &gt; a{background-color:#fff}

#account #accountMenu &gt; ul &gt; li &gt; ul &gt; li &gt; a{display:block;padding:5px 10px;font-size:13px;color:#989395;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}

@media screen and (min-width: 769px) and (max-width: 1920px) {

#account{display:block!important}

}

@media screen and (max-width: 900px) and (min-width: 800px) {

#account #accountMenu li a{font-size:11px!important}

}

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

#account #accountMenu li a{font-size:11px!important}

}

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

.middleLeftButton{display:block}

#account{background-color:#FFF;-webkit-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);-moz-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);box-shadow:0 0 10px 0 rgba(50,50,50,0.5)}

#account #accountMenu a{font-size:11px!important}

.product-variant {width:80%; margin:0 auto;}

.urunSecimTable ul.urunSecim li{float:none!important;     display: inline-block;}

}

@media screen and (min-width: 200px) and (max-width: 768px) {

#account #accountMenu &gt; ul &gt; li &gt; ul{display:block;position:relative;left:0}

#account #accountMenu &gt; ul &gt; li &gt; ul &gt; li{padding-left:15px}

}

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

#account{background-color:#FFF;-webkit-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);-moz-box-shadow:0 0 10px 0 rgba(50,50,50,0.5);box-shadow:0 0 10px 0 rgba(50,50,50,0.5)}

.middleLeftButton{display:block}

#account #accountMenu a{font-size:11px!important}

}

#user .moduleContentCol1 .moduleContentCol2:first-child{margin-right:0}

#report_container{width:940px;margin:0 auto;padding-bottom:30px}

#report_container #report_history{display:inline-block;float:right}

#report_container #report_button{float:right;margin:20px 20px 0 0}

#report_container .user{display:block}

#report_container #report_content{float:left;width:620px}

#report_container #report_content &gt; div{width:300px;display:inline-block;float:left;margin:0 5px}

#report_container .daytable{width:300px;min-height:500px;float:left}

#sales select,#sales input{width:100%}

#sales input[type="checkbox"]{width:50%}

#sales .inptSelect &gt; input{float:left;width:65%;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}

#sales .inptSelect &gt; input + select{float:left;width:34%;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}

#sales .inptSelect &gt; select{width:50%;float:left;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}

#sales .inptSelect &gt; select + select{-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}

@media screen and (max-width: 1920px) and (min-width: 768px) {

.sales .fourContent .homeProductContent{height:auto!important}

}

.sales .fourContent .homeProductContent #Div1 input,.sales .fourContent .homeProductContent #Qty input{width:75%;margin:0 5%;text-align:center}

.sales .fourContent .homeProductContent #Div1 label,.sales .fourContent .homeProductContent #Qty label{text-align:center;padding:5px 0}

.sales .plasiyerButton{display:block}

.sales .plasiyerButton input[type="submit"]{width:100%;padding:10px 0;text-align:center;font-size:15px}

.firsat-slider .mThumbnailScroller,.firsat-slider .mThumbnailScroller li a{position:relative}

.firsat-slider .mThumbnailScroller &gt; a{width:18%;height:100%;background-color:rgba(255,255,255,0.80);position:absolute;top:0;z-index:997}

.firsat-slider .mThumbnailScroller &gt; a.thmb-prev{left:0}

.firsat-slider .mThumbnailScroller &gt; a.thmb-next{right:0}

.firsat-sliderx .wrapper{padding: 2px; background-color: #eee; margin-top: 15px; text-align: center;}

.firsat-sliderx .wrapper img{}

@media screen and (max-width: 1125px) {

.firsat-slider .mThumbnailScroller &gt; a{width:50px;height:50px;border-radius:25px;background-color:rgba(0,0,0,0.50);color:#fff;top:50%;margin-top:-25px;text-align:center}

.firsat-slider .mThumbnailScroller &gt; a:before{content:"";display:block;font-family:"fontello";font-size:38px}

.firsat-slider .mThumbnailScroller &gt; a.thmb-prev:before{content:'\e9f8'}

.firsat-slider .mThumbnailScroller &gt; a.thmb-next:before{content:'\e9f7'}

}

@media screen and (min-width: 601px) {

.mb-sldr-content{display:none}

}

@media screen and (max-width: 601px) {

.firsat-slider{display:none}

.firsat-sliderx{display:none}

}

.bnr-styl1{padding: 8px 19px; bottom: 0; width: 100%;}

.bnr-styl2{padding:0 25px;height:100%;top:0;padding-top:17%}

.bnr-styl2:after{content:"";border-style:solid;border-width:125px 0 125px 100px;border-color:transparent transparent transparent rgba(255,255,255,0.75);position:absolute;top:0;right:-100px}

.bnr-styl3{width:100%;padding:15px 25px;top:50%;margin-top:-70px}

.banner-text{position: absolute; text-align: left; background-color: rgba(0, 0, 0, 0.35); left: 0;}

.banner-gerisayim{position:absolute;text-align:center;background-color:rgba(255,255,255,0.75);left:0;width:100%;opacity:.9}

.banner-gerisayim .text{font-family:'Nunito Sans';font-size:14px}

.banner-text h5{font-family:'Nunito Sans';font-size:24px;color:#000;letter-spacing:1px}

.banner-text h6{font-family: 'Nunito Sans'; font-size: 19px; color: #eee; letter-spacing: 0px; margin: 0;}

.banner-text .text{font-family:'Nunito Sans';font-size:14px}

.owl-item &gt; div{position:relative}

@media screen and (max-width: 450px) {

.banner-text h5{font-size:17px}

.banner-text h6{font-size:15px}

.banner-text .text{font-size:10px}

.bnr-styl2{padding:60px 15px 0}

}

.banner .banner-content{padding-top:10px}

.banner .banner-content li{float: left; width: 32.6%; margin: 5px 13px 15px 0px; position: relative;}

.banner .banner-content li:nth-child(3n+3){margin-right:0px;}

.banner .banner-content li a img{width:100%}

@media screen and (max-width: 600px) {

.banner .banner-content li{width:100%!important; margin: 5px 13px 5px 0px;}

}

.new-product-content{margin-top:30px; position:relative}

.new-product-content .moduleContent{padding: 10px 0px!important;}

.new-product-content .nw-prdct-title{display: block; padding: 8px 10px; margin-bottom: 15px; position: relative; text-align: center; border: 2px dotted #999;}

.new-product-content .nw-prdct-title h2{font-weight: 700;font-size:20px;letter-spacing:1px;color:#000; text-transform: uppercase;}

.new-product-content .owl-item #product a{display:block}

.new-product-content .owl-item #product a img{width:100%;height:inherit!important}



.new-product-content .owl-controls{opacity:0.1}

.new-product-content:hover .owl-controls{opacity:1}

#sliderContainer .owl-controls{opacity:0.1}

#sliderContainer:hover .owl-controls{opacity:1} 

.new-product-content .owl-buttons .owl-prev,.new-product-content .owl-buttons .owl-next,#sliderContainer .owl-buttons .owl-prev,#sliderContainer .owl-buttons .owl-next{width:22px;height:30px;position:absolute;top:45%}

.new-product-content .owl-buttons .owl-prev i:before,.new-product-content .owl-buttons .owl-next i:before,#sliderContainer .owl-buttons .owl-prev i:before,#sliderContainer .owl-buttons .owl-next i:before{display:block;font-size:30px;color:#000}

.new-product-content .owl-buttons .owl-prev,#sliderContainer .owl-buttons .owl-prev{left:10px}

.new-product-content .owl-buttons .owl-next,#sliderContainer .owl-buttons .owl-next{right:10px}



.bnr-b-container{padding:30px 0}

.bnr-b-container .banner-left{float:left;width:50%;padding:10px 10px 0 0}

.bnr-b-container .banner-left li{padding-bottom:17px;position:relative}

.bnr-b-container .slider{float:right;width:50%;padding:10px 0 10px 10px;position:relative}

@media screen and (max-width: 600px) {

.bnr-b-container .banner-left,.bnr-b-container .slider{float:inherit;width:100%}

}

.instagram{padding:30px 45px;background-color:#fafafa;text-align:center}

.instagram .inst-title{display:block;padding-bottom:30px;font-size:17px;color:#000;letter-spacing:.5px}

.instagram ul{display:inline-block}

.instagram li{float:left;width:16.666666666667%;padding:0 15px}

@media screen and (max-width: 700px) {

.instagram li{width:33.333333333333%}

}

@media screen and (max-width: 450px) {

.instagram li{width:50%;padding:5px}

}

.network{text-align:center;padding:20px 0}

.network ul{display:inline-block}

.network ul li{float:left}

@media screen and (max-width: 760px) {

.network{display:none}

.network ul li{float:left;padding-bottom:10px;width:33.333333333333%}

}

@media screen and (max-width: 400px) {

.network ul li{width:50%}

}

.wrapper &gt; .information{text-align:center;padding:20px 0}

.information ul{display:block}

.information ul li{float:left;text-align:left;width:16.666666666667%;padding:0 .5%}

.information ul li a{display:block;padding:10px 5px 10px 65px;border:1px solid #eee;font-size:14px;color:#4d4b4c}

.information ul li a.icon1{padding:19px 5px 19px 65px;background:url(images/inf-icon-1.png) no-repeat scroll 30px center transparent}

.information ul li a.icon2{background:url(images/inf-icon-2.png) no-repeat scroll 30px center transparent}

.information ul li a.icon3{background:url(images/inf-icon-3.png) no-repeat scroll 30px center transparent}

.information ul li a.icon4{background:url(images/inf-icon-4.png) no-repeat scroll 30px center transparent}

.information ul li a.icon5{background:url(images/inf-icon-5.png) no-repeat scroll 30px center transparent}

.information ul li a.icon6{background:url(images/inf-icon-6.png) no-repeat scroll 30px center transparent}

@media screen and (max-width: 1075px) {

.information ul li{width:33.333333333333%;margin-bottom:10px}

}

@media screen and (max-width: 650px) {

.information ul li{width:49%; margin-right: 5px;}

.information ul li:nth-child(2n){margin-right: 0px;}

.information ul li a { display: block; padding: 10px 5px 10px 75px; border: 1px solid #ccc; font-size: 14px; color: #4d4b4c; width: 100%; float: left; }

}

@media screen and (max-width: 321px) {

.information ul li{width:100%}

.homeProduct .hmp-box .product-price .old_price { font-size: 11px;}

}

.dtls-button{display:none;padding:10px;background-color:#f2f2f2;font-family:'Nunito Sans';letter-spacing:1px;text-align:center;font-size:15px;font-weight:600;color:#4d4b4c;cursor:pointer}

#categorydetails{padding-bottom:15px}

.category-box{display:block;padding:25px 150px;text-align:center;background-color:#fafafa;border:1px solid #e1e1e1}

.category-box h1{display:block;padding-bottom:10px;font-family:'Nunito Sans';font-size:17px;letter-spacing:1px;color:#4d4b4c}

.cat-banner{margin-left:-5px;margin-right:-5px}

.cat-banner .ct-bnr-box{float:left;width:50%;padding:5px}

.cat-banner img{width:100%;height:inherit}

@media screen and (max-width: 950px) {

.category-box{padding:25px 50px}

}

@media screen and (max-width: 500px) {

.cat-banner .ct-bnr-box{width:100%}

}

@media screen and (min-width: 950px) and (max-width: 1920px) {

.cat-details{display:block!important}

}

@media screen and (max-width: 950px) {

.dtls-button{display:block}

.cat-details{display:none}

}

.pymnt-title{padding-bottom:10px;font-size:16px;font-weight:700;letter-spacing:1px;color:#000;text-align:center}

.pymnt-title span{padding:0 15px}

.pymnt-title:before{display:inline-block;content:"";width:30%;height:2px;background-color:#000}

.pymnt-title:after{display:inline-block;content:"";width:30%;height:2px;background-color:#000}

#container #orderStep2 .moduleContentCol2 input[type="text"],#container #orderStep2 .moduleContentCol2 select,#container #orderStep2 .moduleContentCol2 textarea{width:90%}

#container #orderStep2 .moduleContentCol2 input[type="text"] + span,#container #orderStep2 .moduleContentCol2 select + span,#container #orderStep2 .moduleContentCol2 textarea + span{color:red}

#container .pageTitle{display:block;padding:5px;margin-bottom:10px;margin-top:15px;border:1px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

#container .pageTitle ul{list-style-type:none}

#container .pageTitle ul li{width:155px;height:56px;float:left}

#container .pageTitle ul li a{display:block;height:56px}

#container .pageTitle ul li.TitleIconOne{background:url(ico-title-1.png) no-repeat scroll top left transparent;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px}

#container .pageTitle ul li.TitleIconTwo{width:146px;background:url(ico-title-2.png) no-repeat scroll top left transparent}

#container .pageTitle ul li.TitleIconThree{width:156px;background:url(ico-title-3.png) no-repeat scroll top left transparent}

#container .pageTitle ul li.TitleIconFour{width:169px;background:url(ico-title-4.png) no-repeat scroll top left transparent}

#container .pageTitle ul li.check{background-position:0 -112px}

#container .pageTitle ul li.active{background-position:0 -56px}

.ordstp2-page-title{padding:30px 0;font-size:23px;font-weight:100;color:#3c3d40}

.orstp2-content .orstp2-left{width:65%;padding:20px;float:left;border:1px solid #f2f2f2}

.orstp2-content .orstp2-mini-title{display:block;padding-bottom:5px;font-size:15px;color:#00c4b6}

.orstp2-left-content .ordstp2-box{width:50%;float:left;padding-right:15px}

.orstp2-left-content .ordstp2-box.billingAdres{padding:15px;background-color:#f2f2f2;color:#3c3d40;font-size:13px}

.orstp2-left-content .ordstp2-box.billingAdres .edt-button{padding:12px 25px;background-color:#fff;border:1px solid #d1d1cf;font-size:13px;color:#3c3d40}

.orstp2-left-content .ordstp2-box.billingAdres .edt-button:hover{color:#fff;background-color:#000}

.orstp2-left-content .ordstp2-box select{width:100%}

.orstp2-left .orstp2-invoice{margin:15px 0;border:1px solid #f2f2f2}

.orstp2-left .orstp2-invoice .subTitleOne{padding:15px}

.orstp2-left .orstp2-invoice .inv-box{padding:15px}

.orstp2-left .orstp2-invoice .inv-box select,.orstp2-left .orstp2-invoice .inv-box input,.orstp2-left .orstp2-invoice .inv-box textarea{width:90%;height:40px}

.orstp2-left .orstp2-invoice .inv-box textarea{height:70px}

.orstp2-left .new-address{border:1px solid #f2f2f2;padding:10px}

.orstp2-left .new-address select,.orstp2-left .new-address input,.orstp2-left .new-address textarea{width:90%;height:40px}

.orstp2-left .new-address textarea{height:70px}

.orstp2-left .orstp2-btn-content{text-align:right}

.orstp2-left .orstp2-btn-content .btn{margin-right:20px;padding:13px 55px;background-color:#f0f0f0;border:1px solid #ccc;font-size:13px;color:#000}

.orstp2-left .orstp2-btn-content .btn:hover{background-color:#00c4b6;color:#fff}

.orstp2-content .orst2-right{width:35%;padding:0 15px;float:right}

.cart-contento{width:100%;padding:15px;float:right;border:1px solid #f2f2f2}

.cart-contento .crt-title{font-size:15px;color:#00c4b6}

.cart-contento .crt-img{float:left;padding-right:10px;width:25%}

.cart-contento .crt-img img{width:100%}

.cart-contento .crt-text{float:left;width:75%}

.cart-contento .crt-text .crt-name,.cart-contento .crt-text .crt-price{display:block;padding-bottom:5px;font-size:12px;color:#3c3d40;letter-spacing:.5px;font-weight:700}

.cart-contento .crt-text .crt-desc{display:block;padding-bottom:5px;font-size:12px}

.cart-contento .ordr-crg{margin:10px 0;padding:10px;text-align:center;border:2px solid #f2f2f2;border-left:none;border-right:none;color:#3c3d40}

.cart-contento .crt-price li{color:#3c3d40;font-size:12px;padding:5px 0}

.cart-contento .crt-price li span{width:50%;text-align:left;color:#3c3d40}

.cart-contento .crt-price li span:last-child{width:50%;text-align:right;color:#000}

.cart-contento .crt-price li.cartPriceTitle{padding:10px 0 0;margin-top:5px;font-weight:700}

@media screen and (max-width: 900px) {

.orstp2-content .orstp2-left{width:100%;float:inherit}

.orstp2-content .orst2-right{margin-top:15px;width:100%;float:inherit}

}

@media screen and (max-width: 600px) {

.orstp2-left-content .ordstp2-box{width:100%;float:inherit}

.orstp2-left-content .ordstp2-box.billingAdres{margin-top:15px}

.orstp2-left .orstp2-btn-content .btn{width:100%;margin:15px 0;text-align:center}

.orstp2-left .orstp2-btn-content .crt-buy{width:100%}

}

@media screen and (max-width: 800px) {

.ordr-nav ul li{width:100%;margin-bottom:5px}

#orderStep3d .orderContainer{width:100%;float:inherit}

#orderStep3d #buyContent{width:100%;float:inherit}

.cart-contento .crt-img{width:10%}

.cart-contento .crt-text{width:90%}

}

@media screen and (max-width: 1000px) {

#containerCart #coupons td{padding:5px}

.orderButton4{padding:5px;height:inherit;font-size:13px}

}

@media screen and (max-width: 950px) {

#orderStep2 #content &gt; .moduleContentCol2,.orderContent .moduleContentCol2{width:100%}

#orderStep2 #content &gt; .moduleContentCol2 td.button-content{text-align:center}

.moduleContentCol2 .orderButton2{display:inline-block}

#orderStep2 .buttonContent{margin:10px 15px 0 10px;text-align:center}

#orderStep3d #content .orderContent .orderTitle ul li:first-child{display:none}

}

@media screen and (max-width: 900px) {

.crt-title-box .crt-title,.crt-title-box .crt-tt-button{float:inherit;width:100%;text-align:center;padding-bottom:15px}

.crt-title-box .crt-tt-button ul{display:inline-block}

#containerCart .crt-left,#containerCart .crt-right{float:inherit;width:100%;margin-bottom:10px}

#containerCart .bnr-bottom .bnr-box ul{display:inherit;-webkit-flex-direction:inherit;-moz-flex-direction:inherit;-ms-flex-direction:inherit;flex-direction:inherit}

#containerCart .bnr-bottom .bnr-box ul li{display:inherit;float:left;width:23%}

.basket .datalist tbody &gt; tr:first-child{display:none}

.basket .datalist tbody &gt; tr td,#containerCart #coupons td{width:100%;max-width:inherit;display:block;text-align:center}

.basket .datalist tbody &gt; tr td div,.basket .datalist tbody &gt; tr td span,#containerCart #coupons td,#containerCart #coupons td span{display:block}

#containerCart #coupons td .orderButton4{float:inherit}

.basket .datalist tbody &gt; tr td img{width:150px}

.basket .datalist tbody &gt; tr td:nth-child(3){display:none}

.cart .numberinput{display:inline-block;float:inherit;margin-bottom:28px}

.cart .numberinput + .upDown{display:inline-block;float:inherit}

#containerCart #coupons2 td{width:50%}

}

@media screen and (max-width: 700px) {

#orderStep3d #content .orderContent .orderTitle ul li{width:50%;text-align:center}

}

@media screen and (max-width: 630px) {

#containerCart .crt-left .crt-lft-right + .crt-lft-left,#containerCart .crt-left .crt-lft-right{width:100%;float:inherit}

#containerCart .bnr-bottom .bnr-box ul li{width:45%;height:153px}

#containerCart #coupons2 td{width:100%;display:block;text-align:center}

#containerCart #coupons2 td .orderButton4{display:inline-block;float:inherit}

.buy .buyBack{display:none}

.pymnt-title:before,.pymnt-title:after{width:15%}

}

@media screen and (max-width: 370px) {

#orderStep3d #content .orderContent .orderTitle ul li{width:100%;text-align:center}

}

.menu{padding-bottom:15px}

.menu li{float:left;width:12.5%;padding:10px;font-size:17px;text-align:center}

.menu li .help-icon{font-size:45px;padding-bottom:15px}

.menu li.active .help-icon{color:#e47e08}

.menu li a:hover &gt; .help-icon{color:#e47e08;-webkit-transition:all .4s ease .1s;transition:all .4s ease .1s}

@media screen and (max-width: 950px) {

.menu li{width:25%}

}

@media screen and (max-width: 560px) {

.menu li .help-icon{font-size:35px}

.menu li .help-text{font-size:14px}

}

@media screen and (max-width: 475px) {

.menu li{width:33.333333333333%}

}

.animated{-webkit-animation-duration:.1s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;background:#000;width:20px;height:20px;margin:0 auto;border-radius:100px;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease}

.tada{-webkit-animation-name:tada;animation-name:tada;text-align:center;vertical-align:middle;font-size:11px;color:#fff;font-weight:900;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

@media only screen and (min-width: 961px) {

body{background:#fff}

.resim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.as{width:100%!important;margin:0 auto;border:2px solid #000}

}

@media only screen and (max-width: 960px) {

body{background:#fff}

.resim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:100%!important;margin:0 auto}

.genel1{width:100%!important;margin:0 auto}

}

@media only screen and (min-width: 801px) and (max-width: 959px) {

body{background:#fff}

.rsesim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:100%!important;margin:0 auto}

.genel1{width:100%!important;margin:0 auto}

}

@media only screen and (max-width: 800px) {

body{background:#fff}

.resim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:100%!important;margin:0 auto}

.genel1{width:100%!important;margin:0 auto}

}

@media only screen and (min-width: 480px) and (max-width: 759px) {

body{background:#fff}

.resim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:100%!important;margin:0 auto}

.genel1{width:100%!important;margin:0 auto}

.genel{width:100%;margin:0 auto}

.genel1{width:100%;margin:0 auto}

}

@media only screen and (max-width: 479px) {

body{background:#fff}

.resim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:960px;margin:0 auto}

.genel1{width:960px;margin:0 auto}

}

.resim{width:auto;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

body{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:960px;margin:0 auto}

.genel1{width:960px;margin:0 auto;background-image:url();background-size:960px}

.baslik{font-family:'Nunito Sans';font-size:24px;color:#000;letter-spacing:1px}

.yazi1{text-align:center;font-family:'Nunito Sans';font-size:14px}

.sol{float:left;width:480px}

.sag{float:left;width:480px}

.link{color:#fff;text-decoration:inherit}

.odemeonay{background-color:#60C761;font-size:20px;padding:30px;color:#fff}

.animated{-webkit-animation-duration:.1s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;background:#000;width:20px;height:20px;margin:0 auto;border-radius:100px;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease}

.tada{-webkit-animation-name:tada;animation-name:tada;text-align:center;vertical-align:middle;font-size:11px;color:#fff;font-weight:900;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

@media only screen and (min-width: 961px) {

body{background:#fff}

.resim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.as{width:100%!important;margin:0 auto;border:2px solid #000}

}

@media only screen and (max-width: 960px) {

body{background:#fff}

.resim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:100%!important;margin:0 auto}

}

@media only screen and (min-width: 801px) and (max-width: 959px) {

body{background:#fff}

.rsesim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:100%!important;margin:0 auto}

}

@media only screen and (max-width: 800px) {

body{background:#fff}

.resim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:100%!important;margin:0 auto}

}

@media only screen and (min-width: 480px) and (max-width: 759px) {

body{background:#fff}

.resim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:100%!important;margin:0 auto}

.genel{width:100%;margin:0 auto}

}

@media only screen and (max-width: 479px) {

body{background:#fff}

.resim{width:100%!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:960px;margin:0 auto}

}

.resim{width:auto;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

body{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}

.genel{width:960px;margin:0 auto}

.baslik{font-family:'Nunito Sans';font-size:24px;color:#000;letter-spacing:1px}

.yazi1{text-align:center;font-family:'Nunito Sans';font-size:14px}

.sol{float:left;width:480px}

.sag{float:left;width:480px}

.link{color:#fff;text-decoration:inherit}</pre></body></html>