* {word-wrap:break-word;}
img {max-width: 100%; height: auto;}

@media only screen and (max-width : 1388px) {
	.wrapper {width:100%;}
	.jqueryslidemenu ul li a {margin:4px 50px;}
	.footer .cc {position:absolute; right:320px; left:initial;}
	#ys_superbar {width:0px !important;}
	.middle .text-line {background:none; height:auto; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
	.bread-bar .bread-bar-box {width:100%;}
	.bread-bar .bread-bar-box .breadcrumbs {margin-left:10px;}
	.bread-bar .bread-bar-box .fss {right:10px;}
	.navbar {padding-left:10px;}
}

@media only screen and (max-width : 1020px) {
	.jqueryslidemenu ul li a {margin:4px 19px;}
	.middle .specials .items .item a {font:bold 17px Cardo;}
	.footer {height:400px;}
	.footer .cc {right:initial; left:10px; top:200px;}
	.footer .news {right:initial; left:138px; top:200px;}
	.footer .cols .col {width:18%;}
	.item-image {width:100%;}
	.item-order {padding-left:20px; width:100%;}
}

@media only screen and (max-width : 870px) {
	.jqueryslidemenu ul li a {margin:4px 15px; font:bold 16px 'Open Sans';}
	.middle .specials .items .item a {font:bold 16px Cardo;}
}

@media only screen and (max-width : 720px) {
	.jqueryslidemenu ul li a {margin:4px 9px; font:bold 14px 'Open Sans';}
	.middle .specials .items .item a {font:bold 14px Cardo;}
	.jqueryslidemenu ul li {position:initial;}
	.jqueryslidemenu ul li ul {left:0px !important;}
}

@media only screen and (max-width : 450px) {	/* using standard yahoo mobile version*/
	.jqueryslidemenu ul li a {margin:4px 5px; font:bold 11px/25px 'Open Sans';}
}