*{font-size:14px;padding:0;margin:0;font-family: 'Roboto', sans-serif;
}
.Slider{display:block;width:100%;}
.Navbar{position:absolute;left:15%;width:70%;background-color:white;z-index:9999;height:80px;}
.Navbar img {width:25%;float:left;cursor:pointer;margin-top:15px;margin-left:15px;}
.Navbar ul {float:right;list-style:none;padding:0;margin:0;}
.Navbar ul li{float:left;position:relative;}
.Navbar ul li a{padding:20px;display:block;color:#000000;padding-top:30px;padding-bottom:30px;}
.Navbar ul li a:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover a{color:white}
.Sub{position:absolute;width:250px;background-color:white;left:0;top:80px;border:solid 0.3mm #d8d8d8;border-top:0;margin:0;padding:0;display:none}
.Sub li a{border-top:solid 0.3mm #f1f1f1;}
.Sub li {width:100%;}
.Navbar ul li .Sub li a{padding:10px;display:block;color:#000000}
.Navbar ul li:hover .Sub{display:block;}
.Sub li a:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover .Sub li:hover a{color:white}


.MarginAuto{width:70%;margin-left:15%;margin-top:-50px;}
.icSayfa{border-top:dashed 0.3mm #555555;background-color:white;padding:25px;padding-top:10px;}
.Baslik{text-align:center;width:100%;color:#ff6a00;font-weight:600;font-size:30px;}
.Aciklama{font-size:16px;width:100%;text-align:justify;display:block;}
.Menuimages{margin-top:25px;}
.Menus{float:left;width:49%;margin:1%;position:relative;transition: all .5s ease-in-out;border:solid 0.3mm #e5e5e5;cursor:pointer}
.Menus:nth-of-type(2n+1){margin-left:0;margin-right:1%;}
.Menus:nth-of-type(2n+2){margin-left:1%;margin-right:0;}
.Menus:nth-of-type(2n+3){margin-left:0;margin-right:1%;}
.Menus:nth-of-type(2n+4){margin-left:1%;margin-right:0;}
.Menus img {width:100%;}
.Menus span{position:absolute;bottom:10px;color:#ffd800;font-weight:600;width:100%;text-align:center;left:0;font-size:25px;z-index:15;transition: all .5s ease-in-out;}
.Bck{background-color:#000000;opacity:0.5;position:absolute;height:60px;width:100%;bottom:0%;left:0%;z-index:1;transition: all .5s ease-in-out;}
.Menus:hover .Bck{height:100%;opacity:0.5;}
.Menus:hover span{bottom:43%;}

.icMenus{float:left;width:24%;margin:1%;position:relative;transition: all .5s ease-in-out;border:solid 0.3mm #e5e5e5;cursor:pointer}
.icMenus:nth-of-type(2n+1){margin-left:0;margin-right:0.5%;}
.icMenus:nth-of-type(2n+2){margin-left:0.5%;margin-right:0.5%;}
.icMenus:nth-of-type(2n+3){margin-left:0.5%;margin-right:0.5%;}
.icMenus:nth-of-type(2n+4){margin-left:0.5%;margin-right:0;}
.icMenus img {width:100%;}
.icMenus span{position:absolute;bottom:5px;color:#ffd800;font-weight:600;width:100%;text-align:center;left:0;font-size:18px;z-index:15;transition: all .5s ease-in-out;}
.Bck{background-color:#000000;opacity:0.5;position:absolute;height:40px;width:100%;bottom:0%;left:0%;z-index:1;transition: all .5s ease-in-out;}
.icMenus:hover .Bck{height:100%;opacity:0.5;}
.icMenus:hover span{bottom:43%;}


.Manset{margin-top:25px;}
.uclumanset{float:left;width:30%;text-align:center;display:block;padding:10px;}
.uclumanset:nth-of-type(2n+1){margin-left:0;margin-right:3%;}
.uclumanset:nth-of-type(2n+2){margin-left:1.5%;margin-right:1.5%;}
.uclumanset:nth-of-type(2n+3){margin-left:3%;margin-right:0%;}
.uclumanset img {width:100px;}
.uclumanset span{display:block;margin-top:10px;}
.uclumanset span:nth-of-type(2n+1){color:#599442;font-weight:600;font-size:25px;}
.Sizden{margin-top:15px;}
.SizdenGelen{padding:15px;background-color:#ee3c0c;text-align:center;color:white;font-size:25px;}
.Blog{float:left;margin:1%;width:23%;border:solid 0.3mm #d8d8d8;cursor:pointer;}
.Blog img {width:100%;}
.Blog span{text-align:center;padding:10px;display:block}

.Footer{padding:20px;background-color:#cacaca;margin-top:25px;text-align:center}
#List{display:none;}

#photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 4;
  -webkit-column-gap:   5px;
  -moz-column-count:    4;
  -moz-column-gap:      5px;
  column-count:         4;
  column-gap:           5px;  
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  margin-bottom:10px;
}

@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

.Kutular{padding:10px;display:block;border:solid 0.3mm #e5e5e5;width:100%;}
.BtnGonder{padding:10px;background-color:#38781f;color:white;border:0;}
.BtnGonder:hover{background-color:#1d4e0a}
.iletisimadres{padding:15px;display:block;text-align:center;font-size:18px;}


@media only screen and (min-width: 2560px) and (max-width: 4000px) {
    *{font-size:20px;padding:0;margin:0;}
.Slider{display:block;width:100%;}
.Navbar{position:absolute;left:15%;width:70%;background-color:white;z-index:9999;height:100px;}
.Navbar img {width:25%;float:left;cursor:pointer;margin-top:15px;margin-left:15px;}
.Navbar ul {float:right;list-style:none;padding:0;margin:0;}
.Navbar ul li{float:left;position:relative;}
.Navbar ul li a{padding:25px;display:block;color:#000000;padding-top:36px;padding-bottom:36px;}
.Navbar ul li a:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover a{color:white}
.Sub{position:absolute;width:350px;background-color:white;left:0;top:100px;border:solid 0.3mm #d8d8d8;border-top:0;margin:0;padding:0;display:none}
.Sub li a{border-top:solid 0.3mm #f1f1f1;}
.Sub li {width:100%;}
.Navbar ul li .Sub li a{padding:15px;display:block;color:#000000;}
.Navbar ul li:hover .Sub{display:block;}
.Sub li a:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover .Sub li:hover a{color:white}


.MarginAuto{width:70%;margin-left:15%;margin-top:-50px;}
.icSayfa{border-top:dashed 0.3mm #555555;background-color:white;padding:25px;padding-top:10px;}
.Baslik{text-align:center;width:100%;color:#ff6a00;font-weight:600;font-size:45px;}
.Aciklama{font-size:22px;width:100%;text-align:justify;display:block;line-height:35px;}
.Menuimages{margin-top:25px;}
.Menus{float:left;width:49%;margin:1%;position:relative;transition: all .5s ease-in-out;border:solid 0.3mm #e5e5e5;cursor:pointer}
.Menus:nth-of-type(2n+1){margin-left:0;margin-right:1%;}
.Menus:nth-of-type(2n+2){margin-left:1%;margin-right:0;}
.Menus:nth-of-type(2n+3){margin-left:0;margin-right:1%;}
.Menus:nth-of-type(2n+4){margin-left:1%;margin-right:0;}
.Menus img {width:100%;}
.Menus span{position:absolute;bottom:10px;color:#ffd800;font-weight:600;width:100%;text-align:center;left:0;font-size:35px;z-index:15;transition: all .5s ease-in-out;}
.Bck{background-color:#000000;opacity:0.5;position:absolute;height:75px;width:100%;bottom:0%;left:0%;z-index:1;transition: all .5s ease-in-out;}
.Menus:hover .Bck{height:100%;opacity:0.5;}
.Menus:hover span{bottom:43%;}
.Manset{margin-top:25px;}
.uclumanset{float:left;width:30%;text-align:center;display:block;padding:10px;}
.uclumanset:nth-of-type(2n+1){margin-left:0;margin-right:3%;}
.uclumanset:nth-of-type(2n+2){margin-left:1.5%;margin-right:1.5%;}
.uclumanset:nth-of-type(2n+3){margin-left:3%;margin-right:0%;}
.uclumanset img {width:100px;}
.uclumanset span{display:block;margin-top:10px;}
.uclumanset span:nth-of-type(2n+1){color:#599442;font-weight:600;font-size:30px;}
.Sizden{margin-top:15px;}
.SizdenGelen{padding:10px;background-color:#ee3c0c;text-align:center;color:white;font-size:35px;}
.Blog{float:left;margin:1%;width:23%;border:solid 0.3mm #d8d8d8;cursor:pointer;}
.Blog img {width:100%;}
.Blog span{text-align:center;padding:10px;display:block}
.Footer{padding:10px;background-color:#cacaca}
#List{display:none;}


}



@media only screen and (max-width: 1366px) {
*{font-size:14px;padding:0;margin:0;}
.Slider{display:block;width:100%;}
.Navbar{position:absolute;left:15%;width:70%;background-color:white;z-index:9999;height:60px;}
.Navbar img {width:25%;float:left;cursor:pointer;margin-top:15px;margin-left:15px;}
.Navbar ul {float:right;list-style:none;padding:0;margin:0;}
.Navbar ul li{float:left;position:relative;}
.Navbar ul li a{padding:14px;display:block;color:#000000;padding-top:20px;padding-bottom:20px;}
.Navbar ul li a:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover a{color:white}
.Sub{position:absolute;width:250px;background-color:white;left:0;top:60px;border:solid 0.3mm #d8d8d8;border-top:0;margin:0;padding:0;display:none}
.Sub li a{border-top:solid 0.3mm #f1f1f1;}
.Sub li {width:100%;}
.Navbar ul li .Sub li a{padding:10px;display:block;color:#000000;font-size:13px;}
.Navbar ul li:hover .Sub{display:block;}
.Sub li a:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover .Sub li:hover a{color:white}


.MarginAuto{width:70%;margin-left:15%;margin-top:-50px;}
.icSayfa{border-top:dashed 0.3mm #555555;background-color:white;padding:25px;padding-top:10px;}
.Baslik{text-align:center;width:100%;color:#ff6a00;font-weight:600;font-size:30px;}
.Aciklama{font-size:14px;width:100%;text-align:justify;display:block;line-height:20px;}
.Menuimages{margin-top:25px;}
.Menus{float:left;width:49%;margin:1%;position:relative;transition: all .5s ease-in-out;border:solid 0.3mm #e5e5e5;cursor:pointer}
.Menus:nth-of-type(2n+1){margin-left:0;margin-right:1%;}
.Menus:nth-of-type(2n+2){margin-left:1%;margin-right:0;}
.Menus:nth-of-type(2n+3){margin-left:0;margin-right:1%;}
.Menus:nth-of-type(2n+4){margin-left:1%;margin-right:0;}
.Menus img {width:100%;}
.Menus span{position:absolute;bottom:10px;color:#ffd800;font-weight:600;width:100%;text-align:center;left:0;font-size:18px;z-index:15;transition: all .5s ease-in-out;}
.Bck{background-color:#000000;opacity:0.5;position:absolute;height:60px;width:100%;bottom:0%;left:0%;z-index:1;transition: all .5s ease-in-out;}
.Menus:hover .Bck{height:100%;opacity:0.5;}
.Menus:hover span{bottom:43%;}
.Manset{margin-top:25px;}
.uclumanset{float:left;width:30%;text-align:center;display:block;padding:10px;}
.uclumanset:nth-of-type(2n+1){margin-left:0;margin-right:3%;}
.uclumanset:nth-of-type(2n+2){margin-left:1.5%;margin-right:1.5%;}
.uclumanset:nth-of-type(2n+3){margin-left:3%;margin-right:0%;}
.uclumanset img {width:100px;}
.uclumanset span{display:block;margin-top:10px;}
.uclumanset span:nth-of-type(2n+1){color:#599442;font-weight:600;font-size:18px;}
.Sizden{margin-top:15px;}
.SizdenGelen{padding:10px;background-color:#ee3c0c;text-align:center;color:white;font-size:25px;}
.Blog{float:left;margin:1%;width:23%;border:solid 0.3mm #d8d8d8;cursor:pointer;}
.Blog img {width:100%;}
.Blog span{text-align:center;padding:10px;display:block}
.Footer{padding:10px;height:250px;background-color:#cacaca}
#List{display:none;}


}


@media only screen and (max-width: 960px) {
    *{font-size:14px;padding:0;margin:0;}
.Slider{display:block;width:100%;}
.Navbar{position:inherit;left:0%;width:100%;background-color:white;z-index:9999;height:auto;}
.Navbar img {width:70%;float:none;cursor:pointer;margin-top:15px;margin-left:10px;margin-bottom:15px;}
.Navbar ul {float:none;list-style:none;padding:0;margin:0;width:100%;text-align:left;display:none}
.Navbar ul li{float:none;position:relative;}
.Navbar ul li a{padding:10px;display:block;color:#000000;border-bottom:solid 0.3mm #d5d5d5}
.Navbar ul li a:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover a{color:white}
.Sub{position:inherit;width:100%;background-color:white;left:0;top:0px;border:solid 0.3mm #d8d8d8;border-top:0;margin:0;padding:0;display:none}
.Sub li a{border-top:solid 0.3mm #f1f1f1;}
.Sub li {width:100%;}
.Navbar ul li .Sub li a{padding:10px;display:block;color:#000000;padding-left:30px;}
.Navbar ul li:hover .Sub{display:block;}
.Sub li a:hover{background-color:#599442;text-decoration:none;color:white}
.Navbar ul li:hover .Sub li:hover a{color:white}
#List{display:block;position:absolute;right:15px;top:4%;font-size:25px;cursor:pointer}

.MarginAuto{width:100%;margin-left:0%;margin-top:0px;}
.icSayfa{border:solid 0mm #d8d8d8;border-top:dashed 0.3mm #555555;background-color:white;padding:10px;padding-top:10px;}
.Baslik{text-align:center;width:100%;color:#ff6a00;font-weight:600;font-size:23px;}
.Aciklama{font-size:14px;width:100%;text-align:justify;display:block;}
.Menuimages{margin-top:25px;}
.Menus{float:left;width:100%;margin:0%;position:relative;transition: all .5s ease-in-out;border:solid 0.3mm #e5e5e5;cursor:pointer;margin-bottom:15px;}

.icMenus{float:left;width:99%;margin:1%;position:relative;transition: all .5s ease-in-out;border:solid 0.3mm #e5e5e5;cursor:pointer}
.icMenus:nth-of-type(2n+1){margin-left:0;margin-right:0.5%;}
.icMenus:nth-of-type(2n+2){margin-left:0.5%;margin-right:0.5%;}
.icMenus:nth-of-type(2n+3){margin-left:0.5%;margin-right:0.5%;}
.icMenus:nth-of-type(2n+4){margin-left:0.5%;margin-right:0;}
.icMenus img {width:100%;}
.icMenus span{position:absolute;bottom:5px;color:#ffd800;font-weight:600;width:100%;text-align:center;left:0;font-size:18px;z-index:15;transition: all .5s ease-in-out;}
.Bck{background-color:#000000;opacity:0.5;position:absolute;height:40px;width:100%;bottom:0%;left:0%;z-index:1;transition: all .5s ease-in-out;display:none}
.icMenus:hover .Bck{height:100%;opacity:0.5;}
.icMenus:hover span{bottom:43%;}

.Menus:nth-of-type(2n+1){margin-left:0;margin-right:0%;}
.Menus:nth-of-type(2n+2){margin-left:0%;margin-right:0;}
.Menus:nth-of-type(2n+3){margin-left:0;margin-right:0%;}
.Menus:nth-of-type(2n+4){margin-left:0%;margin-right:0;}
.Menus img {width:100%;}
.Menus span{position:absolute;bottom:10px;color:#ffd800;font-weight:600;width:100%;text-align:center;left:0;font-size:18px;z-index:15;transition: all .5s ease-in-out;}
.Bck{background-color:#000000;opacity:0.5;position:absolute;height:60px;width:100%;bottom:0%;left:0%;z-index:1;transition: all .5s ease-in-out;}
.Menus:hover .Bck{height:100%;opacity:0.5;}
.Menus:hover span{bottom:43%;}
.Manset{margin-top:15px;}

.uclumanset{float:none;width:100%;text-align:center;display:block;padding:10px;}
.uclumanset:nth-of-type(2n+1){margin-left:0;margin-right:3%;}
.uclumanset:nth-of-type(2n+2){margin-left:1.5%;margin-right:1.5%;}
.uclumanset:nth-of-type(2n+3){margin-left:3%;margin-right:0%;}
.uclumanset img {width:100px;}
.uclumanset span{display:block;margin-top:10px;}
.uclumanset span:nth-of-type(2n+1){color:#599442;font-weight:600;font-size:25px;}
.Sizden{margin-top:15px;}
.SizdenGelen{padding:10px;background-color:#ee3c0c;text-align:center;color:white;font-size:20px;}

.Blog{float:none;margin:2%;width:96%;border:solid 0.3mm #d8d8d8;cursor:pointer;}
.Blog img {width:100%;}
.Blog span{text-align:center;padding:10px;display:block}
.Footer{padding:10px;height:250px;background-color:#cacaca}
}