@charset "utf-8";


.nav-button {
	display: none;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: url(../images/blank.gif);
	opacity: 1;
	-webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
}
.nav-button:hover {
	opacity: .7;
}
.nav-button:active {
	-webkit-transition: 0;
	   -moz-transition: 0;
	        transition: 0;
}
.nav-button strong {
	float: left;
	margin-right: 5px;
	margin-top: 3px;
	font-size: 16px;
	color: #fff;
}
.nav-button .lines {
	position: relative;
	float: right;
	width: 30px;
	height: 5px;
	margin-top: 9px;
	background-color: #fff;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-transition: 0.3s all ease;
	   -moz-transition: 0.3s all ease;
	        transition: 0.3s all ease;
}
.nav-button .lines:before,
.nav-button .lines:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #fff;
	content: "";
	-webkit-transition: 0.3s all ease;
	   -moz-transition: 0.3s all ease;
	        transition: 0.3s all ease;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-transform-origin: 0.28571rem center;
	   -moz-transform-origin: 0.28571rem center;
	        transform-origin: 0.28571rem center;
}
.nav-button .lines:before {
	top: 8px;
}
.nav-button .lines:after {
	top: -8px;
}
.nav-button.open {
	-webkit-transform: scale3d(0.8, 0.8, 0.8);
	   -moz-transform: scale3d(0.8, 0.8, 0.8);
	        transform: scale3d(0.8, 0.8, 0.8);
}
.nav-button.open .lines {
	background-color: transparent;
}
.nav-button.open .lines:before,
.nav-button.open .lines:after {
	top: 0;
	width: 100%;
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}
.nav-button.open .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	   -moz-transform: rotate3d(0, 0, 1, 45deg);
	        transform: rotate3d(0, 0, 1, 45deg);
}
.nav-button.open .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	   -moz-transform: rotate3d(0, 0, 1, -45deg);
	        transform: rotate3d(0, 0, 1, -45deg);
}











@-ms-viewport {
	width: device-width;
}









@media (max-width: 1100px) {
	.container_12 {
		width: 100% !important;
	}
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
		width: 100%;
	}
	
	html {
		background: #fff;
	}

	body {
		min-width: 0;
	}
	#site-wrap {
		
	}
	#header .top-bar .grid_3 {width:25%;}
	#header .top-bar .grid_9 {width:75%;}
	
	#proje-tabs .grid_2 {
		width: 16.66666667%
	}
	#proje-tabs .grid_5 {
		width: 41.66666667%;
	}
	#footer .bottom-bar .grid_3 {width: 25%;}
	#footer .bottom-bar .grid_6 {width: 50%;}
}








@media (max-width: 1000px) {
	#header nav.main-nav {
		float: right;
		width: auto;
		margin-top: 25px;
		margin-bottom: 0px;
	}
	#header nav.main-nav  > button{
		display:block;
	}
	#header nav.main-nav > ul {
		display:none;
	}
	
	.boxs .box {
		height: 315px;
	}

}









@media (max-width: 960px) {
	.ref-list figure {
		width: 23%;
	}
}













@media (max-width: 840px) {
	.brands .text {
		padding: 16px 20px 16px 20px;
	}
	.brands .text a p{
		line-height:15px;
		margin-top:-5px;
	}
	.boxs .box {
		height: 325px;
	}
	
	#proje-tabs .grid_2{width:30%;}
	#proje-tabs .grid_5 {width: 70%;}
	#proje-tabs .bos {
		display: none;
	}
	#proje-tabs .inner-bg{
	background: url(../images/proje_tabs.jpg) no-repeat 100% 0;
	height: 270px;
	}
	#footer .top-bar {
		display: none;
	}
	#footer .bottom-bar .socials {
		display: none;
	}
	#footer .bottom-bar a.web-tasarim {
		display:none;
	}
	#footer {
		border-top: 1px solid #ddd;
	}
	#footer .copyright {
		text-align: left;
	}
}












@media (max-width: 767px) {
	.boxs .box {
		width: 47%;
		height: 305px;
	}
	.boxs .learn-more {
		position: relative;
		padding: 10px 32px 10px 20px;
	}
	.boxs .box p {
		margin-bottom: 15px;
	}
	.ref-list figure {
		width: 30%;
	}
	.catalog .list > div {
		width: 100%;
	}
	.catalog .list div h2 {
		text-align: center;
	}
	.catalog .list div div p,
	.catalog .list div div h3 {
		text-align: center;
	}
	.catalog .list > div > div:before {
		display: none;
	}
}










@media (max-width: 640px) {
	#header .top-bar {
		height: 55px;
	}
	#header nav.main-nav {
		margin-top: 15px;
	}
	.gallery-list figure {
		width: 48%;
	}
}




@media (max-width: 540px) {	
	#header .top-bar {
		height: 50px;
	}
	#header nav.main-nav {
		margin-top: 12px;
	}

	.brands .text a p{
		margin-top:-11px;
	}
	#proje-tabs .grid_2 {display: none;}
	#proje-tabs .grid_5 {width: 100%;}

	.ref-list figure {
		width: 48%;
	}

}









@media (max-width: 480px) {
	#header .top-bar {
		height: 45px;
		padding-top:7px;
	}
	#header nav.main-nav {
		margin-top: 8px;
	}
	#footer .bottom-bar .grid_3 {
		width: 100%;
		text-align: center;
	}
	
	.boxs .box {
		width: 98%;
	}
	.boxs .learn-more {
		position: relative;
		padding: 10px 32px 10px 20px;
	}

}

@media (max-width: 430px) {
	#header .logo a {
		margin-top: -26px;
	}
	#header nav.main-nav {
		margin-top: 5px;
	}
}


@media (max-width: 400px) {
	#header .top-bar {
		height: 35px;
		padding-top:10px;
	}
	#header nav.main-nav {
		margin-top: -3px;
	}
	#header .logo a {
		margin-top: -32px;
	}
	#header nav.main-nav .nav-button strong {
		display:none;
	}
	.brands .text a p{
		font-size:11px;
		line-height: 12px;
	}
	.catalog .list .pdf-btn {
		width: 180px;
		height: 50px;
	}
	
}

@media (max-width: 375px) {
	#header .logo a {
		margin-top: -30px;
	}
}

@media (max-width: 360px) {
	#header .logo a {
		margin-top: -28px;
	}
}



@media (max-width: 340px) {
	#header .logo a {
		margin-top: -30px;
	}
	#header .top-bar {
		padding-top:15px;
	}
	#header nav.main-nav {
		margin-top: -9px;
	}
	.brands .text a p{
		font-size: 10px;
	}
	.catalog .list .pdf-btn {
		width: 160px;
		height: 42px;
	}
	

}
@media (max-width: 320px) {
	.gallery-list figure {
		width: 98%;
	}

}

@media (max-width: 300px) {
	.ref-list figure {
		width: 98%;
	}
}