/* Credit:https://www.facebook.com/Mido.HHH */

/*||||||||||||||||||||||||||||||||| GENERAL ||||||||||||||||||||||||||||||*/
@font-face{font-family:OSWALD-BOLD; src:url(../fonts/OSWALD-BOLD.ttf);}
@font-face{font-family:OSWALD-regular; src:url(../fonts/OSWALD-REGULAR.ttf);}
@font-face{font-family:Economica-Regular; src:url(../fonts/Economica-Regular.ttf);}
@font-face{font-family:Economica-Bold; src:url(../fonts/Economica-Bold.ttf);}
@font-face{font=family:Hansen; src:url(../fonts/HANSEN.ttf)}

@font-face{font-family:Economica-Regular; src:url(../fonts/Economica-Regular.eot);}
@font-face{font-family:Economica-Bold; src:url(../fonts/Economica-Bold.eot);}
@font-face{font-family:OSWALD-BOLD; src:url(../fonts/OSWALD-BOLD.eot);}
@font-face{font-family:OSWALD-regular; src:url(../fonts/OSWALD-REGULAR.eot);}

select{display: none; width: 80%; margin: 0 auto; font-size:30pt; margin-top: 10px; text-align:center; border-radius:5px; font-family:Economica-Bold; font-weight:bold; letter-spacing: 0.5em; padding: 5px;}


body {
	background: white;
	/* [disabled]margin: 0px; */
	padding: 0px;
	font-family: hansen;
	font-size: 20px;
}
.container {width:1100px; margin:auto;}


 
/*||||||||||||||||||||||||||||||||| HEADER ||||||||||||||||||||||||||||||*/

.headerwrapper{
	background: white;
	overflow: hidden; /*box-shadow: 0px 1px 3px 1px  rgba(50, 50, 50, 0.35);*/
	height: 105px;
	padding: 0px;
	border-bottom: 1px solid  rgba(0,0,0,0.20);
	margin: 0 auto;
 /*position:fixed; left:0px; top:0px; right:0px; z-index:2000;*/ }
#header{  overflow:hidden;   }
.headerwrapper nav{ margin: 0 auto;}
.headerwrapper nav ul{font-family:Arial; float:left; font-size:16px; font-weight:bold; margin: 0 auto; padding-top: 20px;}
.headerwrapper nav ul li {list-style:none; float:left; margin:10px; padding:15px;}
.headerwrapper nav ul li a{text-decoration:none; color:#313131;}
.headerwrapper nav ul li:hover{background:#ffdb01; border-radius:5px; color:#FFF; transition:all 0.5s;
animation:rubberBand 0.9s; -webkit-animation:rubberBand 0.9s;}
.headerwrapper nav ul li:hover a{color:white;}



/*||||||||||||||||||||||||||||||||| SLIDER ||||||||||||||||||||||||||||||*/
.sliderwrapper { margin: 0 auto; clear:both; padding-top:20px;}
.sliderwrapper .slider ul {list-style:none;}
.slide img{cursor:pointer; background-color:white;}


.sliderwrapper .slides h2{
	color: #993300;
	font-family: 'Bree Serif', sans-serif; 
	font-size: 22px;
	text-align:center;
	margin: 0 auto;
	line-height: 2em;
	padding:10px 0;
}
.sliderwrapper .slides p{
	color: #454242;
	font-family: 'Capriola', sans-serif;
	width: 100%;
	line-height: 2em;
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	margin: 0 auto;
}
.sliderwrapper .slides img {margin:0 auto; padding-top: 5px;}

.sliderwrapper .slider {
	position: relative;
	width: 100%;
	height: 350px;
	overflow: hidden;
}

.sliderwrapper .slides {
	height: 100%;

	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.sliderwrapper .slide {
	float: left;
	clear: none;
}


.sliderwrapper .slider-arrow {
	position: absolute;
	display: block;
	padding: 20px;
	background:url(../css/MOdOWu1.png);
}

.sliderwrapper .slider-arrow--right { bottom: 60%; right: 0px; background:url(../images/arrowright.png) no-repeat; }
.sliderwrapper .slider-arrow--left { bottom: 60%; left: 0px;  background:url(../images/arrowleft.png) no-repeat;}

.sliderwrapper .slider-arrow--right:hover { bottom: 60%; right: 0px; background:url(../images/arrowright_yellow.png) no-repeat; }
.sliderwrapper .slider-arrow--left:hover { bottom: 60%; left: 0px;  background:url(../images/arrowleft_yellow.png) no-repeat;}

.sliderwrapper .slider-arrow--right:active { bottom: 60%; right: 0px; background:url(../images/arrowright_yellow.png) no-repeat; }
.sliderwrapper .slider-arrow--left:active { bottom: 60%; left: 0px;  background:url(../images/arrowleft_yellow.png) no-repeat;}



.sliderwrapper .slider-nav {
	position: absolute;
	bottom: 40px;
}

.sliderwrapper .slider-nav__item {
	width: 10px;
	height: 10px;
	float: left;
	clear: none;
	display: block;
	margin: 0 7.5px;
	background: #000000;
	border-radius:40px;
}

.sliderwrapper .slider-nav__item:hover { background: #ffdb01; }
.sliderwrapper .slider-nav__item--current { background: #ffdb01; }

/*||||||||||||||||||||||||||||||||| BEST DISHES ||||||||||||||||||||||||||||||*/

.bestdisheswrapper{height:470px; background:#32363d; background-size:cover; border-top:3px solid rgba(255,153,0,0.2);
 border-bottom:3px solid #ffdb01;  text-align:center; clear:both;}
 .bestdishes{}
 .bestdisheswrapper #bestdishes h2 {color:white; font-size:35px;  letter-spacing:3px; font-family:Economica-bold; margin-top:30px;}
 .bestdisheswrapper #bestdishes h2::before{content:url(../images/rectangle.png); position:relative; margin-right:15px;
  top:-10px;}
 .bestdisheswrapper #bestdishes h2::after{content:url(../images/rectangle.png); position:relative;  margin-left:15px; 
 top:-10px;}
 .bestdisheswrapper h3{font-family:Economica-Regular; font-size:30px; text-transform:uppercase; letter-spacing:2px;}
.item{
	float: left;
	width: 30%;
}
.item h3{ font-size:25px; color:white;}
.item img{border:5px solid white;}
.item2{
	float: left;
	width: 30%;
}
.item2 h3{ font-size:25px; color:white;}
.item2 img{border:5px solid white;}
.item3{
	float: left;
	width: 30%;
}
.item3 h3{ font-size:25px; color:white;}
.item3 img{border:5px solid white;}
#bestdishes ul {list-style:none;}

/********************** slider ********************/



.bestdisheswrapper .slider {
	position: relative;
	width: 99%;
	overflow: hidden;
}

.bestdisheswrapper .slides {
	height: auto;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.bestdisheswrapper .slide {
	height: auto;
	float: left;
	clear: none;
	width:100%;
}
.slide img{
	width: 230px;
	height: 230px;
}


.bestdisheswrapper .slider-arrows {}

.bestdisheswrapper .slider-arrow {
	position: absolute;
	display: block;
	padding: 20px;
}

.bestdisheswrapper .slider-arrow--right { bottom: 55%; right: 0px; background:url(../images/bestdishesrightarrow.png) no-repeat; }
.bestdisheswrapper .slider-arrow--left { bottom: 55%; left: 0px; background:url(../images/bestdishesleftarrow.png) no-repeat; }


.bestdisheswrapper .slider-nav {
	position: absolute;
	bottom: 30px;
}

.bestdisheswrapper .slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
}

.bestdisheswrapper .slider-nav__item:hover { background: #ccc; }
.bestdisheswrapper .slider-nav__item--current { background: #ccc; }



 
/*||||||||||||||||||||||||||||||||| CONTACT US ||||||||||||||||||||||||||||||*/
 
.contactwrapper{margin-top:50px; text-align:center;}
.contactwrapper h3{ color:#cf0e1e; font-size:35px;  letter-spacing:8px; font-family:Economica-bold; margin-top:30px; margin-bottom:50px;}

.contactwrapper  h3::before{content:url(../images/rectangle.png); position:relative; margin-right:15px;
  top:-10px;}
.contactwrapper  h3::after{content:url(../images/rectangle.png); position:relative;  margin-left:15px; 
 top:-10px;}
  .contactwrapper .staff{ position:absolute;}
 /*.contactwrapper .staff ul li img{border:3px solid #ff5a0b; border-radius:5px; margin:0px 3px 0px 3px; position:relative;
 opacity:0.4; }*/
.myimage2,.myimage3,.myimage4,.myimage5,.myimage6{border:3px solid #ff5a0b; border-radius:5px; margin:0px 3px 0px 3px; position:relative;
 opacity:0.4; cursor:pointer;}
 .myimage{border:3px solid #ff5a0b; border-radius:5px; margin:0px 3px 0px 3px; position:relative;
 opacity:0.4; cursor:pointer;}
 
 .staff ul {list-style:none;}
  .staff ul li{float:left;}
 .pop{}
.firstpop{position:relative; left:-60px; top:180px;  z-index:999; opacity:1;}
.secondpop{position:relative; left:-360px; top:180px;  z-index:900; opacity:0;}
.thirdpop{position:relative; left:300px; top:35px;  z-index:900; opacity:0; }
.fourthpop{position:relative; left:-20px; top:35px;  z-index:900; opacity:0; }
.fifthpop{position:relative; left:490px; top:-108px;  z-index:900; opacity:0; }
.sixthpop{position:relative; left:0px; top:-108px;  z-index:900; opacity:0; }

 
/************************ FOOTER *****************************/
.footerwrapper{
	height: auto;
	background: #252b33;
	border-top: 4px solid #a8aaad;
	clear: both;
}
footer{text-align:center; }
footer h2{font-family:OSWALD-regular; font-size:20px; color:#dedede;}

footer h2{margin-bottom:40px;}

/**** Customer Reviews*****/

.customerreview{width:366px;  float:left; margin-top:30px; }
.review{margin-top:5px; text-align:left;}
.review p{color:#a3c9e7; font-size:15px; font-family:hansen; }
.review span2{color:#d6d6d6; font-size:26px; font-family:hansen;}
.customerreview h2{text-align:left;}

.review h4{color:#3d6e96; font-size:27px; font-family:oswald-regular; float:left; margin-left:14px; margin-top:7px; margin-bottom:7px;}
.line{width:340px; height:1px; color:#72859e; background:#72859e;}
.space{width:340px; height:1px; color:#72859e; background:#72859e; clear:both; position:relative; top:10px;}

/**** socialize*****/


.socialize{width:366px;  float:left; margin-top:30px;}
.socialimgs{margin-top:5px; width:170px; float:left; margin-left:100px; text-align:left; }

.socialimgs img {}
.socialize h2{text-align:left;margin-left:100px;}

/**** feedback*****/

.sendfeedback{
	width: 90%; /*margin-bottom:30px*/
	;
	text-align: left;
	padding-bottom: 20px;
}
.sendfeedback h2{ margin-left:3px; font-size:24px; font-family: 'Capriola', sans-serif;}
.sendfeedback form{}
.sendfeedback form input[type='text']{width:367px; height:27px; border-radius:5px; border:1px solid #0a131f; 
background:#32363d; color:white; font-size:18px; padding:5px;}

.sendfeedback form textarea {width:667px; height:90px; border-radius:5px; border:1px solid #0a131f; 
background:#32363d; color:white; font-size:18px; padding:5px;}


.sendfeedback form h6{color:#cccccc; font-size:18px; font-family: 'Capriola', sans-serif; margin-top:20px; margin-bottom: 5px;}
.sendfeedback form button{ background:#3d6e96; color:#1f527b; font-size:16px; font-family: 'Capriola', sans-serif; width:95px;
height:29px; border:0px; border-radius:4px; margin-top:20px; cursor:pointer; }

#send{ background:#3d6e96; color:#1f527b; font-size:16px; font-family: 'Capriola', sans-serif; width:95px;
height:29px; border:0px; border-radius:4px; margin-top:20px; cursor:pointer; }

/* Hover */

.sendfeedback form textarea:hover,.sendfeedback form textarea:focus{border:1px solid #3d6e96;}
.sendfeedback form input[type='text']:hover,.sendfeedback form input[type='text']:focus{border:1px solid #3d6e96;}
.sendfeedback form button:hover{animation:rubberBand 0.9s;  -webkit-animation:rubberBand 0.9s; background: #ffdb01;}
#send:hover{animation:rubberBand 0.9s;  -webkit-animation:rubberBand 0.9s; background: #ffdb01;}

/*||||||||||||||||||||||||||||||||| COPY RIGHTS ||||||||||||||||||||||||||||||*/

 .copyrightswrapper{height:45px; background:#3c4149; color:#f2f2f2; font-family: 'Capriola', sans-serif; font-weight:bold; font-size:12px; line-height:45px; text-align:center; clear:both; margin-top:-12px;}
 
  #copyrights a{text-decoration:none; color:#a3c9e7;}
  #copyrights p{ animation: shake 5s infinite; -webkit-animation:shake 5s infinite; text-align:center;}
  #copyrights p:hover{}

 /*||||||||||||||||||||||||||||||||| ANIMATIONS ||||||||||||||||||||||||||||||*/

 

@keyframes bou {
  0%, 20%, 50%, 80%, 100% {
    
    transform: translateY(0);
  }

  40% {
    
    transform: translateY(-4px);
  }

  60% {
    
    transform: translateY(-4px);
  }
}
 
 
 
 @-webkit-keyframes bou {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform:translateY(-4px);
    transform: translateY(-4px);
  }

  60% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
 
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.fixedsocial{z-index:999; position:fixed; bottom:400px; width:20px;  min-height:50px;  padding:8px 0px;}
.fixedsocial a{text-decoration:none;}

.col12 img{
	padding-top: 95px;
	width: 90%;
	height: auto;	
	margin: 0 auto;
	}
.col12{
	margin: 0 auto;
	text-align:center;
	float:left;
	width: 25%;
}

.tresc, .tresc2{
	background-color: white;
	width: 100%;
	color: #454242;
	text-align: justify;
	/*font-family: arial;*/
	font-family: 'Capriola', sans-serif;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 13px;
	float: left;
	display: block;
	margin-bottom: 50px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

.tresc2{
	/*margin-left: 150px;*/
	width: 65%;
}

.pasek{
	width:100%;
	border-bottom:3px solid #ffdb01;
	clear:both;
}
.tresc p{
	margin-top: 20px;
	text-indent:30px;
}
.naglowek{
	color: #cf0f1e;
    /*font-family: 'BenchNine', sans-serif; */ 
	font-family: 'Bree Serif', sans-serif;  
    margin-bottom: 5px;
 }
 
h1.naglowek{
	font-size: 34px;
	color: #993300;
	line-height: 2em;
 }
 
h2.naglowek{
	margin-top: 30px;
	font-size: 24px;
	color: #993300;
	line-height: 1.5em;
}
.alert{
	color: red;
	font-size: 12px;
}
.tresc li{
	margin-left: 20px;
}
.tresc a{
	font-family: 'Capriola', sans-serif;
    line-height: 2em;
    font-weight: bold;
	color: #454242;
}

.tresc a:hover{
	color: #ffdb01;
}

.tresc2 h2{
	margin-top: 20px;
	color: #454242;
	text-align:center;
    /*font-family: arial;*/
	font-family: 'Capriola', sans-serif;
   	line-height: 1.5em;
    font-weight: bold;
    font-size: 18px;
}
.tresc2 p{
	margin-top: 20px;
	font-size:16px;
	padding-left: 15px;
}

.blad{
	width: auto;
	margin-bottom: 10px;
	background-color: rgba(215, 44, 44, 0.6);
	color: rgba(215, 255, 255, 1);
	padding: 5px;
}
.apply{
	width: auto;
	margin-bottom: 10px;
	background-color: rgba(102, 255, 44, 0.6);
	color: rgba(215, 255, 255, 1);
	padding: 5px;
}
 .now{
	 list-style:none;
	 float:left;
	 margin:20px;
	 padding:15px;
	 background:#ffdb01;
	 border-radius:5px;
	 color:#FFF;
	 transition:all 0.5s;
	animation:rubberBand 0.9s;
	-webkit-animation:rubberBand 0.9s;
 }
 
.button {
   border: 1px solid #454242;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
   background: -webkit-linear-gradient(top, #ffffff, #ffffff);
   background: -moz-linear-gradient(top, #ffffff, #ffffff);
   background: -ms-linear-gradient(top, #ffffff, #ffffff);
   background: -o-linear-gradient(top, #ffffff, #ffffff);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #454242 0 1px 0;
   color: #454242;
   font-size: 13px;
   font-family: 'Capriola', sans-serif;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
 }

.button:hover {
   border: 1px solid #454242;
   text-shadow: #000000 0 1px 0;
   background: #ffd901;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffd901), to(#ffd901));
   background: -webkit-linear-gradient(top, #ffd901, #ffd901);
   background: -moz-linear-gradient(top, #ffd901, #ffd901);
   background: -ms-linear-gradient(top, #ffd901, #ffd901);
   background: -o-linear-gradient(top, #ffd901, #ffd901);
   background-image: -ms-linear-gradient(top, #ffd901 0%, #ffd901 100%);
   color: #ffffff;
   }
.button:active {
   text-shadow: #000000 0 1px 0;
   border: 1px solid #454242;
   background: #ffd901;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffd901), to(#ffd901));
   background: -webkit-linear-gradient(top, #ffd901, #ffd901);
   background: -moz-linear-gradient(top, #ffd901, #ffd901);
   background: -ms-linear-gradient(top, #ffd901, #ffd901);
   background: -o-linear-gradient(top, #ffd901, #ffd901);
   background-image: -ms-linear-gradient(top, #ffd901 0%, #ffd901 100%);
   color: #000000;
   }
   
.col1{
	text-align:center;
	width: 50%;
	float:left;
	margin: 0 auto;
	padding-left: 4%;
	
}
.col2{
	text-align:center;
	width: 45%;
	float: right;
	margin: 0 auto;
	background-color:white;
}


/* cookie */
#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 12px;
    font-family: Capriola;
	text-align:justify;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #3c4149; 
    padding: 20px 50px 20px 50px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#cookieinfo h6 {
    font-size: 12px;
    font-weight: bold;
    color: #cdd7da;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    margin-bottom: 7px;
}

#cookieinfo p {
    font-size: 10px;
    color: #afb4bc;
    line-height: 1.5em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #ffdb01;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
    background-color: #ffdb01;
	color: #000;
}

.zamowienie{
	text-align: center;
	font-size:16px;
}

.tresc td{
	padding-left: 5px;
	padding-right: 5px;
	font-size:16px;
	}
.tresc2 td{
	padding-left: 5px;
	padding-right: 5px;
	font-size:16px;
}

td img{
	padding: 8px 0 0 0;
}

#informator{display: none; margin:0 auto; height: 300px; padding: 0;}

#informator p{
	color: #454242;
	font-family: 'Capriola', sans-serif;
	width: 100%;
	line-height: 2em;
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	margin: 0 auto;
}

#informator h2{
	color: #993300;
	font-family: 'Bree Serif', sans-serif; 
	font-size: 22px;
	text-align:center;
	margin: 0 auto;
	line-height: 2em;
	padding-bottom: 5px;
	margin-top: 25px;
}

#informator img {
	margin:0 auto; 
	padding-top: 5px;
	width: 130px;
	height: 130px;
	border: none;
}

.mobile{display:none;}
/*
@media (min-width: 1100px) {
.container {width:1100px;margin:0 auto;}
}
@media (max-width: 1100px) and (min-width: 1000px) {
.container {width:950px;margin:0 auto;}

}
@media (max-width: 1000px) and (min-width: 800px) {
.container {width:750px;margin:0 auto;}

}
@media (max-width: 800px) and (min-width: 500px) {
.container {width:450px;margin:0 auto;}

}
@media (max-width: 500px) {
.container {width:300px;margin:0 auto;}

}
*/

@media (max-width: 1100px) and (min-width: 951px) {
.container {width:950px;margin:0 auto;}
.headerwrapper nav ul li {margin:10px; padding:10px;}
.headerwrapper nav{display:none;}
select{display:block; width:60%;}
}
@media (max-width: 950px) and (min-width: 751px), handheld {
.container {width:750px;margin:0 auto;}
.headerwrapper nav ul li {margin:0 auto; padding:8px;}
.headerwrapper{
	height: 80px;}
.headerwrapper nav{display:none;}
select{display:block;}
.col2{display: none;}
.col1{width: 80%; margin: 0 auto; padding: 0 auto;}
.slide img{
	margin: 0 auto;
	width: 80%;
	height: 80%;
}
}

@media (max-width: 750px) and (min-width: 501px) {
.container {width:500px; margin:0 auto;}
.headerwrapper{
	height: 50px; margin-bottom: 0; padding-bottom: 30px;}
.headerwrapper nav{
	display:none;}
select{display:block;}
.sliderwrapper{display:none;}



.col1{width: 77%; margin: 0 auto; float: left;}
.col2{width: 19%; margin: 0 auto; float: left; margin-top:50px;}
#informator{display:block; height: 250px;}
#informator img{
	width: 90%;
	height: auto;
}
.slide img{
	margin: 0 auto;
	width: 80%;
	height: 80%;
}
.slides{
	margin 0 auto;
}
.item h3{ font-size:14pt;}
.item2 h3{ font-size:14pt;}
.item3 h3{ font-size:14pt;}

 .bestdisheswrapper #bestdishes h2 {font-size:16pt;  letter-spacing:1.5px; font-family:Economica-bold; margin-top:35px;}
 .bestdisheswrapper{height:400px;}
 footer{display: none;}
 .col12{
	width: 45%;
}
.tresc2{width:55%};
}
@media (max-width: 500px) {
.container {width:300px;margin:0 auto;}
.headerwrapper{
	height: 50px; padding-bottom: 30px}
.headerwrapper nav{
	display:none;}
.col2{display: none;}
.col1{width: 80%; margin: 0 auto; padding: 0 auto;}
select{display:block;}
.sliderwrapper{display:none;}
#informator{
	display: block;
	height: 300px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.item h3{ font-size:12pt; width: 100%; margin: 0 auto; padding: 0 auto;}
.item2 h3{ font-size:14pt; width: 90%;}
.item3 h3{ font-size:14pt; width: 90%;}

 .bestdisheswrapper #bestdishes h2 {font-size:16pt;  letter-spacing:1.5px; font-family:Economica-bold; margin-top:35px;}
 .bestdisheswrapper{height:400px;}
 .mobile{display:block;}
 .off{display:none;}
 .slide img{
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
.item{width: 60%;}
footer{display: none;}
.col12{
	margin: 0 auto;
	text-align:center;
	float:left;
	width: 100%;
}
.col12 img{
	margin: 0 auto;
	padding-top: 15px;
	width:60%;
}
.tresc2{
	width: 100%;
	margin: 0 auto;
}
}