﻿@media screen and (min-width:560px) and (max-width:1199px) {
	
	
    body{
        padding-top: 80px;
    }
    header{
        height:80px;
        background:#fff;
		transition: all 0.4s;
		padding-right: calc(1.5rem * .5);
		padding-left: calc(1.5rem * .5);
    }
	main{
		padding-top: 0;
	}
	.header-link{
		display: none;
	}
	.header-iletisim{
		display: none;
	}
	.header-main{
		height: 80px;
		position: relative;
	}
    .header-logo img{
		width: 200px;
	}
	.profornet-menu{
		color: #A4B969;
		right: 0;
	}
	.mobilmenu{
		z-index: 999999999;
	}
	.mobilmenu-ust{
		background: #A4B969;
	}
	.mobilmenu-ust button{
		color: #fff!important;
	}
	.mobilmenu--menu-sosyal a{
		color: #A4B969;
	}
	.mobilmenu--menu-alt{
		display: flex;
		flex-direction: column;
        margin-top: 10px;
	}
	.mobilmenu--menu-alt li{
		display: flex;
		align-items: center;
		height: 60px;
		padding: 0 25px;
		margin-bottom: 15px;
	}
	.mobilmenu--menu-alt li:last-child{
		margin-bottom: 0;
	}
	.mobilmenu--menu-alt li img{
		width: 40px;
		margin-right: 10px;
	}
	.mobilmenu--menu-alt-text{
		display: flex;
		flex-direction: column;
	}
	.mobilmenu--menu-alt-text span{
		color: #A4B969;
		font-weight: 600;
		margin-bottom: 5px;
		font-size: 18px;
	}
	.mobilmenu--menu-alt-text a{
		color: #000;
		font-size: 16px;
		font-weight: 500;
	}
	.mobilmenu--menu-alt-text p{
		color: #000;
		font-weight: 500;
		font-size: 16px;
	}
	.mobilmenu--menu > ul > li{
		border-bottom: 1px solid #a4b9694a;
	}
	.mobilmenu--dil li a {
        background: none;
        color: #fff;
    }
	.mobilmenu--menu a{
		font-weight: 500;
		font-size: 17px;
	}
	.nav-up{
		top: -120px;
	}
	.nav-down{
		top: 0;
	}
	.slider-text h1{
		font-size: 30px;
		margin-bottom: 10px;
	}
	.slider-text h2{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.slider-text img{
		width: 100px;
	}
	.sayfa-baslik h2{
		font-size: 30px;
	}
	.sayfa-baslik h3{
		font-size: 30px;
	}
	.sayfa-baslik p{
		font-size: 16px;
	}
	.anasayfa-menu-box-main .d-flex{
		flex-wrap: wrap;
	}
	.anasayfa-menu-img figure img{
		border-radius: 30px;
	}
	.anasayfa-menu-box-main:before{
		content: none;
	}
	.anasayfa-menu-box:before{
		content: none;
	}
	.anasayfa-menu-box{
		padding: 0;
	}
	.anasayfa-menu-img{
		padding-left: 0;
		margin-top: 20px;
	}
	.anasayfa-slider picture img{
		height: calc(100vh - 150px)
	}
	.anasayfa-menu-box h4{
		text-align: center;
	}
	.anasayfa-menu-baslik p{
		font-size: 18px;
	}
	.anasayfa-rez-icerik img{		
		object-fit: cover;
		height: 500px;
	}
	.anasayfa-rez-text h2{
		font-size: 30px;
		text-align: center;
	}
	.anasayfa-rez-text-alt{
		flex-direction: column;
	}
	.anasayfa-rez-text-alt span{
		font-size: 16px;
		margin-bottom: 15px;
		text-align: center;
	}
	.mutfak-deneyimi-icerik ul li{
		margin-bottom: 30px;
	}
	.mutfak-deneyimi-icerik ul li:last-child{
		margin-bottom: 0;
	}
	.mutfak-deneyimi-icerik h2{
		margin-bottom: 15px;
	}
	.mutfak-deneyimi-img{
		margin: 30px 0;
	}
	.mutfak-deneyimi-icerik ul{
		padding: 0;
	}
	.anasayfa-ozel-img{
		display: none;
	}
	.anasayfa-ozel-text ul{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.anasayfa-ozel-text ul li{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.anasayfa-ozel-text ul li:last-child{
		margin-bottom: 0;
	}
	.footer_ust-rez h2{
		font-size: 30px;
	}
	
	.footer-orange {
		display:flex;
		justify-content:center;
		padding:20px 0px;
	}
	
	.footer_ust-rez p{
		font-size: 17px;
	}
	.footer_alt-icerik{
		flex-direction: column-reverse;
	}
	.footer_alt-icerik span{
		font-size: 13px;
	}
	.footer_alt-icerik ul li{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.footer_alt-icerik ul{
		flex-direction: column;
	}
	.footer_alt-icerik ul li a{
		font-size: 16px;
		text-align: center;
	}
	.footer-logo{
		width: 100%;
		margin-bottom: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.footer-logo img{
		width: 200px;
	}
	.footer-link ul{
		flex-direction: column;
		justify-content: center;
	}
	.footer-link ul li{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.footer-sosyal ul li a i{
		display: block;
	}
	.footer-sosyal ul{
		justify-content: center;
		margin-top: 15px;
	}
	.footer-orange span{
		display: block;
		margin-bottom: 5px;
		text-align: center;
	}
	.footer-adres{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.footer-adres a{
		text-align: center;
	}
	.footer-tel ul{
		justify-content: center;
		flex-direction: column;
	}
	.footer-tel ul li{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.footer-tel ul li:last-child{
		margin-bottom: 0;
	}
	.footer_orta .row.mb-5{
		margin-bottom: 2rem!important;
	}
	.footer-tel{
		padding-top: 20px;
	}
	
	.sayfa-ust picture img{
		height: 250px;
	}
	.sayfa-ust-text{
		width: 100%;
		text-align: center;
	}
	.sayfa-ust-text h1{
		font-size: 30px;
	}
	.box-design-main .box-design-icerik{
		margin-bottom: 30px;
	}
	.box-design-img{
		width: 100%;
        margin-bottom: 20px;
	}
	.box-design-text{
		width: 100%;
		padding: 0!important;
	}
	.box-design-main2 .box-design-icerik{
		flex-direction: column!important;
	}
	.iletisim-form h4{
		font-size: 25px;
	}
	.box-design-icerik{
		flex-direction: column-reverse;
	}
	.box-design-main .box-design-icerik:nth-child(2n) .box-design-text{
		padding: 0;
	}
	.box-design-main .box-design-icerik:nth-child(2n){
		flex-direction: column-reverse;
	}
	.box-design-text h2{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.box-design-text h3{
		font-size: 25px;
	}
	
	.menuler-box{
		padding: 2px 30px 30px 30px;
		margin-bottom: 20px;
	}
	.menuler-box h2{
		margin: 20px 0;
	}
	.menuler-box p{
		padding-bottom: 20px;
	}
	.menuler-main.my-5{
		margin-bottom: 0!important;
	}
	.mutfak-deneyimi.my-5{
		margin-top: 0!important;
	}
	.mutfak-deneyimi .sayfa-baslik.mb-5{
		margin-bottom: 1rem!important;
	}
	.rezervasyon-form-onay{
		flex-wrap: wrap;
		justify-content: center;
	}
	.rezervasyon-form-onay-bilgi{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.rezervasyon-icerik{
		margin-bottom: 30px;
	}
	.rezervasyon-banner{
		display: none;
	}
	.iletisim-box ul li:nth-last-child(-n+2){
		margin-bottom: 30px;
	}
	.iletisim-box ul li:last-child{
		margin-bottom: 0;
	}
	.iletisim-box ul li{
		width: 100%;
	}
	.iletisim-form ul li{
		width: 100%;
		margin-right: 0;
	}
	.form-kvkk p a{
		color: #000;
	}
	.form-kvkk label{
		color: #000;
		display: flex;
	}
	.form-kvkk label p{
		width: 100%;
		margin-left: 5px;
	}
	.iletisim-form-btn{
		justify-content: center;
	}
	.slider-text{
		width: 100%;		
        padding: 0 calc(1.5rem * .5);
	}
	.ansayfa-lezzet .col-12{
		margin-bottom: 30px;
	}
	.ansayfa-lezzet .col-12:last-child{
		margin-bottom: 0;
	}
	.sayfa-banner1-text p{
		width: 100%;
	}
	.sayfa-banner1-text h2{
		font-size: 35px;
	}
	.sayfa-banner1-text{
		padding: 30px 10px;
	}
	.sayfa-banner2-text{
		padding: 30px 10px;
	}
	.sayfa-banner3-text{
		padding: 30px 10px;
	}
	.tabs-menu{
		overflow-x: scroll;
		overflow-y: hidden;
		padding-bottom: 15px;
	}
	.bowl-menu-tabs{
		border-radius: 0;
	}
	.tabs-menu li{
		min-width: 170px;
	}
	.bowl-menu-tabs .col-12{
		width: 50%;
	}
	
	body {
	  --sb-track-color: #ffffff;
	  --sb-thumb-color: #a4b969;
	  --sb-size: 5px;
	}

	.tabs-menu::-webkit-scrollbar {
	  width: var(--sb-size);
	  height: 5px;
	}

	.tabs-menu::-webkit-scrollbar-track {
	  background: var(--sb-track-color);
	  border-radius: 5px;
	}

	.tabs-menu::-webkit-scrollbar-thumb {
	  background: var(--sb-thumb-color);
	  border-radius: 5px;
	  
	}

	@supports not selector(::-webkit-scrollbar) {
	  .tabs-menu{
		scrollbar-color: var(--sb-thumb-color)
						 var(--sb-track-color);
	  }
	}
	.menu-slider-box-text h3{
		font-size: 25px;
	}
	.anasayfa-hakkimizda-img{
		margin-bottom: 20px;
	}
	.sayfa-banner2-text p{
		width: 100%;
	}
	.sayfa-banner2-text h2{
		font-size: 35px;
	}
	.sayfa-banner3-text p{
		width: 100%;
	}
	.sayfa-banner3-text h2{
		font-size: 35px;
	}
	.sayfa-ust-text img{
		width: 100px;
	}
	.sayfa-ust-text h1{
		margin-left: 10px;
	}
	.col-12{
		width: 100%;
	}
	.bowl-menu-tabs-main .col-12{
		width: 50%;
	}

}



