@media (max-width: 995px) {

p, li { text-align: left }
h1 { margin-top: 50px; margin-bottom: 8px; float: none }
h1 span { margin-left: 6px; display: none }
h1 br { display: none }

#hlava { background: none; margin-top: 7px; border-top: dashed #D1D1D1 1px }
#logo { width: 350px; margin: 0 auto; padding-left: 50px; float: none }
.logo { margin-top: -45px }
.nazev { margin-top: 37px }

.menu { margin: 0 auto; margin-top: 42px; margin-bottom: 7px; padding-right: 10px; padding-bottom: 7px; text-align: center; border-bottom: dashed #D1D1D1 1px; float: none }

.sprite { padding: 0 30px }
.oznameni { padding-top: 100px }
.jidlo { background: url(../img-foto/rozvoz-jidlo-large.png) center top }
.pizza { background: url(../img-foto/rozvoz-pizza-large.jpg) center top }
.burger { background: url(../img-foto/rozvoz-burger-large.jpg) center top }
.kebab { background: url(../img-foto/rozvoz-kebab-large.jpg) center top }
.sushi { background: url(../img-foto/rozvoz-sushi-large.jpg) center top }
.cina { background: url(../img-foto/rozvoz-cina-large.jpg) center top }

#zprava { margin-top: 35px; margin-right: 60px; margin-bottom: 46px; margin-left: 19px }
.zprava { width: 100%; margin-top: 5px; margin-bottom: 0; display: list-item; float: none }
.titulek { margin-top: -6px; margin-bottom: 0; margin-right: 30px; padding: 0; float: none }
.rovnatko { margin-bottom: 40px }
.podminky br { display: none }
.lista { padding: 0; border-left: none }

#boxy { margin-top: -2px; margin-bottom: -30px; padding: 0; text-align: center }
.boxy { width: 250px; margin-bottom: 60px; padding: 0; padding-left: 30px; padding-right: 23px; text-align: left; display: inline-block; float: none }

.deska { height: 100%; padding-bottom: 91px }
.deska h2 { margin: 0 8px }
.deska .klik { margin: 8px 8px }
.panel { width: 100%; padding: 0 8px; float: none }
.nahled { display: none }
.board { height: 100% }
.board h2 { margin-left: 8px }
.board .poznamka { margin-left: 10px }
.board .stisk { width: 80%; margin: 12px 8px; position: static }

#index { margin-left: -37px; margin-bottom: -24px; padding: 0 30px; text-align: center }
.index { width: 195px; margin-bottom: 23px; padding-right: 20px; display: inline-block }
.index .list-a { display: none }
.index img { max-width: 195px; height: auto }
.katalog { width: 195px; margin-bottom: 22px; margin-left: 30px }
.katalog h2 { height: 24px; margin-top: 14px; overflow: hidden; float: none }
.skore { margin-top: 6px; margin-left: 0; float: none }
.adresa { text-align: center }
.adresa strong, .adresa span { display: none }

.zoubky { height: 200px; background: #EFEFEF url(../img-pozadi/listek.png) repeat-x; margin-top: 23px; padding: 11px 0; float: none }
.boxik { width: 195px; float: none }
.tab { width: 150px; margin: 0 auto; background: none; border-top: dashed #CFCFCF 1px; border-bottom: dashed #CFCFCF 1px }
.cenik { line-height: 1.6em }

.start { width: 195px; margin: 0 30px; float: none }
.vyzva { width: 193px; margin-left: 0; display: inline-block }
.telefon { margin-left: 10px }
.cislo { text-align: center; padding-top: 7px }
.mini { margin-top: 7px; padding-left: 0; margin-bottom: 23px; text-align: center }
.seznam { float: none }
.seznam .tlacitko { padding: 12px 40px }

#nadpis { margin-bottom: -64px; float: none }
#navigace { margin-top: 0; margin-left: 30px; float: none }
.navigace { margin-bottom: 45px }
.hodnoceni { margin-top: -2px; margin-left: 27px; float: none }
.vyrovnani { margin-top: 4px; float: none }

#telo { background: none }
.leva { width: 100%; margin: 0 }
.prava { width: 100%; margin-bottom: 30px }
.prava strong { line-height: 1.7em }
.koruna { background: none; padding-left: 29px }
.strom { background: none; margin-right: 30px }
.vyrovnat .koruna { background-color: #FCF8E3; padding: 20px 30px; margin-left: 60px; margin-right: -30px; margin-bottom: 20px; border-top: solid #F2E59A 2px }
.vyrovnat span { margin-right: 0 }
.sluzby { margin-left: 16px; margin-bottom: 30px }
.pic { margin-top: 2px; margin-bottom: 10px; margin-left: 30px; display: block; float: right }
.none { display: none }

.list-e { background: url(../img-pozadi/list.png) repeat-x; margin-bottom: 43px; padding: 5px 0 }

#zuby { margin: 14px 30px; margin-bottom: 50px }
.box { width: 33%; margin-top: 20px }
.linky { height: 66px; background: none; border-left: solid #D1D1D1 1px; border-right: solid #D1D1D1 1px }
.info { margin-top: -5px }

#blok { margin-top: 6px; margin-right: 60px; margin-bottom: 29px; display: inline-block }
.blok { width: 100%; margin-bottom: -10px }
.oznaceni { margin-top: 19px; margin-bottom: 2px }
.text { padding-bottom: 20px; border-bottom: dashed #CFCFCF 1px }
.ikona { display: none }
.konecna { border-bottom: none }

#zlom { background: none; margin-bottom: 72px }
#rozvoz .akce { text-align: left }
.akce { margin-right: 30px; text-align: center }
.akce span { line-height: 1.4em }
.dole { margin: 40px 0; text-align: center; float: none }

.pata-a, .pata-b, .pata-d { width: 178px }
.pata-a { padding-top: 34px; padding-right: 0 }
.pata-b, .pata-d { width: 208px; margin-top: 34px; margin-right: 5px; margin-bottom: 5px }
.pata-c { width: 100%; padding: 19px 0; float: none; clear: left }
.pata-c .hlavni { margin: 0 30px }
.hlavni { margin-top: 3px }
.list li { line-height: 1.3em }
.popis { max-width: 900px; margin: 20px 30px; margin-top: 8px }
.vpravo { display: none }

.bonus { margin-top: 30px; margin-bottom: 16px; margin-left: 51px }

.round-nahore { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0 }

}

@media (max-width: 760px) {

.jidlo { background: url(../img-foto/rozvoz-jidlo-medium.png) center top }
.pizza { background: url(../img-foto/rozvoz-pizza-medium.jpg) center top }
.burger { background: url(../img-foto/rozvoz-burger-medium.jpg) center top }
.kebab { background: url(../img-foto/rozvoz-kebab-medium.jpg) center top }
.sushi { background: url(../img-foto/rozvoz-sushi-medium.jpg) center top }
.cina { background: url(../img-foto/rozvoz-cina-medium.jpg) center top }

}

@media (max-width: 670px) {

.pata-d { display: none }

}

@media (max-width: 615px) {

#logo { width: 100%; padding-left: 0 }
.logo { display: none }
.nazev { margin-top: 23px; text-align: center }
.motto { margin: 0; text-align: center }

#navi { max-width: 280px }
#navi a { padding: 7px 49px }
.menu { margin-top: 17px; padding-right: 5px }
.menu li { padding-left: 5px }
.menu img { max-width: 79px; height: auto }

#zuby { height: 315px; background: none; background: #EFEFEF url(../img-pozadi/zub.png) repeat-x; margin-bottom: 44px }
.box { width: 100%; background-color: #EFEFEF; margin: 0 }
.linky { width: 100%; height: 82px; background: url(../img-pozadi/nuzky.png) center no-repeat; border-left: none; border-right: none }
.info { margin-top: 9px; line-height: 2.1em }
.stred span, .nahore span, .dole span { display: none }
.stred { padding: 15px 0 }
.stred .tlacitko { padding: 12px 17px }

#zlom { margin-bottom: 92px }

}

@media (max-width: 470px) {

.menu img { max-width: 48px; height: auto }

.sprite { padding: 0 15px }
.oznameni { padding-top: 80px }
.jidlo { background: url(../img-foto/rozvoz-jidlo-slim.png) center top }
.pizza { background: url(../img-foto/rozvoz-pizza-slim.jpg) center top }
.burger { background: url(../img-foto/rozvoz-burger-slim.jpg) center top }
.kebab { background: url(../img-foto/rozvoz-kebab-slim.jpg) center top }
.sushi { background: url(../img-foto/rozvoz-sushi-slim.jpg) center top }
.cina { background: url(../img-foto/rozvoz-cina-slim.jpg) center top }

.leva img { max-width: 100%; height: auto }
.pic { margin-left: 30px; margin-bottom: 28px; float: none }

.index { width: 250px }
.index:first-child { margin-top: -53px }
.index img { max-width: 250px }
.index .list-a { left: 30px; margin-bottom: 64px; display: block; position: relative }
.list-e { position: relative }
.katalog { width: 250px }

.boxik { width: 250px }
.tab { width: 178px }

.start { width: 250px }
.vyzva { width: 248px}
.seznam .tlacitko { padding: 12px 68px }

.pata-a, .pata-b, .pata-d { float: none; display: block }
.pata-b, .pata-d { margin-left: 30px }
.pata-b { margin-bottom: 15px }

}

@media (max-width: 350px) {

#zlom { margin-bottom: 112px }

}

@media (max-width: 310px) {

.oznameni { padding-top: 60px }
#zlom { margin-bottom: 128px }

}

/* smakomat.cz */