@media screen and (max-width:1199px) {
    body *{max-width:100%;}

    #content{box-sizing: border-box}
    /*#page div.content{padding:5px 2.5%;box-sizing: border-box}*/

    #imagesList80 li{height:300px;}

    #imagesList1{margin-left:2.5%;}

    #products{padding:0 2.5%;box-sizing: border-box}
    #products li .photo img{max-width:100%;}
    #products li .photo{height:200px;}
    #page, #product{padding:0 2.5%;box-sizing: border-box}
    #product{margin:0;}

    #product div.content{width:100%;}

    #imagesList70 li{text-align:center;}
    #content .imagesList li a{width:100%;max-width:100%;}
    #content .imagesList li img{max-width:100%;}
    #imagesList70 li{width:50%;}
}

@media screen and (max-width:1024px) {
    .slick-track{max-width:none !important;}
    .slick-track img{margin:auto;}
    #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{width:100%;}
    #logo{width:100%;}
    #menu2{float:left;width:100%;}
    #menu2 ul{float:left;margin:0;}
    #menu2 li{float:left;width:auto;}

    #page1 #content .subpagesList li, #page32 #content .subpagesList li{width:50%;}

    #products li .photo{height:300px;}
}

@media screen and (max-width:800px) {
    #imagesList80 li{height:200px;background-size:cover;background-position-y:-100px;}

    #content .imagesList li div{padding:10px;}
    #order #personalData #setBasic, #order #personalData #setExtend{width:100%;}

    #infoContainer .left, #infoContainer .right{width:100%;text-align: center;}
}


@media screen and (max-width:700px) {
    #menu2 li, #menu2 li.lBasket{padding:5px 10px;}
}

@media screen and (max-width:560px) {
    #menu2 li{width:100%;text-align:center;}
    #menu2 li a{float:none;}
    #menu2 li.lBasket a{padding:0;}
    #imagesList80 li{background-position-y:0px;}

    #page1 #content .subpagesList li, #page32 #content .subpagesList li{width:100%;}
}

@media screen and (max-width:480px) {
    #products li .photo{height:200px;}
    #products li .photo img{max-width:100%;}
}