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

    html {
        background-size: auto;
    }
    body {
        background-size: auto;
    }

    #prevProduct2,
    #nextProduct2 {
        display: none !important;
    }

    div#itemsPanel {
        text-align: center;
        color: #f5f5f5;
        font-size: 6px;
    }
    div#itemsPanel a,
    div#itemsPanel span {
        display: block;
        margin-right: 0px;
        margin-left: 0px;
        font-size: 13px;
    }


}



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

    .paticka-obsah {
        width: 100%;
    }

    div#article.main h3 {
        padding: 0px 5px;
    }

    #top .container {
        width: 97.5%;
        margin: 0 auto;
        position: relative;
        box-sizing: border-box;
    }
    #top-categories {
        display: none;
    }

    #top #topBottom button.menu-button:after {
        display: none;
    }
    #top #topBottom button.menu-button {
        background: #3a3a3a !important;
        background-image: none;
        //display: inline-block;
        border: none;
        padding: 3px 12px 3px 12px;
        float: left;
        border-radius: 5px;
        position: relative;
        float: right;
        width: auto;
    }

    #topmenu, 
    #site {
        max-width: 1185px;
        min-width: 0px;
        width: 97.5%;
    }
    #layout-footer-in {
        width: 97% !important;
    }

    #left, 
    #fontSet {
        display: none;
    }
    
    #rotb-bg #rotateBanner, 
	#article #rotateBanner {
		width: 100%;
		padding-top: 40.5%;
	    height: 40.5%;
	}

    ul#loginmenu.odkazy li:first-child {
        //display: none;
    }

    #topmenu .odkazy {
        max-width: 85%;
    }

    div#kontakt-top {
        display: none;
    }
    #top {
        position: relative;
    }
    div#topRight {
        width: 61%;
        margin-top: 45px;
        float: left;
    }
    div#topLeft {
        float: left;
        width: 263px;
        padding: 10px 0;
        margin-right: 0px;
    }

    #topLeft img.logo {
        min-height: 90px;
        max-height: 90px;
    }

    #top .basket#basketHeadPrice {
        width: 36%;
        margin-top: 0px;
        height: 38px;
        line-height: 38px;
    }

    #top form.search_form {
        width: 59%;
        padding-left: 0px;
        background: #fff;
        margin-top: 0px;
        margin-left: 5%;
    }
    .autocomplete-w1 {
        margin: 0 0 0 -1px;
    }

    #topBottom  {
        display: inline-block;
        float: right;
        width: 10%;
        background: transparent;
        margin-bottom: 0;
        margin-top: 45px;
    }

    #article div#layout-nav {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    #article div#layout-nav a,
    #article div#layout-nav h2 a,
    div#layout-nav a,
    div#layout-nav h2 a  {
        font-size: 16px;
        font-weight: normal;
        color: #585858;
        line-height: 28px;
        height: 28px;
        background-position: left 2px;
    }

    /*---*/

    #article {
        width: 100% !important;
        float: none;
        clear: both;
        margin: 0px auto !important;
    }

    div#itemsPanel {
        display: none;
    }
    .resp-paticka #itemsPanel {
        display: block;
        position: inherit;
    }

    .resp-paticka#panel-line {
        display: block;
    }
    
    .resp-paticka#option-line {
        display: block;
        border: 0px !important;
	    background: #cacaca;
	    padding: 2%;
	    width: 96%;
	    float: left;
    }
    
    .resp-paticka#option-line form {
        float: right;
    	margin-top: 11px;
    }
    
    .resp-paticka#option-line form select {
        margin-left: 5px;
    }
    
    #resp-search {
    	display: block;
    }
    
    div#layout-footer-in {
   		text-align: center;
    }
    
    #topmenu-bg #topmenu .odkazy#mainmenu li a {
        font-size: 11px;
    }
    #resp-menu {
        padding: 0px;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }


#resp-menu ul#mainCategory > li > ul {
	display: none;
}


/*---*/


}



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

    #topmenu-bg #topmenu .odkazy#mainmenu li a:after {
        content: "|";
        margin-left: 4px;

    }
    #topmenu .odkazy li {
        margin-right: 4px;
    }

    a#hs-basket-buyit,
    a#hs-basket-next,
    a#hs-basket-yes {
        background-position: 96% 11px;
    }

    /*---*/

    #paticka .blok.kontakt {
        display: none;
    }
    #paticka .blok.odkazy {
        width: 50%;
    }
    #paticka .blok {
        width: 50%;
    }
    #paticka .blok:nth-child(3) {
        clear: both;
    }
    #paticka .blok.banner-pat {
        width: 74%;
        border-left: 0px solid #ccc;
        border-right: 0px solid #ccc;
    }

    /*---*/

    #colorbox {
        left: 5% !important;
        width: 90% !important;
    }
    #colorbox #cboxWrapper {
        width: 100% !important;
    }
    #colorbox #cboxLoadedContent {
        width: 100% !important;
    }

    .cboxPhoto {
        box-sizing: border-box;
        max-width: 60% !important;
        max-width: 90% !important;
        width: auto !important;
        max-height: 90% !important;
        height: auto !important;
        margin-top: 0% !important;
        padding-top: 40px;
    }

	div#article.main ul#dsp1.catalogue-ul li div.catalogue-info {
		width: 50%;	
	}
	div#article.main ul#dsp1.catalogue-ul li div.catalogue-bl-p {
		width: 50%;		
	}
	div#article.main ul#dsp1.catalogue-ul li div.catalogue-buy {
		width: 100%;
	}
}



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

	.shopsunTermsInfo {
    	right: 42px;
    	bottom: 80px;
	}

    #topmenu-bg #topmenu .odkazy#mainmenu li a {
        font-size: 9px;
    }

    /*#top form.search_form {
        display: none;
    }*/
    div#topLeft {
        width: 30%;
    }
    div#topRight {
        width: 60%;
    }
    #top .basket#basketHeadPrice {
        width: auto;
    }

    #topmenu .odkazy li {
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
    }

    #top #basketHeadPrice.basket {
        font-size: 22px;
    }

    div.catalogue-line form div#sDsp_msdd {
        display: none;
    }

    /* 4 > 3 */
    div#article.main ul#dsp4.catalogue-ul li {
        width: 30.3%;
    }
    div#article.main ul.catalogue-ul li {
        margin-right: 1.5%;
        margin-left: 1.5%;
    }

    table.catalogue-tab tr td.catalogue-td2 {
        width: 16%;
    }
    table.catalogue-tab tr td.catalogue-td6 {
        width: 24%;
    }

    /*---*/

    .detail-left {
        width: 45% !important;
    }

    ul.bookmark li:first-child {
        margin-left: 0px;
    }
    ul.bookmark li  {
        margin-right: 0px;
        min-width: 110px;
        float: none;
        display: inline-block;
    }
    ul.bookmark li a {
        padding: 10px 10px;
    }
    ul.bookmark li.active a, ul.bookmark li.active a:visited, ul.bookmark li a:hover {
        top: -2px;
    }
    /*---*/

    #article form.eshop-f {
        width: 100%;
    }
    #article form.eshop-f#usercontact-f,
    #article form.eshop-f#order-f {
        padding: 3% !important;
        padding-top: 2.2% !important;
        padding-bottom: 4% !important;
    }

    ul.order-menu li.active a span.order-menu-name,
    ul.order-menu li.active a span.order-menu-names {
        font-size: 15px !important;
    }

    body#fakturacni-udaje-objednavky form table,
    body#objednavka form table {
        right: 0%;
    }

    /*---*/

    .qtip {
        /*margin-left: -270px;*/
        margin-top: 13px;
    }


}



@media screen and (max-width: 768px) {
	
	.basket-td-image {
	display: none !important;
}
	
	#rotateBanner {
	    padding-top: 40.45% !important;
    	height: 40.45% !important;	
	}
	
    ul.bookmark li.active a, ul.bookmark li.active a:visited, ul.bookmark li a:hover {
        top: 0px;
    }

    html {
        background: none;
    }

    #login-btn {
        background: transparent;
        text-align: center;
        border: 0px;
    }
    #login-btn:before {
        content: "\f007";
        top: 0px;
        left: 0px;
        width: auto;
        height: auto;
        display: inline-block;
        font: normal normal normal 37px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #3a3a3a !important;
        font-size: 37px;
    }
    #basket-btn {
        position: relative;
    }

    #top .basket:after {
        background-image: url('{hs:tplPath}/images/basket-icon.png');
        transform: scale(.8);
        position: absolute;
        top: 0px;
        right: 3px; 
    }
    #basket-btn:after {
        background-image: url('{hs:tplPath}/images/basket-icon.png');
        transform: scale(.8);
        position: absolute;
        top: 0px;
        right: 3px;  
    }
    #basket-btn {
        border: 0px;
    }
    #boxesHome .box {
        width: 100%;
    }

    span.basketItemsCount {
        display: none;
    }
    #topmenu-bg {
        display: none;
    }
    html {
        background-position: top center;
    }
    body {
        background: transparent;
    }

    #top {
        border-bottom: 0px;
        display: inline-block;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    div#topLeft {
        padding: 0px;
        width: 38%;
        margin-right: 0px;
    }
    #topLeft img.logo {
        min-height: 70px;
        max-height: 70px;
    }

    div#topRight {
        width: 50%;
        margin-top: 0px;
    }

    #flags-top, 
    #topRight .basket,
    #topRight form.search_form {
        display: none;
    }

    #slider a.slide {
        width: 50% !important; 
    }

    #resp-top {
        display: block;
    }
    #resp-top .basket {
        display: inline-block;
    }

    #topBottom {
        display: block;
        width: 10%;
        height: 44px;
        margin: 0;
        padding: 0;
        border-radius: 0px;
        margin-top: 12px;
    }

    #top #topBottom  .menu-button span {
        width: 28px;
        margin: 7px 0;
    }
    #top #topBottom  button.menu-button:after {
        content: "";
    }

    #topBottom {
        display: block;
    }
    
    #topBottomSearch {
    	display: block;
		width: 100%;
		padding: 0;
    }
    
    #topBottomSearch form.search_form {
    	margin: 0;
    	margin-top: 10px !important;
    	width: 100% !important;
    }

    #resp-menu {
        padding: 0px;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    #resp-menu #mainmenu {
        display: block;
    }

    #article div#layout-nav {
        margin-bottom: 20px;
        border-bottom: 1px solid #e5e5e5;
    }

    #article div#layout-nav,
    div#layout-nav {
        
        padding-top: 1%;
        background: #f5f5f5;
    }

    /* katalog */

    div#article.main ul.catalogue-ul {
        padding: 0px !important;
    }

    /* 4 > 2 */
    div#article.main ul#dsp4.catalogue-ul li {
        width: 46%;
    }
    div#article.main ul.catalogue-ul li {
        margin-right: 1.5%;
        margin-left: 1.5%;
    }
    /* 3 > 2 */
    div#article.main ul#dsp3.catalogue-ul li {
        width: 46%;
    }
    div#article.main ul#dsp3.catalogue-ul li {
        margin-right: 2%;
        margin-left: 2%;
    }

    /* detail */

    #detail-right {
        width: 100% !important;
    }
    .detail-left {
        width: 100% !important;
    }

    div.detail-name h1 {
        font-size: 24px;
    }
    div#article.main h3.nextItems {
        font-size: 22px;
    }

    div#tab-spec div.spec span.spec-item {
        width: 40%;
        margin-left: 2.5%;
    }
    div.itemType {
        left: 0;
        top: 100%;
        margin-top: 0px;
    }

    ul.bookmark#bm {
        background: #f5f5f5;
        padding-left: 1.25%;
        padding-right: 1.25%;
        margin-left: -1.25%;
        margin-right: -1.25%;
        padding-top: 5px;
        padding-bottom: 14px;
        border-top: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
    }
    ul.bookmark li:first-child {
        margin-left: 0.5%;
    }
    ul.bookmark li  {
        margin-top: 7px;
        margin-right: 0.5%;
        margin-left: 0.5%;
        width: 16%;
        height: 46px;
        min-width: 50px;
    }
    ul.bookmark li a {
        font-family: arial, helvetica, sans-serif;
        background: #fff;
        color: #585858;
        box-sizing: border-box;
        padding: 10px 10px;
        height: 100%;
        text-align: center;
        border-color: #d2d2d2;
        border-radius: 2px;
        line-height: 24px;
        font-size: 12px;
        padding: 10px 5px;
    }
    ul.bookmark li.active a,
    ul.bookmark li.active a:visited {
        border: 1px solid #50a83b;
        background: #50a83b;
        color: #fff !important;
        font-size: 12px;
    }
    ul.bookmark li a:hover {
        border: 1px solid #d2d2d2;
    }

    div.bm-bl {
        border-top: 0px;
    }

    /*---*/

    table.catalogue-tab, table.catalogue-tab tbody,
    table.catalogue-tab tr, table.catalogue-tab th, table.catalogue-tab td {
        display: inline-block;
        box-sizing: border-box;
        height: auto;
    } 
    table.catalogue-tab tr:first-child {
        display: none;
    }
    table.catalogue-tab tr {
        margin-bottom: 20px;
        width: 100%;
    }
    table.catalogue-tab tr td {
        background: #f5f5f5;
        height: 56px;
    }
    table.catalogue-tab tr td.catalogue-td1 {
        width: 100%;
        background: #e1e1e1;
        height: auto;
    }
    table.catalogue-tab tr td.catalogue-td2 {
        width: 30%;
        line-height: 34px;
    }
    table.catalogue-tab tr td.catalogue-td4 {
        width: 40%;
    }
    table.catalogue-tab tr td.catalogue-td6 {
        width: 30%;
    }

    #variants table.catalogue-tab tr td.catalogue-td1,
    .producerItems table.catalogue-tab tr td.catalogue-td1 {
        width: 85%;
        height: 92px;
        line-height: 24px;
    }
    #variants table.catalogue-tab tr td.catalogue-td0,
    .producerItems table.catalogue-tab tr td.catalogue-td0 {
        width: 15%;
        background: #e1e1e1;
        height: 92px;
    }
    div#prBuble.version2 {
        visibility: hidden;
    }

    /* nákupní košík */

    ul.order-menu li {
        font-size: 22px;
    }
    body#nakupni-kosik form table.basket-tab tr td.basket-td1 {
        width: 42% !important;
    }
    body#nakupni-kosik table.basket-tab tr.basket-tr-sum td.basket-td-sum strong {
        font-size: 20px !important;
    }
    body#objednavka-dokonceni div.text-bl {
        padding: 0 9%;
    }

    body#objednavky fieldset.eshop-fi legend {
        width: 100%;
    }
    body#objednavky fieldset.eshop-fi div.eshop-f-bl {
        width: 90%;
    }

    /*---*/

    #cboxLoadedContent{
        width: 550px;
    }
    a#hs-basket-buyit,
    a#hs-basket-next,
    a#hs-basket-yes {
        background-position: 94% 11px;
    }
    div#kosik p.message-error,
    div#kosik p.message-result {
        padding: 35px 20px 20px !important;
    }

    /* pati�ka */

    #resp-layout-nav {
        display: block;
    }

    #toppaticka {
        border-top: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #paticka, 
    #botpaticka {
        width: 95.5%;
        padding: 0px 2.25%;
        margin: 0px 2.25%;
        border-radius: 0;
    }

    #paticka {
        border-right: 0px;
        border-left: 0px;
        background: #eee;
    }
    #botpaticka {
        border: 0px;
        background: white;
    }

    #paticka .blok.banner-pat {
        display: none;
    }
    #paticka .blok.odkazy {
        width: 100%;
    }
    #paticka .blok.odkazy:first-child p {
        display: none;
    }
    #paticka .blok ul li:before {
        content: none;
    }

    #paticka .blok ul {
        list-style-type: none;
    }
    #paticka .blok li {
        margin-left: 0px;
        margin-bottom: 15px;
        padding-bottom: 10px;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
    }
    #paticka .blok li:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: 0px;
    }

    .resp-paticka#btn-line {
        display: none;
    }

    .resp-paticka div#itemsPanel {
        border-left: 0px;
        border-right: none;
        border-color: #E5E5E5;
        padding-left: 1.25%;
        padding-right: 1.25%;
        margin-left: -1.25%;
        margin-right: -1.25%;
    }
    #paticka .blok {
        width: 100%;
    }
    #paticka .blok p, #paticka h4 {
        text-align: center;

    }
    .facebook .facebook {
        text-align: center;
    }
    #top {
        min-height: 85px;
    }
    .category-text {
        display: none;
    }
    #basket-btn:after {
        background-image: url({hs:tplPath}/images/basket-icon.png);
        transform: scale(.8);
        position: absolute;
        top: 0px;
        right: 3px;
    }
}



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

	.basket-td1-image {
	display: none !important;
}

body#objednavka form table tr td input[type="submit"]:nth-child(4):not(.disabled) {
	margin-right: 0px;
}
	
    #boxesHome .box {

        width: 100%;
    }

    #topmenu, 
    #site  {
        width: 95.5%;
    }
    #layout-footer {
        width: 95.5%;
    }



    #resp-menu {
        margin-left: 0;
    }

    ul.bookmark#bm,
    .resp-paticka div#itemsPanel,
    #resp-search,
    #article div#layout-nav,
    div#layout-nav {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    /*---*/

    ul.catalogue-subcat li {
        width: 24%;
    }

    div.catalogue-line form div#sSort_msdd {
        min-width: 190px;
        width: 190px !important;
    }
    div.catalogue-line form div#sOnPage_msdd {
        width: 86px !important;
    }
    div.sorting-line form#sForm img.fnone {
        display: none;
    }
    div.sorting-line form#sForm span.ddlabel {
        font-size: 14px;
    }

    ol.nejprodavanejsi li span.text {
        display: none !important;
    }

    /*---*/

    ul.bookmark li  {
        width: 32.3%;
    }

    div.bm-bl { 
        padding: 2.8% 0;
    } 

    /*---*/

    table.catalogue-tab tr td.catalogue-td2 {
        width: 45%;
        text-align: right;
        font-weight: bold;
    }
    table.catalogue-tab tr td.catalogue-td2 span.catalogue-availability {
        color: #2b94aa;
    }
    table.catalogue-tab tr td.catalogue-td4 {
        width: 55%;
    }
    table.catalogue-tab tr td.catalogue-td6 {
        width: 100%;
        background: #fff;
    }

    #variants table.catalogue-tab tr td.catalogue-td0,
    .producerItems table.catalogue-tab tr td.catalogue-td0 {
        width: 20%;
    }
    #variants table.catalogue-tab tr td.catalogue-td1,
    .producerItems table.catalogue-tab tr td.catalogue-td1 {
        width: 80%;
    }

    /*---*/

    #article form.eshop-f input[type="submit"],
    #article form.eshop-f#loginFrmBlock input[type="submit"],
    #article form.eshop-f#loginfrm input[type="submit"],
    #article form.eshop-f#usercontact-f input[type="submit"],
    #article form.eshop-f#forgetpasswordf input[type="submit"], 
    #article form.eshop-f#search-f input[type="submit"],
    input.btn.smsAsk {
        bottom: 20px;
        right: 4%;
    }
    body#objednavka fieldset.eshop-fi div.eshop-f-bl,
    form#loginFrmBlock div.eshop-f-bl,
    form#loginfrm div.eshop-f-bl,
    form#forgetpasswordf div.eshop-f-bl,
    form#search-f div.eshop-f-bl {
        width: 92%;
    }
    form#productask-f div.eshop-f-bl,
    form#reclamation-f div.eshop-f-bl {
        width: 100%;
    }

    body#objednavka fieldset.eshop-fi textarea#description1 {
        width: 92%;
    }
    #article form.eshop-f {
        padding-bottom: 50px !important;
    }
    #article form.eshop-f#productask-f {
        padding-bottom: 65px !important;
        padding-top: 4.5% !important;
    }

    /* nákupní košík */

    ul.order-menu li.active a span.order-menu-name,
    ul.order-menu li.active a span.order-menu-names,
    ul.order-menu li span.order-menu-name, 
    ul.order-menu li a span.order-menu-names {
        font-size: 14px !important;
    }
    ul.order-menu {
        color: #585858;
    }
    ul.order-menu li {
        background: #e1e1e1;
    }
    ul.order-menu li a {
        color: #585858;
    }

    body#nakupni-kosik table, body#nakupni-kosik tbody,
    body#nakupni-kosik tr, body#nakupni-kosik th, body#nakupni-kosik td,
    body#objednavky table.user-order-tabprod, body#objednavky table.user-order-tabprod tbody,
    body#objednavky table.user-order-tabprod tr, body#objednavky table.user-order-tabprod th, body#objednavky table.user-order-tabprod td {
        display: inline-block;
        box-sizing: border-box;
    } 
    body#nakupni-kosik table.basket-tab {
        margin-bottom: 5px;
    }
    body#nakupni-kosik table.basket-tab tr:first-child,
    body#objednavky table.user-order-tabprod tr:first-child,
    body#objednavky table.user-order-tabprod tr td:nth-child(4),
    body#objednavky table.user-order-tab tr th:nth-child(3),
    body#objednavky table.user-order-tab tr td:nth-child(3) {
        display: none;
    }
    body#nakupni-kosik table tr {
        width: 100%;
        position: relative;
    }
    body#objednavky table.user-order-tabprod tbody, 
    body#nakupni-kosik table tbody {
        width: 100%;
    }
    body#nakupni-kosik table.basket-tab tr td {
        height: 36px;
    }
    table.basket-tab tr.basket-tr-ev td {
        background: #fff;
    }

    body#nakupni-kosik form table.basket-tab tr td.basket-delete {
        width: 18px !important;
        height: 26px;
        padding: 0;
        font-size: 26px;
        position: absolute;
        top: 8px;
        right: 6px;
    }
    body#objednavky table.user-order-tabprod tr td:first-child,
    body#nakupni-kosik form table.basket-tab tr td.basket-td1 {
        width: 100% !important;
        font-size: 16px;
        height: auto;
    	line-height: normal;
    }
    body#nakupni-kosik form table.basket-tab tr.basket-tr-sum td.basket-td1 {
        width: 64% !important;
    }
    body#nakupni-kosik form table.basket-tab tr.basket-tr-sum td {
        width: 36% !important;
        text-align: right;
    }

    body#nakupni-kosik form table.basket-tab tr td.basket-td2,
    body#nakupni-kosik form table.basket-tab tr td.basket-td3 {
        float: left;
        height: 54px;
        line-height: 32px;
        background: #f5f5f5;
        margin-bottom: 15px;
    }
    body#nakupni-kosik form table.basket-tab tr td.basket-td2 {
        width: 28%;
        text-align: right;
    }
    body#nakupni-kosik form table.basket-tab tr td.basket-td3 {
        float: left;
        width: 44%;
        text-align: left;
        overflow: hidden;
    }
    body#nakupni-kosik form table.basket-tab tr td.basket-td3 br {
        display: none;
    }
    body#nakupni-kosik form table tr td:nth-child(2) {
        float: right;
    }

    body#nakupni-kosik form table.basket-tab tr td {
        padding-top: 10px;
    }
    body#nakupni-kosik form table tr td {
        width: 50%;
        padding-top: 46px;
        height: 94px;
    }
    body#nakupni-kosik form table tr td:first-child  input[type="submit"]:first-child {
        position: absolute;
        top: 0px;
        right: 0px;
        background: #b5b5b5;
        width: 49%;
        padding: 10px !important;
        margin-right: 0px;
        height: 36px !important;
    }
    body#nakupni-kosik form table tr td input[type="submit"]{
        width: 98%;
        margin-right: 0px;
        height: 100% !important;
        padding: 0px 10px !important;
        white-space: normal;
    }

    body#uhrada-doprava form table.basket-tab tr td:last-child {
        line-height: 24px; 
        height: 24px; 
    } 

    body#uhrada-doprava table.basket-tab tr.basket-tr-sum td.basket-td1,
    body#uhrada-doprava table.basket-tab tr td.basket-td1 {
        width: 67%; 
    } 
    body#uhrada-doprava #hs-platba-in table.basket-tab tr td p {
        display: none;
    }

    body#uhrada-doprava div.small{
        margin-top: -10px;
    }
    body#objednavka form table tr td:last-child,
    body#fakturacni-udaje-objednavky form table tr td:last-child, 
    body#uhrada-doprava form table tr td:last-child {
        width: 100%;
        height: 48px;
        text-align: center;
        line-height: 48px;
    }
    body#objednavka form table tr td:last-child {
        height: 58px;
        line-height: 58px;
    }
    body#objednavka  form table tr td input[type="submit"],
    body#fakturacni-udaje-objednavky form table tr td input[type="submit"],
    body#uhrada-doprava form table tr td input[type="submit"]{
        width: 48.8%;
        margin-right: 0px;
        height: 100% !important;
        padding: 0px 10px !important;
        white-space: normal;
    }

    body#objednavka form table tr td input[type="submit"]:first-child,
    body#fakturacni-udaje-objednavky form table tr td input[type="submit"]:first-child,
    body#uhrada-doprava form table tr td input[type="submit"]:first-child {
        float: left;
        margin-left: -4px;
    }
    body#objednavka form table tr td input[type="submit"]:nth-child(4),
    body#fakturacni-udaje-objednavky form table tr td input[type="submit"]:last-child,
    body#uhrada-doprava form table tr td input[type="submit"]:last-child {
        float: right;
    }

    body#fakturacni-udaje-objednavky div#basket-info {
        display: none;
    }
    body#fakturacni-udaje-objednavky h2.formH {
        margin-left: 0%;
    }

    body#fakturacni-udaje-objednavky form#loginfrm table {
        width: 108%;
        left: -4%;
        right: 0;
    }
    body#fakturacni-udaje-objednavky form table tr td input[type="submit"]{
        width: 43.5%;
    }

    body#objednavka-dokonceni div.text-bl {
        padding: 0 5%;
    }

    /*---*/

    body#objednavky table.user-order-tabprod tr {
        width: 100%;
        height: auto !important;
        background: #fff;
    }
    body#objednavky table.user-order-tabprod tr td {
        height: 45px;
        line-height: 25px;
        background: #f5f5f5;
    }
    body#objednavky table.user-order-tabprod tr td:first-child {
        background: #efefef;
    }
    body#objednavky table.user-order-tabprod tr:last-child td:first-child {
        width: 65% !important;
        background: #E1E1E1;
        text-align: right;
    }
    body#objednavky table.user-order-tabprod tr:last-child td.tab-item-td2 {
        background: #E1E1E1;
        text-align: right;
    }
    body#objednavky table.user-order-tabprod tr td.user-order-td3 {
        width: 30%;
    }
    body#objednavky table.user-order-tabprod tr td.tab-item-td2 {
        width: 35%;
    }

    /*---*/

    #cboxLoadedContent{
        width: 470px;
    }
    a#hs-basket-buyit,
    a#hs-basket-next,
    a#hs-basket-yes {
        padding-right: 36px;
        background-position: 95% 11px;
    }
    a#hs-basket-continue,
    a#hs-basket-cancel,
    a#hs-basket-no {
        padding-left: 36px;
        background-position: 14px 11px;
    }

    #cboxPrevious,
    #cboxNext {
        top: 78%;
    }

    /*---*/

    #botpaticka {
        padding: 15px 2.25%;
        line-height: 19px;
        text-align: center;
    }
    #botpaticka .logo {
        display: none;
    }
    ul.order-menu li {
        width: 100% !important;
    }
    
    .order-register-info {
    	margin: 10px auto 0;
    	width: calc(61.5% - 18px);
   		float: left;
	}

}



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

	.form-input-dialing-code {
		width: 20% !important;	
	}
	
	.form-input-dialing-number {
		width: calc(76% - 10px) !important;	
	}
	
	div.message-input div.eshop-f-itm {
		height: 0 !important;
	}
	
	.shopsunTermsInfo {
    	right: 14px;
    	bottom: 85px;
	}
	
    body {
        min-width: 320px;
    }

    #top {
        min-height: 70px;
    }

    #topBottom {
        width: 13%;
        margin: 5px;
    }
    div#topRight {
        width: 32%;
        margin-top: 5px;
    }

    div#topLeft {
        width: 50%;
    }
    #topLeft img.logo {
        min-height: 44px;
        max-height: 44px;
    }
    #resp-top {
        margin-top: 0px;
    }

    #resp-menu {
        position: relative;
        width: 104.5%;
        border-top: 1px solid #ccc;
        border-right: 0px;
        border-bottom: 2px solid #1a1a1a;
        margin-bottom: 20px;
    }

    #article > div#layout-nav > h2.lastNav,
    div#layout-nav > h2.lastNav {
        display: none;
    }

    #article > h3 {
        margin: 0px 0px 10px;
        font-size: 20px;
    }

    div.catalogue-line.sorting-line,
    div.catalogue-prod-line {
        height: auto;
        padding: 12px 3%;
    }
    div.catalogue-line.sorting-line input[type="submit"],
    div.catalogue-prod-line input[type="submit"]{
        margin-left: 0px;
        margin: 10px auto 0 auto;
        display: block;
    }
    div.catalogue-line form div#sSort_msdd {
        min-width: 66%;
        width: 66% !important;
        margin-right: 1%;
    }
    div.catalogue-line form div#sOnPage_msdd {
        width: 26% !important;
        margin-right: 0px;
        margin-left: 1%;
    }

    /* katalog */

    div#article.main ul.catalogue-ul {
        padding: 0px 10px !important;
    }

    /* 4,3,2 > 1 */
    div#article.main ul#dsp2.catalogue-ul li,
    div#article.main ul#dsp3.catalogue-ul li,
    div#article.main ul#dsp4.catalogue-ul li {
        width: 100%;
    }
    div#article.main ul#dsp2.catalogue-ul li,
    div#article.main ul#dsp3.catalogue-ul li,
    div#article.main ul.catalogue-ul li  {
        margin-right: 0px;
        margin-left: 0px;
    }

    div#article.main ul#dsp1.catalogue-ul li div.bl-image {
        margin-right: 0px;
        width: 100%;
        height: 180px;
    }
    div#article.main ul#dsp1.catalogue-ul li div.catalogue-info,
    div#article.main ul#dsp1.catalogue-ul li div.catalogue-bl-p,
    div#article.main ul#dsp1.catalogue-ul li div.catalogue-buy {
		width: 100%;
	    text-align: right;
	}
	div#article.main ul#dsp1.catalogue-ul li div.catalogue-buy div {
		width: auto;
		text-align: left;
		
	}
    div#article.main ul#dsp1.catalogue-ul li div.catalogue-bl {
        padding-bottom: 20px;
    }

    table.catalogue-tab tr td.catalogue-td2 {
        width: 37%;
    }
    table.catalogue-tab tr td.catalogue-td4 {
        width: 63%;
    }

    #variants table.catalogue-tab tr td.catalogue-td0,
    .producerItems table.catalogue-tab tr td.catalogue-td0 {
        width: 30%;
    }
    #variants table.catalogue-tab tr td.catalogue-td1,
    .producerItems table.catalogue-tab tr td.catalogue-td1 {
        width: 70%;
    }

    /*---*/

    div#article.main ul.catalogue-ul li.producer-li {
        width: 30.3%;
        margin: 0px 1.5% 2.3%;
    }

    #slider a.slide {
        width: 100% !important; 
        border-right: 0px !important;
    }

    ul.catalogue-subcat li {
        width: 32.3%;
    }

    /* detail */

    div.detail-name h1 {
        font-size: 22px;
        text-align: left !important;
    }

    div.product-photo {
        height: 320px;
        padding: 0px;
        margin-top: 5px !important;
    }	
    div#detail-right div.product-photo a img {
        max-width: 95%;
        max-height: 300px;
    }

    div.other-product-photo {
        margin-bottom: 0px;
    }
    div.other-product-photo div.items {
        width: 100%;
    }
    div.other-product-photo div.items div {
        width: 31.1%;
        height: 120px;
        margin: 0 1.1%;
    }
    div.other-product-photo div.items div a {
        line-height: 118px;
    }
    div.other-product-photo div.items div a img {
        max-width: 100px;
        max-height: 100px;
    }

    ul.bookmark li:first-child {
        margin-left: 1%;
    }
    ul.bookmark li  {
        margin-right: 1%;
        margin-left: 1%;
        width: 48%;
    }

    div#tab-spec div.spec span.spec-item {
        width: 100%;
        margin-right: 0%;
        margin-left: 0px;
        padding-left: 2%;
        padding-right: 0px;
        line-height: 30px;
    }
    div#tab-spec div.spec span.spec-value {
        width: 100% !important;
        box-sizing: border-box;
        padding-left: 2%;
        padding-right: 2%;
    }

    div#tab-popis { 
        padding: 2.8% 2%;
    }
    div#tab-foto div.gal-image span {
        font-size: 16px;
        font-weight: bold;
        padding: 10px 0px 0;
    }

    /*---*/

    ol.nejprodavanejsi li span.cena {
        display: none !important;
    }

    ul.sitemap-ul {
        margin-left: 0px;
    }

    #article form.eshop-f {
        width: 100%;
        padding: 3.5% 3.5% 50px !important;
    }

    form#usercontact-f legend, 
    form#order-f legend {
        padding-left: 13px;
        padding-right: 13px;
    }

    div.eshop-f-bl {
        width: 92%;
    }

    body#objednavka fieldset.eshop-fi div.eshop-f-bl,
    form#loginFrmBlock div.eshop-f-bl,
    form#loginfrm div.eshop-f-bl,
    form#forgetpasswordf  div.eshop-f-bl,
    form#search-f div.eshop-f-bl {
        width: 100%;
    }

    form#order-f div.eshop-f-itm,
    form#loginFrmBlock div.eshop-f-itm,
    form#loginfrm div.eshop-f-itm,
    form#forgetpasswordf  div.eshop-f-itm, 
    form#search-f div.eshop-f-itm,
    div.eshop-f-itm {
        width: 100% !important;
        margin-right: 0;
    }

    form#order-f div.eshop-f-itm {
        box-sizing: border-box;
        padding-left: 13px;
        border-bottom: 1px dotted #b5b5b5;
    }

    body#objednavka fieldset.eshop-fi div.eshop-f-val {
        width: 100%;
        box-sizing: border-box;
        padding-left: 13px;
        margin-bottom: 8px;
    }

    input[type="text"],
    input[type="password"],
    form.eshop-f textarea#description1,
    form.eshop-f#productask-f textarea#description1,
    select#id_product {
        width: 96%;
    }
    #loginFrmBlock input[type="text"],
    #loginFrmBlock input[type="password"],
    #loginfrm input[type="text"],
    #loginfrm input[type="password"],
    #forgetpasswordf  input[type="text"],
    #search-f  input[type="text"] {
        width: 100%;
    }

    div.formInfo {
        margin-left: 3.8%;
    }
    span.help {
        width: 100%;
        left: 0px;
    }

    ul.order-menu li.active a span.order-menu-name, ul.order-menu li.active a span.order-menu-names, ul.order-menu li span.order-menu-name, ul.order-menu li a span.order-menu-names {
        //display: none;

    }


    /* nákupní košík */

    ul.order-menu {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px !important;
    }

    h2.basket-h {
        font-size: 20px;
    }
    ul.order-menu li {
        width: 100% !important;
    }

    body#nakupni-kosik form table.basket-tab tr td.basket-td1 {
        font-size: 15px;
    }
    body#nakupni-kosik form table.basket-tab tr td.basket-td2 {
        width: 37%;
    }
    body#nakupni-kosik form table.basket-tab tr td.basket-td3 {
        float: left;
        width: 26%;
        text-align: left;
    }
    body#nakupni-kosik form table.basket-tab tr.basket-tr-sum td.basket-td1 {
        width: 50% !important;
        font-size: 16px !important;
        font-weight: bold;
    }
    body#nakupni-kosik form table.basket-tab tr.basket-tr-sum td {
        width: 50% !important;
        text-align: right;
    }
    body#nakupni-kosik form table.basket-tab tr.basket-tr-sum td strong {
        font-size: 16px !important;
        font-weight: bold;
    }
    body#nakupni-kosik table.basket-tab tr.basket-tr-sum td.basket-td-sum strong {
        font-size: 18px !important;
    }

    body#nakupni-kosik form table tr td {
        height: 104px;
    }
    body#nakupni-kosik form table tr td:first-child  input[type="submit"]:first-child {
        width: 100%;
    }

    body#uhrada-doprava table.basket-tab tr.basket-tr-sum td.basket-td1,
    body#uhrada-doprava table.basket-tab tr td.basket-td1 {
        width: 62%; 
    } 
    body#uhrada-doprava table.basket-tab tr td.basket-td1 {
        padding-left: 10px;
        background-image: none !important;
    }
    body#uhrada-doprava table.basket-tab tr td.basket-td2,
    body#uhrada-doprava table.basket-tab tr.basket-tr-sum td:nth-child(2) {
        padding-right: 10px;
    }
    body#uhrada-doprava table.basket-tab tr td strong.basket-price {
        font-size: 16px; 
        color: #000;
    }
    body#uhrada-doprava div.small{
        margin-top: -5px;
    }
    body#fakturacni-udaje-objednavky form table tr td:last-child, 
    body#uhrada-doprava form table tr td:last-child {
        height: 58px;
        line-height: 58px;
    }
    body#uhrada-doprava form table tr td input[type="submit"]{
        width: 48.5%;
    }

    body#fakturacni-udaje-objednavky form#loginfrm table {
        width: 100%;
        left: 0;
        right: 0;
    }
    body#objednavka  form table tr td input[type="submit"],
    body#fakturacni-udaje-objednavky form table tr td input[type="submit"]{
        width: 44.2%;
    }
    body#objednavka fieldset.eshop-fi textarea#description1 {
        width: 100%;
    }
    body#objednavka fieldset.eshop-fi input[type="checkbox"]#terms {
        display: block;
        margin-top: -25px;
        margin-left: 210px;
    }
    body#objednavka form#order-f div strong a {
        display: block;
        width: 20%;
        margin: 0 auto;
        background: #919191;
        color: #fff;
    }

    body#objednavka-dokonceni div.text-bl {
        font-size: 18px;
    }

    /*---*/

    body#objednavky table.user-order-tab, body#objednavky table.user-order-tab tbody,
    body#objednavky table.user-order-tab tr, body#objednavky table.user-order-tab th, body#objednavky table.user-order-tab td  {
        display: inline-block;
        box-sizing: border-box;
    } 
    body#objednavky table.user-order-tab tr:first-child {
        display: none;
    }

    body#objednavky table.user-order-tabprod tr td:nth-child(3) {
        display: none;
    }
    body#objednavky table.user-order-tabprod tr td.user-order-td3,
    body#objednavky table.user-order-tabprod tr:last-child td:first-child {
        width: 40% !important;
    }
    body#objednavky table.user-order-tabprod tr td.tab-item-td2 {
        width: 60%;
    }

    body#objednavky table.user-order-tab tr {
        width: 100%;
        height: auto !important;
    }
    body#objednavky table.user-order-tab tr td {
        height: 45px;
        line-height: 25px;
        background: #f5f5f5;
    }
    body#objednavky table.user-order-tab tr td.user-order-td1 {
        width: 100%;
        background: #efefef;
    }

    body#objednavky table.user-order-tab tr td:nth-child(2) {
        width: 58%;
    }
    body#objednavky table.user-order-tab tr td:nth-child(4) {
        width: 42%;
    }
    body#objednavky table.user-order-tab tr td:nth-child(5) {
        width: 100%;
        text-align: center;
        font-weight: bold;
    }

    /*---*/

    #cboxLoadedContent{
        width: 350px;
    }
    div#kosik {
        min-height: 280px;
    }
    a#hs-basket-buyit,
    a#hs-basket-next,
    a#hs-basket-yes,
    a#hs-basket-continue,
    a#hs-basket-cancel,
    a#hs-basket-no{
        padding: 10px 15px;
        text-align: center;
        background-image: none;
        height: 60px;
        line-height: 20px;
    }

	.order-register-info {
    	width: calc(100% - 18px);
	}
}



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


    #topBottom {
        width: 13%;
        margin: 5px;
    }
    div#topRight {
        width: 30%;
        margin-top: 5px;
    }

    div#article.main ul.catalogue-ul li.producer-li {
        width: 47%;
        margin: 0px 1.5% 2.3%;
    }

    p.includedCategories {
        margin-bottom: 1.2% !important;
        font-size: 14px !important;
    }
    ul.catalogue-subcat li {
        width: 49%;
    }

    #article > h3.best-seller-h3 {
        font-size: 16px !important;
        font-weight: bold !important;
    }

    table.catalogue-tab tr td.catalogue-td2,
    table.catalogue-tab tr td.catalogue-td4 {
        width: 100%;
        text-align: center;
        height: auto;
        line-height: 17px;
    }

    /* detail */

    div.detail-left div.product-bl ul li input[type="text"] {
        width: 45px !important;
        font-size: 22px !important;
    }

    div.other-product-photo div.items div {
        height: 100px;
    }
    div.other-product-photo div.items div a {
        line-height: 98px;
    }
    div.other-product-photo div.items div a img {
        max-width: 90px;
        max-height: 90px;
    }
    ul.bookmark#bm {
        margin-top: 0px;
        margin-bottom: 5px;
    }

    /* nákupní košík */

    body#nakupni-kosik form table.basket-tab tr td.basket-td1,
    body#nakupni-kosik form table.basket-tab tr td.basket-td2,
    body#nakupni-kosik form table.basket-tab tr td.basket-td3 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    body#nakupni-kosik form table.basket-tab tr td.basket-td3 input[type="text"] {
        width: 34px !important;
        margin-right: 0px;
    }

    body#uhrada-doprava table.basket-tab tr.basket-tr-sum td.basket-td1,
    body#uhrada-doprava table.basket-tab tr td.basket-td1 {
        width: 58%; 
    }
    body#uhrada-doprava form table tr td input[type="submit"]{
        width: 48.3%;
    } 
    body#objednavka  form table tr td input[type="submit"] {
        width: 48.2%;
    }
    body#objednavka form table tr td:last-child {
        height: 70px;
        line-height: 70px;
    }

    /*---*/

    #cboxLoadedContent{
        width: 300px;
    }

	div#article.main ul#dsp1.catalogue-ul li div.catalogue-buy a.hs-a-detail {
		display: none;
	}
}



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

    #article > h3 {
        font-size: 18px;
    }

    #article > h3.best-seller-h3 {
        font-size: 14px !important;
    }

    div.detail-left div.product-bl ul li input[type="text"] {
        margin-left: 0px !important;
    }
    div.detail-left div.product-bl form ul li input[type="submit"], 
    div.detail-left div.product-bl ul li input[type="submit"], 
    div.detail-left div.product-bl ul li input#hs-spl-prodej {
        font-size: 18px;
    }

    h2.basket-h {
        font-size: 18px;
    }

	div#article.main ul#dsp1.catalogue-ul li div.catalogue-buy a.hs-a-detail {
		display: none;
	}
}