@import url(https://fonts.googleapis.com/css?family=Fira+Sans); body {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; font-style:normal; margin:0; padding:0; background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2016/bg_lcontent.jpg) no-repeat !important; background-size:100% 100% !important;} *, *::after, *::before {box-sizing: border-box;} #gh {width:1000px; margin:40px auto 0 auto !important;} .cls_one{width:100%; margin:0 auto; } .cls_two {width:100%; margin:0 auto; } .tb_v4bc {width:1000px; margin:0 auto;} .stBadge-accent {display:none;} .stBadge, #glbfooter {margin:0 auto 0 auto; width:1000px;} .stBadge > img, .whiter-s_nf, .stBadge-splitterTd {display:none;} .pagecontainer > p, .pagecontainer > img {display:none;} .gh-tbl {width:auto;} /*===================== header ========================*/ .clearAll:after {content:''; clear:both; display:table;} #header {display:block; height:auto; width:100%; padding:0; margin:0 auto;} #header .logo {display:block; width:1000px; min-height:180px; position:relative; margin:0 auto; padding:20px 0;} .logo:after { content:''; clear:both; display:table;} #header .logo .imglog {display:block; width:100%;max-width:220px; height: auto; margin: 0; float: left;} #header .logo .news {display:block;width:auto; height: auto; margin: 38px 0 0 0; padding: 0; float: right;} .news:before, .news:after {content:''; clear:both; display:table;} #header .logo .news .feed {display:block; width:101px; height:70px; background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2021/icon01.png) no-repeat 50% 10px #FAE9BB; float:left; margin:0 10px 0 0; background-size: 27px auto;} #header .logo .news .feed a{font-family: 'Fira Sans', sans-serif;font-weight:normal;text-transform:uppercase;color:#1A1F3F;line-height:12px;text-decoration:none; padding:47px 0 0 0; font-size:10px; text-align:center; display:block;} #header .logo .news .feed a:hover {text-decoration:underline;} #header .logo .news .add {display:block; width:101px; height:70px; background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2021/icon02.png) no-repeat 50% 10px #FDF6B2; float:left; margin:0 10px 0 0; background-size: 27px auto;} #header .logo .news .add a{font-family: 'Fira Sans', sans-serif;font-weight:normal;text-transform:uppercase;color:#1A1F3F;line-height:12px;text-decoration:none;padding:47px 0 0 0;font-size:10px; text-align:center; display:block;} #header .logo .news .add a:hover {text-decoration:underline;} #header .logo .news .join {display:block; width:101px; height:70px; background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2021/icon03.png) no-repeat 50% 10px #F1AB87; float:left; margin:0 0 0 0; background-size: 27px auto;} #header .logo .news .join a{font-family: 'Fira Sans', sans-serif;font-weight:normal;text-transform:uppercase;color:#1A1F3F;line-height:12px;text-decoration:none;padding:47px 0 0 0;font-size:10px; text-align:center; display:block;} #header .logo .news .join a:hover {text-decoration:underline;} #header .menuWrap {display:block; width:100%; min-height:40px; background:#FDF8C1; margin:0 auto;} #header .menuu {display:block; width:1000px; height:40px; margin:0 auto; padding:0;} .menuu:after {content:''; clear:both; display:table;} #header .menuu a.home {display:block; height:40px; width:5%; margin:0; padding:0; float:left; background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2021/home.png) no-repeat center;background-size: 27px auto;} #header #menuu { display:block; width:83%; height:40px; background:#FDF8C1; margin:0 auto; float:left; position:relative; padding:0;} #header #categoriestop{ display:table; margin:0px; padding:0px; text-align:center; width:100%; position:relative;} #header #categoriestop li {display:table-cell; vertical-align:top;} #header #categoriestop li a {font-family: 'Fira Sans', sans-serif;font-size:17px;font-weight:normal;display:table-cell; vertical-align:middle;line-height:20px; text-align:center; text-decoration:none; color:#323344; text-transform:capitalize; padding:0; height:40px; width:15% !important;} #header #categoriestop .categ.first { border-left:none !important; padding:0px 5px 0 0 !important;} #header #categoriestop .categ.last { border-right:none !important;} #header #categoriestop li:hover > a { background:#F1AB87; color:#fff;} #header #categoriestop .level2{background: #fff ;display: none; padding: 15px 5px;position: absolute; top:40px;width: 100%; z-index:999999; clear:both; border-top:1px solid #fff; left:0; box-shadow: 3px 3px 3px #000;} #header #categoriestop .level2 li:hover > a {background:#F1AB87; color:#fff;} #header #categoriestop .level2 li {float: left;text-align: left;text-transform: none; margin:0px; padding:0px 5px; box-sizing:border-box; position:relative; border-right:none; border-left:none; width:33.33%;} #header #categoriestop .level2 li:nth-child(3n+1) {padding:0 5px 0 0 !important; } #header #categoriestop .level2 li:nth-child(3n+2) { padding:0 5px 0 5px !important; } #header #categoriestop .level2 li a {font-family: 'Fira Sans', sans-serif; font-size:13px; font-weight:normal; height: auto;line-height: 30px;padding: 3px 15px; text-align:left; text-transform:capitalize; line-height:30px; } #header #categoriestop li:hover ul {display:block;} #header #categoriestop .level3 {background: #fff;display: none !important; padding:0;position: absolute; left:100%; width: 300px; z-index:999999; clear:both; top:0; border-left:1px solid #fff; color:#fff;} #header #categoriestop .level3 li {float: left;text-align: left;text-transform: none;width: 100%; margin:0px; padding:0 5px; box-sizing:border-box; line-height:30px; background:#191F3F; display:none; } #header #categoriestop .level3 li:hover a {background:#191F3F; color:#fff;} #header #categoriestop .level3 li a { font-family: 'Fira Sans', sans-serif; font-size:13px; font-weight:normal; height: auto;line-height: 30px;padding: 3px 15px; text-align:left; ; text-transform:capitalize; line-height:30px; color:#fff;} #header #categoriestop .level3 li a:hover {text-decoration:underline;} #header #categoriestop .level2 .categ2:hover ul {display:block !important;} #header #categoriestop .categ.last ul { right:0; left:auto;} #header #categoriestop .categ.ante ul { right:0; left:auto;} #header .menuu .contactUsM {display:block; float:left; width:12%; height:40px; margin:0; padding:0; position:relative;} #header .contactUsM a {font-family: 'Fira Sans', sans-serif;font-size:17px;font-weight:normal;display:table-cell; vertical-align:middle;line-height:20px; text-align:center; text-decoration:none; color:#323344; text-transform:capitalize; padding:0; height:40px; width:15% !important;} #header .contactUsM a:hover { background:#F1AB87; color:#fff;} #header .menuu .best {display:block; float:left; width:7.5%; height:40px; margin:0; padding:0; position:relative;} #header .menuu .best:hover > h4 { background:#191F3F; color:#fff;} #header .menuu .best h4{font-family: 'Fira Sans', sans-serif; font-size:13px; font-weight:normal; height: auto; line-height: 40px;padding:0; text-align:center; text-transform:capitalize; margin:0; cursor:pointer; color:#191F3F;} #header .menuu .best .offf {display:none; position:absolute; top:40px !important; z-index:9999; width:340px; right:0; left:auto; background:#fff; } #header .menuu .best:hover .offf {display:block;} #header .menuu .best1 {display:block; float:left; width:7.5%; height:40px; margin:0; padding:0; position:relative;} #header .menuu .best1:hover > h4{ background:#191F3F; color:#fff;} #header .menuu .best1 h4{font-family: 'Fira Sans', sans-serif; font-size:13px; font-weight:normal; height: auto; line-height: 40px;padding:0; text-align:center; text-transform:capitalize; margin:0; cursor:pointer; color:#191F3F;} #header .menuu .best1 .offf1 {display:none; position:absolute; top:40px !important; z-index:9999; width:340px; right:0; left:auto; background:#fff; } #header .menuu .best1:hover .offf1 {display:block;} #slideshow{width:100%;height:auto;display:block;margin:10px 0;padding:0 10px;clear:both;text-align:left;position:relative;color:#fff} #slideshow>input{display:none} #slideshow>input:nth-of-type(10):checked ~ .product .prod:first-of-type{margin-left:-900%} #slideshow>input:nth-of-type(9):checked ~ .product .prod:first-of-type{margin-left:-800%} #slideshow>input:nth-of-type(8):checked ~ .product .prod:first-of-type{margin-left:-700%} #slideshow>input:nth-of-type(7):checked ~ .product .prod:first-of-type{margin-left:-600%} #slideshow>input:nth-of-type(6):checked ~ .product .prod:first-of-type{margin-left:-500%} #slideshow>input:nth-of-type(5):checked ~ .product .prod:first-of-type{margin-left:-400%} #slideshow>input:nth-of-type(4):checked ~ .product .prod:first-of-type{margin-left:-300%} #slideshow>input:nth-of-type(3):checked ~ .product .prod:first-of-type{margin-left:-200%} #slideshow>input:nth-of-type(2):checked ~ .product .prod:first-of-type{margin-left:-100%} #slideshow>input:nth-of-type(1):checked ~ .product .prod:first-of-type{margin-left:0} #slideshow>.product{position:relative;width:100%;display:block;z-index:1;font-size:0;line-height:0;background-color:#fff;margin:0 auto;padding:0;overflow:hidden;white-space:nowrap;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #slideshow>.product>.prod{position:relative;display:inline-block;width:100%;height:336px;margin:10px 0;padding:0;overflow:hidden;font-size:15px;font-size:initial;text-align:center;line-height:normal;-moz-transition:all .5s cubic-bezier(0.4,1.3,0.65,1);-o-transition:all .5s ease-out;-webkit-transition:all .5s cubic-bezier(0.4,1.3,0.65,1);transition:all .5s cubic-bezier(0.4,1.3,0.65,1);vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;} #slideshow>.arrows{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #slideshow>.arrows{position:absolute;left:0;top:0;bottom:0;width:100%;height:26px;padding:0;z-index:7;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box; margin:auto;} #slideshow>.arrows label{display:none;position:absolute;top:0;bottom:0;padding:13px;box-shadow:inset 2px -2px 0 1px #3a3a3a;cursor:pointer;-moz-transition:box-shadow .15s,margin .15s;-o-transition:box-shadow .15s,margin .15s;-webkit-transition:box-shadow .15s,margin .15s;transition:box-shadow .15s,margin .15s} #slideshow>.arrows label:hover{box-shadow:inset 3px -3px 0 2px #71ad37;margin:0} #slideshow>.arrows label:before{content:'';position:absolute;top:-100%;left:-100%;height:300%;width:300%} #slideshow.infinity>input:first-of-type:checked ~ .arrows label.goto-last,#slideshow>input:nth-of-type(1):checked ~ .arrows>label:nth-of-type(0),#slideshow>input:nth-of-type(2):checked ~ .arrows>label:nth-of-type(1),#slideshow>input:nth-of-type(3):checked ~ .arrows>label:nth-of-type(2),#slideshow>input:nth-of-type(4):checked ~ .arrows>label:nth-of-type(3),#slideshow>input:nth-of-type(5):checked ~ .arrows>label:nth-of-type(4),#slideshow>input:nth-of-type(6):checked ~ .arrows>label:nth-of-type(5),#slideshow>input:nth-of-type(7):checked ~ .arrows>label:nth-of-type(6),#slideshow>input:nth-of-type(8):checked ~ .arrows>label:nth-of-type(7),#slideshow>input:nth-of-type(9):checked ~ .arrows>label:nth-of-type(8),#slideshow>input:nth-of-type(10):checked ~ .arrows>label:nth-of-type(9),#slideshow>input:nth-of-type(11):checked ~ .arrows>label:nth-of-type(10){display:block;left:10px;right:auto;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)} #slideshow.infinity>input:last-of-type:checked ~ .arrows label.goto-first,#slideshow>input:nth-of-type(1):checked ~ .arrows>label:nth-of-type(2),#slideshow>input:nth-of-type(2):checked ~ .arrows>label:nth-of-type(3),#slideshow>input:nth-of-type(3):checked ~ .arrows>label:nth-of-type(4),#slideshow>input:nth-of-type(4):checked ~ .arrows>label:nth-of-type(5),#slideshow>input:nth-of-type(5):checked ~ .arrows>label:nth-of-type(6),#slideshow>input:nth-of-type(6):checked ~ .arrows>label:nth-of-type(7),#slideshow>input:nth-of-type(7):checked ~ .arrows>label:nth-of-type(8),#slideshow>input:nth-of-type(8):checked ~ .arrows>label:nth-of-type(9),#slideshow>input:nth-of-type(9):checked ~ .arrows>label:nth-of-type(10),#slideshow>input:nth-of-type(10):checked ~ .arrows>label:nth-of-type(11),#slideshow>input:nth-of-type(11):checked ~ .arrows>label:nth-of-type(12){display:block;right:10px;left:auto;-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg)} #slideshow>input:last-of-type:checked ~ .arrows label.goto-first{display:none} #slides2how2{width:100%;height:auto;display:block;margin:10px 0;padding:0 10px;clear:both;text-align:left;position:relative;color:#fff} #slides2how2>input{display:none} #slides2how2>input:nth-of-type(10):checked ~ .product .prod:first-of-type{margin-left:-900%} #slides2how2>input:nth-of-type(9):checked ~ .product .prod:first-of-type{margin-left:-800%} #slides2how2>input:nth-of-type(8):checked ~ .product .prod:first-of-type{margin-left:-700%} #slides2how2>input:nth-of-type(7):checked ~ .product .prod:first-of-type{margin-left:-600%} #slides2how2>input:nth-of-type(6):checked ~ .product .prod:first-of-type{margin-left:-500%} #slides2how2>input:nth-of-type(5):checked ~ .product .prod:first-of-type{margin-left:-400%} #slides2how2>input:nth-of-type(4):checked ~ .product .prod:first-of-type{margin-left:-300%} #slides2how2>input:nth-of-type(3):checked ~ .product .prod:first-of-type{margin-left:-200%} #slides2how2>input:nth-of-type(2):checked ~ .product .prod:first-of-type{margin-left:-100%} #slides2how2>input:nth-of-type(1):checked ~ .product .prod:first-of-type{margin-left:0} #slides2how2>.product{position:relative;width:100%;display:block;z-index:1;font-size:0;line-height:0;background-color:#fff;margin:0 auto;padding:0;overflow:hidden;white-space:nowrap;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #slides2how2>.product>.prod{position:relative;display:inline-block;width:100%;height:336px;margin:10px 0;padding:0;overflow:hidden;font-size:15px;font-size:initial;text-align:center;line-height:normal;-moz-transition:all .5s cubic-bezier(0.4,1.3,0.65,1);-o-transition:all .5s ease-out;-webkit-transition:all .5s cubic-bezier(0.4,1.3,0.65,1);transition:all .5s cubic-bezier(0.4,1.3,0.65,1);vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;} #slides2how2>.arrows2{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #slides2how2>.arrows2{position:absolute;left:0;top:0;bottom:0;width:100%;height:26px;padding:0;z-index:7;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box; margin:auto;} #slides2how2>.arrows2 label{display:none;position:absolute;top:0;bottom:0;padding:13px;box-shadow:inset 2px -2px 0 1px #3a3a3a;cursor:pointer;-moz-transition:box-shadow .15s,margin .15s;-o-transition:box-shadow .15s,margin .15s;-webkit-transition:box-shadow .15s,margin .15s;transition:box-shadow .15s,margin .15s} #slides2how2>.arrows2 label:hover{box-shadow:inset 3px -3px 0 2px #71ad37;margin:0} #slides2how2>.arrows2 label:before{content:'';position:absolute;top:-100%;left:-100%;height:300%;width:300%} #slides2how2.infinity>input:first-of-type:checked ~ .arrows2 label.goto-last,#slides2how2>input:nth-of-type(1):checked ~ .arrows2>label:nth-of-type(0),#slides2how2>input:nth-of-type(2):checked ~ .arrows2>label:nth-of-type(1),#slides2how2>input:nth-of-type(3):checked ~ .arrows2>label:nth-of-type(2),#slides2how2>input:nth-of-type(4):checked ~ .arrows2>label:nth-of-type(3),#slides2how2>input:nth-of-type(5):checked ~ .arrows2>label:nth-of-type(4),#slides2how2>input:nth-of-type(6):checked ~ .arrows2>label:nth-of-type(5),#slides2how2>input:nth-of-type(7):checked ~ .arrows2>label:nth-of-type(6),#slides2how2>input:nth-of-type(8):checked ~ .arrows2>label:nth-of-type(7),#slides2how2>input:nth-of-type(9):checked ~ .arrows2>label:nth-of-type(8),#slides2how2>input:nth-of-type(10):checked ~ .arrows2>label:nth-of-type(9),#slides2how2>input:nth-of-type(11):checked ~ .arrows2>label:nth-of-type(10){display:block;left:10px;right:auto;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)} #slides2how2.infinity>input:last-of-type:checked ~ .arrows2 label.goto-first,#slides2how2>input:nth-of-type(1):checked ~ .arrows2>label:nth-of-type(2),#slides2how2>input:nth-of-type(2):checked ~ .arrows2>label:nth-of-type(3),#slides2how2>input:nth-of-type(3):checked ~ .arrows2>label:nth-of-type(4),#slides2how2>input:nth-of-type(4):checked ~ .arrows2>label:nth-of-type(5),#slides2how2>input:nth-of-type(5):checked ~ .arrows2>label:nth-of-type(6),#slides2how2>input:nth-of-type(6):checked ~ .arrows2>label:nth-of-type(7),#slides2how2>input:nth-of-type(7):checked ~ .arrows2>label:nth-of-type(8),#slides2how2>input:nth-of-type(8):checked ~ .arrows2>label:nth-of-type(9),#slides2how2>input:nth-of-type(9):checked ~ .arrows2>label:nth-of-type(10),#slides2how2>input:nth-of-type(10):checked ~ .arrows2>label:nth-of-type(11),#slides2how2>input:nth-of-type(11):checked ~ .arrows2>label:nth-of-type(12){display:block;right:10px;left:auto;-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg)} #slides2how2>input:last-of-type:checked ~ .arrows2 label.goto-first{display:none} #header .image {display:block; width:100%; height:235px; margin:0 auto; position:relative; overflow:hidden;} #header .image img{display:block; margin:auto; padding:0; max-width:100%; max-height:235px; width:auto; height:auto; position:absolute; left:0; right:0; top:0; bottom:0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out;} #header .image img:hover{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform:scale(1.1);} #header .title {display:block; margin:10px 0 0 0; padding:0; width:100%; height:auto; overflow:hidden;} #header .title a{display:block;font-family: 'Fira Sans', sans-serif;font-size:13px; font-weight:normal;line-height:15px; color:#999999; text-decoration:none; text-align:center; width:85%; margin:0 auto;} #header .title a:hover { text-decoration:underline;} #header .price {font-family: 'Fira Sans', sans-serif; font-size:15px; font-weight:bold; height: auto; text-align:center; line-height:17px; text-decoration:none; color:#666666; margin:20px 0;} #header .price p {display:inline-block; margin:0;} #header .btn a{display:none !important;} #header .show-menu{display:none;font-family: 'Fira Sans', sans-serif;text-decoration:none;color:#191F3F;background:#FDF8C1;text-align:left;padding:0 0 0 25px; position:relative; height:45px; line-height:45px; font-size:16px; font-weight:normal; text-transform:capitalize; width:100%; float:left; margin:0; box-shadow: 10px 10px 10px -10px #222;} .show-menu:after { display:block; content:""; background:#191F3F; position:absolute; height:4px; width:20px; right:10px; top:28px;} .show-menu:before { display:block; content:""; border-top:4px solid #191F3F; position:absolute; height:11px; width:20px; right:10px; top:14px; border-bottom:4px solid #191F3F; border-top:4px solid #191F3F;} #header #show-menu[type=checkbox]{display:none} #header #show-menu[type=checkbox]:checked ~ #menuu{display:block;} #header #categoriesside {display:none;} #menuu li.resH {display:none;} .level2:after {display:table; content:''; clear:both;} .level3:after {display:table; content:''; clear:both;} /*===================== footer ========================*/ #footer {display:block; width:100%; height:auto; margin:0 auto; padding:0; background:#fff !important;} #footer .support {display:block; margin:0 auto; width:100%; min-height:50px; padding:0; background:#fae9ba;} #footer .support .box1 {display:block; margin:0 auto; padding:0; width:1000px; min-height:50px;} #footer .support .box1 ul {display:inline; list-style:none; margin:0; padding:0;} #footer .support .box1 ul li {display:inline; padding:0; margin:0; font-family: 'Fira Sans', sans-serif; font-size:22px; line-height:50px; color:#191F3F;text-align:left;text-transform:initial; font-weight:normal; text-decoration:none; padding:0 33px;} #footer .support .box1 ul li.sec {background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Tmb/_design/_design2021/icon06.png) no-repeat 0 50%;background-size: 25px auto} #footer .support .box1 ul li.sec2 a{background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2021/icon05.png) no-repeat 0 50%; padding:0 0 0 35px; text-decoration:none; text-transform:capitalize; color:#191F3F; background-size: 25px auto } #footer .support .box1 ul li.sec2 a:hover {text-decoration:underline;} #footer .support .box1 ul li.first {font-size:20px; text-transform:uppercase; line-height:50px; font-weight:normal; font-weight:300; padding:0 15px 0 0;} #footer .bottom-footer {display:block; width:1000px; height:auto; margin:20px auto 0 auto; padding:0;} .bottom-footer:after {display:table; content:''; clear:both;} #footer .bottom-footer .box2 {display:block; width:36%; height:180px; margin:0 2% 20px 0; padding:0; background:#fbf2db; position:relative; float:left;} #footer .bottom-footer .box2 ul {display:inline-block; list-style:none; margin:15px 0 0 20px; padding:0;} #footer .bottom-footer .box2 ul li {display:block; padding:0; margin:0; font-family: 'Fira Sans', sans-serif; font-size:14px; line-height:20px; color:#191F3F; text-align:left; font-weight:300; text-decoration:none;} #footer .bottom-footer .box2 ul li:hover{text-decoration:underline;} #footer .bottom-footer .box2 ul li.first {font-size:20px; text-transform:capitalize; line-height:40px; font-weight:300;} #footer .bottom-footer .box2 a {display:block; position:absolute; right:20px; bottom:20px; font-family: 'Fira Sans', sans-serif; font-size:14px; line-height:30px; background:#2F99CB; text-align:center; font-weight:normal; text-decoration:none; color:#fff; width:140px; margin:auto; text-transform:uppercase;} #footer .bottom-footer .box2 a:hover {text-decoration:underline;} #footer .bottom-footer .box3 {display:block; width:62%; height:180px; margin:0 0 20px 0; padding:0; position:relative; float:left;} #footer .bottom-footer .box3 ul {display:none; list-style:none; margin: 0 0 0 35%; padding:0;} #footer .bottom-footer .box3 ul li.first h3{ line-height:50px; font-weight:normal; display:block; padding:0; margin:0; font-family: 'Fira Sans', sans-serif; font-size:20px; color:#191F3F; text-align:left; text-transform:uppercase;} #footer .bottom-footer .box3 ul li.mail {background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2016/mail.png) no-repeat 0% 50%; display:block; padding:0 0 0 20px; margin:0; font-family: 'Fira Sans', sans-serif; font-size:15px; line-height:30px; color:#191F3F; text-align:left; text-transform:lowercase; font-weight:normal; text-decoration:none;} #footer .bottom-footer .box3 ul li.iphone {background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2016/resp_iphone.png) no-repeat 0% 50%; display:block; padding:0 0 0 20px; margin:0; font-family: 'Fira Sans', sans-serif; font-size:15px; line-height:30px; color:#191F3F; text-align:left; text-transform:capitalize; font-weight:normal; text-decoration:none;} #footer .bottom-footer .box3 ul img {display:none;} #footer .bottom-footer .box3 h4 {display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; text-align:left; font-weight:normal; text-decoration:none; color:#191F3F; margin:0;} #footer .bottom-footer .box4 {display:block; width:100%; height:2px; background:#f9e4a9; float:left; } #footer .bottom-footer .box5 {display:block; width:50%; height:auto; margin:0; float:left;} #footer .bottom-footer .box5 ul {display:table; list-style:none; margin:10px 0 0 0; padding:0; width:100%;} #footer .bottom-footer .box5 ul li {display:table-cell; text-align:center;} #footer .bottom-footer .box5 ul li a{display:inline-block;padding:0;margin:0 auto; font-family: 'Fira Sans', sans-serif; font-size:12px; line-height:30px;color:#191F3F; text-align:center;text-transform:capitalize;font-weight:normal; text-decoration:none;} #footer .bottom-footer .box5 ul li a:hover{text-decoration:underline;} #footer .bottom-footer .box5 ul li.first {font-size:16px; text-transform:uppercase; line-height:50px; font-weight:normal; display:none;} #footer .bottom-footer .box6 {display:block; width:50%; height:auto; margin:0; float:left;} .box6:after {content:''; display:table; clear:both;} #footer .bottom-footer .box6 img {display:block; float:right; height:auto; width:auto; margin:15px 0 0 0;} #footer .jti {display:block; max-width:1000px; height:20px; margin:15px auto 15px auto; padding:0 auto;} .jti:after { display:table; content:''; clear:both;} #footer .jti a img { display:block; float:right; margin:0 auto; padding:0;} #footer .jti span img { display:block; float:right; margin:0 auto; padding:0;} /*===================== listing ========================*/ #listing {display:block; width:100%; height:auto; margin:0 auto; padding:0; background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2016/bg_lcontent.jpg) no-repeat !important; background-size:100% 100% !important;} #listing #content { display:block; width:1000px; height:auto; margin:0 auto; padding:10px 10px 0 10px; background:rgba(255,255,255,0.2)} #content:after {display:table; content:''; clear:both;} #listing #produ {display:block; width:100%; height:auto; margin:0 0 20px 0; padding:0; background:rgba(255,255,255,0.5); float:left;} #produ:after { display:table; content:''; clear:both;} #listing #imag {display:block; width:60%; height:auto; float:left; margin:0 0 20px 0; padding:0;} #listing .gallery{width:100%;position:relative;padding-top:450px;margin:0 auto; box-shadow:0 10px 20px -5px rgba(0,0,0,0.75)} #listing .gallery>img{position:absolute;left:0;top:0;transition:all .5s; max-width:100%; margin:auto; bottom:0; right:0; max-height:450px; padding:10px;} #listing .gallery input[name='slide_switch']{display:none} #listing .gallery label{margin:20px 2% 0 0;box-shadow:0 10px 20px -5px rgba(0, 0, 0, 0.75);float:left;cursor:pointer;transition:all .5s;opacity:.6; width:23%; height:125px; position:relative;} #listing .gallery label img{display:block; width:auto; max-width:100%; position:absolute; margin:auto; padding:0; right:0; left:0; top:0; bottom:0; max-height:100%;} #listing .gallery input[name='slide_switch']:checked+label{opacity:1} #listing .gallery input[name='slide_switch'] ~ img{opacity:0;transform:scale(1)} #listing .gallery input[name='slide_switch']:checked+label+img{opacity:1;transform:scale(1)} #listing .gallery label.cl4, #listing .gallery label.cl10, #listing .gallery label.cl8, #listing .gallery label.cl12, #listing .gallery label.cl16 {margin:20px 0 0 0;} #listing #descriptions {display:block; width:40%; height:auto; float:left; padding: 0 0 0 30px } #descriptions:after {display:table;content:''; clear:both;} #listing #descriptions h2.title {color: #323344;display: block;margin: auto; padding:10px 5px 0 0;font-size:25px; font-family: 'Fira Sans', sans-serif; font-weight:300; line-height:26px; float:left} #listing #descriptions h3.price {color: #191F3F;display: block;font-size: 40px; margin:40px 0 0 0; padding:0; line-height:41px; float:left;} #listing #descriptions h3.price span {font-size:17px; text-transform:uppercase;font-weight: 300;} #listing #descriptions .specBrand {display: none; width:100%; height: auto; margin: 75px 0 0 0; padding: 0 0 20px 0; text-align: left; color:#2C5F78; font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size:16px; text-transform: initial; text-decoration: none; float: left;line-height: 25px;} #listing #descriptions .btn.watch {background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2021/icon04.png) 0 50% no-repeat; height:30px; color:#7E7F80; margin:0 0 10px; line-height:30px; font-size:14px; font-family: 'Fira Sans', sans-serif; font-weight:bold; text-decoration:none; width:100%; text-transform:uppercase; display:block; padding:0 0 0 45px; float:left; background-size: 25px auto} #listing #descriptions .btn.watch:hover {text-decoration:underline;} #listing #descriptions .add_l {background:url(https://shared1.ad-lister.co.uk/UserImages/7543bd73-7849-48f2-b453-6f7a659e2f9a/Img/_design/_design2021/icon05.png) 0 50% no-repeat; height:30px; color:#7E7F80; margin:0 0 20px; line-height:30px; font-size:14px; font-family: 'Fira Sans', sans-serif; font-weight:bold; text-decoration:none; width:100%; text-transform:uppercase; display:block; padding:0 0 0 45px; float:left; background-size: 25px auto} #listing #descriptions .add_l:hover {text-decoration:underline;} * { box-sizing: border-box;} @-webkit-keyframes bugfix{from{padding:0}to{padding:0}} @-webkit-keyframes fake{from{opacity:1}to{opacity:1}} @keyframes fake{from{opacity:1}to{opacity:1}} body{-webkit-animation:fake 1s infinite;animation:fake 1s infinite} #tabs{width:100%;padding:0;margin:0 auto 20px auto;background:#fff; float:left; height:auto; border:none; border-top:none} #tabs section{display:none;padding:20px 10px; background:#fff; border-top:none; float:left; width:100%; font-size:14px;} #tabs input{display:none} #tabs label{display:inline-block;margin:0;padding:15px 0;font-weight:300;text-align:center;border:1px solid transparent; width:25%; font-size:20px; font-family:'Fira Sans',sans-serif; color:#191F3F; text-transform:capitalize; box-sizing:border-box; float:left; background:#f7dba7; border:none; border-right:2px solid #fff;} #tabs .deskV.LL {border-right:none; border:none;} #tabs label:hover{color:#888;cursor:pointer} #tabs input:checked+label{color:#191F3F;border:none; background:#f1ab86; border:none; border-right:2px solid #fff;} #tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4{display:block; color:#191F3F; background:#fff; font-family: 'Fira Sans', sans-serif !important; font-size:14px; font-weight:normal; line-height:20px;} #listing #content1 table {border-collapse:collapse !important; border-spacing:0 !important; max-width:100% !important; font-family:'Fira Sans',sans-serif !important;} #listing #content1 img {display:block; max-width:100%;} #listing #content1 embed, #listing #content1 object {display:block; max-width:100% !important; height:auto;} #tabs .resptab-input, #tabs .resptab-label {display:none;} #listing .resptab-content p{color:#191F3F !important; font-family: 'Fira Sans', sans-serif !important; font-size:14px !important; font-weight:normal !important; line-height:20px !important;} #listing .resptab-content span{color:#191F3F !important; font-family: 'Fira Sans', sans-serif !important; font-size:14px !important; font-weight:normal !important; line-height:20px !important;} #listing .resptab-content font{color:#191F3F !important; font-family: 'Fira Sans', sans-serif !important;} #listing #content4 table { background: #202229 none repeat scroll 0 0; border: 5px solid #e6e6e6; border-collapse: collapse; font-size: 13px; text-align: center;} #listing #content4 table th{ background: #e6e6e6 none repeat scroll 0 0; color: #333; font-size: 14px; font-weight: bold; padding: 4px 10px 8px;} #listing #content4 table td{background: #f8f8f8 none repeat scroll 0 0;border: 1px solid #ccc;color: #333;padding: 4px 10px;} .JTI_FeedbackRow {width:100%;} #listing .JTI_feedback {border-collapse:collapse !important; border-spacing:0 !important; width:100% !important; } #listing .JTI_FeedbackRow .row2 {display:none; width:68%;} .JTI_FeedbackRow3, .JTI_FeedbackRow4 {width:15%; text-align:center;} #listing .JTI_FeedbackHead{border-bottom:1px solid #666666;} #listing .JTI_FeedbackRow2{padding:5px 10px 5px 0; text-align:left !important;} .JTI_FeedbackHead4, .JTI_FeedbackHead3 {text-align:center;} #listing h1.late {display:block; width:235px; margin:0; padding:0; font-size:26px; font-family: 'Fira Sans', sans-serif; font-weight:300; line-height:40px; text-transform:capitalize; color:#191F3F; float:left; background:#F1AB87; text-align: center;} #similarr {background:rgba(255,255,255,0.9); display: block;float: left; min-height: 370px;margin:0 auto;padding:0 10px; width: 100%;} #similarr .product {display:block; width:100%; height:auto; margin:10px 0 0 0; padding:0;} .product:after {display:table; content:''; clear:both;} #similarr .prod{display:block; width:23%; height:330px; margin:10px 1% 10px 1%; padding:10px; float:left; position:relative; border:1px solid #ccc;} #similarr .prod:hover {border:1px solid #2D99CC;} #similarr .image {display:block; width:100%; height:165px; margin:0 auto; position:relative; overflow:hidden;} #similarr .image img{display:block; margin:auto; padding:0; max-width:100%; max-height:165px; width:auto; height:auto; position:absolute; left:0; right:0; top:0; bottom:0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out;} #similarr .image img:hover{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform:scale(1.1);} #similarr .title {display:block; margin:10px 0 0 0; padding:0; width:100%; height:auto; overflow:hidden;} #similarr .title a{display:block;font-family: 'Fira Sans', sans-serif;font-size:12px; font-weight:normal;line-height:14px; color:#2D99CC; text-decoration:none; text-align:center; width:100%; margin:0 auto;} #similarr .title a:hover { text-decoration:underline;} #similarr .price {font-family: 'Fira Sans', sans-serif; font-size:20px; font-weight:bold; height: auto; text-align:center; line-height:20px; text-decoration:none; color:#000; margin:20px 0;} #similarr .price p {display:inline-block; margin:0;} #similarr .btn a{color:#fff !important; background:#2D99CC !important; width:130px; height:30px; line-height:30px !important; display:block !important; text-align:center; font-size:14px; font-weight:normal; text-transform:uppercase;font-family: 'Fira Sans', sans-serif; text-decoration:none; margin:auto; position:absolute; left:0; right:0; bottom:10px;} #similarr .btn a:hover {box-shadow:3px 3px 3px #000;} #similarr .title > h4 {margin:0;} @-webkit-keyframes bugfix{from{padding:0}to{padding:0}} @-webkit-keyframes fake{from{opacity:1}to{opacity:1}} @keyframes fake{from{opacity:1}to{opacity:1}} @media screen and (max-width: 1000px){ body {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; padding:0 1% !important; animation:bugfix infinite 1; -webkit-animation:bugfix infinite 1;} 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;} .cls_two, #gh, .tb_v4bc, .stBadge, #glbfooter, #header .logo, #header .menuu, #footer .support .box1, #footer .bottom-footer, #footer .jti, .twelve, .eleven, #listing #content, #listing #tabs, #listing #produ, #listing #tabs ul.tabs-menu, #listing #content .tab, #listing h1.late {width:100% !important;} #listing #produ {margin:0;} #footer .bottom-footer .box3 h4 {line-height:17px;} .stBadge {min-width:100%;} } @media screen and (max-width: 980px){ #header .menuu {position:static; margin:0; padding:0; height:auto; background:none; min-height:45px;} #header #menuu{position:static;display:none; height:auto; width:100%; margin:0; float:left; background:#fff; border-top:2px solid #fff; padding:0;} #header .show-menu{display:block;} #header #menu2{display:block;} #header #categoriestop, #header .menuu a.home, #header .menuu .best, #header .menuu .best1 {display:none !important;} .categ2.last {margin:0 !important;} #header #categoriesside .categ:hover:after {display:none;} #header #categoriesside {display:block !important;background:none;display:block; padding:0 !important; width:100%; z-index:999999; clear:both;box-shadow:none; float:left;} #header #categoriesside li{text-align: left;text-transform:none; width: 100%; margin:0px;padding:0; box-sizing:border-box; position:relative; display:block; float:left; min-height:40px; height:auto; border-top:1px solid #191F3F;} #header #categoriesside li a {font-family: 'Fira Sans', sans-serif;font-size:16px;font-weight:normal;display:block;line-height:40px; text-align:left; text-decoration:none !important; color:#191F3F; text-transform:capitalize; padding:0 10px 0 35px; height:40px; width:100% !important;} #header #categoriesside li:hover > a {background:#191F3F; color:#fff;} #header #categoriesside .level2{ padding:0 0 0 20px; border: none !important; background:none !important;} #header #categoriesside .level2 li, #header #categoriesside .level3 li {border:none; background:none !important;} #header #categoriesside .level2 li:hover a, #header #categoriesside .level3 li:hover a {background:none !important; color:#191F3F !important;} #header #categoriesside .level3{ padding:0 0 0 20px; border: none !important; background:none !important} #header #categoriesside .level2, #header #categoriesside .level3 {display:none !important;} #header #menuu li.resH.hhh {font-style:italic;} #header #menuu li.resH {text-align: left;text-transform:none; width: 100%; margin:0px;padding:0; box-sizing:border-box; position:relative; display:block; float:left; min-height:40px; height:auto;} #header #menuu li.resH:hover a{background:#191F3F; color:#fff;} #header #menuu li.resH a {font-family: 'Fira Sans', sans-serif;font-size:16px;font-weight:normal;display:block;line-height:40px; text-align:left; text-decoration:none !important; color:#191F3F; text-transform:capitalize; padding:0 10px 0 35px; height:40px; width:100% !important;} #header .menuu .contactUsM {display: block; width: 100%; display: none;} #header .contactUsM a {display: block; width: 100% !important; padding-left: 35px; text-align: left; line-height: 40px;} #header .logo .imglog { right:unset;} #footer .support {display:none;} #footer .bottom-footer {margin:0 auto;} #footer .bottom-footer .box2 {width:50%; height:130px; margin:0 0 20px 0;} #footer .bottom-footer .box3 {width:50%; height:130px;} #footer .bottom-footer .box3 h4 {display:none;} #footer .bottom-footer .box3 ul {display:block;} } @media screen and (max-width: 880px){ #footer .bottom-footer .box6 img {width:80%;} /*listing*/ #listing .gallery label{width:32%;} #listing .gallery label.cl3, #listing .gallery label.cl6, #listing .gallery label.cl9, #listing .gallery label.cl12, #listing .gallery label.cl15 {margin:20px 0 0 0;} #listing .gallery label.cl4, #listing .gallery label.cl8, #listing .gallery label.cl16 {margin:20px 2% 0 0;} #listing #descriptions .btn.watch, #listing #descriptions .add_l {width:80%;} #listing #descriptions h2.title {font-size:19px; line-height:20px;} #listing #descriptions h3.price {font-size:25px;} #listing #descriptions h3.price span {font-size:14px;} #listing #descriptions .btn.watch, #listing #descriptions .add_l {font-size:14px;} } @media screen and (max-width: 780px){ #footer .bottom-footer .box4, #footer .bottom-footer .box6 {display:none;} #footer .bottom-footer .box2 {width:100%; margin:0 auto;} #footer .bottom-footer .box3 ul {margin: 0 0 0 20px;} #footer .bottom-footer .box3 ul img {display:block; margin-top:30px;} #footer .bottom-footer .box5 {display:block; width:50%; height:auto; margin:0; float:left;} #footer .bottom-footer .box5 ul li {display:block; text-align:left; } #footer .bottom-footer .box5 ul {display:inline-block; list-style:none; margin:0 auto; padding:0;} #footer .bottom-footer .box5 ul li a{display:block; padding:0 0 0 5px; margin:0; font-family: 'Fira Sans', sans-serif; font-size:12px; line-height:30px; color:#191F3F; text-align:left; text-transform:uppercase; font-weight:normal; text-decoration:none;} #footer .bottom-footer .box5 ul li a:hover{text-decoration:underline;} #footer .bottom-footer .box5 ul li.first { line-height:50px; font-weight:normal; display:block; padding:0; margin:0; font-family: 'Fira Sans', sans-serif; font-size:20px; color:#191F3F; text-align:left; text-transform:uppercase;} /*listing*/ #listing #tabs ul li a {padding:0 15px; font-size:16px;} #listing .JTI_FeedbackRow1, #listing .JTI_FeedbackHead1{display:none;} #listing .JTI_FeedbackHead {border-bottom:1px solid #666666;} #listing .JTI_FeedbackRow {border-bottom:1px solid #e1e5d6;} #listing .JTI_feedback{font-size:12px !important;} #listing .JTI_FeedbackHead4, #listing .JTI_FeedbackRow4 {display:none; overflow:hidden} } @media screen and (max-width: 700px){ #listing #imag {width:100%; margin:0 0 30px 0} #listing .gallery label{width:23%;} #listing .gallery label.cl4, #listing .gallery label.cl8, #listing .gallery label.cl16, #listing .gallery label.cl12 {margin:20px 0 0 0;} #listing .gallery label.cl3, #listing .gallery label.cl6, #listing .gallery label.cl9, #listing .gallery label.cl15 {margin:20px 2% 0 0;} #listing #descriptions { width:100%; margin:0 0 15px 0;} #listing #descriptions .btn.watch {width:50%; margin:30px 0 0 20px;} #listing #descriptions .add_l {width:50%; margin-bottom:10px;} #listing #produ h2.title {color: #191F3F;display: block;margin: auto; padding:10px 5px 0 20px; font-size:19px; font-family: 'Fira Sans', sans-serif; font-weight:normal; line-height:20px;} #listing #produ h3.price {color: #000;display: block;font-size: 25px; padding:0; line-height:30px; font-family: 'Fira Sans', sans-serif; margin:25px 0 0 20px;} #listing #produ h3.price span {font-size:14px;} #listing .gallery{padding-top:400px;} #listing .gallery>img{max-height:400px;} #listing .gallery label{width:32%;} #listing .gallery label.cl3, #listing .gallery label.cl6, #listing .gallery label.cl9 #listing .gallery label.cl112, #listing .gallery label.cl15 {margin:15px 0 0 0;} #listing .gallery label.cl4, #listing .gallery label.cl8, #listing .gallery label.cl16 {margin:15px 2% 0 0;} #listing #descriptionn h4 {font-size:16px;} #listing #descriptionn .btn.watch, #listing #descriptionn .btn.ask {font-size:16px; text-transform:capitalize;} #listing #descriptionn h1 {margin:25px 0 0 0; font-size:16px;} #listing #descriptionn h5{font-size:19px;} #tabs {border:none;} #tabs .deskV {display:none !important;} #tabs .resptab-input, #tabs .resptab-label {display:block !important;} #tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5{display:none;} #tabs .resptab-label{color:#191F3F;text-decoration:none;transition:color .3s ease-in-out;position:relative;display:block;width:100%;min-height:40px;padding:0 0 0 10px;font-size:16px; font-weight:normal;margin:10px 0 0 0;background:#f7dba7;text-align:left;line-height:40px;font-family:'Fira Sans',sans-serif !important;height:40px; position:relative; border:none !important; text-transform:capitalize;} #tabs .resptab-input{display:none} #tabs .resptab-content{margin:0; padding:15px 5px;} #tabs .resptab-content table {border-collapse:collapse !important; border-spacing:0 !important; max-width:100% !important; font-family:'Fira Sans',sans-serif !important;} #tabs .resptab-content img {display:block; max-width:100%;} #tabs .resptab-input:not(checked) ~ .resptab-content{display:none} #tabs .resptab-input {display:none !important;} #tabs .resptab-label:hover{color:#fff;} #ID-1:checked ~ #content1, #ID-2:checked ~ #content2, #ID-3:checked ~ #content3, #ID-4:checked ~ #content4, #ID-5:checked ~ #content5{display:block;} #ID-1:checked:checked ~ #L11, #ID-2:checked:checked ~ #L22, #ID-3:checked:checked ~ #L33, #ID-4:checked:checked ~ #L44{background:#f1ab86 !important; color:#fff !important; border:none !important;} #tabs .resptab-input:not(checked) ~ .resptab-label:before{ display:block; position:absolute; margin:auto; padding:0; right:15px; top:0; bottom:0; content: "\25bc"; color:#191F3F; font-size:13px; font-weight:bold; line-height:40px; height:40px} #ID-1:checked ~ #L11:before, #ID-2:checked ~ #L22:before, #ID-3:checked ~ #L33:before, #ID-4:checked ~ #L44:before { content: "\25b2"; color:#fff} #listing #tabs .resptab table {border-collapse:collapse !important; border-spacing:0 !important; max-width:100% !important; font-family:'Fira Sans',sans-serif !important; font-size:10px !important;} #similarr {min-height:25px;} #similarr .prod {width:48%} } @media screen and (max-width: 580px){ #header .logo .menu-top{display:none;} #header .logo .news {display:block; width:100%; position:static; height:auto} #header .logo .imglog {position:static; margin:10px auto;width:100%; max-width:100%; text-align: center;} #header .logo .news .feed, #header .logo .news .add, #header .logo .news .join {margin-left: 1%; margin-right: 1%; width: 31.33%} #header .logo .imglog img {display:block; margin:0 auto;} /*listing*/ #listing {padding:0 5px;} #listing #content {padding:10px 0 10px 0;} padding:10px 10px 0 10px; #listing .gallery label{width:32%;} #listing .gallery label.cl3, #listing .gallery label.cl6, #listing .gallery label.cl9, #listing .gallery label.cl12, #listing .gallery label.cl15 {margin:20px 0 0 0;} #listing .gallery label.cl4, #listing .gallery label.cl8, #listing .gallery label.cl16 {margin:20px 2% 0 0;} #listing #descriptions .btn.watch, #listing #descriptions .add_l {width:75%;} #listing .JTI_FeedbackRow1, #listing .JTI_FeedbackHead1{display:none;} #listing .JTI_FeedbackHead {border-bottom:1px solid #666666;} #listing .JTI_FeedbackRow {border-bottom:1px solid #e1e5d6;} #listing .JTI_feedback{font-size:12px !important;} #listing .JTI_FeedbackHead4, #listing .JTI_FeedbackRow4 {display:none; overflow:hidden} } @media screen and (max-width: 480px){ #footer .bottom-footer .box5 ul li.first, #footer .bottom-footer .box5 ul li a {padding:0 0 0 35px;} #footer .bottom-footer .box3 ul {margin:0 0 0 5px;} #footer .bottom-footer .box3 ul li.first h3, #footer .bottom-footer .box5 ul li.first {font-size:16px;} #footer .bottom-footer .box3 ul img {width:95%;} #footer .bottom-footer .box3 ul li.mail, #footer .bottom-footer .box3 ul li.iphone, #footer .bottom-footer .box5 ul li a {font-size:12px; line-height:25px;} #listing .gallery{padding-top:350px;} #listing .gallery>img{max-height:350px;} #similarr {min-height:25px;} #similarr .prod{display:block; width:100%; height:auto; margin:0 0 25px 0; box-shadow:0 10px 20px -5px rgba(0, 0, 0, 0.75);} #similarr .prod:hover {box-shadow:0 10px 20px -5px rgba(0, 0, 0, 0.75);} #similarr .prod.it4 {margin:0 0 35px 0;} #similarr .image {height:165px;} #similarr .image img{max-height:165px;} #similarr .title {width:95%; margin:15px auto 0 auto;} #similarr .price { margin:20px auto 20px auto;} #similarr .btn a { margin:0 auto 10px auto; position:static;} } @media screen and (max-width: 380px){ #listing .gallery{padding-top:300px;} #listing .gallery>img{max-height:300px;} #listing .gallery label{width:49%;} #listing .gallery label.cl2, #listing .gallery label.cl4, #listing .gallery label.cl16, #listing .gallery label.cl8, #listing .gallery label.cl10, #listing .gallery label.cl12, #listing .gallery label.cl14, #listing .gallery label.cl16 {margin:15px 0 0 0;} #listing .gallery label.cl3, #listing .gallery label.cl9, #listing .gallery label.cl15 {margin:15px 2% 0 0;} }