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

    footer .wrapper {padding: 0 20px; }

}

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

}

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

    header #rightHead #cart #cartIntro:after {content: ""; display: block; clear: both; }
    header #rightHead #cart #cartIntro {margin: 10px 0;}
    header #rightHead #cart #cartIntro img {height: 30px; float: right; margin: 0 0 0 20px;}
    header #rightHead #cart #cartIntro span {height: 30px; line-height: 30px; float: right;}
    header #rightHead #cart table {margin: 0;}
    header #rightHead #cart table td {text-align: right;}
    header #rightHead #cart #totalPrice {text-align: right; margin: 0 0 10px 0;}
    header #rightHead #cart .button {float: right;}
    header #rightHead #openingTime {display: none;}
    header #rightHead #phone {font-size: 24px; text-align: right;}

    body {background-size: 100% auto;}

    .productfull .image_middle {display: block; width: 100%;}
}


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

    #body #content img {max-width: 100%;}
    #body #content #contactForm {display: none;}

}

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

}

@media screen and (max-width: 767px)
{
    #body #content table.cart {}
    #body #content table.cart td.jshop_img_description_center {display: none;}
    #body #content .qcheckoutCart td.product_name {line-height: 30px;}
    #body #content .qcheckoutCart td.product_name a {line-height: 30px;}
    .jshop.cart tr {margin: 0; border-bottom: 1px solid #CCCCCC;}
    .mobile-cart {width: auto; min-width: 85px; white-space: nowrap;}

    #body #content .qcheckoutCart tr {}
    #body #content .qcheckoutCart tr:after {content: ""; display: block; clear: both;}
    #body #content .qcheckoutCart tr td {float: left; display: block;}
    #body #content .qcheckoutCart .product_name {}
    #body #content .qcheckoutCart .product_name + td {display: none;}

    #body #content #payment_form fieldset.address {width: 100%;}
    #body #content #payment_form fieldset legend {width: 100%;}

    #body #content #payment_form fieldset.shipping, #body #content #payment_form fieldset.payment {width: 50%;}
    #body #content #payment_form #orderComment {width: 100%; float: none; margin: 0 0 20px 0; clear: both;}
}

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

    #body #products .latest_products {text-align: center;}
    #body #products .block_item {width: 98%; margin: 0 auto 5px auto !important; display: inline-block; float: none;}
    #body #products .block_item .image {float: left; margin: 0; width: 100px;}
    #body #products .block_item .image .image_block a {height: 50px;}
    #body #products .block_item .image .image_block a img {max-height: 50px; max-width: 70px;}
    #body #products .block_item .name {float: left; height: 50px; line-height: 50px; margin: 0 20px 0 0;}
    #body #products .block_item .name  a {height: 50px; line-height: 50px;}
    #body #products .block_item .jshop_price {height: 50px; line-height: 50px; font-size: 20px; float: left; margin: 0 20px 0 0;}
    #body #products .block_item .buttons {float: right; margin: 0 10px 0 0; text-align: right; height: 50px;}
    #body #products .block_item .buttons:after {content: ""; display: block; clear: both;}
    #body #products .block_item .buttons .quantityInput {margin: 2px 0 2px 0; float: right;}
    #body #products .block_item .buttons a {padding: 0 10px; margin: 0 30px 0 0; clear: both; float: none; font-size: 12px; height: 25px; line-height: 25px;}

    #body #contentLeft {width: 100%;}
    #body #contentLeft img {max-width: 100% !important;}
    #body #contentLeft .widePriklady {width: 100%; display: block !important;}
    #body #contentRight {display: none;}
    
    #body #products {width: 100% !important;}
}

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

    body {background: none;}

    #body #content .productfull .imageContainer img {width: 100%;}


    footer table {}
    footer table tr {}
    footer table tr td {display: block; padding: 0;font-size: 11px;}
    footer table tr td:nth-child(1) {display: block; width: 100%; clear: both; margin: 0 0 20px 0; text-align: center;}
    footer table tr td:nth-child(2),
    footer table tr td:nth-child(3) {display: block; width: 50%; float: left; text-align: center;}

    footer table tr td:nth-child(2) ul,
    footer table tr td:nth-child(3) ul {list-style-type: none; margin: 0; padding: 0;}

    footer table tr td[colspan="2"] {width: 100%; display: block; text-align: center; float: none; clear: both;}
    footer table tr td[colspan="2"] img {margin: 0 auto; position: relative; display: inline-block;max-width: 310px;}
}

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

    header #leftHead #productDescription {display: none;}
    header #leftHead #productPictograms {margin: 10px 0 0 0; height: auto;}
    header #leftHead #productPictograms .pictogram {margin: 0;}
    header #leftHead #productPictograms .pictogram img {max-height: 60px;}

    header #leftHead {width: 50%;}
    header #rightHead {width: 50%;}

}	

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

    header #leftHead {width: 100%;}
    header #rightHead {}

    header #leftHead #productPictograms {float: right; margin: -60px 0 0 0;}

    #desktopCart {display: none}
    #mobileCart {position: fixed; top: 20px; right: 10px; display: block !important; background: white; z-index: 99999; padding: 3px 5px; border-radius: 3px;box-shadow: 0px 0px 3px #ccc;}
    #mobileCart img {height: 30px; float: right;}
    #mobileCart span.notEmpty {display: block; height: 30px; line-height: 30px; float: right; margin: 0 10px 0 0; font-size: 20px;}
    #mobileCart span.notEmpty span {font-size: 16px;}
    #mobileCart a {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: none;}
    #mobileCart .empty {margin: 0 !important;}
    header #rightHead #phone {font-size: 16px; display: none;}

    header .wrapper.padding {padding: 20px 20px 20px 0px;}
}

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

}

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

    #body #content #comjshop #checkout .button {width: 150px;}

}

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

    #body #products .block_item .buttons {margin: -10px 10px 0 0;}

    header #leftHead #companyName .big {font-size: 26px;}
    header #leftHead #companyName .medium {font-size: 20px;}
    header #leftHead #companyName .small {font-size: 14px;}

    #body #content .qcheckoutCart tr td {float: left; display: block; width: 50%; margin: 0; padding: 0; text-align: center; height: 25px; line-height: 25px;}
    #body #content .qcheckoutCart .product_name {display: block; clear: both; width: 100%; height: 30px; line-height: 30px;}

    #body #content #payment_form fieldset.shipping, #body #content #payment_form fieldset.payment {width: 100%;}
}

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

    #body #products .block_item .image {}
    #body #products .block_item .name {display: block; float: none; margin: 0 0 0 20px;}
    #body #products .block_item .jshop_price {margin: 0 0 0 20px;}

    .cart .product_name a {line-height: 15px;}
}