/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


.inspiro-slider .slide {
	background-position: 15% 70%; /* 15 - 85 olursa buton aşağı konuabilir.*/

}

#slider {max-height: 630px;}

#product-page {padding: 20px 0;}
.col-md-5 {width:100%;}
.col-md-7 {width:100%; margin-top: 30px;}

.single-post .post-item .post-item-description .post-meta-date {display:none !important;}
.single-post .post-item .post-item-description .post-meta-share {display:none !important;}

@media screen and (min-width: 800px) {
  
  
  a.btn.btn-default {
    top: 50px !important;
    /* right: 550px; */
    float: left !important;
}
}

@media screen and (min-width: 600px) {
  
  .btn.btn-default {
	right: 0%;
	top: 0%;
  }
}

@media screen and (max-width: 600px) {
  
  .btn.btn-default {
	/*right: 0%;*/
	top: 235px !important; 
  }
}