﻿@charset "utf-8";
@media only screen and (max-width: 1200px) {
	
#zeybekHeaderLineContentMenu{
	width:600px;
	margin-left:0px;
	padding-right:150px !important;
}

.projectList ul li{
	width:48%;
	min-height:100px;

}
}
@media only screen and (max-width: 1100px) {
	
#zeybekHeaderLineContentMenu{
	width:600px;
	margin-left:0px;
	padding-right:100px;
}

.projectList ul li{
	width:48%;
	min-height:100px;

}


}

@media only screen and (max-width: 1000px) {
#zeybekHeaderLine{
	float:left;
	position:relative;
	width:100%;
	min-height:172px;
	height:auto;
	background:#fff;
}

#zeybekHeaderLineContent{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	background:#fff;
}

#zeybekHeaderLineContentNav{
	float:left;
	position:relative;
	width:100%;
	height:200px;
}

#zeybekHeaderLineContentLogo{
	float:left;
	position:relative;
	width:100%;
	height:90px;
	text-align:center;
/*	overflow:hidden;*/
}

#zeybekHeaderLineContentMenu{
	float:left;
	position:relative;
	width:550px;
	height:70px;
	z-index:1000;
	margin-top:20px;
	margin-left:200px;
}

.projectList ul li{
	width:48%;
	min-height:100px;

}

#contactFormBody{
	min-height: 300px;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	height:auto;
	margin-bottom:10px;
	font-family:Raleway,Verdana, Geneva, sans-serif;
}
}

@media only screen and (max-width: 800px) {
#zeybekHeaderLineContentMenu{
	float:left;
	position:relative;
	width:380px;
	height:70px;
	z-index:1000;
	margin-top:20px;
	margin-left:100px;
}

#zeybekHeaderLineContentMenu ul li a {
	color: #666;
	display: block;
	padding: 0 5px;
	font-family:Raleway,Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 40px;
	min-height:40px;
    font-weight:bold;
}
#zeybekHeaderLineContentMenu ul li ul li a {
	font-size: 14px;
}

#zeybekHeaderLineContentMenu ul li ul li a:hover {
	font-size: 14px;
}

#contactFormBody{
	min-height: 300px;
	width: 580px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	height:auto;
	margin-bottom:10px;
	font-family:Raleway,Verdana, Geneva, sans-serif;
}	
}
@media only screen and (max-width: 600px) {
#zeybekHeaderLine{
	float:left;
	position:relative;
	width:100%;
	min-height:172px;
	height:auto;
	background:#fff;
}

#zeybekHeaderLineContent{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	background:#fff;
}

#zeybekHeaderLineContentNav{
	float:left;
	position:relative;
	width:100%;
	height:200px;
}

#zeybekHeaderLineContentLogo{
	float:left;
	position:relative;
	width:100%;
	height:90px;
	text-align:center;
/*	overflow:hidden;*/
}

#zeybekHeaderLineContentMenu{
	float:left;
	position:relative;
	width:380px;
	height:70px;
	z-index:1000;
	margin-top:20px;
	margin-left:50px;
}

#zeybekHeaderLineContentMenu ul li a {
	color: #666;
	display: block;
	padding: 0 5px;
	font-family:Raleway,Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 40px;
	min-height:40px;
    font-weight:bold;
}
#zeybekHeaderLineContentMenu ul li ul li a {
	font-size: 12px;
}

#zeybekHeaderLineContentMenu ul li ul li a:hover {
	font-size: 12px;
}


.projectList ul li{
	width:98% !important;
	min-height:100px;

}

#zeybekPageAddressCol{
	float:left;
	position:relative;
	min-height: 300px;
	width: 48%;
	/*background-color:#999;*/
	height:auto;
	padding-top:10px;
	margin-bottom:10px;
}

#zeybekPageAddressColMap{
	float:left;
	position:relative;
	min-height: 300px;
	width: 96%;
	/*background-color:#999;*/
	height:auto;
	padding-top:10px;
	margin-bottom:10px;
}

#contactFormBody{
	min-height: 300px;
	width: 480px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	height:auto;
	margin-bottom:10px;
	font-family:Raleway,Verdana, Geneva, sans-serif;
}
}
@media only screen and (max-width: 480px) {
#zeybekHeaderLine{
	float:left;
	position:relative;
	width:100%;
	min-height:172px;
	height:auto;
	background:#fff;
}

#zeybekHeaderLineContent{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	background:#fff;
}

#zeybekHeaderLineContentNav{
	float:left;
	position:relative;
	width:100%;
	height:200px;
}

#zeybekHeaderLineContentLogo{
	float:left;
	position:relative;
	width:100%;
	height:90px;
	text-align:center;
/*	overflow:hidden;*/
}

#zeybekHeaderLineContentMenu{
	float:left;
	position:relative;
	width:380px;
	height:70px;
	z-index:1000;
	margin-top:20px;
	margin-left:20px;
}

#zeybekHeaderLineContentMenu ul li a {
	color: #666;
	display: block;
	padding: 0 5px;
	font-family:Raleway,Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 40px;
	min-height:40px;
    font-weight:bold;
}
#zeybekHeaderLineContentMenu ul li ul li a {
	font-size: 10px;
}

#zeybekHeaderLineContentMenu ul li ul li a:hover {
	font-size: 10px;
}
/**** PROJECT LIST */
.projectList ul li{
	float:left;
	position:relative;
	width:90%;
	min-height:50px !important;
	display: inline-block;
    list-style:none;
/*	padding:10px;
	padding-top:20px;
*/	text-align:center !important;
	background-color:#666;
	margin-left:5px;
	margin-bottom:5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,a5a5a5+100 */
background: #fff; /* Old browsers */
border:#999 1px solid;

}

.projectList .PLItem{
	float:left;
	position:relative;
	width:96%;
	min-height:50px;
	height:auto !important;
	text-align:left;
	padding:10px;
	color:#333;
	overflow:hidden;
	
}

/*.projectList .PLImage{
	float:left;
	position:relative;
	width:50%;
	min-height:50px !important;
	height:auto;
	text-align:center;
	margin-bottom:3px;
	overflow:hidden;
}
*/
.projectList .PLButtonLine{
	float:left;
	position:relative;
	width:100%;
	height:30px;
	text-align:left;
	font-size:14px;
	background:#eee;
	color:#fff;
	border-top:#999 1px solid;
}
.PLButtonLine .PLDetailButton{
	float:right;
	position:relative;
	width:20%;
	height:20px;
	font-size:14px;
	background:#eee;
	color:#333;
	overflow:hidden;
	padding-top:10px;
	border-left:#999 1px solid;
	text-align:center;
	
}
.PLDetailButton a{
	font-size:10px;
	color:#333;
	text-align:center;
	margin-left:5px;
	
}	
	
#contactFormBody{
	min-height: 300px;
	width: 340px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	height:auto;
	margin-bottom:10px;
	font-family:Raleway,Verdana, Geneva, sans-serif;
}

.zeybekPageProjectContent ul li .PCImage {
  position: relative;
	float:left;
	position:relative;
	width:100%;
  height:80px;
  overflow:hidden;
}
}