img.scale-with-grid {
	max-width: 100%;
	height: auto;
}
.items .item {
	float: left;
	margin: 0 2%;
	position: relative;
	width: 60.7%;
}
.items .item-1 {
	float: none;
	margin: 0 auto; 
}
.items .item-2 {
  left: 0;
    position: absolute;
    top: 13%;
    width: 24%;
}

.items .item-3 {
 position: absolute;
    right: 150px;
    top: 45%;
    width: 10%;
}
.items .item .telefon {
	height: 174px !important;
	left: 5px !important;
	overflow: hidden !important;
	position: absolute !important;
	top: 32px !important  ;
	width: 90.7% !important;
}
.items .item .tablet {
	height: 317px !important;
	left: 13px !important;
	overflow: hidden !important;
	position: absolute !important;
	top: 30px !important;
	width: 89.8% !important;
}
.items .item .desktop {
	height: 325px;
	left: 44px;
	overflow: hidden;
	position: absolute;
	top: 45px;
	width: 87%;
}
.items .item .desktop .inside {
	-webkit-transition-duration: 6s;
	-moz-transition-duration: 6s;
	-ms-transition-duration: 6s;
	-o-transition-duration: 6s;
	transition-duration: 6s;
}
.items .item-1 a:hover .desktop .inside {
	margin-top: -290px;
}
.items .item-2 a:hover .desktop .inside {
	margin-top: -270px;
}
.items .item-3 a:hover .desktop .inside {
	margin-top: -180px;
}
@media only screen and (min-width: 1023px) and (max-width: 1239px) {
	.items .item {
		width: 40.7%;
	}
	.items .item .desktop {
		height: 220px;
		left: 30px;
		position: absolute;
		top: 30px;
		width: 390px;
	}
	.items .item-3 {
		position: absolute;
		right: 231px;
		top: 54%;
		width: 9.5% !important;
	}
	.items .item .telefon {
		height: 166px !important;
		left: 5px !important;
		top: 30px !important;
		width: 95px !important;
	}
	.items .item-2 {
		left: 180px;
		position: absolute;
		top: 53%;
		width: 14.8% !important;
	}
	.items .item .tablet {
		height: 196px !important;
		left: 8px !important;
		top: 18px !important;
		width: 146px	 !important;
	}.items .item-1 a:hover .desktop .inside {
		 margin-top: -691px;
	 }
	.items .item-2 a:hover .desktop .inside {
		margin-top: -788px;
	}
	.items .item-3 a:hover .desktop .inside {
		margin-top: -893px;
	}}

 @media only screen and (min-width: 992px) and (max-width: 1023px) {
#Wrapper {
	width: 920px;
}
	 .items .item {
		 width: 99.7%;
	 }
	 .items .item .desktop {
		 height: 220px;
		 left: 30px;
		 position: absolute;
		 top: 30px;
		 width: 390px;
	 }
	 .items .item-3 {
		 position: absolute;
		 right: 5px;
		 top: 23%;
		 width: 28% !important;
	 }
	 .items .item .telefon {
		 height: 166px !important;
		 left: 5px !important;
		 top: 30px !important;
		 width: 95px !important;
	 }
	 .items .item-2 {
		 left: 104px;
		 position: absolute;
		 top: 19%;
		 width: 18% !important;
	 }
	 .items .item .tablet {
		 height: 196px !important;
		 left: 8px !important;
		 top: 18px !important;
		 width: 146px	 !important;
	 }.items .item-1 a:hover .desktop .inside {
	margin-top: -691px;
}
.items .item-2 a:hover .desktop .inside {
	margin-top: -788px;
}
.items .item-3 a:hover .desktop .inside {
	margin-top: -893px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
#Wrapper {
	width: 760px;
}
	 .items .item {
		 width: 99.7%;
	 }
	 .items .item .desktop {
		 height: 220px;
		 left: 30px;
		 position: absolute;
		 top: 30px;
		 width: 390px;
	 }
	 .items .item-3 {
		 position: absolute;
		 right: 5px;
		 top: 54%;
		 width: 23% !important;
	 }
	 .items .item .telefon {
		 height: 166px !important;
		 left: 5px !important;
		 top: 30px !important;
		 width: 95px !important;
	 }
	 .items .item-2 {
		 left: 4px;
		 position: absolute;
		 top: 53%;
		 width: 36% !important;
	 }
	 .items .item .tablet {
		 height: 196px !important;
		 left: 8px !important;
		 top: 18px !important;
		 width: 146px	 !important;
	 }
.items .item-1 a:hover .desktop .inside {
	margin-top: -572px;
}
.items .item-2 a:hover .desktop .inside {
	margin-top: -652px;
}
.items .item-3 a:hover .desktop .inside {
	margin-top: -738px;
}
}
 @media only screen and (max-width: 767px) {
#Wrapper {
	width: 420px;
}
.items .item {
	width: 100%;
	margin: 0 0 20px;
}
	 .items .item .desktop {
    height: 222px;
    left: 53px;
    position: absolute;
    top: 23px;
    width: 385px;

	 }
	 .items .item-3 {
		 position: absolute;
		 right: 5px;
		 top: 54%;  display: none;
		 width: 23% !important;
	 }
	 .items .item .telefon {
		 height: 166px !important;
		 left: 5px !important;
		 top: 30px !important;
		 width: 95px !important;
	 }
	 .items .item-2 {
		 left: 4px;  display: none;
		 position: absolute;
		 top: 53%;
		 width: 36% !important;
	 }
	 .items .item .tablet {
		 height: 196px !important;
		 left: 8px !important;
		 top: 18px !important;
		 width: 146px	 !important;
	 }
	 .items .item-1 a:hover .desktop .inside {
	margin-top: -1088px;
}
.items .item-2 a:hover .desktop .inside {
	margin-top: -1240px;
}
.items .item-3 a:hover .desktop .inside {
	margin-top: -1403px;
}
.nav-collapse li {
	width: 100%!important;
	display: block;
}
.nav-collapse a {
	width: 100%!important;
	display: block;
}

.bizarayalim input {
    margin-left: 4%;
    width: 93%;  margin-bottom: 4px;
}
.bizarayalim h1 {
    margin: 7px 9px 4px 4%;
}

.referansdetay {
    margin-top: 104px;
    width: 100%;
}
.referansdetay h2 {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 34px;
}
.referansdetay h1 {
    font-size: 17px;
    padding: 0;
}
.referansdetay img {
    margin-bottom: 42px;
}
	 header, .header_inner_left, footer.uncover {
		 position: relative;
	 }

}
 @media only screen and (max-width: 479px) {
#Wrapper {
	width: 300px;
}
.items .item {
margin: 0 0 0 8%;
    width: 73%;;
}
.items .item .desktop {
    height: 105px;
    left: 21px;
    position: absolute;
    top: 18px;
    width: 100%; }
	
	 .items .item-3 {
		 position: absolute;
		 right: -14px;
		 top: 54%;
		 width: 23% !important;
	 }
	 .items .item .telefon {
		 height: 100px !important;
		 left: 3px !important;
		 top: 18px !important;
		 width: 90.7% !important;
	 }
	 .items .item-2 {
		 left: -11px;
		 position: absolute;
		 top: 53%;
		 width: 36% !important;
	 }
	 .items .item .tablet {
		 height: 121px !important;
		 left: 5px !important;
		 top: 10px !important;
		 width: 89.8% !important;
	 }
	 .items .item-1 a:hover .desktop .inside {
	margin-top: -680px;
}
.items .item-2 a:hover .desktop .inside {
	margin-top: -400px;
}
.items .item-3 a:hover .desktop .inside {
	margin-top: -485px;
}
}