/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
body {line-height: 1;}
blockquote, q {quotes: inherit;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: inherit;}
table {	border-collapse: collapse; border-spacing: 0;}


body{font-family: Verdana, Geneva, sans-serif; color: #333;}
@font-face {
font-family: 'OpenSans-Light';
src: url('font/opensans-light.eot');
src: url('font/opensans-light.eot?#iefix') format('embedded-opentype'), url('font/opensans-light.woff') format('woff'), url('font/opensans-light.ttf') format('truetype'), url('font/opensans-light.svg#opensans-light') format('svg');
}
@font-face {
font-family: 'OpenSans';
src: url('font/opensans.eot');
src: url('font/opensans.eot?#iefix') format('embedded-opentype'), url('font/opensans.woff') format('woff'), url('font/opensans.ttf') format('truetype'), url('font/opensans.svg#opensans') format('svg');
}
@font-face {
font-family: 'Ubuntu';
src: url('font/ubuntu.eot');
src: url('font/ubuntu.eot?#iefix') format('embedded-opentype'), url('font/ubuntu.woff') format('woff'), url('font/ubuntu.ttf') format('truetype'), url('font/ubuntu.svg#ubuntu') format('svg');
}
@font-face {
font-family: 'Ubuntu-Bold';
src: url('font/ubuntu-bold.eot');
src: url('font/ubuntu-bold.eot?#iefix') format('embedded-opentype'), url('font/ubuntu-bold.woff') format('woff'), url('font/ubuntu-bold.ttf') format('truetype'), url('font/ubuntu-bold.svg#ubuntu-bold') format('svg');
}
@font-face {
font-family: 'bebas-neue';
src: url('font/bebas-neue.eot');
src: url('font/bebas-neue.eot?#iefix') format('embedded-opentype'), url('font/bebas-neue.woff') format('woff'), url('font/bebas-neue.ttf') format('truetype'), url('font/bebas-neue.svg#bebas-neue') format('svg');
}
@font-face {
font-family: 'bankgothic';
src: url('font/bankgothic.eot');
src: url('font/bankgothic.eot?#iefix') format('embedded-opentype'), url('font/bankgothic.woff') format('woff'), url('font/bankgothic.ttf') format('truetype'), url('font/bankgothic.svg#bankgothic') format('svg');
}
a {text-decoration: none; color: #666666;}
a:hover {color: #F00;}
.floatL {float:left;}
.floatR {float:right;}
.clear {clear:both;}
.center { text-align: center; }
.container {width: 990px; margin: 0 auto;}
.marB15{margin-bottom:15px;}
.fontSz80{font-size:80%;}


/*HEADER*/
header{width: 100%; height: 128px; background-image: url(rsm/arkaUst.png); background-repeat: repeat-x;}
.logo {}
input.search{border-radius:5px; height:30px; margin:8px 10px 0 0; border:1px solid #999; width:230px; background: #FFF url(rsm/search.png) no-repeat 4px 4px; padding:4px 4px 4px 30px; float:right; font-size:75%;}
input.btnAra {border-radius: 5px; height: 30px; margin:8px 0 0 0; border:1px solid #999; width:80px; float: right;	background-color: #E6E6E6; color: #000; font-size: 75%;}
.ustMenu{background-image: url(rsm/arkaUstMenu.png); background-repeat: repeat-x;margin: 20px 0 0 0; border-radius:8px; height:50px;z-index: 1000;}
.ustMenu.col-md-8{}
.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {background: url("rsm/arkaUstMenu2.png") repeat-x; color:#FFF;}
li.dropdown:hover > .dropdown-menu {display: block;}
.navbar-collapse{padding:0;}
.navbar-default {background-color: transparent; border:none;}
.navbar-default .navbar-nav > li > a{color:#FFF; font-family:"Ubuntu-Bold"; font-size:100%; margin:0 7px; padding: 15px 3px;}
.navbar-default .navbar-nav > li > a:hover {color:#000;}
.ustMenu .dropdown-menu {left:0 !important; right: auto; box-shadow: unset; background-color: transparent; padding:0;}
.ustMenu .subMenu a {color:#FFF; font-family:"Ubuntu", "sans-serif"; font-size:100%; background: url("rsm/arkaUstMenu.png") repeat-x; height:35px; padding:8px 0 0 10px;}
.ustMenu .subMenu a:hover {color:#FFF;background: url("rsm/arkaUstMenu2.png") repeat-x;}
.ustMenu .navbar-default .navbar-nav > .active > a{background: url("rsm/arkaUstMenu.png") repeat-x !important; color:#FFF;}
.navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background: url("rsm/arkaUstMenu2.png") repeat-x !important; color:#FFF;}
.ustMenu .m1 .nav-pills > li > a{font-family:"Ubuntu"; font-size:95%; background: url("rsm/arkaUstMenu.png") repeat-x; color:#FFF;}
.ustMenu .m1 .nav-pills > li > a:hover{background: url("rsm/arkaUstMenu2.png") repeat-x;}
.ustMenu .navbar-collapse.in {overflow-y: visible;}
.ustMenu .dropdown-menu{min-width:230px;}
.ustMenu .dropdown-menu li {margin:0;}
.ustBosluk {height:38px;}
.ustBosluk .sadeceUye {}
.ustBosluk .sadeceUye div {font-size: 14px; color: #FFF; font-family:"OpenSans", sans-serif; padding-top: 10px;}
.ustBosluk .sadeceUye a {background: url(rsm/iconCikis.png) no-repeat; font-family:"OpenSans", sans-serif; font-size: 14px; color: #FFF; padding:0 20px 0 22px; margin-top: 18px;}
.ustBosluk .sadeceUye a:hover { color: #F00;}
.ustBosluk .sadeceZiyaretci { }
.ustBosluk .sadeceZiyaretci div {font-size: 14px; color: #FFF; font-family:"OpenSans", sans-serif; padding-top: 10px;}
.ustBosluk .sadeceZiyaretci a {background: url(rsm/ikonSign.png) no-repeat;	font-family:"OpenSans", sans-serif; font-size: 14px; color: #FFF;  padding:0 20px 0 22px; margin-top: 18px;}
.ustBosluk .sadeceZiyaretci a:hover { color: #F00;}
/*HEADER -------------------------------------*/

/*UST ALAN*/
.slogan {height: 50px; width: 100%; background: url(rsm/arkaSlogan.png) repeat-x; border-top:solid 2px #888888;	border-bottom:solid 2px #888888; margin-bottom: 10px; float:left;}
.slogan h1 {font-family:"bankgothic", sans-serif; font-size: 24px; color: #000; padding-top: 12px; float: left;	font-weight: normal;}
.slogan .ikon1 {float: right; background: url(rsm/ikonCart.png) no-repeat; font-family: "OpenSans", sans-serif;	font-size: 14px; color: #FFF; padding:0 20px 0 25px;margin-top: 18px;}
.slogan .ikon2 {float: right; background: url(rsm/ikonOrder.png) no-repeat;	font-family:"OpenSans", sans-serif;	font-size: 14px; color: #FFF; padding:0 22px 0 20px; margin-top: 18px;}
.slogan a  { color: #FFF; }
.slogan a:hover { color: #333333; }

.ustArama {width: 100%; padding-bottom:10px;}
.ustArama .yazi {color:#666; font-family:"Ubuntu", sans-serif; font-size:14px; background:transparent; border:none;}
.ustArama .alan{background-color: rgb(250,250,250); border: rgb(182,188,193) 1px solid; border-radius: 5px; margin-left: 5px; float: left;}
.ustArama .alan2 {float:right;}
.btnAra2 {border-radius: 5px; height: 33px; border: 1px solid #999; width: 60px; float: right; background: #E6E6E6 url(rsm/btGolge.png); color: #000; margin-left: 15px; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5);	cursor:pointer;}
.btnAra2:hover {background: #E6E6E6 url(rsm/btGolge2.png);}
/*UST ALAN -------------------------------------*/

/*SLAYT*/
.slayt{width:100%; height:300px; background: url(rsm/arkaSlayt.png) repeat-x; border-top: 4px solid #000; border-bottom: 4px solid #000; margin:0 0 30px 0; background-position: 0% 0%;    float:left;}
/*SLAYT*/



/*İÇERİK*/
.icerikBaslik {font-family:"OpenSans-Light", sans-serif; font-size: 24px; color: #0085b2; margin-bottom: 5px; font-weight: normal;}
.icerikAlan{width: 950px; margin: 10px;}
.icerikAlan .icerik {font-family:"OpenSans", sans-serif; font-size: 12px; line-height: 1.5;	color: #333; padding-bottom: 15px; float: left;}
.icerikAlan .icerik h2{font-family:"OpenSans", sans-serif; font-size: 16px; padding-bottom: 15px; font-weight: bold;}
.icerikAlan .icerik h3{font-family:"OpenSans", sans-serif; font-size: 14px; color: #333; padding-bottom: 15px; font-weight: bold;}
.icerikAlan .icerik ul, ol, li{list-style:inherit;}
.icerik .uyeBaslik {font-family: bebas-neue, sans-serif; font-size: 24px; color: #EC2127; float: left; height: 30px; width: 470px;border-bottom:1px solid #DDD;	margin-bottom: 15px; padding-bottom: 5px; margin-right: 10px;}
.icerik .signUp {float: left; width: 485px;}
.icerik .signin {float: left; width: 460px;}
.icerik .uyeSatir {float: left; width: 470px; padding-bottom: 10px;}
.icerik .uyeSatir .yazi {float: left; width: 150px;}
.icerik .uyeSatir .deger{float: left; width: 320px;}
.icerik .uyeSatir input[type="text"], .icerik .uyeSatir input[type="password"] {float: left; height: 30px; border: 1px solid #CCC; width: 300px;}
.icerik .uyeSatir .btn{border-radius: 5px; border: 1px solid #DDD; font-family: OpenSans, sans-serif; font-size: 12px; color: #FFF; height: 20px; padding:5px 10px 23px 10px; background-color: #EC2127;}
.icerik .uyeSatir .btn:hover {border: 1px solid #DDD; background-color: #333333;}
.galeri {float: right; width: 970px;}
.icerikAlan .icerik p .video{width:640px; float:left; height:480px; margin:0 0 14px 0;}
/*İÇERİK -------------------------------------*/


/*ANA SAYFA GİRİŞ*/
.yeniUrunKutu{width: 100%; background: url(rsm/arkaGiris.png) repeat-x; float:left;}
.yeniUrunKutu .baslik {background-color: #D60E0E; color: #FFF; font-size: 30px; height: 34px; padding:3px 0 0 10px; font-family: bebas-neue, sans-serif; width: 150px; margin-bottom: 5px;}
.yeniUrunKutu .kutu {height: 150px; border: 3px solid #FFF; width: 100%; background-color: #F9F9F9; padding-top: 9px;}
.yeniUrunKutu .urun {text-align: center; float: left; background: url(rsm/urunZemin2.png) no-repeat; height: 145px; width: 98px; padding-top: 4px; font-family: Ubuntu, sans-serif;	font-size: 12px; 	color: #666; margin-right: 20px; margin-left: 0px;}
.yeniUrunKutu .urun .resim { padding-bottom: 8px;}
.yeniUrunKutu .urun .yazi1 { width: 98px; padding-bottom: 2px; color: #444444; font-weight: bold;}
.yeniUrunKutu .urun .yazi2 { width: 98px; padding-bottom: 2px; color: #444444;}
.yaziKutu { width: 100%; padding-bottom: 10px; float:left;}
.yaziKutu .kutu {float: left; height: 200px; width: 475px; background: url(rsm/yaziSari.png) no-repeat 20px 0px; padding-right: 10px;}
.yaziKutu .harf {font-family: bebas-neue, sans-serif; font-size: 45px; color: #333; float: left; height: 160px; width: 30px; padding-left: 51px; padding-top: 20px;}
.yaziKutu .kutu .baslik {font-family: bebas-neue, sans-serif; font-size: 22px; color: #333; width: 160px; padding-top: 40px; padding-bottom: 10px; margin-left: 81px;}
.yaziKutu .kutu .yazi {font-family: OpenSans, sans-serif; font-size: 12px; color: #333; width: 160px; margin-left: 81px; line-height: 15px;}
.yaziKutu .kutu .devam {border-radius: 5px; background-color: #333; height: 20px; width: 70px; margin-left: 81px; margin-top: 10px; text-align: center; padding-top: 6px;}
.yaziKutu .kutu .devam a {font-family: Ubuntu, sans-serif; font-size: 11px; color: #FFF;}
.yaziKutu .kutu .resim {float: right; border: 1px solid #CCC; padding: 3px; margin-top: 40px; margin-right: -10px;}
.yaziKutu .kutu .resim2 {display:none;}
.altKutu {width: 100%; padding-bottom: 10px; float:left;}
.altKutu .haber {float: left; height: 150px; width: 650px; padding-right: 15px;}
.altKutu .haber .baslik{background-color: #D60E0E; color: #FFF; font-size: 30px; height: 35px; padding:3px 0 0 10px; font-family: bebas-neue, sans-serif;width: 70px;}
.altKutu .haber .yazi {border: 1px solid #D60E0E; height: 90px; width: 630px; padding: 10px;}
.altKutu .indir {float: left; height: 100px; width:294px; background: url(rsm/arkaPDF.png) no-repeat center top; background-size:290px; margin-top:25px; padding:4px; text-align:center;}
.altKutu .indir .k1{display:inline-block;}
.altKutu .indir .yazi {font-family:"bebas-neue", sans-serif; font-size: 16px; color: #333; display:inline-block; width: 125px; text-align:center; padding:0 10px; line-height: 18px;}
/*ANA SAYFA GİRİŞ  -------------------------------------*/


/*HABER*/
.icerik .hYazi { height: auto; width: 970px;}
.yazi ul{list-style-type: none; width: 630px; padding:10px;}
.yazi ul li {width: auto; height: auto; padding-right: 20px;}
.yazi ul li:nth-child(1) {clear:both;}
.scroll-img {border: 1px solid #D60E0E; height: 90px; width: 630px; padding: 10px; overflow: hidden;}
.scroll-img ul {list-style-type: none; width: 630px;}
.scroll-img ul li {width: auto; height: auto; padding-right: 20px;}
.gHaber { float: left; height: 90px; width: 300px; padding-bottom:10px;}
.gHaberBaslik {font-size: 14px;color: #000; float: left; height: 32px; width: 250px; padding-top: 5px;font-family: ubuntu, sans-serif; padding-left: 50px; line-height: 15px; overflow:hidden;}
.gHaberOzet {float: left; height:62px; width: 174px; font-family: OpenSans, sans-serif !important; font-size: 11px !important; line-height: 15px; overflow: hidden;	color: #333;}
.gHaberResim {float: left; height:73px; width:104px; border:1px solid #999; padding:1px; text-align: center;margin-right: 10px;}
.gHaber a {	color: #F00; font-family: OpenSans, sans-serif; font-size: 10px; float:left;}
.gHaber a:hover {color: #000;}
.haberKutuSirala2 {padding-bottom: 20px; float: left; padding-right: 20px;}
.gHaber2 {float: left; height: 90px; width: 300px;}
.gHaber2 a {color: #F00; font-family: OpenSans, sans-serif; font-size: 10px;}
.gHaber2 a:hover {color: #000;}
.icerik .hResim img{float: right; height: auto; width: auto; border: 4px solid #F4F4F4;	margin:0 0 0 10px;}
/*HABER  -------------------------------------*/


/*GALERİ*/
.medyaKutu {height: auto; margin:10px auto; float: left;}
.medyaKutuSirala {float: left; list-style: none; margin: 0; padding: 0;}
.medyaKutuSirala li {float: left; width: 180px; display: inline; height: auto; margin-left: 5px; margin-right: 5px;}
.medyaKutuResim {width: auto; height: auto; text-align: center; vertical-align: central;}
.medyaKutuResim img {border: 1px solid #CCC; margin: 4px; padding: 4px;}
.medyaKutuResim img:hover { border: 1px solid #C00;}
.medyaKutuAd {float: left; height: auto; width: 180px; font-size: 12px; color: #000000; display: inline; text-align: center !important; line-height: 15px;}
/*GALERİ -------------------------------------*/


/*ÜRÜN LİSTELEMELER*/
.genisAlan{width: 960px; padding-bottom: 25px; height: auto; float: left;}
.genisAlan ul li {width:25%; float:left; padding:4px; margin-bottom:30px; text-align: center;}
.genisAlan ul li .resim {border: 1px solid #CCC; padding:4px; margin-bottom: 10px;}
.genisAlan ul li .resim:hover { border: 1px solid #F22127;}
.genisAlan ul li .resim a img { border: 3px solid #F7F7F7;}
.genisAlan ul li .center a{font-family: Ubuntu, sans-serif; font-size: 20px; color: #0F77C3; padding-top: 10px;}
.genisAlan ul li .center a:hover { color: #333333; }
.sagAlan .liste {float: left; width:100%; padding-bottom: 20px;}
.sagAlan .liste ul li {width:25%; float: left; padding:0 9px 10px 7px;}
.sagAlan .liste ul li .resim {border: 1px solid #CCC; margin-bottom: 10px; padding: 4px; float: left; width:34%; text-align: center;}
.sagAlan .liste ul li .resim:hover { border: 1px solid #F22127; }
.sagAlan .liste ul li .resim a img {border: 3px solid #F7F7F7; width:100%; height:auto;}
.sagAlan .liste ul li .center {	float: left; width: 100%; margin-bottom:5px; height:16px; overflow:hidden;}
.sagAlan .liste ul li .center a{ font-size: 14px; color: #444444;}
.sagAlan .liste ul li .center a:hover { color: #0085b2; }
.path .searchBaslik {font-family:"OpenSans-Light", sans-serif; font-size: 24px;	color: #0085b2;}
.searchAlan {width:990px;}
.searchAlan .liste {float: left; height: auto; width:960px;	padding-bottom: 20px; margin:10px 0;}
.searchAlan .liste ul li { width:25%; float: left; padding:6px; margin-bottom:6px;}
.searchAlan .liste ul li .resim {border: 1px solid #CCC; margin:8px; padding: 4px; width:100%; height:auto; text-align: center;	vertical-align: middle;}
.searchAlan .liste ul li .resim * {vertical-align: middle;}
.searchAlan .liste ul li .resim:hover { border: 1px solid #F22127; }
.searchAlan .liste ul li .center {	float: left; width: 100%; height:auto; padding-top:10px;}
.searchAlan .liste ul li .center a{font-family: Ubuntu, sans-serif; font-size: 16px; color: #0F77C3;}
.sagAlan .liste ul li .center a:hover { color: #F22127; }
.sayfala {width: 100%; text-align: center; float: left;}
.sayfala a:link {color:#000; height:24px;width:25px;font-size:80%;padding:4px; text-align:center; margin:6px; display:inline-table; background-color:#EEE; border:1px solid #DDD; border-radius:4px;}
.sayfala a:hover, .sayfala a:active, .sayfala a.aktif{color: #FFFFFF; background-color:#03A9F4;}

/*ÜRÜN LİSTELEMELER -------------------------------------*/


/*PRODUCTS */
.products {height: auto; width: 990px;}
.products .resim {border: 1px solid #CCC; padding: 4px; margin: 0 20px 10px 0; float:left; width:50%;}
.products a { font-family:"OpenSans",sans-serif; line-height:22px;}
.products .resim:hover { border: 1px solid #F22127;}
.products .resim a img {border: 3px solid #F7F7F7; width:100%;}
.products .yazi {margin: 0 0 10px 0; padding: 6px; width:40%; height: auto; float: left; text-align:left;}
/*PRODUCTS -------------------------------------*/



/*ÜRÜNLER*/
.anaGovde {width: 100%; margin:10px 0; float:left;}
.path {height: 40px; width:100%; background: url(rsm/ikonPath.png) no-repeat; padding-left: 45px; padding-top: 6px;}
.path nav a {font-family: OpenSans-Light, sans-serif; font-size: 24px; color: #0085b2;}
.path nav a:hover {color: #EC2127;}
.path .cizgi1 {float: left;	height: 1px; width:100%; background-color: #CCC; margin:5px 0 15px 0;}
.path .yon1 {float: right;	padding-top: 5px;}
.path .yon1 a {font-family: OpenSans-Light, sans-serif; font-size: 15px; color: #666;}
.path .yon1 a:hover { color: #B90C0C;}
.path .yon1 .pr {background: url(rsm/ikonPre1.png) no-repeat top right;	width: 100px; padding-right: 20px;}
.path .yon1 .nx {background: url(rsm/ikonNext1.png) no-repeat; width: 100px; padding-left: 20px;}
.solMenu2 {position: fixed; top: -350px; left: 0; width: 100%; height: 300px; transition: all 300ms; display: none;}
.solMenu2.open {top: 0;}

.solMenu{float: left; width: 196px; padding-right: 10px; border: 2px solid #EEEEEE;}
.solMenu li  {border-bottom: 2px solid #EEE; padding:3px 0 5px 20px; height: auto; width: 186px; float: left; margin-bottom: 5px; background: url(rsm/ikonOk3.png) no-repeat left top;}
.solMenu ul .aktif{background-color: #0085b2 !important; background: url(rsm/ikonOk3b.png) no-repeat;}
.solMenu ul .aktif a{ color: #FFF;}
.solMenu ul li:last-child  {border-bottom: 0px;}
.solMenu ul li a {font-family:"OpenSans-Light", sans-serif; font-size: 18px; color: #0085b2;}
.solMenu ul li a:hover {color: #000;}

.solMenuMobil{float: left; width: 196px; padding-right: 10px; border: 2px solid #EEEEEE;}
.solMenuMobil li  {border-bottom: 2px solid #EEE; padding:3px 0 5px 20px; height: auto; width: 186px; float: left; margin-bottom: 5px; background: url(rsm/ikonOk3.png) no-repeat left top;}
.solMenuMobil ul .aktif{background-color: #0085b2; background: url(rsm/ikonOk3b.png) no-repeat;}
.solMenuMobil ul .aktif a{ color: #FFF;}
.solMenuMobil ul li:last-child  {border-bottom: 0px;}
.solMenuMobil ul li a {font-family:"OpenSans-Light", sans-serif; font-size: 18px; color: #0085b2;}
.solMenuMobil ul li a:hover {color: #000;}

.sagAlan {float:right; width: 760px;}
.uKutu1{float: left; height: auto; width: 770px;}
.uKutu1 .resim {padding-right: 10px; float: left; width:34%;}
.uKutu1 .mini {padding: 6px; border: 1px solid #EEE;}
.uKutu1 .mini img {	height:auto; width:100%; border: 1px solid #EEE;}
.uKutu1 .resim .golge {text-align:center;}
.uKutu1 .numara {float: left; width:33%; font-family:"Ubuntu", sans-serif; font-size: 25px; color: #0085b2;	padding:0 0 15px 6px;}
.uKutu1 .numara a, .uKutu1 .marka a{color:#0085b2;}
.uKutu1 .marka {width:33%; float:left; text-align:right; font-family:"Ubuntu"; font-size: 25px; color: #0085b2; padding-bottom: 15px;}
.uKutu1 .numaralar {float: left; width:64%; min-height: 150px;}
.uKutu1 .numaralar ul li {float: left; width:31%; margin-right:10px;}
.uKutu1 .numaralar ul li .baslik {font-family:"OpenSans", sans-serif; font-size: 18px; color:#000; border-bottom:1px solid #666; margin-bottom: 5px; padding-bottom: 5px;}
.uKutu1 .numaralar ul li .no {font-family:"ubuntu";	font-size: 14px; color: #333; padding-bottom: 10px;	display: block;}
.uKutu1 .sepetAt {width:100%; float: left; padding-bottom: 20px;}
.uKutu1 .sepetAt .not1 {float: left; width:34%; font-family:"Ubuntu", sans-serif; font-size: 11px; color: #666; line-height: 12px; border: 1px solid #DDD; padding:10px;}
.uKutu1 .sepetAt .not1 span {font-family:"Ubuntu", sans-serif; font-size: 11px;color: #F00;}
.uKutu1 .sepetAt .btSepet {border-radius: 5px; height: 30px; border: 1px solid #999; width: 100px; color: #000; 	box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5); cursor: pointer;	background: url(rsm/btSepetAt.png) no-repeat left top; margin:0 10px 0 20px; float: right; padding-left: 20px; font-family:"Ubuntu", sans-serif; font-size: 11px;}
.uKutu1 .sepetAt .btSepet:hover { background-image: url(rsm/btSepetAtOv.png);}
.uKutu1 .sepetAt .sAdet {background-color: rgb(250,250,250); width: 35px; height: 28px;	border: rgb(182,188,193) 1px solid;	box-shadow: inset 0px 2px 1px 0px rgb(255,255,255);	border-radius: 5px;	margin-left: 20px; float: right; text-align: center; font-family:"Ubuntu", sans-serif;
font-size: 12px;}
.uKutu1 .sepetAt .detay{color:#0085b2;}
.uKutu2{float: left; height: auto; width:50%; padding:0 5px 15px 5px;}
.uKutu2:nth-child(even) {clear:both;}
.uKutu2 .urunAd {float: left; width:100%;}
.uKutu2 .urunAd a {font-family:"Ubuntu", sans-serif; font-size: 16px; color: #0085B2;}
.uKutu2 .urunAdSol{background-image: url("rsm/baslik1Sol.png"); width: 26px; height: 30px; float: left;}
.uKutu2 .urunAdOrta{background-image: url("rsm/baslik1Orta.png"); height: 20px; float: left; padding-top: 10px;}
.uKutu2 .urunAdSag{background-image: url("rsm/baslik1Sag.png"); width: 26px; height: 30px; float: left;}
.uKutu2 .cerceve {float: left; width:100%; border: 1px solid #DDD; padding: 6px;}
.uKutu2 .resim {float: left; width:100%; border: 1px solid #DDD; padding: 4px; height:auto;}
.uKutu2 .resim img {}
.uKutu2 .numaralar {float: left; width:100%; padding-top: 10px; padding-bottom: 10px;}
.uKutu2 .numaralar ul li {float:left; width:30%; margin-right:10px;}
.uKutu2 .numaralar ul li .baslik {font-family:"OpenSans", sans-serif; font-size: 14px; color: #000;	border-bottom:1px solid #666; margin-bottom: 5px; padding-bottom: 5px;}
.uKutu2 .numaralar ul li .no {font-family:"ubuntu"; font-size: 12px; color: #333; padding-bottom: 10px;	display: block;}
.uKutu2 .numaralar .no span {font-size: 11px; color: #0085B2; font-family:"OpenSans", sans-serif;}
.uKutu2 .sepetAt {width:100%; float: left;}
.uKutu2 .sepetAt .not1 {width: 150px; font-family:"Ubuntu", sans-serif; font-size: 11px; color: #666; line-height: 12px;padding-bottom:10px;}
.uKutu2 .sepetAt .btSepet {border-radius: 5px; height: 30px; border: 1px solid #999; width: 100px; color: #000;	box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5); cursor: pointer;	background: url(rsm/btSepetAt.png) no-repeat left top; margin:0 10px 0 20px;	float: right; padding-left: 20px; font-family:"Ubuntu", sans-serif; font-size: 11px;}
.uKutu2 .sepetAt .btSepet:hover { background-image: url(rsm/btSepetAtOv.png); }
.uKutu2 .sepetAt .sAdet {background-color: rgb(250,250,250); width: 35px; height: 28px;	border: rgb(182,188,193) 1px solid; box-shadow: inset 0px 2px 1px 0px rgb(255,255,255);	border-radius: 5px;	margin-left: 20px; float: right; text-align: center; font-family:"Ubuntu", sans-serif; font-size: 11px;}

.uKutu3{float: left; height: auto; width: 770px;}
.uKutu3 .resim {padding-right: 10px; float: left; width:38%;}
.uKutu3 .mini {float: left; text-align: center; padding: 6px; border: 1px solid #EEE; margin-bottom:6px;}
.uKutu3 .mini img {height: auto; width: 100%; border: 1px solid #EEE;}
.uKutu3 .resim .not1 {float: left; width:100%; font-family:"Ubuntu", sans-serif; font-size: 12px; color: #666; line-height: 12px;	padding-bottom: 10px;}
.uKutu3 .numara {float: left; width:62%; font-family:"Ubuntu", sans-serif; font-size: 25px; color: #0085b2; padding-bottom: 15px;}
.uKutu3 .numaralar { float: left; width:62%; min-height: 125px;}
.uKutu3 .numaralar ul li {float: left; width:23%; margin-right:6px;}
.uKutu3 .numaralar ul li .baslik {font-family:"OpenSans", sans-serif; font-size: 14px; color: #000; border-bottom:1px solid #666; margin-bottom: 5px; padding-bottom: 5px;}
.uKutu3 .numaralar .no {font-family:"Ubuntu"; font-size: 12px; color: #333; padding-bottom: 8px; display: block;}
.uKutu3 .numaralar .no span {font-size: 10px; color: #0085B2; font-family:"OpenSans", sans-serif;}
.uKutu3 .numaralar ul li .no a { color: #0085b2; text-decoration: underline;}
.uKutu3 .numaralar ul li .no a:hover { color: #EC2127; }
.uKutu3 .sepetAt {width:100%; float: left; margin-bottom: 15px;}
.uKutu3 .sepetAt .btSepet {	border-radius: 5px; height: 30px; border: 1px solid #999; width:100px; color: #000; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5); cursor: pointer; background: url(rsm/btSepetAt.png) no-repeat left top;	margin:0 10px 0 20px; float: right; padding-left: 20px; font-family:"Ubuntu", sans-serif; font-size: 11px;}
.uKutu3 .sepetAt .btSepet:hover { background-image: url(rsm/btSepetAtOv.png); }
.uKutu3 .sepetAt .sAdet {background-color: rgb(250,250,250); width: 35px; height: 28px; border: rgb(182,188,193) 1px solid;	box-shadow: inset 0px 2px 1px 0px rgb(255,255,255);	border-radius: 5px; margin-left: 20px; float: right; text-align: center; font-family:"Ubuntu", sans-serif;	font-size: 12px;}

.uKutu4{float: left; height: auto; width:770px;}
.uKutu4 .resim {padding-right: 10px; float:left; width:38%;}
.uKutu4 .mini {float: left; text-align: center; padding:6px; border: 1px solid #EEE; margin-bottom: 6px;}
.uKutu4 .mini img {height: auto; width: 100%; border: 1px solid #EEE;}
.uKutu4 .resim .not1 {float: left; width:100%; font-family:"Ubuntu", sans-serif; font-size: 12px; color: #666; margin-bottom:8px;}
.uKutu4 .resim .not1 span {font-size: 12px; color: #F00; font-family:"Ubuntu", sans-serif; }
.uKutu4 .numara {float: left; width:30%; font-family:"Ubuntu", sans-serif; font-size: 25px; color: #0085b2; padding-bottom: 15px;}
.uKutu4 .numara a {color: #0085b2;}
.uKutu4 .marka {width:30%; float: left; text-align: right; font-family:"Ubuntu", sans-serif; font-size: 25px; color: #0085b2; padding-bottom:15px;}
.uKutu4 .numaralar {float: left; width:62%; min-height: 125px;}
.uKutu4 .numaralar ul li {float: left; width:30%; margin-right:10px;}
.uKutu4 .numaralar ul li .baslik {font-family:"OpenSans", sans-serif; font-size: 18px; color: #000;	border-bottom: 1px solid  #666;	margin-bottom: 5px; padding-bottom: 5px;}
.uKutu4 .numaralar ul li .no {font-family: ubuntu; font-size: 14px; color: #333; padding-bottom: 7px; display: block;}
.uKutu4 .sepetAt { width:100%; float: left;}
.uKutu4 .sepetAt .btSepet {	border-radius: 5px; height: 30px; border: 1px solid #999; width: 100px;	color: #000; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5);	cursor: pointer; background: url(rsm/btSepetAt.png) no-repeat left top;	margin:0 10px 20px 10px; float: right; padding-left: 20px; font-family:"Ubuntu", sans-serif; font-size: 11px;}
.uKutu4 .sepetAt .btSepet:hover {background-image: url(rsm/btSepetAtOv.png);}
.uKutu4 .sepetAt .sAdet {background-color: rgb(250,250,250); width: 35px; height: 28px; border: rgb(182,188,193) 1px solid; box-shadow: inset 0px 2px 1px 0px rgb(255,255,255); border-radius: 5px; margin-left: 20px; float: right; text-align: center; font-family:"Ubuntu", sans-serif; font-size: 12px;}
.uKutu4 .cizgi2 {background-color: #DDD; float: left; width:100%; height: 1px; margin:10px 0;}
.altNav {width:100%; border-top: 1px solid #EEE; text-align: center; padding-bottom: 15px; clear: both;	padding-top: 15px;}
.altNav .yon1 {}
.altNav .yon1 a {font-family: OpenSans-Light, sans-serif; font-size: 18px; color: #666;}
.altNav .yon1 a:hover { color: #B90C0C;}
.altNav .yon1 .pr {background: url(rsm/ikonPre2.png) no-repeat right center; width: 100px; padding-right: 30px;}
.altNav .yon1 .nx {background: url(rsm/ikonNext2.png) no-repeat left center; width: 100px; padding-left: 30px;}
/*ÜRÜNLER -------------------------------------*/


/*SOL MENÜ*/
.menu_kodlar{overflow:auto; max-height:110px; background:none !important;}
.menu_kodlar div{ border-bottom:1px solid silver; padding: 5px; }
.menu_kodlar .aktif{background-image:none !important; color:#FFF !important;}
.menu_kodlar div a {font-family:"OpenSans-Light", sans-serif !important; font-size: 14px !important;}
.menu_kodlar div a:hover { color: #000 !important; }
/*SOL MENÜ -------------------------------------*/


/*CART*/
.cart{float: left; height: auto; width:960px; padding:20px 0;}
.cart .satir1{border-bottom:1px solid #DDD; float: left; width: 100%; font-family:"OpenSans", sans-serif; font-size: 16px; color:#0085b2; margin-bottom: 10px;}
.cart .satir1 .baslik1 {float:left; height: 30px; width:65%;}
.cart .satir1 .baslik2 {float:left; height: 30px; width:100px; text-align: center;}
.cart .satir1 .baslik3 {float:left; height: 30px; width:12%;}
.cart .satir1 .baslik4 {float:left; height: 30px; width:10%; text-align: right;}
.cart .satir1 .b1{float:left; height: 30px; width:100%;}
.cart .satir1 .b2{float:left; height: 30px; width:48%;}
.cart .satir1 .b3{float:left; height: 30px; width:48%;}

.cart .satir2 {border-bottom:1px solid #DDD; float: left; width:100%; font-family: OpenSans, sans-serif; margin-bottom: 10px; padding-bottom: 10px;}
.cart .satir2 .resim {padding: 8px; float: left; height: 84px; width:15%; margin-right: 10px; background-image: url(rsm/urunZemin4.png); background-repeat: no-repeat;}
.cart .satir2 .resim img { max-height:84px; max-width:84px;}
.cart .satir2 .kod {font-size: 18px; color: #666666; float: left; width:20%; padding-top: 15px;}
.cart .satir2 .isim {font-size: 18px; color: #666666; width:29%; float: left; padding-top: 15px;}
.cart .satir2 .isim2 {font-size: 18px; color: #666666; width:25%; float: left; padding-top: 15px;}
.cart .satir2 .quantity {float: left; width:100px; padding-top: 10px; text-align: center;}
.cart .satir2 .sAdet {background-color: rgb(250,250,250); width: 35px; height: 28px; border: rgb(182,188,193) 1px solid; box-shadow: inset 0px 2px 1px 0px rgb(255,255,255); border-radius: 5px; 	margin:0 12px;  text-align: center; font-size: 12px;}

.cart .satir2 .btUpdate {border-radius: 5px; height: 30px; border: 1px solid #999; width: 80px; color: #000; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5); cursor: pointer; background:url(rsm/iconUpdate.png) no-repeat left top; margin:0; padding-left: 30px; font-family: Ubuntu, sans-serif; font-size: 13px;}
.cart .satir2 .btUpdate:hover { background-image: url(rsm/iconUpdateOver.png); }

.cart .satir2 .btDelete {border-radius: 5px; height: 30px; border: 1px solid #999; width: 80px; color: #000; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5); cursor: pointer; background:url(rsm/iconDelete.png) no-repeat left top;	margin:0; padding-left: 30px; font-family: Ubuntu, sans-serif; font-size: 13px;}
.cart .satir2 .btDelete:hover { background-image: url(rsm/iconDeleteOver.png); }

.cart .satir2 .btOnay {border-radius: 5px; height:30px; border: 1px solid #999; width: 80px; color: #000; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5); cursor: pointer; background:url(rsm/iconCheck.png) no-repeat left top; margin:0 45px 0 20px; float: right; padding-left: 30px; font-family: Ubuntu, sans-serif; font-size: 13px;}
.cart .satir2 .btOnay:hover { background-image: url(rsm/iconCheckOver.png);}

.cart .satir2 .btBack {border-radius: 5px; height: 30px; border: 1px solid #999; width: 90px; color: #000; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5); cursor: pointer; background:url(rsm/iconBack.png) no-repeat left top; margin:0 10px 0 20px; float: right; padding-left: 20px; font-family: Ubuntu, sans-serif; font-size: 13px;}
.cart .satir2 .btBack:hover { background-image: url(rsm/iconBackOver.png); }
.cart .satir2 .onay {float: right; font-family: Ubuntu, sans-serif;	font-size: 13px;}
.cart .satir2 .onay a {font-family: OpenSans, sans-serif; color: #900; font-size: 12px;}
.order {float: left; height: auto; width: 990px; padding-top: 20px; padding-bottom: 20px;}
.order .satir1 {border-bottom:1px solid #DDD; float: left; width: 990px; margin-bottom: 10px; font-family: OpenSans, sans-serif; font-size: 16px; color:#0085b2; padding-bottom: 10px;}
.order .satir2 {border-bottom-style: solid; border-bottom-color: #DDD; float: left; width: 990px; margin-bottom: 10px; border-bottom-width: 1px; padding-bottom: 10px;}
.order .satir2 a { font-size: 14px;}
/*CART -------------------------------------*/


/*FOOTER*/
.dip {width: 100%; background-color: #242424; color: #FFF; font-size: 10px;	padding: 10px; bottom: 0px;	z-index: 1000; float:left;}
.dip h1 { font-size: 10px;}
.dip .y1 {float:left;}
.dip .y2 {float:right;}
/*FOOTER -------------------------------------*/

@media (min-width :768px ) and (max-width : 991px ){
.container{width:100%;}
header {width: 100%; height:auto; background-image: url(rsm/arkaUst2.png); background-repeat:repeat-x; float:left; padding-bottom: 20px;}
.slogan{float:left;}
.ustmenu{width:100% !important;}
.ustMenu.text-right{text-align: center;}
.ustAra{margin-top:70px;}
.ustMenu .navbar-right{float:left !important;}
.ustBosluk{margin-top:50px}
.path {width:100%}
.icerikAlan {width:100%}
.icerikAlan .icerik {width:100%; padding:10px 15px;}
.icerikAlan .galeri {width:100%; padding:0px 15px;}
.icerikAlan .icerik p .video{width:640px; float:left; height:480px; margin:0 0 14px 0;}
.genisAlan{width:100%;}
.genisAlan ul li {height:auto; width:50%; float: left; padding:7px; margin-bottom:10px; text-align:center;}
.products{width:100%;}
.products .resim {margin: 0 0 10px 0; width:100%;}
.products .yazi {width:100%; text-align:center;}
.da-slider{width:100%;}
.altKutu .haber{width:100%;height: 120px;}
.scroll-img, .scroll-img ul{width:100%;}
.gHaberDevam{width:174px; float:left;}
.gHaber{width:50%;}
.altKutu .indir {width:100%;}
.solMenu {width: 24%;}
.solMenu li {width: 100%;}
.sagAlan {width:74%; float:right;}
.uKutu1{width:100%;}
.uKutu1 .resim{width:50%;}
.uKutu1 .numara{width:50%;}
.uKutu1 .marka{width:50%;text-align:left;}
.uKutu1 .numaralar{width:50%;}
.uKutu1 .sepetAt{margin-top:15px;}
.uKutu1 .numaralar ul li{width:100%;}
.uKutu2 .resim img {width: 100%; height: auto;}
.uKutu2 .numaralar ul li {margin-right:8px;}
.altNav{width:100%;}
.uKutu3{width:100%;}
.uKutu4{width:100%;}
.searchAlan {width:100%;}
.searchAlan .liste {float: left; height: auto; width:98%; padding-bottom: 20px; margin:10px 0;}
.cart{width:98%;}
.cart .satir2 .btOnay{margin: 0 10px 0 20px;}
.cart .satir1 .baslik1 {width: 58%;}
.cart .satir2 .isim {width: 22%;}
.order{width:98%;}
.order .satir1{width:100%;}
.order .satir2{width:100%;}
}

@media (max-width:767px) {
.container{width:100%;}
header {width: 100%; height:auto; background-image: url(rsm/arkaUst2.png); background-repeat:repeat-x; float:left;padding-bottom: 20px;}
.logo {text-align: center;}
.logo img{width:100%; max-width:260px;}
input.search{width:70%;}
input.search{width:70%;}
.navbar-default .navbar-nav > li > a{background: url("rsm/arkaUstMenu.png") repeat-x; color:#FFF; padding:15px 26px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background: url("rsm/arkaUstMenu2.png") repeat-x; color:#FFF;}
.ustBosluk.text-right{text-align:center;}
.da-slider{width:100%;height: 100%;}
.altKutu .haber{width:100%; height: 120px;}
#scroller {width:100%;}
.yeniUrunKutu .kutu{width:100%;}
.scroll-img, .scroll-img ul{width:100%;}
.gHaberOzet{width:110px;}
.gHaberDevam{width:110px; float:left;}
.gHaber{width:50%;}
.yaziKutu .kutu{width:100%; height:auto;}
.yaziKutu .kutu .resim {display:none;}
.yaziKutu .kutu .resim2 {display: block; border: 1px solid #CCC; padding:3px; margin:10px 0 0 80px; width:238px;}
.yaziKutu .kutu .yazi{width:85%;}
.altKutu .indir {width:100%;}
.slogan h1{font-size:120%;}
.slogan .ikon1, .slogan .ikon2{font-size:90%;}
.path {width:100%}
.genisAlan{width:100%;}
.genisAlan ul li {height:auto; width:50%; float: left; padding:7px; margin-bottom:10px; text-align: center;}
.genisAlan .resim a img {width:100%; height:auto;}
.icerikAlan {width:100%}
.icerikAlan .icerik {width:100%; padding:10px 15px;}
.icerikAlan .galeri {width:100%; padding:0px 15px;}
.icerikAlan .icerik p .video{width:490px; float:left; height:355px; margin:0 0 14px 0;}
.dip .y1, .dip .y2 {float:none; width:100%; text-align: center; padding:6px 0;}
.products{width:100%;}
.products .resim {margin: 0 0 10px 0; width:100%;}
.products .yazi {width:100%; text-align:center;}
.sagAlan {width:100%; float:right;}
.sagAlan .liste ul li{width:33%;}
.solMenuMobil {float: left; width: 100%; padding-right: 10px; border: 2px solid #EEEEEE; margin-top: 20px;}
.solMenuMobil li {width: 100%;}
.solMenuMobil ul .aktif {background-color:#0085b2 !important;}
.menu_kodlar {max-height: 200px;}
.uKutu1{width:100%;}
.uKutu1 .resim{width:50%;}
.uKutu1 .numara{width:50%;}
.uKutu1 .marka{width:50%;text-align:left;}
.uKutu1 .numaralar{width:50%;}
.uKutu1 .sepetAt{margin-top:15px;}
.uKutu1 .numaralar ul li{width:100%;}
.uKutu2 .resim img {width: 100%; height: auto;}
.uKutu1 .mini img{width: 100%; height: auto;}
.uKutu2 .numaralar ul li {margin-right:7px;}
.altNav {width:100%;}
.uKutu3{width:100%;}
.uKutu4{width:100%;}
.icerik .signUp {width: 100%;}
.icerik .signin {width: 100%;}
.icerik .uyeSatir {width: 100%;}
.icerik .uyeSatir .deger {width: 100%;}
.icerik .uyeSatir input[type="text"], .icerik .uyeSatir input[type="password"] {width: 100%;}
.icerik .uyeBaslik {width: 100%;}
.searchAlan {width:100%;}
.searchAlan .liste {float: left; height: auto; width:100%; padding-bottom: 20px; margin:10px 0;}
.searchAlan .liste ul li {width:46%; padding:6px; margin:10px; border:1px solid #ccc; text-align:center !important;}
.searchAlan .liste ul li .resim {width:100%; margin:0; border:none; height:128px;}
.searchAlan .liste ul li .resim a img {width:auto; height:auto; max-height:110px; max-width:225px;}
.cart{width:98%;}
.cartMobil{width:98%;font-family:"Ubuntu", sans-serif;}
.cartMobil .satir1{width:45%; float:left; margin:0 10px 0 0;}
.cartMobil .satir1 .resim {padding:8px; float:left; width:100%; border:1px solid #EEE; text-align: center; margin-bottom:5px;}
.cartMobil .satir1 .resim img {width:130px;}
.cartMobil .satir1 .kod { font-size: 16px; color: #666666; width:100%; text-align: center; margin-bottom:5px;}
.cartMobil .satir1 .isim {font-size: 16px; color: #EB2026; width:100%; text-align: center;}
.cartMobil .satir2{width:48%;font-size:13px; float:left;}
.cartMobil .satir2 .s2a {float:none; width:48%; margin-top: 10px; text-align: center;}
.cartMobil .satir2 .s2b {float:none; width:48%; margin-top: 10px; text-align: center;}
.cartMobil .satir2 .sAdet{background-color: rgb(250,250,250); width:45px; height: 28px; border: rgb(182,188,193) 1px solid; box-shadow: inset 0px 2px 1px 0px rgb(255,255,255); border-radius: 5px; 	margin:0 12px;  text-align: center; font-size: 12px;}
.cartMobil .satir2 .btUpdate{border-radius:4px; height:30px; width:80px; color:#FFF; cursor:pointer; margin:0; padding:4px 6px; background-color:#03A9F4; box-shadow:none; border:none;}
.cartMobil .satir2 .btDelete{border-radius:4px; height:30px; width:80px; color:#FFF; cursor:pointer; margin:0; padding:4px 6px; background-color:#D60E0E; box-shadow:none; border:none;}
.cartMobil .satirCzg{border-bottom:1px solid #EEE; padding-bottom:10px; height:1px; width:100%; float: left;}
.cartMobil .satir3{width:100%; float:left; margin-top:20px; text-align: center;}
.cartMobil .satir3 .btOnay {border-radius: 5px; height:30px; border:1px solid #999; width: 80px; color: #000; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5); cursor: pointer; background:url(rsm/iconCheck.png) no-repeat left top; margin:0 45px 0 20px; padding-left: 30px; font-size: 13px;}
.cartMobil .satir3 .btOnay:hover { background-image: url(rsm/iconCheckOver.png);}
.cartMobil .satir3 .btBack {border-radius: 5px; height: 30px; border:1px solid #999; width: 90px; color: #000; box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5); cursor: pointer; background:url(rsm/iconBack.png) no-repeat left top; margin:0 10px 0 20px; padding-left: 20px; font-size: 13px;}
.cartMobil .satir3 .btBack:hover { background-image: url(rsm/iconBackOver.png);}
.order{width:98%;}
.order .satir1{width:100%;}
.order .satir2{width:100%;}
.cart .satir1 .b2{width:75%;}
.cart .satir1 .b3{width:23%;}
.cart .satir2 .kod {width:30%; font-size:100%;}
.cart .satir2 .isim2 {width:45%; font-size:100%;}
.cart .satir2 .quantity { font-size:100%; width:50px;}
}

@media (max-width: 550px) {
.gHaberOzet{width:200px;}
.gHaberDevam{width:200px; float:left;}
.gHaber{width:100%;}
.yaziKutu .kutu{width:100%; height:auto;}
.yaziKutu .kutu .resim {display:none;}
.yaziKutu .kutu .resim2 {display: block; border: 1px solid #CCC; padding:3px; margin:10px 0 0 80px; width:238px;}
.yaziKutu .kutu .yazi{width:80%;}
.slogan h1{font-size: 110%; padding-top: 4px;max-width:170px;}
.slogan .ikon1, .slogan .ikon2{font-size:90%;}
.path {width:100%; margin-bottom:10px; height:60px;}
.icerikAlan {width:100%}
.icerikAlan .icerik {width:100%; padding:10px 15px;}
.icerikAlan .galeri {width:100%; padding:0px 15px;}
.icerikAlan .icerik p img{width:40%; float:left; height:auto; margin:0 0 14px 0;}
.icerikAlan .icerik p .video{width:350px; float:left; height:275px; margin:0 0 14px 0;}
.genisAlan{width:100%;}
.genisAlan ul li {height:auto; width:100%; float: left; padding:7px; margin-bottom:10px; text-align: center;}
.sagAlan .liste ul li{width:50%;}
.uKutu2 .numaralar ul li {width:100%; margin-right: 7px;}
.uKutu2 .numaralar ul li .baslik {font-size: 90%;}
.uKutu2 .numaralar ul li .no {font-size: 80%;}
.uKutu2 .sepetAt .btSepet {height: 29px; margin: 0 0px 0 7px;}
.uKutu2 .sepetAt .sAdet {margin-left: 5px; float: left;}
.uKutu2 .urunAd a{font-size:110%;}
.uKutu2 .urunAdSol{display:none;}
.uKutu2 .urunAdOrta{background-image:none; height:auto; float: left; margin:10px 0;}
.uKutu2 .urunAdSag{display:none;}
.altNav {width:100%;}
.uKutu3{width:100%;}
.uKutu3 .mini{float:none;}
.uKutu3 .resim {width:100%;}
.uKutu3 .numara {width:100%;}
.uKutu3 .numaralar {width:100%;}
.uKutu4 .resim{width:100%; padding:0;margin-bottom: 15px;}
.uKutu4 .mini {float: none;}
.uKutu4 .numara {width:48%; font-size:20px;}
.uKutu4 .numaralar {width:100%;}
.uKutu4 .marka {width:48%; font-size:20px;}
.uKutu4 .numaralar ul li .baslik {font-family: "OpenSans", sans-serif; font-size:16px;}
.icerik .signUp {width: 100%;}
.icerik .signin {width: 100%;}
.icerik .uyeSatir {width: 100%;}
.icerik .uyeSatir .deger {width: 100%;}
.icerik .uyeSatir input[type="text"], .icerik .uyeSatir input[type="password"] {width: 100%;}
.icerik .uyeBaslik {width: 100%;}
.searchAlan .liste {float: left; height: auto; width:100%; padding-bottom: 20px; margin:10px 0;}
.searchAlan .liste ul li {width:98%; padding:6px; margin:10px; border:1px solid #ccc; text-align:center !important;}
.searchAlan .liste ul li .resim {width:100%; margin:0; border:none; height:128px;}
.searchAlan .liste ul li .resim a img {width:auto; height:auto; max-height:110px; max-width:265px;}
.order{width:98%;}
.order .satir1{width:100%;}
.order .satir2{width:100%;}
.cart .satir1 .b2{width:60%;}
.cart .satir1 .b3{width:38%;}
.cart .satir2 .kod {width:30%;}
.cart .satir2 .isim2 {width:33%;}
.cart .satir2 .quantity {width:30px;}
.uKutu1 .resim .golge img {width:100%;}
}
@media (max-width:400px) {
.gHaberOzet{width:140px;}
.gHaberDevam{width:140px; float:left;}
.gHaber{width:100%;}
.slogan h1{font-size:110%; padding-top: 4px; max-width:150px;}
.slogan .ikon1, .slogan .ikon2{font-size:80%; padding: 0 5px 0 24px; margin-top: 15px;}
.path {width:100%; margin-bottom: 20px; height: 60px;}
.icerikAlan {width:100%;}
.icerikAlan .icerik {width:100%; padding:10px 15px;}
.icerikAlan .galeri {width:100%; padding:0px 15px;}
.icerikAlan .icerik p .video{width:260px; float:left; height:225px; margin:0 0 14px 0;}
.altNav {width:100%;}
.uKutu3{width:100%;}
.path .yon1 {margin:12px 0;}
.icerikAlan .icerik p img{width:100%; float:left; margin:0 0 14px 0;}
.order{width:98%;}
.order .satir1{width:100%;}
.order .satir2{width:100%;}
.cart .satir1 .b2{width:75%;}
.cart .satir1 .b3{width:23%;}
.cart .satir2 .kod {width:35%; font-size:100%;}
.cart .satir2 .isim2 {width:50%; font-size:100%;}
.cart .satir2 .quantity {font-size:100%; width:35px;}
.uKutu1 .sepetAt .btSepet, .uKutu2 .sepetAt .btSepet{background: none; padding:0; margin:0 0 0 6px; width:72px; box-shadow:none;}
.uKutu1 .sepetAt .btSepet:hover, .uKutu2 .sepetAt .btSepet:hover{background: none;}
}