@charset "utf-8";
/* CSS Document */

body{
    padding:0;
    margin:0; 
	background: #FFFFFF;
} 
.easing,.easing a,.easing a span , .easing .after,.linkframe a,.linkframe div,.linkframe div ul li { transition:.25s linear; -webkit-transition:.25s linear; -moz-transition:.25s linear; -ms-transition:.25s linear;}
a{ text-decoration:none; color:inherit}
.center { width:70%; margin:0 auto; overflow:hidden}
.header { height:125px; width:100%; background:url(../images/headerbg.jpg) no-repeat; border-bottom:1px solid #FFF; position:relative; z-index:20}
.logo { width:230px; height:60px; float:left; background:url(../images/logo.png) no-repeat; background-size:contain; margin:30px 0 0 0;}
.linkframe { float:left; width:60%; margin:50px 0 0 20%}
.linkframe .search{}
.linkframe a,.linkframe div { margin:0 40px 0 0; font:bold 17px 'Myriad Pro'; color:#fff; float:left; cursor:pointer;}
.linkframe a:hover,.linkframe div:hover span,.linkframe a.active,.linkframe div.active span { text-decoration:underline;}
.linkframe div ul { margin:0; list-style-type:none; display:none; background:rgba(24,24,24,.94); position:absolute; padding:10px 0 10px 10px; border:1px solid #0f0f0f; font-size:15px; width:210px}
.linkframe div ul li { padding:0 0 5px 0; width:100%; float:left}
.linkframe div ul li:hover a,.linkframe div ul li:hover div{ color:#3aabb8; text-decoration:underline}
.linkframe div ul li:hover div { background:url(../images/menu_drop_arrow.png) no-repeat right center;}
.linkframe div ul li ul { display:none !important; position:absolute; right:-100%;}
.linkframe div ul li:hover ul { display:block !important;}
.linkframe div ul li div { width:95%;}
.linkframe div ul li ul li a { color:#fff !important; text-decoration:none !important;}
.linkframe div ul li ul li a:hover { color:#3aabb8 !important;text-decoration:underline !important;}
.linkframe div ul li ul:hover li div{ color:#3aabb8 !important; text-decoration:underline !important;}
.linkframe div:hover ul { display:block;}
.linkframe a:last-child { margin:0;}
.bgslider { background:#666; position:relative; overflow:hidden}
.bgslider p { margin:0;}
.bgslider .itemimg { position:absolute; top:0; left:0;}
.bgslider .pattern { background:url(../images/pattern.png); position:absolute; width:100%; height:100%; z-index:3; top:0}
.bgslider .imgframe { position:absolute; z-index:4; right:-100%;}
.bgslider .imgmodule { width:190px; height:190px; overflow:hidden; float:left; border:2px solid #fff; border-radius:2px; margin:-2px -2px 0 0}
.bgslider .imgmodule img { width:100%;height:100%;}
.bgslider .imgmodule.empty { width:194px; height:194px; border:0;}

.content { font-family:'Myriad Pro'; width:90%; margin:0 auto}
.content .left { width:35%; margin:40px 5% 0 0; text-align:center; float:left; position:relative;}
.title { color:#333132; float:left; width:100%;}
.title h2 { font-size:95px; font-weight:normal; margin:0; padding:20px 0; text-align:center; border:1px solid #696869; border-left:0; border-right:0; width:100%; float:left;}
.title h2 img { float:left;}
.title .sub {background:#fff; float:left; color:#58595b; font-size:16px; font-weight:bold; padding:0 20px; margin-top:-10px}
.title .sub.subtop { margin:0 0 -10px 0; position:relative; z-index:3}
.content .pstyle { font-size:15px; font-weight:bold; color:#58595b; margin:20px 0 0 0; float:left;}
.content .right { width:60%; margin:40px 0 0 0; text-align:center; float:left; min-height:200px; position:relative}
.urunimg { float:left; width:100%; text-align:center; margin:10px 0 0 0; overflow:hidden}
.urunimg img { height:460px;}

.catframe { float:left; height:176px; text-align:center; margin:0 auto;}
.catframe a { background:#fff; display:block; width:120px; float:left; margin:0 10px 0 0}
.catframe a:hover,.catframe a.active,.catframe a:hover span,.catframe a.active span{ background:#333132}
.catframe a .imageframe { width:100%; text-align:center;height:120px}
.catframe a .imageframe img { height:100px; margin:10px auto 0}
.catframe a span { padding:5px;background:#3aabb8; color:#fff; float:left; height:38px; width:110px;}
.opendetail{ font-size:15px;font-weight:bold; color:#58595b;height:108px;min-height:108px; overflow:hidden; position:absolute; bottom:30px; width:100%;}
.detailcontent { float:left;padding:10px 0 0 0;background:#fff; width:100%;}
.opener { width:100%; height:22px; background:url(../images/detailopener.png) no-repeat top center; margin:0; float:left; cursor:pointer; background-size:contain}

/*İletisim*/
.iletisim {}
.iletisim .left { float:none; margin-left:auto; margin-right:auto; overflow:hidden; padding:0 0 20px 0;}
.maps { overflow:hidden; position:relative;}
.googlemap { width:100%; height:100%; position:absolute; top:0; border:0;}
.contact { width:400px; height:165px; padding:25px; color:#fff; background:#333132; position:absolute; z-index:9; bottom:0; left:0; right:0; margin:0 auto;}
.contact p { text-align:center; margin:0 24px 10px; padding:0; font:bold 17px 'Myriad Pro'}

.slider { border:3px solid #e6e6e6; border-radius:3px; position:relative; float:left;}
.slider.fullslider {height:94% !important}
.slider .slideitem { overflow:hidden; float:left; width:502px; height:356px; margin:10px 0px 0px 10px;}
.slider .slideitem img{ float:left; height:100%;}
.detailslider .slideitem { width:32%; height:540px; margin:20px 10px 0 0; text-align:center;}
.detailslider .slideitem img { height:500px; margin:0 auto; float:none;}
.detailslider span { width:100%; float:left}
.detailslider li.bjqs-slide{ padding:0}


ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; position:absolute; top:45%; width:100%}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a, ul.bjqs-controls.v-centered li.bjqs-prev a{ width:51px; height:78px; display:block}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0; background:url(../images/fb_right.png); background-size:contain;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0; background:url(../images/fb_left.png);background-size:contain;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.transitionframe { top:0; bottom:0; margin:auto; display:table; position:absolute; width:100%;}
.transition1{ width:30%; position:relative; z-index:9; opacity:0; left:10%; font:bold 68px 'Myriad Pro'; color:#fff;}
.transition2{ width:25%; position:relative; z-index:10; left:-100%; font:24px 'Myriad Pro'; color:#fff;}
.transition2 span { background:#3f3f44; float:left; margin:0 0 1px 0 ; padding:3px 10px}


.urunliste {}
.urunliste .right,.urunliste .left { height:220px !important}
.urunlisteslider { border:0; border-radius:0; width:100%; background:url(../images/bodybg.jpg) center center;}
.urunlisteslider li.bjqs-slide{ padding:0; width:20% !important}

.mCSB_container{width:auto;margin-right:30px;overflow:hidden;}
.mCSB_container.mCS_no_scrollbar{margin-right:0;}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right:30px;}
.mCustomScrollBox>.mCSB_scrollTools{width:4px;height:100%;top:0;right:0;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0; height:auto;}
.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{display:block;position:relative;height:20px;overflow:hidden;	margin:0 auto;cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-40px;}
.mCustomScrollBox>.mCSB_scrollTools{opacity:0.75;filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */}
.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */}
.mCSB_scrollTools .mCSB_draggerRail{background:#000; /* rgba fallback */background:rgba(0,0,0,0.4);	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff; /* rgba fallback */background:rgba(255,255,255,0.75);filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,0.85);filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{	background:rgba(255,255,255,0.9);filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */}
.scroller .mCSB_container { margin-right:0;} 


/** Carousel **/

.jcarousel {position: relative;overflow: hidden;width: 100%;height: 400px;}
.jcarousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
.jcarousel li {float: left; text-align:center}
.jcarousel-control-prev,.jcarousel-control-next {position:absolute; top:200px; width:85px; height:104px; text-align:center;}
.jcarousel-control-prev {left:0px; background:url(../images/listeleftarrow.png) no-repeat rgba(8,23,39,.63) center center;}
.jcarousel-control-next {right:0px;background:url(../images/listerightarrow.png) no-repeat rgba(8,23,39,.63) center center;}
.jcarousel-control-prev:hover span,.jcarousel-control-next:hover span {display: block;}
.jcarousel-control-prev.inactive,.jcarousel-control-next.inactive { opacity: .5;cursor: default;}
.jcarousel-pagination {position: absolute;bottom: 0;left: 15px;}
.jcarousel-pagination a {text-decoration: none;display: inline-block;font-size: 11px;line-height: 14px;min-width: 14px;background: #fff;color: #4E443C;border-radius: 14px; padding: 3px;text-align: center;margin-right: 2px;opacity: .75;}
.jcarousel-pagination a.active {background: #4E443C;color: #fff;opacity: 1;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);}

/*Detail Slider With Category*/
.sliderframe {float: left;width: 100%;position: relative;border:3px solid #e6e6e6; border-radius:3px;}
.sliderframe .jcarousel-control-prev,
.sliderframe .jcarousel-control-next {position:absolute; top:240px; text-align:center;width:51px; height:84px;}
.sliderframe .jcarousel-control-prev {left:-54px; background:url(../images/leftarrow.png) no-repeat; background-size:contain}
.sliderframe .jcarousel-control-next {right:-54px;background:url(../images/rightarrow.png) no-repeat;background-size:contain}
.withoutcat .jcarousel-control-prev,
.withoutcat .jcarousel-control-next {position:absolute; top:310px; text-align:center;width:51px; height:84px;}
.urunimg.withoutcat {overflow:hidden; height:58%;}

.urunimg.withoutcat { overflow:hidden;}

.jcarousel.anotherprodutcs .slideitem img { height:500px; margin:0 auto; float:none;}
.jcarousel.anotherprodutcs li {padding:20px 0}
.bigslide li img { min-width:100%; min-height:100%;}
.jcarousel.anotherprodutcs span { width:100%; float:left; font:bold 20px 'Myriad Pro'; color:#58595b}
.jcarousel.anotherprodutcs {position: relative;overflow: hidden;width: 100%;height: auto;}
.withcat li{ width:1017px; margin:0 10px}
.withcat .slideitem{ width:329px; height:122px; float:left; overflow:hidden; margin:10px 10px 0 0}

/**/
.catslide .slideitem { overflow:hidden;}

/*Dteail Slider Without Category*/
.bigslide li{ margin:0 10px; width:1017px}
.bigslide .slideitem{ width:329px; height:223px; float:left; overflow:hidden; margin:10px 10px 0 0}
.jcarousel.withcat .slideitem img{ height:95px;}

/* Galeri */
.galericat { background:#f4f4f4; padding:12px 0 0 0; height:62px; font:40px 'Myriad Pro'; color:#7a7a7a;}
.module { position:relative; width:323px; height:323px; overflow:hidden; float:left; cursor:pointer; margin:0 10px 10px 0;}
.before { position: absolute; z-index:2; display:block; top:0; width:100%; height:100%;}

.after { position:absolute; z-index:3; opacity:0; top:0;width:100%; height:100%;}
.module:hover .after{ opacity:1;}
.modulecontent { display:none; float:left; overflow:hidden; height:100%; width:100%;}
.modulecontent .before , .modulecontent .after{ position:relative; float:left; opacity:1; width:49.5%; overflow:hidden; margin:0 1% 0 0;}
.modulecontent img{ float:left}
.modulecontent .after{ width:49.5%; margin:0;}
.modulecontent .after img,.modulecontent .before img {width:100%;}
.modulecontent .titleba { background:#1b828e; color:#fff; font:bold 24px 'Myriad Pro'; padding:5px 10px;}
.modulecontent .after .titleba { right:0; }
.modulecontent .before.big { width:100%; margin:0;}
.modulecontent .before.big img{ width:auto; height:auto; max-height:100%; min-width:100%;}
.titleba  { position:absolute; top:0; z-index:9;background:#1b828e; color:#fff;font:16px 'Myriad Pro'; padding:3px 5px;}
.scroller { float:left;}
.catlinkframe { position:relative;}
.galericatlink {width:90%; margin:0 auto;height:60px; }
.galericatlink a { font:17px 'Myriad Pro'; color:#404041; margin:20px 20px 20px 0; float:left}
.galericatlink a:hover,.galericatlink a.active { color:#166e9b;}
.galericatlink ul li { float:left; }
.catlinkframe .jcarousel-control-prev { top:20px; left:0px; height:20px;width:40px; background:none; color:#166e9b}
.catlinkframe .jcarousel-control-next { top:20px; right:0px;height:20px;width:40px; background:none; color:#166e9b}
.copyright {position: fixed; z-index: 10;text-align: center;color: #DBDBDB;font-family: 'Myriad Pro', sans-serif;width: 100%;bottom: 5px;font-size: 14px;text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);}
.copyright a {text-decoration: none;color: #fff;}
@media (max-width:1700px){
	.center { width:80%;}
	.logo { width:200px; height:60px; margin:30px 0 0 0;}
	.header { height:110px;}
	.linkframe { margin:45px 0 0 120px; width:55%;}
	.linkframe a,.linkframe div { font-size:17px; margin:0 25px 0 0;}
	.transition1 { font-size:42px;width:30%; height:auto; top:30%;}
	.transition2 { top:45%}
	.transition2 span{ font-size:18px}
	.bgslider .imgmodule { width:160px; height:160px;}
	.bgslider .imgmodule.empty { width:164px; height:164px}
	ul.bjqs-controls.v-centered li.bjqs-next a, ul.bjqs-controls.v-centered li.bjqs-prev a{ width:40px; height:61px;}
	.title h2 { font-size:60px; padding:25px 0}
	.title .sub{ font-size:15px;}
	.title .sub.subtop { margin:0 0 -6px 0;}
	.catframe { height:150px}
	.catframe a{ width:100px; font-size:11px}
	.catframe a .imageframe { height:80px; margin:0 0 5px 0}
	.catframe a .imageframe img { height:70px;}
	.catframe a span { padding:5px; font-size:13px;width:90px;}
	.jcarousel.anotherprodutcs .slideitem img { height:475px}
	.urunimg img { height:440px}
	.opendetail { font-size:14px; height:100px; min-height:100px; font-weight:bold; bottom:40px;}
	.detailcontent { padding:8px 0 0 0}
	.content .left { margin:20px 5% 0 0;}
	.content .right { margin:20px 0 0 0; position:relative; min-height:100px !important}

	.sliderframe .jcarousel-control-prev, .sliderframe .jcarousel-control-next { top:185px}
	.sliderframe .jcarousel-control-next { width:45px; height:74px; right:-48px;}
	.sliderframe .jcarousel-control-prev { width:45px; height:74px; left:-48px}
	.jcarousel.anotherprodutcs span { font-size:16px}
	.bigslide.withoutcat { width:722px}
	.bigslide li { width:722px; margin:0}
	.jcarousel.anotherprodutcs.bigslide li{padding:0px 0}
	.bigslide .slideitem { width:227px; height:215px; margin:0px 0px 10px 10px}
	.jcarousel.anotherprodutcs.bigslide { padding:10px 0 0; margin:0}
	.withoutcat .jcarousel-control-prev, .withoutcat .jcarousel-control-next { top:43%}
	.content .pstyle { font-size:15px; font-weight:bold;}
	.slider .slideitem { margin:5px 0px 0 5px}
	.slider.fullslider { height:94% !important}
	.slider .slideitem{ width:374px; height:331px; margin:10px 0 0 10px}
	.slider .slideitem img { min-width:374px; min-height:331px; max-height:400px; width:auto; height:auto;}
	.urunliste .right, .urunliste .left { height:172px !important}
	.jcarousel-control-prev, .jcarousel-control-next { top:40%; background-size:30%; width:55px; height:90px;}
	.galericat { font-size:26px; padding:16px 0 0 0; height:47px;}
	.galericatlink a{ font-size:16px;}
	.catlinkframe .jcarousel-control-prev,.catlinkframe .jcarousel-control-next{ font:16px 'Myriad Pro'}
	.module { width:275px; height:260px;}
	.modulecontent img {}
	.title h2 img { width:62px}
	.withcat li { width:783px; margin:0; padding:0;}
	.withcat .slideitem { width:247px; height:115px; margin:0 0 10px 10px }
	.jcarousel.withcat .slideitem img { height:85px}
	.iletisim .left {float: none;overflow: hidden;padding: 0 0 20px 0; margin:15px auto 0;}
	.contact { width:250px; height:130px; padding:10px;}
	.contact p { font-size:13px; margin:0 0 7px 0;}
	.copyright { font-size:13px;}
}
@media (max-width:1439px){
	.center { width:80%;}
	.logo { width:175px; height:50px; margin:20px 0 0 0;}
	.header { height:90px;}
	.linkframe { margin:32px 0 0 80px; width:75%;}
	.linkframe a,.linkframe div { font-size:17px; margin:0 15px 0 0;}
	.linkframe div ul { width:130px}
	.linkframe div ul li div,.linkframe div ul li a { font-size:14px}
	.transition1 { font-size:38px;width:30%; height:auto; top:28%;}
	.transition2 { top:45%}
	.transition2 span{ font-size:18px}
	.bgslider .imgmodule { width:130px; height:130px;}
	.bgslider .imgmodule.empty { width:134px; height:134px}
	ul.bjqs-controls.v-centered li.bjqs-next a, ul.bjqs-controls.v-centered li.bjqs-prev a{ width:40px; height:61px;}
	.title h2 { font-size:50px; padding:20px 0}
	.title .sub{ font-size:12px;}
	.title .sub.subtop { margin:0 0 -6px 0;}
	.catframe { height:130px}
	.catframe a{ width:90px; font-size:11px}
	.catframe a .imageframe { height:70px; margin:0 0 5px 0}
	.catframe a .imageframe img { height:65px;}
	.catframe a span { padding:5px; font-size:12px; height:25px;width:80px;}
	.jcarousel.anotherprodutcs .slideitem img { height:335px}
	.urunimg img { height:330px}
	.opendetail { font-size:12px; height:80px; min-height:80px; font-weight:normal; bottom:30px;}
	.detailcontent { padding:5px 0 0 0}
	.content .left { margin:20px 5% 0 0;}
	.content .right { margin:20px 0 0 0; position:relative; min-height:100px !important}
	.opener { height:15px}
	.sliderframe .jcarousel-control-prev, .sliderframe .jcarousel-control-next { top:185px}
	.sliderframe .jcarousel-control-next { width:30px; height:48px; right:-33px;}
	.sliderframe .jcarousel-control-prev { width:30px; height:48px; left:-33px}
	.jcarousel.anotherprodutcs span { font-size:14px}
	.bigslide.withoutcat { width:656px}
	.bigslide li { width:656px; margin:0}
	.jcarousel.anotherprodutcs.bigslide li{padding:0px 0}
	.bigslide .slideitem { width:205px; height:158px; margin:0px 0px 10px 10px}
	.jcarousel.anotherprodutcs.bigslide { padding:10px 0 0; margin:0}
	.withoutcat .jcarousel-control-prev, .withoutcat .jcarousel-control-next { top:220px}
	.content .pstyle { font-size:14px; font-weight:normal;}
	.slider .slideitem { margin:5px 0px 0 5px}
	.slider.fullslider { height:94% !important}
	.slider .slideitem{ width:330px; height:246px; margin:10px 0 0 10px}
	.slider .slideitem img { min-width:269px; min-height:255px; max-height:280px; width:auto; height:auto;}
	.urunliste .right, .urunliste .left { height:130px !important}
	.jcarousel-control-prev, .jcarousel-control-next { top:140px; background-size:20%; width:35px; height:45px;}
	.galericat { font-size:24px; padding:16px 0 0 0; height:44px;}
	.galericatlink a{ font-size:13px;}
	.catlinkframe .jcarousel-control-prev,.catlinkframe .jcarousel-control-next{ font:13px 'Myriad Pro'}
	.module { width:245px; height:210px;}
	.title h2 img { width:37px}
	.withcat li { width:691px; margin:0; padding:0;}
	.withcat .slideitem { width:220px; height:80px; margin:0 0 10px 10px }
	.jcarousel.withcat .slideitem img { height:58px}
	.iletisim .left {float: none;overflow: hidden;padding: 0 0 20px 0; margin:15px auto 0;}
	.contact { width:250px; height:130px; padding:10px;}
	.contact p { font-size:13px; margin:0 0 7px 0;}
	.copyright { font-size:12px;}
}
@media (max-width:1279px){
	.center { width:78%;}
	.logo { width:100px; height:26px; margin:15px 0 0 0;}
	.header { height:54px;}
	.linkframe { margin:20px 0 0 20px; width:75%;}
	.linkframe a,.linkframe div { font-size:14px; margin:0 15px 0 0;}
	.linkframe div ul { width:110px;}
	.linkframe div ul li div,.linkframe div ul li a { font-size:12px}
	.transition1 { font-size:32px;width:30%; height:auto}
	.transition2 {top:42%}
	.transition2 span{ font-size:14px;}
	.bgslider .imgmodule { width:110px; height:110px;}
	.bgslider .imgmodule.empty { width:114px; height:114px}
	ul.bjqs-controls.v-centered li.bjqs-next a, ul.bjqs-controls.v-centered li.bjqs-prev a{ width:30px; height:46px;}
	.title h2 { font-size:45px; padding:20px 0}
	.title .sub{ font-size:12px;}
	.title .sub.subtop { margin:0 0 -6px 0;}
	.catframe { height:120px}
	.catframe a{ width:80px; font-size:10px}
	.catframe a .imageframe { height:80px; margin:0 0 5px 0}
	.catframe a .imageframe img { height:70px;}
	.catframe a span { padding:5px; font-size:10px;width:70px;}
	.jcarousel.anotherprodutcs .slideitem img { height:335px}
	.urunimg img { height:330px}
	.opendetail { font-size:12px; height:80px; min-height:80px; font-weight:normal; bottom:30px;}
	.detailcontent { padding:5px 0 0 0}
	.content .left { margin:30px 5% 0 0;}
	.content .right { margin:30px 0 0 0; position:relative; min-height:100px !important}
	.opener { height:15px}
	.sliderframe .jcarousel-control-prev, .sliderframe .jcarousel-control-next { top:185px}
	.sliderframe .jcarousel-control-next { width:30px; height:48px; right:-33px;}
	.sliderframe .jcarousel-control-prev { width:30px; height:48px; left:-33px}
	.jcarousel.anotherprodutcs span { font-size:14px}
	.bigslide.withoutcat { width:540px}
	.bigslide li { width:540px; margin:0}
	.jcarousel.anotherprodutcs.bigslide li{padding:0px 0}
	.bigslide .slideitem { width:166px; height:158px; margin:0px 0px 10px 10px}
	.jcarousel.anotherprodutcs.bigslide { padding:10px 0 0; margin:0}
	.withoutcat .jcarousel-control-prev, .withoutcat .jcarousel-control-next { top:220px}
	.content .pstyle { font-size:11px; font-weight:normal;}
	.slider .slideitem { margin:5px 0px 0 5px}
	.slider.fullslider { height:94% !important}
	.slider .slideitem{ width:269px; height:255px;}
	.slider .slideitem img { min-width:269px; min-height:255px; max-height:280px; width:auto; height:auto;}
	.urunliste .right, .urunliste .left { height:130px !important}
	.jcarousel-control-prev, .jcarousel-control-next { top:140px; background-size:20%; width:35px; height:45px;}
	.galericat { font-size:24px; padding:16px 0 0 0; height:44px;}
	.galericatlink a{ font-size:13px;}
	.catlinkframe .jcarousel-control-prev,.catlinkframe .jcarousel-control-next{ font:13px 'Myriad Pro'}
	.module { width:220px; height:200px;}
	.title h2 img { width:37px}
	.withcat li { width:553px; margin:0; padding:0;}
	.withcat .slideitem { width:130px; height:80px; margin:0 0 10px 10px }
	.jcarousel.withcat .slideitem img { height:42px}
	.iletisim .left {float: none;overflow: hidden;padding: 0 0 20px 0; margin:15px auto 0;}
	.contact { width:250px; height:130px; padding:10px;}
	.contact p { font-size:13px; margin:0 0 7px 0;}
	.copyright { font-size:10px;}
}
@media (max-width:1023px){
	.center { width:90%;}
	.logo { width:100px; height:26px; margin:15px 0 0 0;}
	.header { height:54px;}
	.linkframe { margin:20px 0 0 20px; width:75%;}
	.linkframe a,.linkframe div { font-size:14px; margin:0 15px 0 0;}
	.transition1 { font-size:28px;width:30%; height:auto}
	.transition2 span{ font-size:14px}
	.bgslider .imgmodule { width:84px; height:84px;}
	.bgslider .imgmodule.empty { width:88px; height:88px}
	ul.bjqs-controls.v-centered li.bjqs-next a, ul.bjqs-controls.v-centered li.bjqs-prev a{ width:20px; height:32px;}
	.title h2 { font-size:35px; padding:10px 0}
	.title .sub{ font-size:10px;}
	.title .sub.subtop { margin:0 0 -6px 0;}
	.catframe { height:85px}
	.catframe a{ width:50px; font-size:7px}
	.catframe a .imageframe { height:60px; margin:0 0 5px 0}
	.catframe a .imageframe img { height:50px;}
	.catframe a span { padding:5px; font-size:7px;width:40px; height:10px}
	.jcarousel.anotherprodutcs .slideitem img { height:235px}
	.urunimg img { height:230px}
	.opendetail { font-size:11px; height:70px; min-height:70px; font-weight:normal; bottom:30px;}
	.detailcontent { padding:5px 0 0 0}
	.content .left { margin:20px 5% 0 0;}
	.content .right { margin:20px 0 0 0; position:relative; min-height:100px !important}
	.opener { height:15px}
	.sliderframe .jcarousel-control-prev, .sliderframe .jcarousel-control-next { top:130px}
	.sliderframe .jcarousel-control-next { width:20px; height:35px; right:-22px;}
	.sliderframe .jcarousel-control-prev { width:20px; height:35px; left:-22px}
	.jcarousel.anotherprodutcs span { font-size:9px}
	.sliderframe { width:431px}
	.bigslide li { width:426px;}
	.bigslide .slideitem { width:137px; height:115px; margin:5px 5px 0 0}
	.jcarousel.anotherprodutcs.bigslide { padding:10px 0; margin:0 5px }
	.withoutcat .jcarousel-control-prev, .withoutcat .jcarousel-control-next { top:170px}
	.content .pstyle { font-size:11px; font-weight:normal;}
	.slider .slideitem { margin:5px 0px 0 5px}
	.slider.fullslider { height:94% !important}
	.slider .slideitem{ width:205px; height:186px;}
	.slider .slideitem img { max-width:250px; max-height:200px}
	.urunliste .right, .urunliste .left { height:100px !important}
	.jcarousel-control-prev, .jcarousel-control-next { top:140px; background-size:20%; width:35px; height:45px;}
	.galericat { font-size:20px; padding:6px 0 0 0; height:32px;}
	.galericatlink a{ font-size:9px;}
	.catlinkframe .jcarousel-control-prev,.catlinkframe .jcarousel-control-next{ font:9px 'Myriad Pro'}
	.module { width:160px; height:155px;}
	.title h2 img { width:37px}
	.withcat li { width:421px}
	.withcat .slideitem { width:130px; height:60px}
	.jcarousel.withcat .slideitem img{ height:42px}
	.iletisim .left {float: none;margin-left: auto;margin-right: auto;overflow: hidden;padding: 0 0 20px 0}
	.contact { width:175px; height:110px; padding:10px;}
	.contact p { font-size:9px; margin:0 0 10px 0;}
	.copyright { font-size:8px;}
}