@media screen and (max-width: 1900px)
{
	#categories-nav .category.category-25.level_0 > .children
	{
		left: inherit;
		right: -100px;
	}
}

@media screen and (max-width: 1450px)
{
	#bottom {table-layout: fixed; height: auto;}
	#bottom img {max-width: 100%;}
	.jshop_list_product .block_product .name a {vertical-align: top;}
	.mainpage .jshop_list_category .row-fluid .category { width: 25%;}
	
	body {overflow-x: hidden;}
}

@media screen and (max-width: 1375px)
{
/*
	header > .wrapper {padding:  0 35px;}
	#categories-nav .wrapper {padding:  0 35px;}
	#slider .wrapper {padding:  0 0 0 35px;}
	#path .wrapper {padding:  0 0 0 35px;}
	#body .wrapper {padding:  0 0 0 35px;}
	*/
} 


@media screen and (max-width: 1300px)
{
	.jshop_filters #moreFilters .filter_characteristic { width: 100%;margin-top: 45px;} 
	.jshop_filters #priceSliderContainer {width: 35%;} 
	.dtable .dcell {width: 50%;}
	.jshop_filters .characteristicBlocks > .dtable > .dcell {padding: 0 20px 0 0;}
	
	topper #top #contacts {max-width: 830px;font-size: 13px;}
	
	#why-us .text {font-size: 13px;}
}    

@media screen and (max-width: 1235px)
{
	topper #top #contacts {max-width: 780px;}
}

@media screen and (max-width: 1200px)
{
	topper #top #contacts {max-width: 740px;font-size: 14px !important;}
	topper #top #contacts .w25.tal {width: 33%;}
	topper #top #contacts .w25.tac {width: 30%;}
}

@media screen and (max-width: 1140px)
{	
	

	topper #top #contacts .w50 {width: 78%;}
	
} 


@media screen and (max-width: 1050px)
{
	footer #foot .blockwrap:nth-child(2) .cell > span > span:nth-child(1),
	footer #foot .blockwrap:nth-child(2) .cell > span > span:nth-child(3) {display: block;}
	footer #foot .blockwrap:nth-child(2) .cell > span.icon-phone,
	footer #foot .blockwrap:nth-child(2) .cell > span.icon-mail,
	footer #foot .blockwrap:nth-child(2) .cell > span > span:nth-child(2) {display: none;}
	topper #top #contacts .open {display: none;}
	topper #top #contacts {max-width: 720px;font-size: 13px !important;}

	#body #content {width: 100% !important;padding: 0 0 0 0 !important;}
	
	#top #account {cursor: pointer}

	topper #top #contacts {width: auto;}
	topper #top #contacts > div {display: table-cell; width: auto; padding: 0 10px 0 0; white-space: nowrap;}
	
	header > .wrapper {padding: 0;}
	
	header #head .table {display: block; text-align: center; margin: 20px 0 0 0;}
	header #head .table .cell {display: block; text-align: center;}
	header #head #logo,
	header #navigation, 
	header #search_box,
	header #navigation .navigations,
	header #navigation .navigations ul {display: table; width: auto; margin: 0 auto; float: none; position: relative; clear: both; height: auto;}
	header #head #logo {margin: 0 auto 10px auto;}
	header #search_box .jshop:after {content: ""; display: block; clear: both;}
	
	#categories-nav {display: table; margin: 0 auto; width: 100%; max-width: 557px; background: none; padding: 20px 0px;}
	#categories-nav .wrapper .menu,
	#categories-nav .wrapper #menu-toggle,
	#categories-nav .wrapper #category-toggle {background: #F87000;}
	
	#categories-nav .wrapper #menu-toggle {border-bottom: 1px solid #fff;}
	
	#categories-nav .wrapper .menu {position: relative;top: -25px;}
	
	#categories-nav #menu-toggle {display: block; cursor: pointer;}
	#categories-nav #menu-toggle span {color: white; font-size: 30px; margin: 0 0px 0 0; padding: 10px; display: inline-block; vertical-align: middle;}
	#categories-nav #menu-toggle span.text {font-size: 20px;padding: 10px 10px 10px 0px;}

	#categories-nav #category-toggle {display: block; cursor: pointer;}
	#categories-nav #category-toggle span {color: white; font-size: 30px; margin: 0 0px 0 0; padding: 10px; display: inline-block; vertical-align: middle;}
	#categories-nav #category-toggle span.text {font-size: 20px;padding: 10px 10px 10px 0px;}
	

	#categories-nav .categoryList {display: block;}
	#categories-nav .category {display: block;}
	#categories-nav .category.level_0 > .children {display: none;}
	#categories-nav .category.level_0:hover > .children,
	#categories-nav .category.level_0:hover > .children > .category {display: block;}
	#categories-nav .category.level_0 > .children,
	#categories-nav .category.level_0 > .children > .category {position: relative !important; width: auto !important; height: auto !important; clear: both; float: none; top: 0 !important; left: 0 !important; right: 0 !important;}
	
	#categories-nav .category.level_0 > .children,
	#categories-nav .category.level_0 > a::after,
	#categories-nav .category.level_0 > a::before {display: none !important;}
	
	#slider .wrapper {padding: 0 20px;}
	#promo-products {padding: 20px;}
	
	#promo-products .sblock40 {width: 49% !important; margin: 0 2% 2% 0 !important;}
	#promo-products .sblock40:nth-child(2n) {margin: 0 0 2% 0 !important;}

	#categories-nav .menu,
	#categories-nav .categories {display: none;}	
	
	.jshop_list_product .sblock40 {width: 32%; margin: 0 2% 2% 0;}
	.jshop_list_product .sblock40:nth-child(4n) {margin: 0 2% 2% 0;}
	.jshop_list_product .sblock40:nth-child(3n) {margin: 0 0 2% 0;}
	
	#categories-nav .menu {height: auto;}
	#categories-nav .menu ul.nav.menu {margin: 0;padding: 0;height: auto;z-index: 1000;}
	#categories-nav .menu ul.nav.menu li {display: block;padding: 0 0 0 0;}
	
	#categories-nav .menu ul.nav.menu li.item-164 {display: none !important;}
	
	#categories-nav .categories {border: 2px solid #F87000;text-align: center;}
	#categories-nav .categories .categoryList .category {border-bottom: 1px solid #F87000;line-height: 30px;}
	#categories-nav .categories .categoryList .category a {display: block;color: #F87000;}
	
	#categories-nav .wrapper {padding: 0 0 0 0 !important;}


	#body #container #left {display: none;}
	
	#why-us,
	#bottom {display: none;}
	
	#slider .wrapper {padding: 0 0 0 0 !important;}
	#promo-products .wrapper {padding: 0 0 0 0 !important;}
	
	.productfull .prod_qty_input {margin-top: 0px !important;}
	
	topper #top #contacts .w50 {width: 73%;}
}



@media screen and (max-width: 1100px)
{	
	

	.flickity-slider .flickity-box {width: 50%;}
	
} 

@media screen and (max-width: 1000px)
{	
	

	topper > .wrapper {padding: 0 20px !important;}
	
} 


@media screen and (max-width: 900px)
{
	#slider {display: none;}
}

@media screen and (max-width: 935px)
{
	#contacts .w25{width: 50%;}
	#contacts .w50 { display: none!important;}
	.jshop_filters .dtable .dcell {width: 100%; float:left;margin-top: 5px;}
	.characteristicMultiSelect .selectableValues {z-index: 999; top: 62px;}
	form[name="searchForm"] {position: absolute; display: block; width: 100%; top: 20px; right: 0; text-align: center;}
	form[name="searchForm"] input {width: 200px; float: none; margin: 0 auto; display: inline-block; height: 30px; line-height: 30px; padding: 0 10px;}
	form[name="searchForm"] label {position: relative; top: 0; left: 0; margin: 0 auto; right: 0; display: inline-block; background: #026db3; color: white; height: 31px; line-height: 31px; margin: 0 0 0 -30px; width: 30px;}
	#filterButtons #resetFilter {    height: 10px;    line-height: 0px;}
	
	.jshop_filters #moreFilters #filterButtons,
	.jshop_filters .dtable .dcell {position: relative; width: 100%; padding: 0 !important; margin: 0 0 20px 0;}
	.jshop_filters {padding: 0;}
	.jshop_filters #moreFilters #filterButtons #resetFilter {margin: 0 auto;}
	
	.jshop_filters .characteristicBlocks {}
	.jshop_filters .characteristicBlocks .dtable {position: relative; width: 435px; margin: 0 auto;}
	.jshop_filters .characteristicBlocks .dtable .dcell {float: none;}
	
	.jshop_filters #priceSliderContainer {width: 100%; margin: 0; padding: 0;}
	
	
	.characteristicBlocks {display: none !important;}
	fieldset.address,
	fieldset.shipping,
	fieldset.payment,
	#orderComment,
	#finishOrderButton,
	fieldset legend,
	fieldset .jshop_register {display: block; width: 100%; position: relative; clear: both; float: none; max-width: inherit;}
	
	topper #top #contacts {max-width: 600px;}
}

@media screen and (max-width: 950px)
{  
	topper #top #contacts {display: none;}
	topper > .wrapper {padding: 0;}
	#cartacc {position: relative; display: table; width: 100%; table-layout: fixed;}
	#cartacc > div {display: table-cell !important; float: none !important; text-align: center !important;}
	#cartacc > div > div {display: block; width: 100%; text-align: center;}
	
	
	#heurekaTableft {display: none !important;}
	
	.wrapper {padding: 0 10px !important;}
	#categories-nav .wrapper {padding: 0 0 0 0 !important;}
}


@media screen and (max-width: 800px)
{  
	.gopayImg{max-width: 100%;}
	.productDetail .productAttributes .attribute.row .label {width: 120px;}
	.productDetail #block_price {font-size: 25px;}	
	.jshop_list_product .block_product .buttons .button_buy {  width: auto;}
	footer #copy {   height: 100px;}
	footer #copy p {  line-height: 25px;}
	.mainpage .jshop_list_category .row-fluid .category { width: 33%;}
	.productDetail .productAttributes {  width: 100%;}
	.productDetail .productImage {   width: 100%;} 
	
	#top #cart.attach-top {display: none !important;}

	
	topper #top #cart span.cartcount ,
	topper #top #account div.wrap {display: table; width: 100%; table-layout: auto;}
	topper #top #cart span.cartcount > span,
	topper #top #account div.wrap > span {display: table-cell !important; float: none !important;}
	topper #top #cart span.cartcount > span:nth-child(1),
	topper #top #account div.wrap > span:nth-child(1) {width: 40px !important; text-align: center !important;}
	topper #top #cart span.cartcount > span:nth-child(2),
	topper #top #account div.wrap > span:nth-child(2) {width: auto !important; text-align: left !important;}
	topper #top #cart span.cartcount > span:nth-child(3),
	topper #top #account div.wrap > span:nth-child(3) {width: auto !important; text-align: center !important; display: none !important;}
	topper #top #cart .cart_detail,
	topper #top #account .account_options {display: none !important;}
	
	.productDetail .productAttributes .attribute.row .cell {padding: 0;}
	.productDetail .productAttributes .attribute.row .label {width: auto !important;}
	
	#path #breadcrumbs ul li a, 
	#path #breadcrumbs ul li span {height: 20px; line-height: 20px;}
	
	.productDetail .productAttributes .jshop_prod_attributes .attribute.row .cell {width: 100%; text-align: center; font-size: 20px; margin: 20px 0;}
	
	#qcCart {display: none;}
}    
 @media screen and (max-width: 765px)
 { 
	#body #content table.cart .jshop_img_description_center {display: none;}
	#body #content table.cart .product_name {display: block; padding: 10px 0;}
	#body #content table.cart td {padding: 0 20px;}
	#body #content table.cart td.single_price {display: none;}
	
	#body #content table.cart td.quantity,
	#body #content table.cart td.total_price,
	#body #content table.cart td.remove {padding: 0; margin: 0; display: block; float: left;
		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	#body #content table.cart td.quantity,
	#body #content table.cart td.total_price {width: 44%;}
	#body #content table.cart td.remove {width: 12%; padding: 0 10px 0 0;}
	
	#body #content table.cart td.total_price .mobile-cart {display: inline-block;}
	#body #content table.cart td.total_price .data {display: inline-block;}
	
	.jshop_img_description_center {display: none}
	
	#body #content table.cart .jshop_img_description_center img {display: none;}
	#body #content table.cart td:first-child, #body #content table.cart th:first-child {border:  none ;}
	#body #content table.cart td, #body #content table.cart th { border:  none ; height: auto;}
	#body #content table.cart td:first-child, #body #content table.cart th:first-child {   border: none; height: 0; }

	#body #content table.cart td,
	#body #content table.cart td * {background: none;}

	.jshop.cart tr {border: none; background: #f7f7f7; padding: 10px; margin: 10px 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	.jshop.cart tr:after {content: ""; display: block; clear: both; padding: 0; margin: 0;}
	.jshop.cart tr.deleteall {border: none; display: none;}
	
	#body #content table.cart .remove img {display: none}
	
	article > div:not(#comjshop) .jshop_prod_cart td:not(:nth-child(1)):not(:nth-child(2)) {display: none}
	.cart .product_name a,
	.cart .product_name a,
	.cart .product_name .list_attribute {position: relative; display: block; float: none; clear: both}
	.jshop_img_description_center {display: none;}


	.jshop_list_product .sblock40 {width: 49%; margin: 0 2% 2% 0;}
	.jshop_list_product .sblock40:nth-child(4n) {margin: 0 2% 2% 0;}
	.jshop_list_product .sblock40:nth-child(3n) {margin: 0 0 2% 2%;}
	.jshop_list_product .sblock40:nth-child(2n) {margin: 0 0 2% 0;}
	
	.productfull .button_back,
	#finish_order a {display: none !important;}
	#body #comjshop h1 {padding: 20px 0 0 0; margin: 0; font-size: 24px !important;}
	.productDetail .productAttributes .wrap {padding: 0 0 20px 0;}
	
	
	.cart_block_discount {margin-bottom: 20px !important;}
	
	#filterForms {display: none;}
	
 } 


@media screen and (max-width: 680px)
{
	
	topper {border-top: 0px;}
	.flickity-slider .block_product {margin: 0 0 0 0 !important;}
	
	.blockwrap.linetop {border-top: 0px !important;}
	.blockwrap.linebottom {border-bottom: 0px !important;}
	
	
	.productDetail .productAttributes .attribute.row .label {width: 80px;}
	.productDetail .productAttributes .attribute.row .cell input {   padding: 0 10px;}
	.mainpage .jshop_list_category .row-fluid .category { width: 50%;}
	#container .w50{width: 100%;}
	
	
	header #head .table .cell:nth-child(2) {display: table; width: 100%;}
	header #head .table .cell:nth-child(2) > div {display: table-cell; vertical-align: middle;}
	header #head .table .cell:nth-child(2) > div:first-child {width: 158px; text-align: center;}
	header #navigation {text-align: center;}
	header #navigation .navigations {position: absolute; top: 40px; left: 0; background: white; padding: 20px; display: none;}
	header #navigation .navigations ul {display: block;}
	header #navigation .navigations ul li {display: block;}
	header #navigation .navigations ul li a {white-space: nowrap; text-align: left;}
	#nav-toggle {display: block; width: 40px; font-size: 30px; margin: 0 auto; padding: 0 10px; text-align: center; cursor: pointer;}
	
	header #search_box .control-group {float: none;}
	header #search_box .control-group.category {display: none;}
	header #search_box .control-group.button,
	header #search_box .control-group.button label {position: absolute; margin: 0; padding: 0; top: 0; right: 0;}
	header #search_box .control-group.button label {right: 0px; height: 40px; line-height: 40px; width: 40px;}
	header #search_box form,
	header #search_box .jshop,
	header #search_box .control-group,
	header #search_box .control-group .controls,
	header #search_box .control-group input[type="text"] {width: 100%; display: block; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
    header #search_box .control-group input[type="text"] {padding: 0 10px;}
    header #search_box form {padding: 0 0px 0 0px;}
    
    #categories-nav {display: block; width: auto; max-width: 100%;}
    
    footer #copy p {height: auto;font-size: 13px;padding: 0px 20px;}
    footer #foot .blockwrap:nth-child(1) .table {display: block;}
    footer #foot .blockwrap:nth-child(1) .table .cell:nth-child(1),
    footer #foot .blockwrap:nth-child(1) .table .cell:nth-child(2) {display: block; width: 100%; margin: 0 0 40px 0; padding: 0; float: left;text-align: center}
    footer #foot .blockwrap:nth-child(1) .table .cell:nth-child(3) {display: block; width: 100%; margin: 0; clear: both;text-align: center}
    
    footer #foot .blockwrap:nth-child(2) .cell,
    footer #foot .blockwrap:nth-child(2) .cell > span > span,
    footer #foot .blockwrap:nth-child(2) .cell > span {display: block; clear: both; text-align: center;}
    
    footer #foot .gopay-icons img {max-width: 100%;}
    
    fieldset.shipping td label,
    fieldset.shipping td p,
    fieldset.shipping td a,
    fieldset.shipping td span,
    fieldset.payment td label,
    fieldset.payment td p,
    fieldset.payment td a,
    fieldset.payment td span {font-size: 12px !important; height: auto !important; line-height: 20px !important; vertical-align: baseline;}
    
    fieldset.payment td {display: table; margin: 0 0 10px 0;}
    fieldset.payment td > * {display: table-cell; vertical-align: middle;}
	fieldset.shipping td {display: table; margin: 0 0 10px 0;}
    fieldset.shipping td > * {display: table-cell; vertical-align: middle;}
    
    #table_shippings .shipping_descr p {margin: 0 0 0 5px;}
    
    .zoomContainer, .productDetail .productImage .image_middle #productFullImage {pointer-events: none !important}
    
    .flickity-slider .flickity-box {width: 100%;}
}
@media screen and (max-width: 565px)
{
	topper #top #account {width: 40%;}
	topper #top #cart{ width:40%;margin-right: 20px;}
	footer #foot h3{  font-size: 15px !important;}
	footer #foot p{  font-size: 13px !important;}
	footer #foot .dtable .dcell {padding: 0 0 0 0;    width: 50%;    float: left;   margin-bottom: 20px;}
	footer #copy {   height: 100px;}
	footer #copy p {  line-height: 25px;}
	.w25 { width: 50%;margin-bottom:5px;}
	.w50 { width: 100%;}
	.mainpage .jshop_list_category .row-fluid .category { width: 50%;}
	.row-fluid [class*="sblock"] { width: 100%;margin-top: 10px!important;}
	header #head #logo img {width: 180px; height: auto}
	
	.jshop_filters .characteristicBlocks .dtable {width: 100%;}
	.jshop_filters .characteristicBlocks .dtable .dcell {position: relative; display: block; float: none; clear: both; margin: 0 0 20px 0;}
	.characteristicMultiSelect {position: relative; display: table; margin: 0 auto; cursor: pointer;}
	.characteristicMultiSelect .selectTitle {text-align: left; display: block; padding: 5px 2px;}
	
	.characteristicMultiSelect:hover .selectableValues, 
	.characteristicMultiSelect.hover .selectableValues {display: block; width: 350px; margin: 0 0 0 -75px;}
	.characteristicMultiSelect .selectableValues .col {position: relative; display: block; width: 50%; margin: 0; padding: 0; float: left;}

	#body #content .pagelogin .span6 {position: relative; display: block; margin: 0 0 40px 0; width: 100%; padding: 0; float: none; clear: both;}
	
	.client-type-selection td:first-child {display: none;}
	.client-type-selection,
	.client-type-selection td {display: block; width: 100%; text-align: center; white-space: nowrap;}
	
	#show_delivery {white-space: nowrap;}
	
}

@media screen and (max-width: 500px)
{
	#promo-products .sblock40 {width: 100% !important; margin: 0 0 20px 0 !important;}
	#promo-products .sblock40:nth-child(2n) {margin: 0 0 20px 0 !important;}
	
	.jshop_list_product .block_product .name a,
	.jshop_list_product .block_product .name {height: auto; display: block;}
	.jshop_list_product .block_product .name {margin: 0 0 20px 0;}
	
	.productDetail .prod_buttons .buttons .infoEvents > .cell {display: block; text-align: center !important; padding: 0 0 10px 0; margin: 0;}
	
	.jshop_list_product .form_sort_count {margin: 0 0 0 0 !important;}
	.jshop_list_product .form_sort_count .control-group {margin: 0 0 0 0 !important;}
}

@media screen and (max-width: 460px)
{
	.mainpage .jshop_list_category .row-fluid .category { width: 100%;} 
	.jshop_register .control-group .controls input[type="text"], 
	.jshop_register .control-group .controls input[type="password"],
	.jshop_register .control-group .controls select {width: 150px; padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	
	.productDetail .prod_buttons .buttons .button {font-size: 0; text-align: center; padding: 0 5px;}
	.productDetail .prod_buttons .buttons .button span {display: inline-block; float: none;}
	.productDetail .prod_buttons .buttons .button:after {content: "Do košíku"; font-size: 14px; display: inline-block; vertical-align: middle;}
}
@media screen and (max-width: 350px)
{
	.jshop_filters #priceSliderContainer {padding: 0 0px;}
	.jshop_filters #priceSliderContainer .prices > span {font-size: 12px;}
}






@media screen and (max-height: 800px)
{
	#tabulkaVelikosti .modalWindowContent {height: 500px;}
}

@media screen and (max-height: 600px)
{
	#tabulkaVelikosti .modalWindowContent {height: 300px;}
}