.urun-detay {
    margin: 180px 0 -120px 0;
    position: relative;
    display: grid;
    grid-template-rows: repeat(4, 150px);
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
    width: 100%;
}
h1{
    color: #474343;
     font-family: 'Volkhov', serif ;
}
h2{
    color: black;
     font-family: 'Volkhov', serif ;
}
h3{
    color: black;
     font-family: 'Volkhov', serif ;
}

p{
 color: #474343;
    padding: 10px;
    font-size: 20px;
    font-family: 'Hind', sans-serif;
}

.urun-detay .big-img {
    height: 100%;
    width: 100%;
    grid-row: span 3;
}

.urun-detay .big-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.urun-detay .little-imgs {
    grid-row: 4;
    grid-column: 1;
    display: flex;
   
}

.urun-detay .little-imgs img {
    cursor:  pointer;
    object-fit: cover;
    width: 30%;
    margin:0 15px;
}
.urun-detay .little-imgs img{
    object-fit: cover;
    width: 30%;
    margin:0 2.5%;
}
.urun-detay .little-imgs img:nth-child(1){
	margin-left: 0
}

.description {
    padding: 40px 25px;
    text-align: center;
}

.call-us {
    grid-row: 4;
    grid-column: 2;
    text-align: center;
}

@media screen and (max-width:1100px){
.urun-detay {
    grid-template-rows: repeat(8, 150px);
    grid-template-columns: repeat(1, 1fr);

}
.urun-detay .big-img {
    height: 100%;
    width: 100%;

    grid-row: span 3;
}
.urun-detay .little-imgs {
    grid-row: 4;
    display: flex;
   
}
.description {
    padding: 40px 25px;
    text-align: center;
     grid-row:5 ;
    grid-column:1;
}
.call-us {
    grid-row:8 ;
    grid-column:1;
    text-align: center;
}
}
@media screen and (max-width:600px){
.urun-detay {
    margin: 200px 0 -120px 0;
    grid-template-rows: repeat(8, 150px);
    grid-template-columns: repeat(1fr);

}
.urun-detay .big-img {
    height: 100%;
    width: 100%;
    grid-row: span 2;
}
.urun-detay .little-imgs {
    grid-row: 3;
    display: flex;
   
}
.description {
    padding: 40px 25px;
    text-align: center;
     grid-row:4 ;
    grid-column:1;
}
.call-us {
    grid-row:8 ;
    grid-column:1;
    text-align: center;
}
h3{
    font-size:15px;
    
}
}