@media (max-width:1759px) {	



}

@media (max-width:1559px) {	

	.cookies-box{
		padding:15px;
	}

}

@media (max-width:1438px) {

	.all-header-wrapper{
		position: relative;
		background-color: var(--color-2);
	}
	
	.header-wrapper{
		justify-content: space-between;
		padding:15px 0 15px 0
	}

	.logo{
		position: relative;
		left:30px;
		top:0;
		transform:none
	}

	.header-right{
		position: relative;
		top:0;
		right:30px;
		transform: none;
	}

	.menu{
		justify-content: center
	}

	.container{
		width:100%;
	}

	.menu li{
		margin:0;
	}

	.menu li a{
		color:#fff
	}

	.menu li:hover > a{
		color:#fff
	}
	
	.menu li.active > a{
		color:#fff;
		font-weight: 700;
	}

	.menu-sub ul{
		margin-top:52px;
		border-radius: 0;
	}

	.cookies-box-buttons{
		width: 100%;
		margin-top:15px
	}

}

@media (max-width:1368px) {	

	.menu li a{
		font-size:14px
	}

}

@media (max-width:1200px) {

	.all-header-wrapper{
		display: none;
	}

	.sub-wrapper{
		display: none;
	}

	.mobile-header-wrapper{
		display: flex;
	}

	.toggle{
		display: block;
	}

	.mobile-logo-link img{
		max-height:40px
	}

	.footer-top-left{
		width: 100%;
	}

	.footer-top-right{
		width: 100%;
		padding-left:0;
		flex-wrap: wrap;
		margin-top:30px
	}

	.footer-item{
		padding:0
	}

	.heading-wrapper-inner{
		min-height:auto;
		border-radius:0;
		background-color: var(--color-1);
		background-image: none!important;
	}

	.heading-container{
		padding-bottom:15px
	}

	.heading-wrapper-inner:before{
		display: none;
	}

	.page-menu-wrapper{
		width:75%;
	}

	.category-summary{
		width: 100%;
	}

	.food-wrapper:nth-child(odd){
		padding-right:30px
	}
	
	.food-wrapper:nth-child(even){
		padding-left:30px
	}

	.food-header{
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.food-prices{
		padding-left: 0;
		justify-content: flex-start;
	}

	.food-title{
		width: 100%;
	}

}

@media (max-width:1024px) {

	.page-menu-wrapper{
		width:90%;
	}

	.item-wrapper{
		width: 50%;
	}

	.food-image{
		display: none;
	}

	.footer-top{
		padding:15px 0
	}

	.footer-top-right{
		display: none;
	}

	.footer-logo{
		display: none;
	}

	.footer-social{
		margin-top:0
	}

}

@media (max-width:768px) {
	.route ul li a{
		font-size:12px;
		color:#fff
	}

	.makale-item-wrapper{
		width: 100%
	}

	.category-wrapper{
		padding:30px 0
	}

	.category-title{
		text-align: left;
	}

	.category-summary{
		text-align: left;
	}

	.food-wrapper{
		width: 100%;
		margin-top:30px
	}

	.food-header{
		flex-wrap: nowrap;
	}

	.food-price{
		display: inline-flex;
	}

	.food-price span{
		margin-left:5px;
		font-size:14px;
		margin-top:2px
	}

	.food-line{
		display: flex;
	}

	.food-wrapper:nth-child(odd){
		padding-right:0
	}
	
	.food-wrapper:nth-child(even){
		padding-left:0
	}

	.food-content{
		padding:0
	}
}

@media (max-width:600px) {

	.mobile-logo-link img{
		max-height:25px
	}

	.r-logo img{
		max-height:25px
	}

	.item-wrapper{
		width: 100%;
	}

}

@media (max-width:1200px) {

	/** components **/

	.font-10{
		font-size:10px;
		line-height:20px;
	}
	
	.font-12{
		font-size:12px;
		line-height:22px;
	}
	
	.font-14{
		font-size:14px;
		line-height:24px;
	}
	
	.font-16{
		font-size:14px;
		line-height:24px;
	}
	
	.font-18{
		font-size:18px;
		line-height:28px;
	}
	
	.font-20{
		font-size:20px;
		line-height:30px;
	}
	
	.font-22{
		font-size:22px;
		line-height: 32px;
	}
	
	.font-24{
		font-size:24px;
		line-height: 34px;
	}
	
	.font-26{
		font-size:26px;
		line-height: 36px;
	}
	
	.font-28{
		font-size:28px;
		line-height: 38px;
	}
	
	.font-30{
		font-size:30px;
		line-height: 40px;
	}
	
	.font-32{
		font-size:32px;
		line-height: 42px;
	}
	
	.font-34{
		font-size:34px;
		line-height: 44px;
	}
	
	.font-36{
		font-size:36px;
		line-height: 46px;
	}
	
	.font-38{
		font-size:38px;
		line-height: 48px;
	}
	
	.font-40{
		font-size:40px;
		line-height: 50px;
	}

	.font-48{
		font-size:35px;
		line-height: 45px;
	}

}

@media (max-width:1024px){

	/** components **/

	.font-10{
		font-size:10px;
		line-height:20px;
	}
	
	.font-12{
		font-size:12px;
		line-height:22px;
	}
	
	.font-14{
		font-size:14px;
		line-height:24px;
	}
	
	.font-16{
		font-size:14px;
		line-height:24px;
	}
	
	.font-18{
		font-size:18px;
		line-height:28px;
	}
	
	.font-20{
		font-size:20px;
		line-height:30px;
	}
	
	.font-22{
		font-size:22px;
		line-height: 32px;
	}
	
	.font-24{
		font-size:24px;
		line-height: 34px;
	}
	
	.font-26{
		font-size:26px;
		line-height: 36px;
	}
	
	.font-28{
		font-size:28px;
		line-height: 38px;
	}
	
	.font-30{
		font-size:26px;
		line-height: 36px;
	}
	
	.font-32{
		font-size:32px;
		line-height: 42px;
	}
	
	.font-34{
		font-size:34px;
		line-height: 44px;
	}
	
	.font-36{
		font-size:36px;
		line-height: 46px;
	}
	
	.font-38{
		font-size:38px;
		line-height: 48px;
	}
	
	.font-40{
		font-size:40px;
		line-height: 50px;
	}

}

@media (max-width:768px){

	/** components **/

	.font-10{
		font-size:10px;
		line-height:20px;
	}
	
	.font-12{
		font-size:12px;
		line-height:22px;
	}
	
	.font-14{
		font-size:14px;
		line-height:24px;
	}
	
	.font-16{
		font-size:14px;
		line-height:24px;
	}
	
	.font-18{
		font-size:16px;
		line-height:24px;
	}
	
	.font-20{
		font-size:14px;
		line-height:24px;
	}
	
	.font-22{
		font-size:22px;
		line-height: 32px;
	}
	
	.font-24{
		font-size:24px;
		line-height: 34px;
	}
	
	.font-26{
		font-size:26px;
		line-height: 36px;
	}
	
	.font-28{
		font-size:18px;
		line-height: 28px;
	}
	
	.font-30{
		font-size:20px;
		line-height: 30px;
	}
	
	.font-32{
		font-size:32px;
		line-height: 42px;
	}
	
	.font-34{
		font-size:34px;
		line-height: 44px;
	}
	
	.font-36{
		font-size:22px;
		line-height: 32px;
	}
	
	.font-38{
		font-size:38px;
		line-height: 48px;
	}
	
	.font-40{
		font-size:28px;
		line-height: 38px;
	}

	.font-42{
		font-size:24px;
		line-height: 34px;
	}

}