.row > .column {
 padding-left: 5px;
 padding-right: 5px;
}
.row:after {
 content: "";
 display: table;
 clear: both;
}
.column {
 float: left;
 width: 26%;
    margin:35px;
}

/* Popup Arkaplanda */
.modal {
   
 display: none;
 position: fixed;
 z-index: 1;
 padding-top: 100px;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: auto;
 background-color: black;
}
/* Popup İçerik */
.modal-content {
 position: relative;
 background-color: #fefefe;
 margin: auto;
margin-top:15%;
 padding: 0;
 width: 40%;
 max-width: 1200px;
}
/* Kapat Butonu */
.close {
 color: white;
 position: absolute;
 top: 10px;
 right: 25px;
 font-size: 35px;
 font-weight: bold;
}
.close:hover,
.close:focus {
 color: #999;
 text-decoration: none;
 cursor: pointer;
}
.mySlides {
    
 display: none;
}
/* Ileri Geri Butonları */
.prev,
.next {
 cursor: pointer;
 position: absolute;
 top: 50%;
 width: auto;
 padding: 16px;
 margin-top: -50px;
 color: white;
 font-weight: bold;
 font-size: 20px;
 transition: 0.6s ease;
 border-radius: 0 3px 3px 0;
 user-select: none;
 -webkit-user-select: none;
 background-color: rgb(0,0,0,0.5);
}
/* "Bir sonraki düğmeyi" sağa ekle */
.next {
 right: 0;
 border-radius: 3px 0 0 3px;
}
/* Fareyle üzerine gelin, biraz gören siyah arka plan rengi ekleyin */
.prev:hover,
.next:hover {
 background-color: rgba(0, 0, 0, 0.9);
}
/* Sayı metni (1/3 vb.) */
.numbertext {
 color: #f2f2f2;
 font-size: 12px;
 padding: 8px 12px;
 position: absolute;
 top: 0;
}
.caption-container {
 text-align: center;
 background-color: black;
 padding: 2px 16px;
 color: white;
}
img.demo {
 opacity: 0.6;
}
.active,
.demo:hover {
 opacity: 1;
}
img.hover-shadow {
 transition: 0.3s
}
.hover-shadow:hover {
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.slider{
 width:100%;
 height:200px;
}