/*    RESPONSIVE ----------- */


/*   1200px  */

@media screen and (max-width: 1200px),
only screen and (max-device-width:1200px) {
    
.layout {
width:1170px;
}    
}


/*   1024px  */

@media screen and (max-width: 1024px),
only screen and (max-device-width:1024px) {
    
.layout {
width:940px!important;
}

.quick-link{width:22%}
.logo a {font-size:2em;}
.im_str, .santeh_str {font-size:1.25em}
.attributes_title {width:100%}
}



/*   960px  */

@media screen and (max-width: 960px),
only screen and (max-device-width:960px) {
    
.layout {
width:900px!important;
}
.filter .uf_wrapper_prices {width:50%}
}



/*   854px  */

@media screen and (max-width: 854px),
only screen and (max-device-width:854px) {
    
.layout {
width:780px!important;
}

.topmenu li {padding:0 25px 0 0}
.im_str, .santeh_str {font-size:1em}
.phone .tel{font-size:1.7em}
.phone .work{font-size:1.2em}
.jshop_img_description {height:135px}
}




/*   800px  */

@media screen and (max-width: 800px),
only screen and (max-device-width:800px) {
    
.layout {
width:720px!important;
}

.logo, .address, .cartbox, .phone {width:50%; text-align:center}
.main, .sidebar {width:100%!important}
.jshop_img_description {height:165px}
.last_visited_products {overflow:hidden}
.last_visited_products .block_item {width:48%; float:left}
.topmenu li {padding: 0 20px 0 0;}
.moduletable-catalog ul {overflow:hidden}
.moduletable-catalog ul li {display: block;width: 50%;float: left;}


/*   768px  */

@media screen and (max-width: 768px),
only screen and (max-device-width:768px) {
    
.layout {
width:720px!important;
}

.socbutt img {padding:5px 10px}

table {
overflow-x: auto;
display: block;
} 
}



/*   640px  */

@media screen and (max-width: 640px),
only screen and (max-device-width:640px) {
    
.layout {
width:95%!important;
}

.nav.menu, .quick-link {width:100%; display:block; overflow:hidden} 
.quick-link {text-align: center; margin:0.3em 0 0 0}
.topmenu {position:static}
.header {padding:0.5em 0 0 0}
.span4 {width:100%}
.span3 {width:48%}

}



/*   480px  */

@media screen and (max-width: 480px),
only screen and (max-device-width:480px) {
    
.layout {
width:95%!important;
}

.last_visited_products .block_item {width:45%}
.manufactuter_list > div {width:48%}
.topmenu li {padding:0 40px 0.4em 0}
.filter .uf_wrapper_prices, .filter .uf_wrapper_manufacturers, .filter_attributes {width:96%!important; margin:0!important; float:none}
.row-fluid .sblock3 {width:100%; margin:0}
.button {border: none;font-size: 1.2rem;padding: 0.3em 10px;}
.podbor_box a {width:100%;float:none; margin:0 0 0.3em 0}
.socbutt img {padding:5px}
.address {display:none}
.topmenu li {display:inline; padding:0 15px; float:none}
.nav.menu {text-align:center}
input#jshop_search {width:90%}
.item-112, .item-119, .item-122 {display:none!important}
.socbutt {width:60px; text-align:center}
.socbutt img {width:80%}
}



/*   375px  */

@media screen and (max-width: 375px),
only screen and (max-device-width:375px) {
    
.layout {
width:95%!important;
}
.product_box_images, .product_data {width:100%}
.moduletable-catalog ul li {width: 90%}

.logo, .address, .cartbox, .phone {width:100%}
.topmenu li {padding:0 15px 0.4em 0}

.podbor_box a {width:100%;float:none; margin:0 0 0.3em 0}
.socbutt img {padding:5px}
.address {display:none}
input#jshop_search {width:90%}
.item-112, .item-119, .item-122 {display:none}
.topmenu li a {font-size:1.1rem}

}