/* 1680 media */
@media (max-width:1700px){

	.container.menu_col {
		width: 100%;
	}
	.about , .cellar {
		padding:70px;
	}
	.container.about-cols ,.container.cellar-cols ,.container.music_cols {
		column-gap: 60px;
		width: 100%;
	}
}

/* 1550 media */
@media (max-width:1550px){
	.about , .cellar {
		padding:60px;
	}
	.logo-wrapper{
		padding-top: 10px;
	}
	.header-logo {
		width:250px;
	}
	.menu-items {
		column-gap:90px;
		padding-top:50px;
	}
	.container.meat-cols{
		width:100%;
	}
	.container.about-cols ,.container.cellar-cols ,.container.music_cols {
		width:100%;
	}
	.about__col-left , .cellar__col-left {
		width:100%;
	}
	.informations{
		margin-left:130px;
		width: 457px;
	}
	.copyright {
		margin-left:50px;
	}
	.created-by{
		margin-right:50px;
	}

}
/* 1450 media */
@media (max-width:1450px){
	#header{
		padding: 20px 20px;
	}
	.main-menu {
		column-gap:30px;
	}
	.logo-wrapper{
		padding-top: 15px;
	}
	.header-logo{
		width: 200px;
	}
	.container.about-cols{
		width: 100%;
		column-gap:54px;
	}
	.about h2 {
		font-size: 50px;
		padding: 0 20px 10px 0;
	}
	.about__col-left {
		padding-left:  30px;
	}
	.about__col-right{
		padding-right: 30px;
	}
	.meat h2{
		width: 300px;
	}
	.meat p {
		font-size: 45px;
	}
	.container.cellar-cols{
		width:100%;
		column-gap:50px;
	}
	.about , .cellar , .menu , .music , .gallery , .meat {
		min-height: calc(100vh - 104px);
	}
	.about , .cellar , .menu , .music .meat {
		padding:60px;
	}
	ul.categories-list {
		font-size:30px;
		column-gap:10px;
	}
	.cellar h2 {
		font-size: 50px;
		padding: 0 20px 10px 0;
	}
	.cellar__col-left {
		padding-left:30px;
	}
	.cellar__col-right {
		padding-right:30px;
	}
	.menu h2 { 
		font-size:44px;
		padding-bottom: 10px;
	}
	.par_event {
		column-gap:50px;
	}
	.container.music_cols
	{
		width:100%;
	}
	.music h4 {
		font-size:37px;
	}
	.informations{
		margin-left:125px;
	}
	.social {
		font-size:18px;
		padding-right: 20px;
	}
	.galcenter{
		margin-top:200px;
	}
}
/* 1280 media mobile */
@media (max-width:1280px){
	#header {
		padding: 20px 30px;
	}

	.header-logo {
		width:150px;
	}
	.main-menu {
		column-gap: 10px;
	}
	.navigation{
		margin-right: 0;
		padding: 10px;
	}
	.reservations{
		padding-left: 10px;
	}
	ul.categories-list {
		column-gap: 10px;
		font-size: 28px;
	}
	.about , .cellar , .menu , .music , .gallery , .meat {
		min-height: calc(100vh - 94px);
	}
	.menu {
		padding: 40px 50px 100px;
	}
	.menu-items {
		column-gap: 20px;
		padding-top: 40px;
	}
	.container.about-cols {
		column-gap: 50px;
		padding: 20px 20px;
		width: 100%;
	}
	.meat p{
		font-size:35px;
	}
	.container.cellar-cols {
		column-gap: 50px;
		padding: 20px 20px;
		width: 100%;
	}
	.event_wrapper {
		padding-right:43px;
	}
	.par_event {
		column-gap:30px;
		flex-direction: column;
		padding-top: 30px;
	}
	.livemusic{
		width: 550px;
		margin-top: 20px;
	}
	.copyright {
		margin-left:45px;
	}
}

/* 1150 media  */
@media (max-width:1150px){
	#header {
		width:100%;
	}
	.header-logo {
		width: 150px;
	}
	.main-menu li a {
		font-size: 17px;
	}

	.reservations {
		padding-left: 10px;
		font-size: 16px;
	}
	.intro h1 {
		font-size:60px;
		line-height:60px;
		width:300px;
	}
	.container.about-cols{
		padding: 10px 20px;
	}
	.about__col-left{
		width:100%;
		padding-left: 10px;
	}
	.about__col-right{
		width:100%;
	}
	.about h2 , .cellar h2 , .music h2 {
		font-size:40px;
	}
	.about p , .cellar p {
		font-size:18px;
	}
	.menu{
		padding:10px 20px;
	}
	.container.menu_col {
		width: 100%;
		padding: 5px 20px;
	}
	ul.categories-list{
		justify-content: center;
		align-items: center;
		padding-top: 35px;
		font-size: 28px;
		column-gap: 0;
		flex-direction: column;
	}
	li.categories-list__single {
		padding: 10px 35px 5px 35px;
	}
	.menu-items{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 20px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.meat{
		padding:30px;
	}
	.meat p{
		font-size:30px;
		line-height:1.2;
	}
	.meat_col1 {
		margin-top:20px;
	}
	.meat_col2 {
		margin-top: 70px;
	}

	.cellar__col-left{
		padding-left:10px;
		width:100%;
	}
	.cellar__col-right{
		width:100%;
	}
	.container.music_cols{
		width:100%;
	}
	.event_wrapper {
		padding-right:33px;
	}
	.music h4 {
		font-size:30px;
	}
	.par_event {
		padding-top: 60px;
	}
	.livemusic{
		width: 550px;
	}

	.social img {
		margin-right: 10px;
	}
}

/* 1024 media  */
@media(max-width:1024px){
	.mobile__menu-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;

	}
	html:not(.mobile-menu-visible) nav.mobile-navigation {
		transform: translateX(-100%);
	}
	nav.mobile-navigation {
		background: rgb(12 12 13);
		text-align: center;
		font-family:'Bebas Neue',sans-serif;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 2;
		font-size: 40px;
		line-height: 70px;
		width: 320px;
		transition: all ease-in-out 600ms;
		background-image: url(/wp-content/uploads/2023/08/fbckicon.svg);
		background-repeat: no-repeat;
		background-position-x: -200px;
		background-size: 400px;
		background-position-y: center;
		overflow-y: scroll;
		overflow-x: hidden;
		display:flex;
		justify-content:center;
		align-items:center;
		text-transform: uppercase;
	}
	.mobile-menu {
		list-style:none;
	}
	.mobile-menu a:hover{
		color:#392c3b;
	}

	#header {
		padding: 20px 20px;
		display: flex;
		background: rgb(12 12 13);
		align-items: center;
		width: 100%;
	}
	.logo-wrapper {
		display:flex;
		padding-top: 5px;
	}
	.header-logo{
		width:200px;
	}
	.navigation {
		display:none;
	}
	.reservations {
		display:none;
	}
	.btn {
		position: fixed;
		bottom: 20px;
		width: 100px;
		border: none;
		background-color: rgba(57,45,59);
		padding-block: 10px;
		font-size: 22px;
		height: 67px;
		border-radius: 30px;
		right: 0;
		margin-left: 0;
		margin-right: 15px;
		text-align: center;
        line-height: 1.2;
        box-shadow: 2px 2px rgba(107, 98, 108 , 0.4);
		border-radius: 7px;
		padding: 10px 10px;
		width:auto;
	}

	.burger-wrapper{
		display: flex;
	}
	.burger .line{
		stroke:white;
	}
	.intro h1 {
		font-size:60px;
		width:300px;
		line-height:60px;
	}
	.about , .cellar , .menu ,  .gallery , .meat {
		min-height: calc(100vh - 90px);
	}
	.about {
		background-size:665px;
		padding: 50px 0 50px;
	}
	.container.about-cols {
		width: 100%;
		column-gap: 10px;
		padding: 10px ;
	}
	.about__col-left{
		width:100%;
		padding-left: 10px;
	}
	.about__col-right , .cellar__col-right {
		width: 100%;
	}
	.about p , .cellar p {
		font-size:16px;
	}
	.about h2 , .cellar h2 , .music h2 , .informations h2 {
		font-size:40px;
	}
	.menu-items{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 20px;
	}
	.menu-item__single {
		padding-top: 35px;
	}
	.meat_col2 {
		margin-top: 30px;
	}
	.meat h2{
		font-size:50px;
		width:250px;
		line-height: 60px;
	}
	.cellar {
		background-size:665px;
	}
	.container.cellar-cols{
		column-gap: 20px;
		padding: 10px;
	}
	.par_event {
		padding-top: 40px;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.event_wrapper {
		padding-right: 33px;
	}
	.music {
		padding: 90px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.container.music_cols h2{
		line-height:50px;
	}
	.livemusic {
		width: 100%;
		height: 100%;
		margin-top: 40px;
	}
	.informations {
		margin-left: 20px;
		width: 350px;
		height: 380px;
		justify-content: center;
		align-items: center;
		padding: 20px;
		margin-bottom: 40px;
	}
	.informations h3 {
		padding-top:20px;
	}

	.sub-footer{
		justify-content: center;
		align-items: center;
		flex-direction: column;
		font-size: 15px;
		min-width: 100%;
		padding-top: 15px;
	}

	.copyright {
		margin: 0;
		order:3;
	}

	.social {
		margin: 0;

		order:1;
	}
	.social img {
		width:25px;
		height:25px;
	}
	.created-by {
		margin: 0;
		order:2;
	}
	
	
	/***STEAK SECTION**/
	.steaks-section_container{
		padding-inline:25px;
	}
	/***END STEAK SECTION**/
	
	
}


/* 680 media */
@media(max-width:680px){
	.intro h1 {
		font-size: 40px;
		width: 250px;
		line-height: 50px;
	}

	.about {
		background-image:unset;
		padding: 30px 20px;
	}
	.container.about-cols {
		display:flex;
		flex-direction: column;
		width: 100%;
		padding: 0;
	}
	.about h2 , .cellar h2 ,.music h2 {
		font-size: 35px;
		padding-bottom: 10px;
		line-height: 40px;
		margin-left: auto;
		padding-left: 30px;
	}
	.about__col-left {
		padding: 0;
		width: 100%;
	}
	.about__col-left .text {
		margin-top: 20px;
	}
	.about__col-right{
		width: 100%;
		padding: 30px;
	}
	.menu-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.meat{
		padding: 30px 10px;
	}
	.meat p {
		font-size: 25px;
		line-height:1.2;
	}
	.meat_col2 {
		margin-top: 50px;
		font-size: 28px;
	}
	.meat h2 {
		width: 250px;
		font-size: 50px;
		line-height: 50px;
	}
	.cellar {
		background-image:unset;
		padding: 30px 20px;
	}

	.container.cellar-cols {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 0;
	}

	.cellar__col-left {
		padding: 0;
		width: 100%;
	}
	.cellar__col-left .text {
		margin-top: 25px;
	}
	.cellar__col-right {
		width: 100%;
		padding: 30px;
	}
	.music{
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 40px;
	}
	.music h4{
		padding-top: 20px;
		font-size: 30px;
	}
	.container.music_cols {
		width: 100%;
		padding: 20px 10px;
		flex-direction: column;
		display: flex;
	}
	.par_event {
		padding-top: 35px;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.events {
		display: flex;
		flex-direction: column;
		padding: 20px 10px 20px 10px;
	}

	.informations{
		position: static;
		margin: 10px 0 2px 0;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.informations h3 , .informations p {
		font-size:18px;
		padding-top:30px;
	}
	.informations h2 {
		font-size:35px;
	}
	.copyright {
		margin: 0;
		order:3;
	}

	.social {
		margin: 0;
		font-size:13px;
		order:1;
	}
	.social img {
		width:25px;
		height:25px;
	}
	.created-by {
		margin: 0;
		order:2;
	}
	
	/***STEAK SECTION**/
	.steaks-section_container h2{
		font-size:40px;
	}
	.steaks-section_container h3{
		font-size:30px;
	}
	.steaks-section_container p{
		font-size:15px;
	}
	.background-icon{
		display:none;
	}
	/***END STEAK SECTION**/
}




/* 480 media mobile */
@media (max-width: 480px){


	/* Header	 */
	#header {
		padding: 10px;
	}
	.logo-wrapper {
		display:flex;
	}
	.header-logo{
		width:200px;

	}
	.navigation {
		display:none;
	}
	.reservations {
		display:none;
	}
	.burger-wrapper{
		display: flex;
	}
	.burger .line{
		stroke:white;
	}
	html[lang="el"]  nav.mobile-navigation{
		font-size:30px;
	}
	/* Intro section */
	.intro img {
		height:100svh;
	}
	.intro h1 {
		font-size: 35px;
		width: 200px;
		line-height: 40px;
	}

	/* About Section */
	.about {
		background-image:unset;
		padding: 20px;
	}
	.container.about-cols {
		display:flex;
		flex-direction: column;
		width: 100%;
		padding: 0;
	}
	.about h2 {
		font-size: 30px;
		padding-bottom: 10px;
		line-height: 40px;
		margin-left: auto;
		padding-left: 30px;
	}
	.about p {
		font-size: 15px;
	}
	.about__col-left {
		padding: 0;
		width: 100%;
	}
	.about__col-left .text {
		margin-top: 20px;
	}
	.about__col-right{
		width: 100%;
		padding: 20px 0;
	}
	/* Menu section */
	.menu {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px;
	}
	.container.menu_col{
		display: flex;
		padding: 10px;
	}

	ul.categories-list {
		padding-top: 20px;
		font-size: 25px;
	}
	li.categories-list__single{
		padding: 10px 0 0 30px;
	}
	.menu h2 {
		font-size: 30px;
		padding-block: 10px;
		margin-top: 30px;
	}

	.menu-items{
		display:flex;
		padding-top: 10px;
		flex-direction: column;
	}
	.menu-item__single {
		color: #fff;
		padding-top: 70px;
	}
	h3.menu-item__single-title{
		padding-top: 20px;
		font-size: 25px;
	}



	/* Cellar section */

	.cellar h2 {
		font-size: 30px;
	}
	.cellar__col-left {
		padding: 20px 0;
	}

	.cellar__col-right {
		width: 100%;
		padding: 0;
	}
	.cellar p{
		font-size: 15px;
	}
	/* Meat Section  */
	.meat {
		padding: 25px 10px;
	}
	.meat h2{
		font-size: 40px;
		width: 225px;
		height:225px;
		line-height:50px;
	}
	.meat_col2{
		margin-top:25px;
	}

	/* Gallery section */
	.gallery {
		display: flex;
		justify-content: center;
		width: 100%;
		height: 100svh;
	}

	/* 	Events-Music Section */

	.music{
		padding:20px;
	}
	.music h2 {
		font-size: 35px;
	}
	.music h4{
		padding-top: 20px;
		font-size: 30px;
	}
	h2.event_title{
		font-size: 20px;
	}

	.container.music_cols {
		width: 100%;
		padding: 20px 10px;
		flex-direction: column;
		display: flex;
	}

	.events {
		display: flex;
		flex-direction: column;
		padding:10px;
	}

	.date_event {
		max-width:50px;
		padding-left: 10px;
		font-size:30px;
	}
	/* Footer */

	.informations {
		height: 300px;
		display: flex;
		justify-content: center;
		padding: 10px;
		padding-bottom:30px;
	}
	.informations h2 {
		font-size:30px;
		padding-top: 30px;
	}
	.informations h3 {
		padding-top:10px;
	}
	.informations p {
		padding-top:10px;
	}
	.copyright {
		margin: 0;
		order:3;
	}

	.social {
		margin: 0;
		font-size:13px;
		order:1;
		padding-left: 20px;
		padding-bottom: 10px;
		padding-right:0;
	}
	.social img {
		width:25px;
		height:25px;
	}
	.created-by {
		margin: 0;
		order:2;
	}
	/***STEAK SECTION**/
	.steaks-section_container {
		margin-top: 35px;
		margin-bottom: 100px;
	}
	.steaks-section_container h2{
		font-size:30px;
		margin-bottom: 40px;
	}
	.steaks-section_container h3{
		font-size:28px;
	}
	.steaks-section_container p{
		font-size:14px;
		line-height:1.5;
	}
	.steaks-section_container .steak-cols:not(:first-child) {
   		margin-top: 50px;
	}
	.steaks-item_title h2::before {
   		padding-right: 10px;
	}
	.steak-item_single{
		gap:15px;
		margin-top: 30px;
	}
	/*** END OFSTEAK SECTION**/
	
	
}
/* 320 media mobile */
@media (max-width: 320px){
	#header{
		padding:20px 10px;
	}
	.header-logo {
		width:150px;
	}
	.about h2, .cellar h2, .menu h2 , .music h2 {
		font-size:25px;
	}
	.music h4 {
		font-size:20px;
	}
	.events {
		padding:0;
	}
	.informations {
		padding-left:10px;
	}
	.informations h3 , .informations p{
		font-size:15px;
	}
	.sub-footer{
		font-size:13px;
	}
}