@media all and (max-width:1070px) {
.mm_vlajka {background-repeat:no-repeat;background-position:center !important}
.cs_vlajka {background-image:url("../images/ceska_vlajka2.png") !important}
.sk_vlajka {background-image:url("../images/slovenska_vlajka2.png") !important}
.en_vlajka {background-image:url("../images/britska_vlajka3.png") !important}
.nomobile {display:none}
.ms-postcontent {display:block !important}
.DealListPage {display:block !important;padding:7px 0 !important}
.DealListPage #clanok {clear:both}
h3 {text-align:center !important}
#prempopup>div{left:10px}
.promo5a {left:0 !important;font-size:14px}
.promo5 {left:0 !important}
#bannerwrapper {width:100% !important}
body {overflow:scroll}
#payoptions {text-align:center}
#variants {padding:0 10px}
#zoradit_cena+label {padding:5px 0}
}
@media all and (max-width:1010px) {
	#pop_end {width:498px !important;margin-left:-260px !important}
}
@media all and (max-width:999px) {
.variant_close, .kalendar_close {padding: 0 0 10px 10px}
#ui-datepicker-div {width:290px !important}
#ui-datepicker-div table td span, #ui-datepicker-div table td a {padding:10px !important}
body {overflow:scroll !important}
.titled+p+ul{padding-left:10px}
.ms-block,.rightfixbox{padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important}
.acymailing_module,.acymailing_form,.ms-blockheader{width:100% !important}
.SideDealImage+.ms-button-wrapper {left:50% !important;margin-left:-30px !important}
.ms-layout-cell {display:block !important}
.acymailing_fulldiv {margin:0 auto !important}
#variant_strankovanie {position:relative !important}
.ms-footer-text {top:0 !important}
#pop_variant {position:absolute !important}
#uputavacia_sipka, #uputavacia_sipka2, #flags, .ms-header  {display:none}
#mobile-header {display:block}
.ms-top {width:100%;padding-bottom:2px}
#consent>div {width:auto !important;line-height:16px; text-align:justify}
#consent>div>b {position:relative !important}
#mobile_desktop {display:block;padding:15px 10px}

h3, h4 {width:auto !important}
#system-message dd {text-indent:0 !important}

#mobile-header {background:#fff;padding-bottom:10px}
#mobile-header>div {padding:5px 10px;color:#fff}
.mheader1 {height:40px;background:#fff}
.mheader1>div {width:83px;margin-bottom:1px;height:38px;background:url("../images/logo_cnd_m2.jpg");float:left}
.mheader1>p {float:right}
.mheader1 b{display:inline-block;width:33px;height:30px;padding:5px}
.mheader1 b>i, .vyhladavanie b i {display:inline-block;width:33px;height:30px;padding:0;background-image:url("../images/icons.png")}
#m_lupa i, .vyhladavanie b>i{background-position:-33px 0}
#m_user i {background-position:-66px 0}
#m_menu i {background-position:-99px 0}
#m_fb_login i {background-position:-132px 0}
#m_g_login i {background-position:-165px 0}
#m_languages i {background-position: -197px 0}
.flags_on {position:relative !important;width:100%;text-align:center;left:0 !important;margin-top:-10px}
.flags_on>div {padding:10px;background-color:#eee;display:inline-block;float:none;background-position:center;background-repeat:no-repeat}
.mob-exit {background-position:0 0 !important;background-image: url("../images/icons.png") !important}
.vyhladavanie {display:none}
.vyhladavanie  form {display:table;width:100%;border-collapse:collapse}
.vyhladavanie input, .vyhladavanie b {display:table-cell}
.vyhladavanie b {width:23px;height:20px;padding:0px 10px 0px 10px;background:#e78907}
.vyhladavanie b i {vertical-align:-11px;width:29px !important}
.vyhladavanie input {width:100%;height:28px;padding-right:0 !important;padding-left:0 !important}
.mheader2 {background:#404040;line-height:40px;overflow-x:scroll;display:none}
.mheader2 ul li {display:inline-block;padding-right:22px}
.mheader2 ul li a, .mheader2 ul li a:visited {color:#eee;text-transform: uppercase;font-weight:bold;text-decoration:none}
.mheader2 ul {width:870px}
.mobilemenu {display:none;padding:0 !important;margin:0;list-style:none;color:#fff}
.mobilemenu li{border-bottom:1px solid #888;line-height:46px;padding-left:10px;vertical-align:middle;background:#333;font-weight:bold;text-transform:uppercase;cursor:pointer}
.mobilemenu a, .mobilemenu a:visited {color:#eee;text-transform:uppercase;font-weight:bold;text-decoration:none;width:100%;display:block}
#m_user a {display:block}

#com-form-login {width:auto !important;left:0 !important}
#com-form-login-username, #logreg {width:auto !important}
#com-form-login table {margin:10px 0 0 0 !important;width:auto !important}
.loginwrapper {float:none !important;margin:30px auto;max-width:100%;width:640px}
.logintitle {margin-left:12px !important;float:none !important}

.rightcontent img {height:auto}

.avatar img {}
div.ms-header {max-width:1000px;width:auto}
.ms-sheet {max-width:1000px;width:auto}
div.ms-header-png {max-width:1000px;width:auto}
.ms-footer{max-width:1000px;width:auto}
#ms-page-background-top-texture,#ms-page-background-middle-texture,#ms-page-background-glare{display:none}
#ComponentHomepage {max-width:1000px;width:100% !important}

.ms-sidebar2 {display:block !important;width:100% !important}
.dealimg, .dealimg img, .dealtext_container{max-width:100%;width:444px}
.deal_subtext {position:relative;margin-top:15px}
.dealline {height:auto !important}
.dealline script+.dealbox {margin-top:25px !important}
script+h2.apollo_title {margin-top:15px !important;margin-left:0 !important}
.dealbox {margin:10px auto 30px auto !important;width:444px;max-width:100%;float:none !important;height:auto !important}
#ms-main {overflow:hidden}
.ms-top {float:left !important;background:#fff}
.ms-top>div {height:auto !important;width:100% !important}
.ms-top>div>div {width:auto !important}

.rounded_wrapper {max-width:100%;height:auto !important}
.rounded_wrapper>img {max-width:100%}
._fblike {width:auto;overflow-x:scroll}
#leftcol, #leftcol img {max-width:100%}
#leftcol {padding-left:0 !important;padding-right:0 !important;width:auto !important}
.buybox {float:none !important;}
#buybox1 { background-color:#37BB37 !important;background-image: none !important;height: 86px !important;    width: 242px !important;padding-top:4px !important}
.buybox #buy {margin-right:18px !important}
.payment {top:-4px;left:14px}
#zaco {margin-left:75px !important}

#u_0_0 {width: 100% !important}
.fb-like.fb_edge_widget_with_comment.fb_iframe_widget, .fb-like.fb_edge_widget_with_comment.fb_iframe_widget > span, .fb-like.fb_edge_widget_with_comment.fb_iframe_widget > span > iframe {width: 100% !important;height: auto !important}

.ms-footer {position:relative;margin-left:0;left:0;height:auto;margin:15px 0 0 0}
.menu_dolne>li {display:block !important;background:transparent !important;float:none !important;padding:0 !important}
.menu_dolne a {display:block;line-height:46px !important}
.ms-footer-t {height:auto}
.ms-footer-b {margin:0;padding-left:10px;height:auto}
#webutation-badge {position:relative;left:0;top:0;float:none}
div.ms-footer img  {display:none}
#copyr {position:relative;left:0}

#rightcol {width:100% !important;padding-left:0;padding-right:0}

#calmod>div {margin:0 auto}
#map_canvas {left:0 !important;float:none !important;margin:0 auto}

.DealListPage , #DealListingComponent{width:100% !important}

.valuebox, .timebox {float:none !important}
.rightdescript {padding-left:0 !important;padding-right:0 !important}
#description p img {display:block;margin:0 auto}
.titled {margin-top:10px !important;text-align:center !important}

#zostan {width:100% !important;left:0 !important;top:0 !important;position:relative !important}
#zostan>div {width:auto !important}

.rightfixbox .buybox {margin:0 auto !important;float:none !important}

#boxes {width:485px !important;margin:0 auto !important}

.deal_subtext {margin-left:0 !important;margin-top:3px !important;background:#fff;padding:5px;border-radius:5px}

#ShoppingCart {margin-left:0 !important;margin-right:0 !important;max-width:99%;height:auto !important}
#DeliveryDetails {margin-left:0 !important;margin-right:0 !important;max-width:99%;height:auto !important}
#DeliveryDetails>div, #DeliveryDetails>span {margin-left:0 !important;padding-left:0 !important}
#DeliveryDetails table {width:100% !important;left:0 !important;top:0 !important}
#comment {width:auto !important}
#Order_Information {margin-left:0 !important;margin-right:0 !important;max-width:99% !important;height:auto !important}
.line2, .line {float:none !important;width:100% !important;min-height:40px;height:auto !important}
.bottom {width:auto !important}
.dealname, .price {width:48% !important;}
.qty, .total {width:48% !important}
.qty {clear:left;margin-left:0 !important;margin-right:0 !important}
.dealname {height:auto !important;padding-left:0 !important}
.dealname>div {padding-left:10px}
.price {margin-top:20px}
.green_button {width:100%;text-align:center}
.green_button>span {display:inline-block !important;width:100px;float:none !important}

#OrderList {max-width:100%;border:0 !important}
#OrderList>div.top {overflow-x:scroll;width:100%}

#login {width:100%}
#login .contentpane {width:100%;margin:0}

#instruction_table {width:100%;max-width:100%}
#instruction_table #vs1 {display:block}
#instruction_table #vs2 {display:none}

.information .avatar {}

h1.apollo_title {font-size:20px !important;}

.obr250 {text-align:center}
#ComponentHomepage>div, #ComponentHomepage>h1 {margin-left:0px !important}
.ms-top>div>div, h1.apollo_title, h1.apollo_title+div.popis, h2.apollo_title+div.popis, #titlediv>h1, #titlediv>div, #description , #terms, #user-registration, .titled+div {padding-left:10px !important;padding-right:10px !important;width: auto !important}
.titled {padding-left:0 !important;padding-right:0 !important}
#DealListingComponent .box {margin:6px 3px !important;max-width:100%;max-width:calc(100% - 6px);box-sizing:border-box}
body {min-height:100%}
.menu_dolne {margin:0 !important}

.podfarb1,.podfarb1+p, #calmod+p {text-align:center !important}
#leftcol .podfarb1 {background-color:#ffda9b}

.mapa_vypnut {background:red;width:40px;height:40px;line-height:37px;text-align:center;color:#fff;position:absolute;top:5px;right:5px;border-radius:20px;vertical-align:middle;font-weight:bold;font-size:30px;cursor:pointer;z-index:1000}

#pop_up1+p+p+div+div+div{position:relative;top:0;left:0;width:100%}
#reklama {text-align:center}
/*#reklama img {margin:0 !important} */
#reklama+p+p {padding:0 10px}
#reklama2 {display:table; margin: 0 auto}

.deal_subtext {height:20px}
.deal_subtext>span {position:absolute;top:6px;float:none !important;left:150px}
.subtext_d {left:5px !important}
.subtext_h {left:120px !important;margin-left:0 !important}
.dealline>div+script+div .dealimg img {position:relative;top:-5px}

#ShoppingCart2 {max-width:100%;box-sizing:border-box;margin-left:0 !important}
#ShoppingCart2 .apollo_info {box-sizing:border-box}
}

@media all and (max-width:744px) {
.rankbox {margin:10px 0; display:none}
.valuebox {margin:10px 0; display:none}
.leftcontent {max-width:238px;width:auto;margin:0 auto !important;float:none !important}
.medzera {float:none;height:0px !important}
.leftcontent .column {width:100% !important}
.leftcontent .column>div {width:100%;float:none !important}
.rightcontent {max-width:496px;width:auto !important;margin:0 auto;float:none !important}
.desktoponly {display:none;}

#boxes {max-width:100% !important;margin:0 auto !important}


#DealListingComponent .box .atitle a  {height:auto !important}
}

@media all and (max-width:610px) {
#pop_up {max-width:100%;margin-left:0 !important;left:0 !important;width:100%;box-sizing:border-box}
#pop_up form, #nastupd {overflow-x:scroll}
#reservation_form input {width:290px;padding:6px 3px}
#reservation_form select {height:30px}
#reservation_form button.od {padding:7px 30px}
#nastupd {width:100%;height:250px}
#nastupd+div {right:-2px !important}
.cal, .cal tbody, .cal tr {max-width:100%;display:block}
.zobrazene {display:block !important}
.cal tr td {display:block !important;width:100%}
.cal textarea {max-width:100% !important;box-sizing:border-box}
#captchahere {max-width:100% !important}
.pocetdosp {width:50%;box-sizing:border-box;padding:0 32px 0 0;text-align:right;margin:0 !important}
.pocetdeti {width:50%;box-sizing:border-box;padding:0 0 0 32px;text-align:left;margin:0 !important}
.sirka3 {width: 610px !important}
#modlgn-username+button {margin:10px 0 0 0 !important;display:block}
}

@media all and (max-width:530px) {
.pop_up {padding:10px 0 !important}
.a1 {width:auto;padding-right:5px}
.a4 {vertical-align:top}
.a1, .a2, .a4, .a5 {float:none !important;display:table-cell}
.a1, .a2, .a5 {float:none !important;display:table-cell;vertical-align:middle}
.a1 {min-width:80px}
.pop_up {max-width:100%;left:0 !important;margin-left:0 !important;height:auto !important}
.promo5a{font-size:13px;line-height:1.2}
.promo7{font-size:12px}
.a1_seda {font-size:16px !important}
.variant_close {right:-2px !important;top:-13px !important}
.kalendar_close {right:-2px !important;top:-4px !important}
#variant_strankovanie > button {}
#variant_zoznam_stran {max-width:100%}
#pop_up #sem {height:30px}
#pop_up .od+p {margin-top:20px}
}

@media all and (max-width:542px) {
	.pop_up2 {padding:10px 0 !important}
	.pop_up2 {max-width:100%;left:0 !important;margin-left:0 !important;height:auto !important}
}

@media all and (max-width:500px) {
#dospeli, #deti {margin-left:0 !important}

.information .avatar {width:100% !important;height:auto !important}
.ms-footer-b>p>a {font-size:16px !important}
.contentpane td {padding:0 !important}
#reg_forgot {padding-left:10px !important}
.loginbuttonwrap {margin-left:0 !important}
.okbuttonwrap {float:none !important;display:block}
#username {width:180px !important}

.box, .information, .bottom {height:auto !important}
.information {width:100%}
.value {margin:-5px 0 10px 5px}
.avatar img {min-height:180px}
.value .top {border-radius:0 !important}
.apollo_info_cena {border-radius:0 0 5px 5px !important}

#promoform>div {left:0 !important}
#promoform input {width:auto !important}
.fancybox-skin {padding:5px !important}
}

@media all and (max-width:460px) {
.dealbox {width:auto !important}
.dealimg, .dealimg img {height:auto}
.dealtext_container {display:block !important;position:absolute;top:0 !important;height:100%;background:transparent}
.dealbutton {position:absolute;top:0;right:0;line-height:31px}
.dealbutton2 {display:none}
.dealtext {font-weight:normal !important;width:auto !important;font-size:14px;border-radius:0 0 5px 5px;bottom:3px;position:absolute;background:#222;opacity:0.9;padding:5px 2px;line-height:1.1;height:auto !important;display:block !important}
.subtext_h {margin-left:30px}
#DeliveryDetails table input {width:150px}
#Order_Information .termcon {width:80%}
#variant_cena {margin-right:5px !important}
}

@media all and (max-width:400px) {
.ms-postcontent table img {margin:0 !important;height:auto}
select {max-width:90%}
.a2 {font-size:12.4px}
}

@media all and (max-width:370px) {
#promoform input[type="text"] {width:120px !important}
#promoform input[type="submit"] {width:auto !important}
}

@media all and (max-width:332px) {
.mheader1>div {width:60px;height:24px;background-size:cover;margin-top:8px}
}

@media all and (max-width:296px) {
#promoform input[type="text"] {width:90px !important}
.mheader1>div {display:none}
}

@media only screen and (max-width: 686px){
#news-view .valtable td {width:auto !important}
#news-view .rightpart {height:auto !important;padding-left:5px}
#news-view .valtable .avatarobr {border-radius:8px 8px 0 0 !important}
#news-view .apollo_info_cena{font-size:12px}
#news-view .valbox {overflow:hidden;width:172px}
#news-view .information {max-width:100% !important}
}

@media all and (max-width:536px) {
	#pop_end {width:calc(100% - 10px) !important;left:0 !important;margin-left:5px !important;box-sizing:border-box;padding:10px !important;margin-top:45px}
	#pop_end .box {margin:10px 0 !important}
}

@media only screen and (max-width: 500px){
#news-view #horny_banner {width:30% !important}
#news-view #horny_banner img {width:100px}
#news-view #horny_banner_p {font-size:12px;margin-left:5px !important}
#news-view .valtable td:first-child{width:30% !important;font-size:12px;padding-right:5px}
#news-view .valtable .avatarobr {width:133px !important;height:auto !important}
#news-view .apollo_info_cena{font-size:12px}
#news-view .valbox {width:133px !important}
#news-view .information {width:auto !important}
#news-view .top1, #news-view .top {height:auto !important}
}
@media only screen and (max-width: 400px){
#news-view .valbox {width:100% !important;overflow:hidden}
#news-view #horny_banner {width:20% !important}
#news-view #horny_banner img{margin-top:12px !important}
#news-view .valtable td:first-child{width:80px !important}
#news-view .top1, #news-view .top, #news-view .bottom, #news-view .cz {font-size:12px !important}
}

@media all and (max-width:370px) {
#ShoppingCart2 .apollo_info dt {width:270px}	
}