/* esnaf detay*/	#map { height: 500px;  }	.nav-pills .nav-link.active, .nav-pills .show > .nav-link {		background-color: #ff8f00 !important;	}		.row > .column {  padding: 0 8px;}.row:after {  content: "";  display: table;  clear: both;}/* Create four equal columns that floats next to eachother */.column {  float: left;  width: 25%;  display:inline;}/* The Modal (background) */.lmodal {  display: none;  position: fixed;  z-index: 9999;  padding-top: 50px;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: black;}/* Modal Content */.modal-content {  position: relative;  background-color: transparent;  margin: auto;  padding: 0;  width: 75%;  max-width: 1200px;}/* The Close Button */.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;}/* Hide the slides by default */.mySlides {  display: none;}/* Next & previous buttons */.prev,.next {  cursor: pointer;  position: absolute;  top: 40%;  width: auto;  padding: 16px;  margin-top: -30px;  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;}/* Position the "next button" to the right */.next {  right: 0;  border-radius: 3px 0 0 3px;}/* On hover, add a black background color with a little bit see-through */.prev:hover,.next:hover {  background-color: rgba(0, 0, 0, 0.8);}/* Number text (1/3 etc) */.numbertext {  color: #f2f2f2;  font-size: 12px;  padding: 8px 12px;  position: absolute;  top: 0;}/* Caption text */.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.2s;}.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);}
@media only screen and (min-width:992px){
  .modal-content{
      text-align:center;
  }  
  img{
      width:auto !important;
      height:100%;
      overflow:hidden;
  }
}
@media only screen and (min-width:992px){
	.esnafbanner .container .row, .esnafbaslik .container .row{
	  /*background-image: -webkit-linear-gradient(40deg, #343a40 80%, transparent 20%);*/
	  border: 1px solid black;
	  border-bottom: 2px solid black;
	  border-left: 2px solid black;
	}
	.esnafbanner .container .row h1, .esnafbaslik .container .row h1{
	  font-size:30px;
	}
	
}
@media only screen and  (max-width:991px){
	.esnafbanner .container .row{
	  background: #343a40;
	}
	.esnafbanner .container .row h1{
	  font-size:20px;
	}
}