﻿@media screen and (min-width:180px) and (max-width:840px) {
	.mobil-menu-ac{
		display: block!important;
	}
	.menu_button{
		width: 50px;
		height: 30px;
	}
	
	.sutfest-detay {padding-top:50px!important;}
	
	.menu_button > div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	.menu_button-box{
		width: 26px;
		height: 21px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		cursor: pointer;
		transition: transform .33s ease-out;
	}
	.menu-sol-cizgi{
		transition: transform .33s cubic-bezier(.54,-.81,.57,.57);
		transform-origin: right;
		width: 50%;
		border-radius: 1.5px;
		height: 3px;
		background: #fff;
	}
	.menu-orta-cizgi{
		border-radius: 1.5px;
		width: 100%;
		height: 3px;
		background: #fff;
	}
	.menu-sag-cizgi{
		align-self: flex-end;
		transition: transform .33s cubic-bezier(.54,-.81,.57,.57);
		transform-origin: left;
		width: 50%;
		height: 3px;
		background: #fff;
	}
	.menu-sol-cizgi-secili{
		transform: rotate(-90deg) translateX(4px);
	}
	.menu-button-box-secili{
		transform: rotate(-45deg);
	}
	.menu-sag-cizgi-secili{
		transform: rotate(-90deg) translateX(-4px);
	}	
	.ust-menu-main{
		position: absolute;
		bottom: -129px;
		width: 100%;
		left: -100%;
		transition: all 0.4s;
		background: #f3ede4;
	}
	.menu-acik-mobil{
		left: 0;
	}
	.px1260{
		width: 100%;
		display: block;
	}
	.ust-wrapper > .px1260{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding:0px 15px;
		box-sizing:border-box;
		height: 100%;
		position: relative;
	}
	.ust-menu{
		margin: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.logo img{
		position: relative;
		width: 90px!important;
	}
	.telefon {
		float: none;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.caroufredsel_wrapper{
		width: 100%!important;
		height: 180px!important;
	}
	.ana-slider{
		width: 100%!important;
		height: 180px!important;
	}
	.html_carousel div.slide{
		width: 100%!important;
		height: 180px!important;
		background-size:cover;
	}
	.html_carousel{
		min-width: 100%;
		height: 180px!important;
	}
	.sutfest-wrapper{
		min-width: 100%;
		padding: 60px 0 30px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#tarifler iframe{
		width: 100%!important;
		height: 300px!important;
	}
	.urunler-wrapper{
		min-width: 100%;
		padding: 60px 0 30px 0;
	}
	.urunler-slider{
		width: 100%;
	}
	.urunler-slider > .caroufredsel_wrapper{
		height: 270px!important;
		padding-bottom: 30px;
	}
	.onceki-urunler{
		position: relative;
		margin: 5px;
	}
	.sonraki-urunler{
		position: relative;
		margin: 5px;;
	}
	.urunler-karusel-onceki-sonraki{
		display: flex;
		justify-content: center;
		align-items: center;
		float: none;
	}
	.urunler-slider li{
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.urunler-slider li:nth-child(odd){
		background-position: center center;
	}
	.urunler-slider li .urun-foto{
		margin-bottom: 20px;
	}
	#urunler-slider-karusel{
		padding-bottom: 20px;
		display: flex;
	}
	.urunler-slider li h2{
		top: 250px;
		width: 100%;
		text-align: center;
	}
	.dondurmalar-wrapper{
		min-width: 100%;
		height: auto;
		background-size: cover;
		display: flex;
		align-items: center;
		padding-bottom: 20px;
	}
	.dondurmalar-baslik{
		width: 100%;
		margin: 20px 0;
	}
	.dondurmalar-wrapper ul{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		float: none;
		margin: 0;
	}
	.dondurmalar-wrapper ul li{
		float: none;
		width: 44%;
	}
	.iletisim-wrapper{
		height: auto;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
	}
	.iletisim-wrapper ul{
		float: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.refref{
		float: none;
		margin-top: 15px;
		display: flex;
		justify-content: center;
		align-items:center;
		flex-direction: column;
	}
	.iletisim-wrapper ul li{
		width: 100%;
		float: none;
		height: auto;
		margin: 0;
	}
	.iletisim-wrapper select{
		width: 100%;
		color: #000;
	}
	.iletisim-wrapper select option{
		color: #000;
	}
	.iletisim-wrapper input[type=text]{
		width: 100%;
	}
	.iletisim-wrapper textarea{
		width: 100%;
		resize: none;
	}
	#drop{
		width: 100%!important;
		padding: 120px 0 30px 0!important;
	}
	.ofh{
		width: 100%!important;
	}
	.refref > input[type=button]{
		float: none;
		margin-top: 10px;
		margin-left: 0;
	}
	.alt-wrapper{
		min-width: 100%;
	}
	.gizlilik{
		margin-top: 10px;
	}
	.alt-wrapper > div{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#hakkimizda > div{
		width: 90%;
	}
	.dondurmalar-wrapper > div{
		width: 90%;
	}
	.iletisim-wrapper > div{
		width: 90%;
	}
	
	.onceki-slider {position: relative; margin-top: -15px; position: absolute;margin-left: 0px; z-index: 992;}
.sonraki-slider {position: relative; margin-top: -15px; position: absolute; margin-left: 0px; z-index: 992;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#top-bar{
		display: none;
	}
	
	
	
	
	
}
