@media screen and (max-width: 480px) {
.cicekler {
    width: 100%;
    height: 100%;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-gap: 10px;
    padding: 8px;
    margin-left: 0%;
}
.cicekler >a> div {
    border: 1px solid #edf1f2;
    border-radius: 4px;
	box-shadow: 0 0 4px rgb(0 0 0 / 3%);
	background-color: #fff;
}
.cicekler > a div img {
    width: 100%;
    height: 100%;
    vertical-align: baseline;
    border: 0;
    border-radius: 4px 0px 0px 4px;
	
    
    
}

.cicekdiv {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 3.5fr 6.5fr;
    grid-template-areas:
        'resimd .'
        'resimd cicekad '
        'resimd fiyatd'
        'resimd cicekkod'
        'resimd hergun';
        grid-template-rows: 0px 2fr 2fr 1fr 1.5fr;
        padding: 0px !important;
}
.cicekad, .cicekkod, .hergun, .fiyatd {
    padding-left: 10px;
    padding-right: 5px;
    margin: auto;
    margin-left: 0;
    text-align: left;
}
.style1 ~ span {
    color: #51b549;
}
.indirimdiv{display: none;}
span.yuzde_mobile {
    background-color: #E91E63;
    color: #FFF;
    padding: 5px 8px 5px 4px;
    font-size: 13px;
    top: -6px;
    position: relative;
    letter-spacing: 0px;
    border-radius: 4px;
}
.cicekad {
    color: #000;
    font-size: 16px;
}
.fiyatd{ letter-spacing: -1px;}
}
.resimd{overflow: hidden;}
@media screen and (min-width: 481px){
.yuzde_mobile{display: none;}
}

@media screen and (max-width: 400px){
    .cicekdiv {
        grid-template-columns: 3.8fr 6.2fr;
       
    }
}
@media screen and (max-width: 330px){
    .cicekdiv {
        grid-template-columns: 4fr 6fr;
        grid-template-rows: auto;
       
    }
}
@media screen and (min-width: 319px) and (max-width: 321px) {
    .container{grid-template-rows: 150px 94px }
    .item1{height: 150px}
    .item2,.item3,.item4,.item5{height: 94px;}
    
    .container > div > img{height:100%}
         
    }