@charset "UTF-8";
/*
* Engin Tasarım
* Copyright 2013
* www.engintasarim.com
* 20/12/2013
*/

/*display:none!important;*/

/* En Fazla 959px genişlik için tasarım - Normal Ekran Hariç Tüm Kademe Ekranlarda*/
@media only screen and (max-width:959px){

}

/* En Fazla 767px genişlik için tasarım - Sadece 2. ve 3. Kademe Ekranlarda*/
@media only screen and (max-width:767px){
.menu ul li {width:48%;border:0}
.menu ul li:nth-child(2n+0) {margin-right:0;padding-right:0;}
.menu ul li:nth-child(2n+2) {margin-left:0;padding-left:0;}
.menu{margin-top:5px}

.diller ul li {margin: 0 90px 0 0;}
.diller ul li:last-child {margin: 0;}

.altmenu ul li {width: 50%;margin-left:0;padding-left:0;}

#sagkisim{padding: 0;border: 0;}
#sagkisim .sayfaic{padding:10px;}
#solkisim{padding: 0;border: 0;}
#solkisim .sayfaic{padding:10px;}
.uclu {margin: 10px 10px 0 10px;}
.referanslar {margin: 10px 10px 10px 10px;}
.cboxPhoto{max-width:300px !important; height:288px !important;}
#cboxLoadedContent{max-width:300px !important; margin:auto;}
#cboxContent{max-width:300px !important; margin:auto;}
.gm-style{ max-width:280px !important; width:300px !important;}
#map_canvas{max-width:280px !important;}

.urunkatlist ul li:hover ul {width: 278px!important;padding: 0;margin: 0;top: 50px;left: 10px;}
.urunkatlist ul li:hover ul li{width: 268px!important;}

table td, table th {padding: 2px; font-size:11px; }

#sagkisim .sayfaic .kutu02 img {max-width: 94%;}
#sagkisim .sayfaic .engin.kutu03,
#sagkisim .sayfaic .engin.kutu04{width:280px;margin-bottom: 10px;}
#sagkisim .sayfaic img {width: 100%;}
.urunfotolari .kutu03 {height:auto;}
#referanslar{}
#referanslar .kutu02{margin:0 0 5px 0;width: 120px;margin-bottom:15px;}
#referanslar .kutu02:nth-child(2n+1){margin-right:15px;}
#referanslar .kutu02:nth-child(2n+2){margin-right:0;}

}

/*768px -959px arasındaki genişlik için tasarım - Sadece 1.Kademe Ekranlarda*/
@media only screen and (min-width:768px) and (max-width:959px){
.logo img{width:100%}

.menu ul li {margin-right: 0;border-right: 0; padding-right:0px;}
.menu ul li a{padding: 8px 3px;font-size: 11px;}

.anaalan .dortlu ul li {margin: 5px;}
.anaalan .dortlu ul li a {padding: 10px;}
.anaalan .dortlu ul li a img{width: 20%;}
.anaalan .dortlu ul li a h3 {font-size: 14px;margin-bottom: 15px;}

.urunkatlist ul li:hover ul {left: 170px;}
.urunkatlist ul li a{font-size: 14px;}

#solkisim .altsayfalar ul li a {font-size: 12px;}

#referanslar .kutu02 {margin: 0 24px 20px 0;}

.amerika a{ left:10px !important; top:-45px !important; }
.kanada a{ left:108px !important; top:0px !important; }
.turkiye a{ left:220px !important; top:5px !important; }
.hindistan a{ left:305px !important; top:-24px !important; }
.cin a{ left:375px !important; top:-110px !important; }
.japonya a{ left:400px !important; top:-98px !important; }
.tayland a{ left:350px !important; top:-90px !important; }
.endonezya a{ left:425px !important; top:-100px !important; }

#donutchart{ width:540px !important; }
#donutchart2{ width:540px !important; }
#chart_div{ width:540px !important; }

.theme-default .nivoSlider { height:220px !important; }
.theme-default .nivoSlider img { height:220px !important; }

.menu ul li:last-child:hover ul {
	width:145px;
    min-width: 145px !important;
	left:-70px !important;
}

.menu ul li:hover ul li:hover ul {
    left: -200px !important;
}

table td, table th {padding: 2px; font-size:11px; }

}


/* 480px - 767px arasındaki genişlik için tasarım - Sadece 2.Kademe Ekranlarda*/
@media only screen and (min-width:480px) and (max-width:767px){
.amerika a,
.kanada a,
.turkiye a,
.hindistan a,
.cin a,
.japonya a,
.tayland a,
.endonezya a { left:0px !important; top:0px !important; margin-bottom:20px !important; width:81px !important; height:37px !important; display:block !important; }

#donutchart{ width:280px !important; }
#donutchart2{ width:280px !important; }
#chart_div{ width:280px !important; }

.theme-default .nivoSlider { height:80px !important; }
.theme-default .nivoSlider img { height:80px !important; }

.altmenu { display:none !important;}

table td, table th {padding: 2px; font-size:11px;}

.scrolltable{ padding-bottom:16px; overflow-x:scroll; }

}

/* En fazla 479px genişlik için tasarım - Sadece 3. Kademe Ekran - Mobil Ekranlarda*/
@media only screen and (max-width:479px){

.amerika a,
.kanada a,
.turkiye a,
.hindistan a,
.cin a,
.japonya a,
.tayland a,
.endonezya a{ left:0px !important; top:0px !important; margin-bottom:20px !important; width:81px !important; height:37px !important; display:block !important; }

.theme-default .nivoSlider { height:80px !important; }
.theme-default .nivoSlider img { height:80px !important; }

.altmenu { display:none !important;}

.menu ul li:hover ul li:hover ul {
	z-index:9999999;
    display: block;
    position:absolute;
    top: -2px !important;
    left: -140px !important;
    padding: 5px;
    z-index: 9;
    border-radius: 4px;
    background: #017d41;
	width: 130px !important;
	min-width:130px;
}

table td, table th {padding: 2px; font-size:11px;}
.scrolltable{ padding-bottom:16px; overflow-x:scroll; }


}