@media only screen and (max-width:430px) {
	ul.slices li{width: 160px;}
	.tapCont p{font-size: 1.6em}
	header a.indianBurger img{width: 100px;}
	.midWrapper p{width: 100%}
	ul.burgerUL li .img{height: 180px;}
	.firstScreen{padding: 170px 20px 0 20px;}
	header a.indianBurger{top: 70px;}
	.secondScreen .burgerWrap .img{height: 230px;}
	.chieckenmaharajamac .slice9 .tooltip, .chieckenmaharajamac .slice13 .tooltip{padding: 0 0px 0 10px;}
	.mcAlooTikki .slice4 .tooltip{top: -18px;}
	.mcAlooTikki .slice3 .tooltip{top: 47px;}
	.mcEgg .slice3 .tooltip{top: -23px}
	.mcEgg ul.slices li.slice3 .tooltip img{top: 54px;}
	.firstScreen ul.burgerUL li:nth-child(2) .title h2{font-size: 1.8em;}
	ul.burgerUL{max-width: 320px;}
	.button .a{ padding-top: 50px;}
	.button .a:before{width: 50px; height: 50px;}
	.button .a:after{width: 40px; height: 40px;}
	.midWrapper .secondScreen p{width: 85%; font-size: 1.5em;}
	.tapCont{bottom: 20px;}
	.tapCont p{font-size: 1.3em }
	.tapCont p strong{font-size: 1.4em}
	ul.contUL{height: 90px;}
}
@media only screen and (max-width:380px) {
	ul.slices li{width: 150px;}
	ul.slices:after{width:200px;}
	.secondScreen .burgerWrap .img{height: 220px;}
}
@media only screen and (max-width:374px) {
	header a.indianBurger img{width: 100px;}
	.firstScreen{padding: 165px 20px 0 20px}
	ul.burgerUL li .img{height: 145px;}
	ul.burgerUL li .title h2{font-size: 1.2em}
	.firstScreen ul.burgerUL li:nth-child(2) .title h2{font-size: 1.6em}
	
	ul.burgerUL{max-width: 280px;}
	
	.midWrapper p{font-size: 1.6em}
	.secondScreen{padding: 90px 0px 0 0px}
	.secondScreen .burgerWrap{max-width: 100%}
	.secondScreen .burgerWrap{margin: 0}
	.secondScreen .burgerWrap .img{height: 200px;}
	.secondScreen .burgerWrap .swiper-slide-active h2{font-size: 1.8em}
	.tapCont p{font-size: 1.4em}
	.tapCont p strong{font-size: 1.3em;}
	.tapCont{bottom: 10px;}
	.popup .burgerBox h2{font-size: 2em}
	ul.slices li{width: 120px;}
	ul.slices:after{width:200px;}
	.tooltip p{font-size: 1.3em}
	body.activate header a.indianBurger img{width: 75px;}
	header a.logo img{width: 35px;}
	.count .currentVal{font-size: 2.6em;}
	.count .totalVal{font-size: 1.4em}
	.count{width: 90px; height: 90px;}
	.popup a.closePopup{width: 40px; height: 40px; bottom: 20px;}
	.tooltip{padding: 0px 0 0 10px}
	.vegmaharajamac .slice11 .tooltip{padding: 0 0px 0 10px}
}
@media only screen and (max-width:360px) {
	header a.indianBurger img{width: 90px;}
	header a.indianBurger{top: 60px;}
	.firstScreen{padding: 140px 20px 0 20px;}
}