/**********SLIDER**************/
@media screen and (max-width: 550px) {
.bx-wrapper .bx-prev { width:25px !important; height:33px !important; margin-top:-17px !important}
.bx-wrapper .bx-next { width:25px !important; height:33px !important; margin-top:-17px !important}
}

/*****************HEADER*****************/
@media screen and (max-width: 960px) {
#logo{width:180px}
#header_menu{ display:none;}
#mobile_menu_button{display:block}

#logo_wrapper{padding: 0px 5px;min-height: 50px;margin-top: 5px;margin-bottom: 0px;}
}
@media screen and (min-width: 961px) {
#mobile_menu{ display:none;}
#mobile_menu_button{display:none !important;}
body{overflow:inherit !important}
}


/**************INDEX BOXES*****************/
@media screen and (max-width: 960px) {
	.box{width: calc(100% * 1/3 - 20px);}
}
@media screen and (max-width: 750px) {
	.box{width: calc(100% * 1/2 - 20px);}
}
@media screen and (max-width: 500px) {
	.box{width: calc(100% - 20px);}
}

/************LEFT/RIGHT PAGES ****************/
@media screen and (max-width: 750px) {
#breadcrumb{margin-bottom:30px}
#location_map{margin-top: -30px;}


#left_column{ display:none;}
#right_column{width:100% !important; float:none !important;margin-top: 0px; padding-top: 10px;}
}

/*************** LIST BOXES *************************/
@media screen and (max-width: 950px) {
.box.list{width:calc(100% * 1/2 - 20px);}
}
@media screen and (max-width: 500px) {
.box.list{width:calc(100% - 20px);}
}


/******************DETAILS PAGE***********************/
@media screen and (max-width: 800px) {
#product_left{ float:none; width:100%; }
#product_left h1{display:block}
ul.list_images img{width:100% !important;}
#product_right .price {margin-bottom:10px}
#product_right{float:none; width:100%}
#product_right h1{display:none}

.list_thumbs > li:nth-child(4n) {margin-right:20px;}

}



/******************FOOTER*************************/
@media screen and (max-width: 900px) {
.footer_box{ width:calc(100% * 1/3 - 40px); }
}
@media screen and (max-width: 700px) {
.footer_box{ width:calc(100% * 1/2 - 40px); }
.footer_box:nth-child(4){ padding-left:40px; margin-left:30px}
}
@media screen and (max-width: 500px) {
.footer_box{ width:calc(100% - 40px); }
.footer_box:nth-child(4), .footer_box:nth-child(2){ padding-left:0px; margin-left:15px}
}