@media (max-width: 600px){
  .infoarea.d-flex.mb-3 span {
    font-size: 12px;
	}
  .infoarea > div {
    justify-content: flex-start !important;
	}
}
@media (min-width: 700px) {
	 #anasayfa_yazisi .banner-hover {
		 position: relative;
		 overflow: hidden;
		 display: inline-block;
	}
	 #anasayfa_yazisi .banner-hover a {
		 display: block;
	}
	 #anasayfa_yazisi .banner-hover:after {
		 background: rgba(0, 0, 0, .4) none repeat scroll 0 0;
		 content: " ";
		 position: absolute;
		 top: 0;
		 left: 0;
		 right: 0;
		 width: 100%;
		 height: 100%;
		 opacity: 0;
		 visibility: hidden;
		 transition: all 0.8s ease 0s;
	}
	 #anasayfa_yazisi .banner-hover:hover:after {
		 transition: all 0.8s ease 0s;
		 opacity: 1;
		 visibility: visible;
	}
}
@media (max-width: 699px) {
  #anasayfa_yazisi .col-12.banner-image{
   margin-bottom: 20px; 
  }
}
#anasayfa_yazisi {
 	max-width: 1550px;
  	margin: 0 auto;
}
#anasayfa_yazisi .banner{
 	padding-left: 20px; 
  	padding-right: 20px; 
}
 #anasayfa_yazisi .view-collection {
	 position: absolute;
	 bottom: 50%;
	 left: 0;
	 right: 0;
	 transform: translateY(50%);
	 margin-left: auto;
	 margin-right: auto;
	 max-width: max-content;
	 opacity: 0;
	 visibility: hidden;
	 z-index: 1;
	 -webkit-transition: all 0.3s ease-in-out 0s;
	 -o-transition: all 0.3s ease-in-out 0s;
	 transition: all 0.3s ease-in-out 0s;
}
 #anasayfa_yazisi .view-collection a {
	 transform: translateY(15px);
	 background-color: #fff;
	 color: #222;
	 padding: 0.375rem 3.75rem;
}
 #anasayfa_yazisi .view-collection a:hover {
	 color: #ea4a8e;
}
 #anasayfa_yazisi .view-collection a span {
	 font-size: 0.875rem;
	 font-weight: 500;
}
 #anasayfa_yazisi .banner-hover:hover .view-collection {
	 transform: translateY(0);
	 opacity: 1;
	 visibility: visible;
	 transition: all 0.3s ease-in-out 0s;
}