#mobile-cart-box,
.mobile-menu-box,
.center-block,
#top {width: auto; min-width: 320px;}


@media (max-width: 1221px) {
    #content ul.products li.first-in-row,
    #content ul.products li:nth-child(5n+1) {clear: none;}
}

@media (max-width: 1221px) and (min-width: 919px) {
    #content ul.products li,
    #content ul.categories-icon li.lvl1 {width: calc((100% - 84px) / 3);}
    /*#content ul.products li:nth-child(4n+1) {clear: both;}*/
}
@media (max-width: 918px) and (min-width: 660px) {
    #content ul.products li,
    #content ul.categories-icon li.lvl1 {width: calc((100% - 63px) / 3);}
    #content ul.products li:nth-child(3n+1) {clear: both;}
}
@media (max-width: 659px) and (min-width: 439px) {
    #content ul.products li,
    #content ul.categories-icon li.lvl1 {width: calc((100% - 42px) / 2);}
    #content ul.products li:nth-child(2n+1) {clear: both;}
}
@media (max-width: 438px) {
    #content ul.products li,
    #content ul.categories-icon li.lvl1 {width: calc((100% - 20px) / 2);}
    #content ul.products li:nth-child(2n+1) {clear: both;}
    body.home #main .boxes .box ul.categories-icon li:nth-child(3),
    body #main ul.products li:nth-child(3),
    #content ul.categories-icon li.lvl1,
    #content ul.products li {margin-right: 10px;}
    #content .box .products-slick ul.products li {margin-right: 10px;}
}

@media (max-width: 1222px) {
	#top ul.menu li a.lvl1 {margin-right: 10px;}
}
@media (max-width: 1110px) {
	#top ul.menu li a.lvl1 {margin-right: 6px;}
	#top div.search-box {width: 136px;}
}
@media (max-width: 1000px) {
	#top .menubar {padding-left: 20px; padding-right: 30px;}
    .breadcrumbs,
	body.home #main .box {padding-left: 30px; padding-right: 30px;}
	body #main #content .boxes .box-PubRecommendedCategories {padding-right: 9px;}
	.addTo72 {padding-right: 30px; padding-left: 30px;}
	.as72-51 {padding-left: 30px; padding-right: 9px;}
	#slides .slide-text {padding: 0 30px;}
    body.home #main .boxes .box-wloska-marka-canali {padding-left: 30px;}
    body #main #content .boxes .box-PubBestsellers {padding: 0 20px;}
    body.contact #content .col1 {padding-right: 15px; }
    body.contact #content .col2 {padding-left: 15px;}
    #content .col50l {padding-right: 15px;}
    #content .col50r {padding-left: 15px;}
}

@media (max-width: 1020px) {
    ul.topmenu li a  {padding: 0 12px;}
}
@media (max-width: 960px) {
    #content .box .products-slick .slick-prev {left: 0;}
    #content .box .products-slick .slick-next {right: 0;}
}
@media (max-width: 920px) {
    /*#top {overflow: hidden;}*/

    #top div.search-box {display: block; margin: 0 66px; height: 35px; float: none; width: auto; clear: none;}
    #top div.search-box input.text {line-height: 35px; height: 35px;}
    #top div.search-box button.submit {padding: 6px 0 7px 0; }
    #top ul.menu {display: inline-block; float: none;}
    #top {text-align: center;}
}
@media (max-width: 920px) and (min-width: 761px) {
    #top div.menubar {padding-bottom: 12px;}
}

@media (max-width: 880px) and (min-width: 761px) {
    ul.topmenu {line-height: 32px;}
}
@media (max-width: 860px)  and (min-width: 590px) {
    body.order #content form div.f span.isRequired {
        right: 0;
        position: relative;
    }
}
@media (max-width: 860px)  and (min-width: 561px){
    body.order #content .col50r,
    body.order #content .col50l {float: none; width: 100%; padding: 0;}
    body.order #content .cart-buttons .col50l {float: left; width: 50%; padding-right: 15px;}
    body.order #content .cart-buttons .col50r {float: right; width: 50%; padding-left: 15px;}
    body.order #content form div.f-btn {max-width: 504px;}
}

@media (max-width: 800px) {
	#slides .slide-text {font-size: 48px;}
	#top ul.menu li a.lvl1 {margin-right: 0;}
	#top div.search-box {float: none; clear: both;}
	#top div.search-box form.search input.text {}
}
@media (max-width: 760px) {
    ul.topmenu {display: none;}
    #top {-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.31);
        -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.31);
        box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.31); }
    #top .menubar ul.menu {display: none;}
    #top .menubar {text-align: center; padding-left: 15px; padding-right: 15px;}
    #top .menubar .mobile-menu,
    #top .menubar .mobile-cart {display: block; padding: 14px 15px; height: 23px;}
    #top .menubar .mobile-menu {float: left;}
    html.mm-opened #top .menubar .mobile-menu .arrow {position: absolute; bottom: -8px; left: 32px; width: 0;	height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff;}
    #top .menubar .mobile-cart {float: right;}
    #top .menubar .mobile-cart .counter {font-size: 10px; color: #000; vertical-align: -1px;}
    #top .menubar .mobile-cart:hover .counter {color: #8a8a8a;}
    html.mc-opened #top .menubar .mobile-cart .arrow {position: absolute; bottom: -8px; right: 33px; width: 0;	height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #010101;}
    #top div.search-box {display: block; margin: 6px 66px; height: 35px; float: none; width: auto; clear: none;}
    #top div.search-box input.text {line-height: 35px; height: 35px;}
    #top div.search-box button.submit {padding: 6px 0 7px 0; }
    body #top {z-index: 40;}
    body .mobile-menu-box {display: block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: all 0.3s linear; -webkit-transition: all 0.3s linear ; position: fixed; top: 0; left: -100%; width: 100%; height: 100%; box-sizing: border-box; padding-top: 167px; }
    html.mm-opened .mobile-menu-box {top: 0; left: 0;}
    body .mobile-menu-box ul {background: #4b4b4b; width: 100%; height: 100%; webkit-overflow-scrolling: touch; overflow: scroll; padding-top: 19px; box-sizing: border-box; }
    html.mm-opened .mobile-menu-box ul.lvl1 {}
    body .mobile-menu-box ul li {border-bottom: 1px solid #818181;}
    body .mobile-menu-box ul li a {color: #fff; text-decoration: none; padding: 10px 30px 9px 30px; font-size: 14px; display: block;}
    body .mobile-menu-box ul li a.current,
    body .mobile-menu-box ul li a:hover{color: #919191;}
    body .mobile-menu-box ul li.lvl1 a.lvl-arrow {float: right; font-weight: bold; color: #fff;}
    body .mobile-menu-box ul.lvl2 {display: none; position: absolute; top: 167px; left: 100%; background: #000000; padding: 0;}
    body .mobile-menu-box ul.lvl2 li.lvl2-back {position: relative; background: #535353; font-weight: 700; border: 0; padding-top: 19px;}
    body .mobile-menu-box ul.lvl2 li.lvl2-back .arrow {position: absolute; bottom: -8px; left: 32px; width: 0;	height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #535353;}
    body .mobile-menu-box ul.lvl2 li.lvl2-back a {}
    body .mobile-menu-box ul.lvl2 li.lvl2-back a.back {float: right; text-align: center; font-weight: bold; color: #fff; }
    html.mc-opened,
    html.mc-opened body,
    html.mm-opened,
    html.mm-opened body {height: 100%; overflow: hidden;}
    html.page-scrolled body {padding-top: 167px;/* -webkit-transition: all 0.2s; transition: all 0.2s;*/}
    html.page-scrolled #top {position: fixed; top: 0; left:0; width: 100%; z-index: 300; -webkit-transform: translateZ(0); transform: translateZ(0);}
    html.page-scrolled .mobile-menu-box {padding-top: 52px;}
    html.page-scrolled #mobile-cart-box {padding-top: 52px;}
    html.page-scrolled #top h1,
    html.page-scrolled #top h2 {display: none;}
    #mobile-cart-box {display: block; position: fixed; top: 0; left: 100%; width: 100%; height: 100%; box-sizing: border-box; padding-top: 167px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: all 0.3s linear; -webkit-transition: all 0.3s linear ; }
    #mobile-cart-box div.cart {display: block; position: relative; right: 0; top: 0; width: 100%; background: #fff; width: 100%; height: 100%; webkit-overflow-scrolling: touch; overflow: scroll; padding-top: 19px; box-sizing: border-box;}
    html.mc-opened #mobile-cart-box {top: 0; left: 0;}
    #content div.pagination a,
    #content div.pagination {height: 38px;}
    #content div.pagination {line-height: 38px;}
    #content div.pagination a span span.icon {display: block;}
    #content div.pagination a span span.text {display: none;}
    #content div.pagination .next,
    #content div.pagination .prev {width: 40px;}
    #content div.pagination ul {margin: 0 40px;}
    body.contact #content .col1-contact-form {float: none; width: 100%;}
    body.contact #content .col1-contact-form input.text,
    body.contact #content .col1-contact-form textarea {max-width: none;}
    #content div.cart-items .cart-item > div {display: block; padding: 0;}
    #content div.cart-items .cart-item > div.qty,
    #content div.cart-items .cart-item > div.params,
    #content div.cart-items .cart-item > div.description {margin-left: 114px;}
    #content div.cart-items .cart-item > div.photo {float: left;}
    #content div.cart-items .cart-item > div.description h3 {}
    #content div.cart-items .cart-item > div.description a {}
    #content div.cart-items .cart-item > div.qty {text-align: left; margin-left: 104px; margin-top: 12px; white-space: nowrap;}
    #content div.cart-items .cart-item > div.params {width: auto;}
    #content div.cart-items .cart-item > div.total-price {float: right; margin-top: -50px;}
    #content div.cart-items .cart-item {padding: 12px 0;}
    #content div.cart-items .cart-total > div {display: table-cell;}
    #content div.cart-items .cart-item > div.price-wrapper {padding-right: 5px;}


    #content div.order-items .cart-item > div {display: table-cell; vertical-align: top;}
    #content div.order-items .cart-item > div.total-price {margin: 0;}
    #content div.order-items .cart-item > div.per-item-price {display: none;}
    #content div.order-items .cart-item > div.description {margin: 0; width: 100%;}
    #content div.order-items .cart-item > div.qty  {margin: 0; text-align: right;}
    #content div.order-items .cart-item .total-price span.per-item-price {display: block;}
}
@media (max-width: 720px) {

}
@media (max-width: 660px) {
    #content img.foto420-left,
    #content img.foto420-right {width: 100%; float: none; clear: both; margin: 0;}
	#slides .slide-text {font-size: 40px;}
    #content div.product div.col1,
    #content div.product div.col2 {float: none; width: 100%; padding: 0; clear: both;}
    #content div.product div.col1 {margin-top: 0;}
    body.contact #content .col1,
    body.contact #content .col2 {float: none; padding: 0; width: 100%;}
}
@media (min-width: 439px) and (max-width: 660px) {
    #content h1.product-title {margin-bottom: 30px;}
}

@media (max-width: 560px) {
    body.home #main .boxes .box-wloska-marka-canali {background-image: url(../img/tmp/o-marce2.jpg); padding-right: 30px; padding-bottom: 200px; background-position: 90% 100%;}
	#slides .slide-text {font-size: 32px;}
    #content div.cart-items .cart-item > div.actions {width: 175px; white-space: normal; }
    #content div.cart-items .cart-item > .delete button {padding: 0 10px;}
    .breadcrumbs {display: none;}
    #content .col50l,
    #content .col50r {padding: 0; float: none; width: 100%;}
    #content div.cart-buttons .btn,
    #content div.cart-buttons div.order-btn,
    #content div.cart-buttons a.text-button {width: 100%; margin-bottom: 12px;}
    #content div.shipping-method-choose label.shipping-method {width: 100%; margin-right: 0; min-height: 0;}
    #content div.cart-buttons {margin-top: 20px;}
    #content div.cart-buttons div.order-btn {padding-bottom: 1px;}
    #content div.cart-buttons div.order-btn .btn {margin-bottom: 4px;}
    #content div.cart-buttons div.order-btn small {margin-bottom: 12px;}
    #content div.shipping-method-choose label.shipping-method {padding: 6px 12px;}
}
@media (max-width: 438px) {
    #top .menubar {padding-left: 10px; padding-right: 10px;}
    body.home #main .box {padding-left: 20px; padding-right: 20px;}
    body #main #content .boxes .box-PubRecommendedCategories {padding-right: 9px;}
    .addTo72 {padding-right: 20px; padding-left: 20px;}
    .as72-51 {padding-left: 20px; padding-right: 9px;}
    #slides .slide-text {padding: 0 20px;}
    body.home #main .boxes .box-wloska-marka-canali {padding-left: 20px;}

    #content div.product div.productGallery div.thumbs,
    #content div.product div.productGallery .big-fotos-outer {float: none; width: 100%;}
    #content div.product div.productGallery div.thumbs {max-width: none; padding-right: 0; padding-bottom: 24px; margin-top: 0;}
    #content div.product div.productGallery div.thumbs ul li {margin: 0 10px;}
    #content div.product div.productGallery  button.slick-arrow { top: 0; bottom: auto; width: 31px; height: 100%; padding: 0 9px; }
    #content div.product div.productGallery  button.slick-prev {left: -20px; padding-right: 8px;}
    #content div.product div.productGallery  button.slick-next {right: -20px; left: auto; padding-left: 8px;}
    #content div.product div.productGallery .thumbs ul li a {margin-bottom: 0;}
    #content div.product div.productGallery .thumbs ul li a img {width: auto; height: 100%;}
    body.contact #content .col1-contact-form form div.f label {width: 100%; padding: 0 0 2px 0; text-align: left;}
    body.contact #content .col1-contact-form form div.f span.isRequired {top: 12px;}
    body.contact #content .col1-contact-form input.text,
    body.contact #content .col1-contact-form textarea {width: 100%;}
    body.contact #content .col1-contact-form form div.isRequired-text {padding: 0; text-align: right;}
    body.contact #content .col1-contact-form form div.f-btn {text-align: center;}
    html.mm-opened #top .menubar .mobile-menu .arrow {left: 28px;}
    html.mc-opened #top .menubar .mobile-cart .arrow {right: 28px;}
    #content div.cart-items .cart-item > div.photo {width: 60px;}
    #content div.cart-items .cart-item > div.params,
    #content div.cart-items .cart-item > div.description {margin-left: 70px;}
    #content div.cart-items .cart-item > div.qty {margin-left: 60px;}
    #content div.cart-items .cart-item > div.total-price {float: right; margin-top: 0; text-align: right; width: 100%;}
    #content div.order-items .cart-item > div.description {margin-left: 0;}
    #content div.order-items .cart-item > div.qty {margin-left: 0; min-width: 40px;}
    #content div.order-items .cart-item > div.total-price {width: 130px; }

    #content form div.f {padding-bottom: 0;}
    #content form div.f label {width: 100%; padding-right: 0; text-align: left; padding-bottom: 4px;}
    #content form div.f input.text, #content form div.f textarea {width: 100%; max-width: 100%;}
    #content form div.f label.checkbox-inline {width: 100%; max-width: 100%;}
    #content form div.f span.isRequired {top: 20px;}
    #content form a.remindPassBtn {margin-top: 17px;}
    #content form div.f-btn {padding-top: 12px;}
}
@media (max-width: 340px) {
    div.cart-content div.cart-item .photo { width: 90px; margin-right: 10px;}
    div.cart-content div.cart-item .photo img {width: 100%;}
}