/* Varsayılan stil (mobil cihazlar için) */
a:hover {color:#AD00FE !important; }

.isotope-item, .portfolio-item {
	min-height: 20em;
	max-height: 20em;
}
.image-frame,.image-frame-background,.image-frame-wrapper {
	min-height: 20em;
	max-height: 20em;
}
.ebruyazi {
	width: 15em;
}

#header .header-nav-main nav>ul>li>a {
	
	 margin-top: 3px;
	margin-bottom: 3px;
	border: 5px thin black;
	border-radius: 20px;
	font-weight: 600;
	transition: all 400ms;

	
}

#header .header-nav-main nav>ul>li>a:hover {
	box-shadow: 1px 1px 5px #ccc;
	margin-left: 1px;
	color:#AD00FE !important;
}

#header .header-nav-main nav>ul>li>a:visited {
	box-shadow: none;
}
#header .header-nav-main nav>ul>li>a:active {
	box-shadow: 0px 0px 5px #ccc;
	color:#D9D9D9 !important;
}

@media (min-width: 576px) and (max-width: 767px) {

.ebruyazi {
	width: 20em;
	
}
.isotope-item, .portfolio-item {
	min-height: 25em;
	max-height: 35em;
}
.image-frame,.image-frame-background,.image-frame-wrapper {
	min-height: 25em;
	max-height: 35em;
}
							 
  }


/* Orta boyutlu ekranlar (tabletler) */
@media (min-width: 768px) and (max-width: 991px) {
.ebruyazi {
	width: 15em;
	margin-top: 200px;
}
.isotope-item, .portfolio-item {
	min-height: 35em;
	max-height: 45em;
}
.image-frame,.image-frame-background,.image-frame-wrapper {
	min-height: 35em;
	max-height: 45em;
}
  }



/* Büyük ekranlar (masaüstü) */
@media (min-width: 992px) and (max-width: 1999px) {
  .ebruyazi {
    width: 20em;
   
  }
  .isotope-item, .portfolio-item {
    min-height: 45em;
    max-height: 55em;
  }
  .image-frame, .image-frame-background, .image-frame-wrapper {
    min-height: 45em;
    max-height: 55em;
  }
}



/* Çok büyük ekranlar (geniş masaüstü) */
@media (min-width: 1200px) {
.ebruyazi {
	width: 20em;
}
.isotope-item, .portfolio-item {
	min-height: 40em;
	max-height: 40em;
}
.image-frame,.image-frame-background,.image-frame-wrapper {
	min-height: 40em;
	max-height: 40em;
}
  }