body #PM_main #anasayfa_yazisi {
    max-width: 1770px;
    margin: 0 auto;
}
.banner-wrap{
 	display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 1.5rem); 
  	--bs-columns: 4;
}
@media(max-width:600px){
  .banner-wrap {
      --bs-columns: 2;
  }
}
body #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 .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
body #anasayfa_yazisi .view-collection a {
    transform: translateY(15px);
    background-color: var(--white);
    color: var(--text-800);
    padding: 0.375rem 3.75rem;
}
body #anasayfa_yazisi .banner-hover:hover .view-collection {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: all .3s ease-in-out 0s;
}
@media (min-width: 700px) {
    body #anasayfa_yazisi .banner-hover a {
        display: block;
    }
}
body #anasayfa_yazisi .view-collection a span {
    font-size: 0.875rem;
    font-weight: 500;
}
@media (min-width: 700px) {
    body #anasayfa_yazisi .banner-hover {
        position: relative;
        overflow: hidden;
        display: inline-block;
    }
      body #anasayfa_yazisi .banner-hover a {
        display: block;
    }

}
@media (min-width: 700px) {
    body #anasayfa_yazisi .banner-hover:after {
        background: rgba(0, 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 .8s ease 0s;
    }
      body #anasayfa_yazisi .banner-hover:hover:after {
        transition: all .8s ease 0s;
        opacity: 1;
        visibility: visible;
    }
}

.rounded {
    border-radius: .25rem !important;
    /* margin: 2px; */
    padding: 14px;
}