/*  Adaptive style   */

/*   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;
}

}



/*   960px  */

@media screen and (max-width: 960px),
only screen and (max-device-width:960px) {
    
.layout {
width:920px!important;
}

}


/*   854px  */

@media screen and (max-width: 854px),
only screen and (max-device-width:854px) {
    
.layout {
width:800px!important;
}

#jmenu {
padding:0.7em 0;
}

.main-menu ul {
width:95%;
margin:0 auto;
display:block;
height:18px;
background: url(../images/menuicon.png) no-repeat;
cursor:pointer;
}

.main-menu li {
display:none;
}

.mobilemenu > ul {
width:95%;
overflow:hidden;
padding:0 0 0 10%;
margin:0 auto;
display:block;
background: url(../images/menuicon.png) top left no-repeat;
}

.mobilemenu li {
display:block;
float:none;
width:90%;
margin-left:7%;
padding-bottom: 0.5em!important;
}

#jmenu li.parent > ul, #jmenu li.parent:hover > ul {
display: block;
position:static;
padding:0.5em 0;
}

.leftbar, .rightbar {
width:100%!important;
float:none;
margin-left:0;
}

#footer {
padding:0 2%;
}

.main_col {
width:97%!important;
margin:0 auto;
}

.cols-2 {
width:99%;
margin:0;
float:none;
}

.cols-2 .span6 {
width:100%;
}

.cols-3 .span4 {
width:99%;
margin:0;
float:right;
padding: 0;
}

.span4 {width:99%!important; float:left}
.span3 {width:48%!important; float:left}

}


/*   800px  */

@media screen and (max-width: 800px),
only screen and (max-device-width:800px) {
    
.layout {
width:750px!important;
}

.logo, .searchbox, .cartbox, .phonebox {
width:100%!important;
text-align:center;
}

.descript {
display:block;
}

.row-fluid .sblock3 {
width: 70%!important;
text-align: center;
margin:0 auto;
float:none!important;
}

.horizontal4 .block_product, .horizontal5 .block_product, .horizontal4 .block_item, .horizontal5 .block_item, .row-fluid .sblock4  {
width:44.8%!important;
text-align: center;
}

.row-fluid .sblock4:nth-child(3n){
clear:both;
}

.block_product, .block_item {
text-align: center;
}

.product_data {
width:35%;
float:right;
}

}



/*   768px  */

@media screen and (max-width: 768px),
only screen and (max-device-width:768px) {
    
.layout {
width:720px!important;
}

.Window > div {
 width: 90%!important;
 margin: 2% auto;
 padding:10px;
 border-radius: 5px;
 background: #fff;
 box-shadow: 0px 0px 5px 2px;
}

}


/*   640px  */

@media screen and (max-width: 640px),
only screen and (max-device-width:640px) {
    
.layout {
width:95%!important;
}

.row-fluid .sblock3, .product_data, .horizontal4 .block_product, .horizontal5 .block_product, 
.horizontal4 .block_item, .horizontal5 .block_item, .row-fluid .sblock4,
.horizontal3 .block_product, .horizontal3 .block_item  {
width: 90%!important;
text-align: center;
margin:0 auto;
float:none!important;
clear:both;
}

.span4 {
width:95%!important;
clear:both;
}

}


/*   480px  */

@media screen and (max-width: 480px),
only screen and (max-device-width:480px) {
    
.layout {
width:95%!important;
}

#toTop {
display:none!important;
}

.span3, .span6 {
width:95%!important;
}

.span5 {
width:70%!important;
}

.jshop_img_description {
width:15%!important;
}

.Window > .modalbox {
 width: 90%!important;
 margin: 3% auto;
 padding:10px;
 border-radius: 5px;
 background: #fff;
 box-shadow: 0px 0px 5px 2px;
}
}