.placeholder {border:1px #ccc solid; overflow:hidden;}
#tabs,
#imgList li {overflow:hidden;}
#respMenu,
#header label,
#header h1 a.small {display:none;}
#best-sellers .topitemholder {width:100%; display:block;}
#best-sellers .topitemholder:after,
#footer .box ul:after {content:''; clear:both; display:table;}
#best-sellers .topitemholder .topitembox {border:none; width:25%; margin-right:0;-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#menu ul li.categs {display:none;}
#relatedItems,
#newProducts {margin:0; padding:0; display:block; width:100%;}
#relatedItems .topitembox {float:left; width:25%; margin:0; padding:10px 0 0 0;}
#newProducts .r_product {float:left; width:33.333%; margin:0; padding:10px 10px 0 0;}
#newProducts .r_product .inside {margin:0; padding:0 10px 10px 10px; border:1px #ebebeb solid; min-height:220px}
#relatedItems .topitembox .image,
#newProducts .r_product .inside .thumb {text-align:center; height:140px;}
#relatedItems .topitembox .image a,
#newProducts .r_product .inside .thumb a {width:140px; height:140px; display:block; margin:10px auto; padding:0; position:relative;}
#relatedItems .topitembox .image img,
#newProducts .r_product .inside .thumb img {margin: auto; padding:0; border:none; position:absolute; left:0; top:0; right:0; bottom:0; max-width:140px; max-height:140px;}
#relatedItems .topitembox .title,
#newProducts .r_product .inside .title {display:block; margin:0; padding:10px; text-align:center}
#relatedItems .topitembox .title a,
#newProducts .r_product .inside .title a {color:#000; text-decoration:none; font-size:13px; font-weight:normal;}
#relatedItems .topitembox .title a:hover,
#newProducts .r_product .inside .title a:hover {text-decoration:underline;}
#newProducts .r_product .inside .title img {display:none;}
#relatedItems .topitembox .price {min-height:auto; padding:0; font-size:13px; background:transparent;}

.links a.button {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

@media screen and (max-width: 1220px){
body {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
a {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#header .ad {display:none !important;}
}

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

#menu #search .submitBtn {width:40px; right:0; top:0; height:30px;}

#relatedItems,
#newProducts {width:100%} 

#listing #header,
#listing #footer,
.pageListing,
#slideshow img,
.stBadge,
#footer .clear,
.pagecontainer {width:100%; min-width:100%}
#listing #right-content {margin-right:0;}
#header h1 {margin-left:10px;}
#header .right {padding-right:10px;}
#header .right p.btm {display:none;}
#slideshow {height:auto;}
#menu #search .searchField {width:160px}
#home-banners  {margin-bottom:10px}
#home-banners .topitemholder {width:calc(100% + 10px); margin:0; padding:0;}
#home-banners .topitembox {width:33.333%; margin:0; padding:10px 10px 0 0;}
#home-banners .topitembox * {width:100%;}
#best-sellers .topitembox {width:25%; margin:0; padding:0 5px; border:none}
#best-sellers #topitemimage,
#best-sellers #topitemimage a,
#best-sellers #topitemimage a img {max-width:100%;}
#footer,
#footer .inside {background:#88892B; padding:0;}
#footer .box ul {border:none;}
#footer .clear {height:0; margin:0;}
#footer .box {width:50% !important; margin:0 !important;}
#footer .box.wide {display:none;}

#youtubeVideo iframe {width:100% !important; height:400px !important}
#imgGallery {width:100%;}
.imgHolder .left {width:100%; margin:0; float:none}
.imgHolder .right {width:100%; margin:0; float:none}
.imgHolder .right .price {width:100%; min-height:auto;}

.price span, 
.price strong {width:50%; float:right; text-align:center;}
.price strong {font-size:20px;}
.links {width:100%; text-align:center;}
.links a.button {width:100%; display:block; clear:both; float:none;}
#qr {margin:0 auto; clear:both;}
.links a.button.buy-now {font-size:13px;}

#imgList {padding:0 0 10px 0;}
.imgHolder .right .price:after,
#imgList:after {content:''; clear:both; display:table;}

#tabs {padding:0 0 0 10px; width:100%; display:table;}
#tabs li {display:table-cell; float:none}
#tabs li a {background:#fff !important; padding:0 !important; display:block; text-align:center;}
#tabs li a.inactive {background:#87892B !important; padding:0 !important;}
}

@media screen and (max-width: 780px){
.fpcc,
.cmpBr,
.ctrlbr,
td#CentralArea div.v4stabl,
#sidebar {display:none !important;}
#header h1 {float:none; margin:0 auto 10px;}
#search {width:100%; background:#C3C526; position:relative; margin:0; padding:5px 10px;}
#search form {margin:0;}
#search .searchField {background:#88892B; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:none; width:100%; padding:0 30px 0 10px; color:#fff; height:30px; line-height:30px;}
#search .submitBtn {width:18px; height:20px; background:url(https://shared1.ad-lister.co.uk/UserImages/d762cec3-7ec1-43df-aec2-9620626166d7/Img/_design/searchico.png) no-repeat; text-indent:-9999px; border:none; cursor:pointer; margin:0; padding:0; position:absolute; right:20px; top:10px;}
#header .right {float:none; clear:both; padding-right:0;}
#header .right p {text-align:left; padding:10px;}
#header .right p span {display:block;}
#header .right a {margin:0;}
#respMenu {height:40px; line-height:40px; padding:0 10px 0 45px; color:#fff; text-decortation:none; position:relative; text-transform:uppercase; font-size:14px; font-weight:bold; display:block;}
#respMenu:hover,
#respMenu.active {background:#88892B; text-decoration:none}
#respMenu:before {height:9px; border-top:3px white solid; border-bottom:3px white solid; display:block; content:''; position:absolute; left:10px; top:12px; margin:0; padding:0; width:20px;}
#respMenu:after {height:3px; background:#fff; width:20px; display:block; position:absolute; left:10px; top:24px; content:'';}
#menu ul li.categs {display:block; position:relative; height:auto; min-height:40px;}
#menu ul li.categs a.active {background:#88892B;}
#menu ul li.categs span {width:0; height:0; position:absolute; right:10px; top:17px; border-top:5px white solid; border-left:8px transparent solid; border-right:8px transparent solid;}
#menu ul li.categs ul {display:none;}
#menu ul li.categs ul.active {display:block;}
#menu ul li.categs ul li {height:auto; border:none; min-height:auto;}
#menu ul li.categs ul li a {background:#88892B; line-height:normal; padding:5px 10px;}
#menu ul li.categs ul li a:hover {text-decoration:underline;}
#menu {min-height:40px; height:auto;}
#menu ul {display:none; float:none; width:100%; border-top:1px #fff solid;}
#menu ul.active {display:block;}
#menu ul li {float:none; display:list-item; border-bottom:1px #fff solid;}
#menu ul li:after {content:'';}
#menu ul li a {padding:0 10px; display:block;}
#menu #search .searchField {width:240px;}
.mainTable #CentralArea {padding:10px; font-size:12px !important;}
#right-content {width:100% !important; overflow:hidden; margin-right:0;}

.tabs .container,
.imgHolder {padding:0 10px;}
}

@media screen and (max-width: 680px){
#relatedItems .topitembox,
#newProducts .r_product,
#best-sellers .topitembox {width:50%;}

#header .right,
table.tb_v4bc,
#gh,
.dynpg .r {display:none;}

#qr {margin-bottom:10px;}

#tabs {paddin:0 5px;}
#tabs li a {margin-right:1px;}
}

@media screen and (max-width: 480px){
#slideshow,
#right-content h2.title,
#best-sellers {display:none;}
#right-content {margin-bottom:0;}
#home-banners .topitembox {width:100%; padding:0 0 10px 0}
#newProducts .r_product .inside .thumb,
#newProducts .r_product .inside .thumb a {width:100px; height:100px; margin:0 auto;}
#newProducts .r_product .inside .thumb a {margin:5px auto;}
#newProducts .r_product .inside .thumb a img {max-width:100px; max-height:100px}
.dynpg .l,
.dynpg .prev,
.dynpg .next,
#footer .box {display:none;}
#footer .box.last {display:block; width:100% !important; float:none;}
#header h1 {width:70%; background:transparent; margin-bottom:15px}
#header h1 a {display:none;}
#header h1 a.small {display:block; width:100%; text-indent:inherit}
#header h1 a.small img {width:100%;}
}
@media screen and (max-width: 320px){
#header h1 {width:90%;}
}