/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.menu_nav_button{
display: none;
}
.plov,.lagman,.manty{
margin:-20px 20px auto 70%;
transform:scale(0.7,0.7);
-webkit-transform: scale(0.7,0.7);/*Chrome Safari*/
-ms-transform: scale (0.7,0.7); /* IE 9 */
-o-transform: scale (0.7,0.7); /* Opera */
-moz-transform: scale (0.7,0.7); /* Firefox */	
}
.item_content h1{
font-size:50px; 	
}
.book h1{
font-size:20px;	
}
.menu_cont{
margin-top:1.9em;	
}
.rose{
height:53em;	
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.plov,.lagman,.manty{
margin:-50px 20px auto 65%;
transform:scale(0.6,0.6);
-webkit-transform: scale(0.6,0.6);/*Chrome Safari*/
-ms-transform: scale (0.6,0.6); /* IE 9 */
-o-transform: scale (0.6,0.6); /* Opera */
-moz-transform: scale (0.6,0.6); /* Firefox */	
}
.imagemap img{
width: 60%;	
}
.nome h1{
font-size: 25px;	
}
.menu li{
text-align: center;
}
.side{
margin-bottom:20px;
width:75%;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.item_content h1{
font-size:45px;
margin-top:2%;	
}
.delivery h1{
font-size: 21px;
line-height: 35px;
}
.call{
font-size:2em;
}
.button_del{
padding: 0.5em 1.7em;	
}
.banket_text h1{
font-size: 1.5em;
}
.spisok{
font-size:1.2em;	
}

.banket img{
height:250px;	
}
.tekst{
padding-top:0;	
}
.okafe_rayhon img{
margin-left:-80%;
margin-top:-7em;
}
.okafe_continue{
top:-18em;	
}
.rose{
height:32em;	
}
.okafe_continue{
opacity:0.9; 	
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.menu_nav_button{
display: none;
}

.nome h1{
margin-top:0;
}

.plov,.lagman,.manty{
margin:-50px 20px auto 60%;
transform:scale(0.6,0.6);
-webkit-transform: scale(0.6,0.6);/*Chrome Safari*/
-ms-transform: scale (0.6,0.6); /* IE 9 */
-o-transform: scale (0.6,0.6); /* Opera */
-moz-transform: scale (0.6,0.6); /* Firefox */	
}
.footer{
height: auto;	
}

.popup-gallery img{
height: 100%;	
}
.delivery h1{
font-size: 21px;
line-height: 35px;
}

.item_content2{
margin-top:2%;
}
.delivery img{
height: 250px;	
}
.call{
margin-top:-10%;	
}
.form input[type="text"],.form input[type="email"],.form input[type="tel"]{
padding:5px 0 5px 8px;
}
.form textarea{
height:100px;
}
.popup-gallery a{
margin-left: auto;
margin-right: auto;	
width:80%;
height:400px;
}
.popup-gallery a:hover{
transform: scale(1);
}
.ov_content{
margin-top: 120px;
font-size: 25px;	
}
.menu_cont{
margin-top: 5.2em;	
}
.okafe_content p{
padding-left:4%;
padding-right:4%;	
}
.okafe_rose{
padding-left:4%;
padding-right:6%; 	
}
}


@media only screen and (max-width : 740px){
.menu_nav_button{
display: none;
}
.tekst{
line-height:40px;
}
.plov,.lagman,.manty{
display: none;	
}
.side{
width:100%;
}
.item_content h1{
font-size:45px;
margin-top:0.5%;
}
.item_content2 h1{
line-height:30px;	
}
.banket_content{
transform: scale(0.9);	
}
.rose{
height:38em;	
}
}
@media only screen and (max-width : 660px) {	
.hidemenu{
display: block;	
}
.menu_nav_button{
display:block;	
position: absolute;
}
.push ul{
display: none;
position: absolute;
z-index: 1;
width: 200px;
}
.push ul li{
display: block;
}
.top_menu ul li{
display: none;	
}
.lunch img{
height: 225px;	
}
.item_content h1{
font-size:45px;
margin-top:2%;	

}
.item_content2 h1{
font-size: 18px;
line-height: 25px;	
}
.call{
font-size: 1.5em;

}
.button_del{
padding:0.5em 1.5em;
}
.button_send{
margin-top: -25%;	
}
.welk{
	
}
.tekst{
line-height:37px;	
}
.tekst h1{
font-size: 18px;
padding-left:3%;
padding-right:3%;	
}
.okafe_continue{
position:relative;	
}
.rose{
height:25em; 	
}
.okafe_rose{
color:#f4966d;
}
#intro{
opacity:0.5;	
}
.peperone,.vroccolo,.pummaroll,.carciofulo,.cetriolo,.mulegnan{
display:none;	
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.imagemap img{
width: 100%;	
}
.side{
width: 100%;	
}
.menu li{
text-align: center;	
}

.banket_content{
top:0;	
}
.spisok{
font-size: 1.1em;	
}
.banket_text h1{
font-size: 1.2em;
}
.tochki{
display: none;	
}

.tekst h1{
font-size:16px;
}
.popup-gallery a{
margin-left: auto;
margin-right: auto;	
width:100%;
height:300px;
}
.menu_cont{
margin-top: 4em;	
}
.rose{
height:15em;
}
}


@media only screen and (max-width : 420px) {
.button_del{
font-size: 18px	;
}
.button_send{
margin-top: -30%;	
}
.form input[type="submit"]{
width:80%;	
}
.tekst{
line-height:30px;	
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 345px) {
.button_del{
font-size: 15px;	
}
.call{
font-size: 1.3em;	
}

.banket_text{
line-height:20px;	
}
.ui-datepicker{
transform: scale(0.8);	
}
.xdsoft_datetimepicker .xdsoft_timepicker{
width: 200px !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
margin-left: 86px !important;	
}
.welk{
height:480px;	
}
.rose{
height:10em;	
}
}

@media only screen and (max-width : 280px) {
.welk{
height: 520px;	
}
.tekst h1{
font-size: 15px;	
}

}
@media only screen and (max-width : 240px) {

}

/*==========  Mobile First Method  ==========*/



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}