article#sekil-biz-md{
	width:100%;
	background-image: url('../images/mobilya_dekorasyon_bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height:350px; 
	margin-top:30px;
}
article#bilgi-projeler-md{
 
	width:100%;
  	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	background:lightgrey;
	

}
article#bilgi-projeler-md h1{
	font:bold 25px 'Roboto', sans-serif;
	color:grey;
	
}
	
section#galeri-md {	
	margin:0px;
	padding:0px; 
	padding-top:50px;
/*	background-image: url('../images/sag-1.jpg');  */ 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;  
	width:100%; 
	display:inline-block;
 
}
div#galeri-1-md {
	width:90%;
	margin:auto;
	margin-top:1%;
	margin-bottom:1%;
	padding:1%;
	background:rgba(255,255,255,0.4);
}
div.galeri-img-md   {
	display:inline-block;
	width:29%;
	margin:2%;
	position: relative;
	 
	
}
div.galeri-img-md figure img{
	width:99.5%;
	padding:0.5%;
	opacity: 1;
	display: block;
    height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
	cursor:pointer;
}
 
.middle-md {
  transition: .9s ease;
  opacity: 0.9;
  position: absolute;
  top: 80%;
  left: 40%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  cursor:pointer;
  
}
div.galeri-img figure:hover .middle-md {
  opacity: 1;
}
.text-md {
  /* background:rgba(255,255,255,0.7); */
 
	width:130%; 
	padding:10px;
	background:rgba(255,255,255,0.6);
	height:80px;
	text-align:center;
	font:bold 25px 'Roboto', sans-serif;

	
  
}
.text-md:hover {
  /* background:rgba(255,255,255,0.7); */

	background:rgba(255,255,255,1);
	
}
.text-md   span {
	 
	color:black;	
	width:100%;
	
}
.text-md h3 {
	display:inline-block; 
	color:black;	
	font:bold 19px 'Roboto', sans-serif;
}
.text-md   p {
	margin-top:15px;
	color:black;	
	font:normal 15px 'Roboto', sans-serif; 
	
}
.text-md   a {
	
	text-decoration: none;
	font:normal 19px 'Roboto', sans-serif;
}

 

/*============================================================ 
	Responsive Styles
 ============================================================*/

/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1280px) {
article#sekil-biz-md{
	width:100%;
	background-image: url('../images/volen-insaat-projeler-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height:350px; 
	margin-top:0px;
}
article#bilgi-projeler-md{
 
	width:100%;
  	text-align:center;
	padding-top:18px;
	padding-bottom:18px;
	background:lightgrey;
	

}
article#bilgi-projeler-md h1{
	font:bold 20px 'Roboto', sans-serif;
	color:grey;
	
}
	
section#galeri-md {	
	margin:0px;
	padding:0px; 
	padding-top:170px;
	background:white;
	width:100%; 
	display:inline-block;
}
div#galeri-1-md {
	width:90%;
	margin:auto;
	margin-top:1%;
	margin-bottom:1%;
	padding:1%;
	background:rgba(255,255,255,0.4);
}
div.galeri-img-md   {
	display:inline-block;
	margin:0 auto;
	width:45%;
	margin:2%;
	border-radius:5px;
	position: relative; 
	
}
div.galeri-img-md figure img{
	width:98%;
	padding:1%;
	
	border-radius:5px;
	opacity: 1;
	display: block;
    height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}
 
.middle-md {
  transition: .5s ease;
  opacity: 1;
  position: absolute;
  top: 80%;
  left: 40%; 
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
div.galeri-img figure:hover .middle-md {
  opacity: 0;
}
.text-md {
  /* background:rgba(255,255,255,0.7); */
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}	

.text-md   span {
	 
	color:black;	
	width:100%;
	
}
.text-md h3 {
	display:inline-block; 
	color:black;	
	font:bold 19px 'Roboto', sans-serif;
}
.text-md   p {
	margin-top:15px;
	color:black;	
	font:normal 15px 'Roboto', sans-serif; 
	
}
.text-md   a {
	
	text-decoration: none;
	font:normal 19px 'Roboto', sans-serif;
}		
		
}

/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {
article#sekil-biz-md{
	width:100%;
	background-image: url('../images/volen-insaat-projeler-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height:350px; 
	margin-top:0px;
}
article#bilgi-projeler-md{
 
	width:100%;
  	text-align:center;
	padding-top:18px;
	padding-bottom:18px;
	background:lightgrey;
	

}
article#bilgi-projeler-md h1{
	font:bold 20px 'Roboto', sans-serif;
	color:grey;
	
}
section#galeri-md {	
	margin:0px;
	padding:0px; 
	padding-top:170px;
	background:white;
	width:100%; 
	display:inline-block;
}
div#galeri-1-md {
	width:90%;
	margin:auto;
	margin-top:1%;
	margin-bottom:1%;
	padding:1%;
	background:rgba(255,255,255,0.4);
}
div.galeri-img-md   {
	display:inline-block;
	margin:auto;
	width:45%;
	margin:2%;
	border-radius:5px;
	position: relative; 
	
}
div.galeri-img-md figure img{
	width:98%;
	padding:1%; 
	border-radius:5px;
	opacity: 1;
	display: block;
    height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}
 
.middle-md {
  transition: .5s ease;
  opacity: 1;
  position: absolute;
  top: 80%;
  left: 40%; 
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
div.galeri-img figure:hover .middle-md {
  opacity: 0;
}
.text-md {
  /* background:rgba(255,255,255,0.7); */
  color: white;
  font-size: 16px;
  padding: 16px 32px;
  text-align:center;
}	

.text-md   span {
	 
	color:black;	
	width:100%;
	
}
.text-md h3 {
	display:inline-block; 
	color:black;	
	font:bold 19px 'Roboto', sans-serif;
}
.text-md   p {
	
	margin-top:15px;
	color:black;	
	font:normal 15px 'Roboto', sans-serif; 
	
}
.text-md   a {
	
	text-decoration: none;
	font:normal 19px 'Roboto', sans-serif;
}	
	}

/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {
article#sekil-biz-md{
	width:100%;
	background-image: url('../images/volen-insaat-projeler-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height:350px;  
}
article#bilgi-projeler-md{
 
	width:100%;
  	text-align:center;
	padding-top:18px;
	padding-bottom:18px;
	background:lightgrey;
	

}
article#bilgi-projeler-md h1{
	font:bold 20px 'Roboto', sans-serif;
	color:grey;
	
}
section#galeri-md {	
	margin:0px;
	padding:0px; 
	padding-top:170px;
	background:white;
	width:100%; 
	display:inline-block;
}	
div#galeri-1-md {
	width:90%;
	margin:auto;
	margin-top:1%;
	margin-bottom:1%;
	padding:1%;
	background:rgba(255,255,255,0.4);
}
div.galeri-img-md  {
	display:inline-block;
	margin:auto;
	width:45%;
	margin:2%;
	border-radius:5px;
	position: relative;
	
	
}
div.galeri-img-md figure img{
	width:98%;
	padding:1%;

	
	border-radius:5px;
	opacity: 1;
	display: block;
    height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}
 
.middle-md {
  transition: .5s ease;
  opacity: 1;
  position: absolute;
  top: 80%;
  left: 40%; 
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
div.galeri-img figure:hover .middle-md {
  opacity: 0;
}
.text-md {
  /* background:rgba(255,255,255,0.7); */
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}	
	
.text-md   span {
	 
	color:black;	
	width:100%;
	
}
.text-md h3 {
	display:inline-block; 
	color:black;	
	font:bold 19px 'Roboto', sans-serif;
}
.text-md   p {
	margin-top:15px;
	color:black;	
	font:normal 15px 'Roboto', sans-serif; 
	
}
.text-md   a {
	
	text-decoration: none;
	font:normal 19px 'Roboto', sans-serif;
}
	
	}

 

/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 80px) and (max-width: 767px) {
article#sekil-biz-md{
	width:100%;
	background-image: url('../images/volen-insaat-projeler-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height:350px; 
	margin-top:-180px;
}
article#bilgi-projeler-md{
 
	width:100%;
  	text-align:center;
	padding-top:18px;
	padding-bottom:18px;
	background:lightgrey;
	

}
article#bilgi-projeler-md h1{
	font:bold 20px 'Roboto', sans-serif;
	color:grey;
	
}
section#galeri-md {	
	margin:0px;
	padding:0px; 
	padding-top:170px;
	background:white;
	width:100%; 
	display:inline-block;
}
 
div#galeri-1-md {
	width:90%;
	margin:auto;
	margin-top:1%;
	margin-bottom:1%;
	padding:1%;
	background:rgba(255,255,255,0.4);
}
div.galeri-img-md   {
	display:block;
	margin:auto;
	width:94%;
	margin:2%;
	border-radius:5px;
	position: relative;
	
	
}
div.galeri-img-md figure img{
	width:98%;
	padding:1%;
	
	border-radius:5px;
	opacity: 1;
	display: block;
    height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}
 
.middle-md {
  transition: .5s ease;
  opacity: 1;
  position: absolute;
  top: 80%;
  left: 40%; 
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
div.galeri-img figure:hover .middle-md {
  opacity: 0;
}
.text-md {
  /* background:rgba(255,255,255,0.7); */
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}	

.text-md   span {
	 
	color:black;	
	width:100%;
	
}
.text-md h3 {
	display:inline-block; 
	color:black;	
	font:bold 19px 'Roboto', sans-serif;
}
.text-md   p {
	margin-top:15px;
	color:black;	
	font:normal 15px 'Roboto', sans-serif; 
	
}
.text-md   a {
	
	text-decoration: none;
	font:normal 19px 'Roboto', sans-serif;
}	

}