@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); /*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); /*font-family: 'Open Sans', sans-serif;*/
body {font-family:'Open Sans', sans-serif; font-size:12px; font-weight:normal; font-style:normal; margin:0;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; padding:0;}
a {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
*, *::after, *::before {box-sizing: border-box;}
#gh {width:100%; padding:35px 40px 10px 40px; min-width:980px;}
.tb_v4bc {width:100%; padding:0 40px;}
.stBadge-accent {display:none;}
#glbfooter {padding:0 40px; width:100%; border:none !important; min-width:100%;}
.stBadge{padding:0 40px; min-width:100%;}
.stBadge > img, .whiter-s_nf, .stBadge-splitterTd {display:none;}
.whiter-rcp {border:none !important;}
.pagecontainer > p, .pagecontainer > img {display:none;}
.gh-tbl {width:auto;}
                                                                                      /*=====================  Menu  ========================*/
#menu-ctrl {display:block; margin:0 auto 0 auto; padding:0 40px; width:100%; height:auto;}
#menu-ctrl .jti {display:block; width:100%; height:20px; margin:10px auto 20px auto; padding:0 auto;}
.jti:after { display:table; content:''; clear:both;}	
#menu-ctrl .jti a img { display:block; float:right; margin:0 auto; padding:0; width:110px; height:20px;}
#menu-ctrl .jti span img { display:block; float:right; margin:0 auto; padding:0; width:110px; height:20px;}
#menu-ctrl .logo {display:block; width:100%; height:auto; margin:0 auto 10px auto; padding:0; position:relative;}
.logo:after {display:table; content:''; clear:both;}
#menu-ctrl .logo .imglog {display:block; width:250px; float:left; height:auto; margin:0; padding:0;}
#menu-ctrl .logo .imglog a {display:block; width:100%; height:auto;}
#menu-ctrl .logo .imglog a img {display:block; width:auto; height:auto; margin:33px 0px; padding:0; max-width:100%;}
#menu-ctrl .logo h4.ctc {display:block;width:295px;height:25px;margin:auto;padding:0;text-align:right; color:#999999; font-family: 'Open Sans', sans-serif; font-size:17px; font-weight:normal; text-transform:capitalize; text-decoration:none;line-height:25px; position:absolute; right:0; top:0; bottom:0; left:auto;}
#menu-ctrl .logo h4.ctc span.nbb {color:#46ACC9; font-weight:bold;}
#menu-ctrl .logo h4 span.opp{text-transform:inherit;}
#menu-ctrl #menuu {display:block; width:100%; margin:0 auto 0px auto; padding:0;}
#menuu:after {content:''; clear:both; display:table;}
#menu-ctrl .topM {display:block;width:100%;background:transparent; margin:0 auto; float:left;}
#menu-ctrl #categoriestop{ display:table; margin:0px; padding:0px; text-align:center; width:100%;}
#menu-ctrl #categoriestop li {display:table-cell; vertical-align:middle; position:relative;}
#menu-ctrl #categoriestop li.categ.last {background:none;}
#menu-ctrl #categoriestop li a {
    font-family: roboto;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0 6px;
    height: 48px;
    width: 33.33% !important;
    margin: 0;
}
#menu-ctrl #categoriestop li:hover > a { background:#2c2c2c; color:#fff;}
#menu-ctrl #categoriestop .level2{background:#666666; display: none; padding: 10px;position: absolute; top:48px;width: 100%;  z-index:999999; clear:both; left:0; height:auto; min-width:250px;}
#menu-ctrl #categoriestop li:hover .level2 {display:none;}
#menu-ctrl #categoriestop .level2 li:hover > a {background:#002e21; color:#fff;}
#menu-ctrl #categoriestop .level2 li{float:left;text-align: left;text-transform:none;margin:0;padding:0;box-sizing:border-box;position:relative;border-right:none;border-left:none;width:100%; min-height:30px !important;}
#menu-ctrl #categoriestop .level2 li a {font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; height: auto;padding: 6px 15px; text-align:left; text-transform:capitalize; line-height:18px; color:#fff; display:block; width:100% !important;  background:none; border:none;}
#menu-ctrl #categoriestop .categ2.first a{border-top:none !important;}
#menu-ctrl #categoriestop .categ2.last a{border-bottom:none !important;}
#menu-ctrl #categoriestop .level2 li:hover a {padding-left:25px; background:none; color:#fff;}
#menu-ctrl #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;}
#menu-ctrl #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:#151848; }
#menu-ctrl #categoriestop .level3 li a{font-family: 'Open 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;}
#menu-ctrl #categoriestop .level3 li:hover a {padding: 3px 0px 3px 35px; background:none;}
#menu-ctrl #categoriestop .level2 .categ2:hover ul {display:none !important;}  
#menu-ctrl #categoriestop.categ.last ul, #menu-ctrl #categoriestop .categ.prelast ul { right:0; left:auto;}
#menu-ctrl .show-menu{display:none; font-family: 'Open Sans', sans-serif; text-decoration:none;color:#fff; text-align:left;padding:0 0 0 45px; position:relative; height:45px; line-height:45px; font-size:16px; font-weight:normal; text-transform:capitalize; width:100%; margin:0; box-shadow: 0 10px 10px -10px #222;}
.show-menu:after { display:block; content:""; background:#fff; position:absolute; height:4px; width:20px; left:10px; top:28px; margin:auto;}
.show-menu:before { display:block; content:""; border-top:4px solid #fff; position:absolute; height:11px; width:20px; left:10px; top:14px; border-bottom:4px solid #fff; border-top:4px solid #fff; margin:auto;}
#menu-ctrl #show-menu[type=checkbox]{display:none}
#menu-ctrl #show-menu[type=checkbox]:checked ~ #menuu{display:block;}
#menuu2, #menu-ctrl #categoriesside, #menu-ctrl a.respH{display:none;}
#menu-ctrl .show-menu2{display:none; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; height: auto;line-height:40px;padding:0 0 0 45px; text-align:left; text-transform:capitalize; position:relative; line-height:40px; float:left; width:100%; border-top:1px solid #fff; color:#fff;}
#menu-ctrl #show-menu2[type=checkbox]{display:none}
#menu-ctrl #show-menu2[type=checkbox]:checked ~ #menuu2{display:block; width:100%; height:auto; padding:0; margin:0; float:left;}
#menu-ctrl .show-menu2:before{ display:block; position:absolute; margin:auto; padding:0; left:215px; top:0; bottom:0; content: "\25bc"; color:#fff; font-size:13px; font-weight:bold; line-height:40px; height:40px}
#menuu2:after, #menuu:after, #categoriesside:after {display:table; content:''; clear:both;}	
                                                                                                      
                                                                                                         /*=====================   listing Gallery   ========================*/
#listing {display:block; width:100%; height:auto; padding:0; margin:15px auto; background:#fff;}
#listing #contentAll {display:block; width:100%; height:auto; margin:20px auto 0 auto; padding:0;}
#contentAll:after {display:table; content:''; clear:both;}
#listing #produ {display:block; width:100%; height:auto; margin:0 0 20px 0; padding:0; float:left; background:#fff;}
#produ:after { display:table; content:''; clear:both;}
#listing #produ h2.title {color: #00a1c4;display: block;margin: 15px auto 15px 0; padding:0 10px; font-size:20px; font-family:'Open Sans', sans-serif; font-weight:normal; line-height:24px; width:100%; text-align:center; text-transform:inherit; min-height:50px;}
#listing #imag {
    display: block;
    width: 100%;
    /* min-height: 750px; */
    float: left;
    margin: 0;
    /* border: 1px solid #f3f3f3; */
    padding: 0 10px;
}
#listing #imag .hidden {display: none}
#listing .gallery{width:100%;position:relative;padding-top:515px;margin:0 auto;}
#listing .gallery>img{position:absolute;left:0;top:0;transition:all .5s; max-width:100%; margin:auto; bottom:0; right:0; max-height:515px; padding:10px;}
#listing .gallery input[name='slide_switch']{display:none}
#listing .gallery label{margin:15px 1% 0 1%;box-shadow:0 0 10px -5px rgba(0, 0, 0, 0.75);float:left;cursor:pointer;transition:all .5s;opacity:.6; width:18%; height:100px; 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;
    background: transparent;
    border: 1px solid #ccc;
}
#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 #descriptions {display:block; width:38%; height:750px; float:right; padding:0; border:1px solid #f3f3f3;}
#descriptions:after { display:table; content:''; clear:both;}
#listing #descriptions h1.titleD{display:block; width:100%; height:40px; line-height:40px; float:left; margin:0; padding:0 0 0 20px; text-align:left; color:#fff; background:#00a1c4; font-family:'Open Sans', sans-serif; font-size:20px; font-weight:normal; text-decoration:none; text-transform:capitalize;}
#listing #descriptions .desc {display:block; height:710px; width:100%; margin:0; padding:15px 10px; float:left; overflow-y:scroll;}
#listing #produ h6{display:block;font-family:'Open Sans', sans-serif;font-size:20px; font-weight:normal;line-height:30px; color:#666666; text-align:left; text-decoration:none; margin: 0 0 15px 0; padding:0 0 0 0; text-transform:capitalize;  width:100%; float:right; float:left;}
#listing #produ h6 span {color:#00a1c4;}
#listing .topCont {display:block; width:100%; height:auto; margin:0 0 20px 0; padding:0; float:left;}																										 
#listing #contentAll .youtubee{display:block; width:50%; height:400px; margin:0; float:left;}
#listing #contentAll .youtubee h3.ytub {display:block; width:100%; height:40px; line-height:40px; margin:0; padding:0 10px; text-align:center; color:#fff; background:#00a1c4; font-family:'Open Sans', sans-serif; font-size:20px; font-weight:normal; text-decoration:none; text-transform:inherit; overflow:hidden;}
#listing #contentAll .ytube {display: block;
    height: 360px;
    margin: 0;
    font-size: 15px;
	border: 1px solid #f3f3f3;
    padding: 15px 15px;
    float: left;
    width: 100%;
    overflow-y: scroll;}
#listing #contentAll .youtubee object{display:block; width:100% !important; height: 100% !important; float: none; clear: both; margin:0;}	
#listing #contentAll .lfeed{display:block; width:48%; height:400px; margin:0; float:right; position:relative;}
#listing #contentAll .lfeed h3.txtfeed {display:block; width:100%; height:40px; line-height:40px; margin:0; padding:0 10px; text-align:center; color:#fff; background:#00a1c4; font-family:'Open Sans', sans-serif; font-size:20px; font-weight:normal; text-decoration:none; text-transform:uppercase;}
#listing #contentAll .fd3{display:block; float:left; height:360px; margin:0 auto; padding:10px; width:100%; overflow:hidden; font-family:'Open Sans', sans-serif !important; font-size:12px !important;  line-height:13px !important; text-decoration:none; font-weight:normal !important; background:#fff; position:relative; border:15px solid #F1F1F1; border-top:0;}
#listing .JTI_FeedbackRow .row2 {display:none;}
#listing .JTI_FeedbackHead {display:none;}
#listing .JTI_FeedbackRow {display:block; min-height:85px; font-size:12px !important;}
#listing .JTI_FeedbackRow.row1 {margin-top:10px;}
#listing .fd3 .JTI_FeedbackRow2 {padding-right:35px; display:block;}
#listing .fd3 .JTI_FeedbackRow.row4, #listing .fd3 .JTI_FeedbackRow.row5 {display:none;}
#listing .fd3 .JTI_FeedbackRow img {display:none;}
#listing .fd3 .JTI_FeedbackRow3 {font-weight:bold;}
table.fc td {font-size:12px !important;}
#listing #contentAll .lfeed a.morree {display:block; width:195px; height:40px; line-height:40px; font-size:17px; margin:auto; padding:0; color:#fff; background:#666666; font-family: 'Open Sans', sans-serif; font-weight:300; text-transform:inherit; text-decoration:none; bottom:25px; right:25px; position:absolute; text-align:center;}
#listing #contentAll .lfeed a.morree:hover {background:#3CACD0; box-shadow:3px 3px 3px #000; text-decoration:none;}
#listing .wrap-why {display:block; width:100%; height:auto; margin:0 0 20px 0; padding:0; background:#F1F1F1; float:left;}
.wrap-why:after {display:table; content:''; clear:both;}
#listing .why1 {display:block; height:auto; width:59%; float:left; margin:0; padding:15px 20px 20px 40px; background:transparent;}
#listing .why1 h2 {display:block; width:100%; height:30px; line-height:30px; margin:5px 0; padding:0; text-align:left; color:#3CACD0; font-family:'Open Sans', sans-serif; font-size:26px; font-weight:normal; text-transform:uppercase; text-decoration:none;}
#listing .why1 p{display:block;width:100%; min-height:20px; line-height:20px; margin:0; padding:0; text-align:left; color:#333333; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:inherit;}
#listing .why2 {display:block; height:auto; width:38%; float:right; margin:0; padding:5px 0; background:transparent;}
#listing .why2 ul {display:block; width:100%; height:auto; margin:0; padding:0; list-style:none;}
#listing .why2 ul li{display:block; width:100%; height:40px; line-height:40px;margin:0; padding:0 0 0 45px; text-align:left; color:#333333; font-family:'Open Sans', sans-serif; font-size:19px; font-weight:300; text-decoration:none; text-transform:capitalize; background:url(https://shared1.ad-lister.co.uk/UserImages/c676207f-40c1-4e74-a38e-7e82f8ff37fd/Img/_design2016/arrow1.png) no-repeat 0 50%;}
#listing #contentAll h3.sii{display:block; margin: 0;width:100%;height:60px; padding:0; line-height:60px; font-family: 'Open Sans', sans-serif; font-size:30px; text-transform:uppercase; color:#333333; text-align:center; font-weight:300; text-decoration:none; border:1px solid #f3f3f3; background:#F1F1F1; float:left}
#listing #similar-wrap {display:block; width:100%; height:auto; margin:0 0 20px 0; padding:0; float:left; border:1px solid #f3f3f3; border-top:none;}
#similar-wrap:after {content:'';display: table;clear:both;}
#similarr {display: block; min-height: 410px;margin:0 auto 0 auto;padding:0; width: 100%;}
#similarr .product {display:block; width:100%; height:auto; margin:0; padding:0;}
.product:after {display:table; content:''; clear:both;}
#similarr .prod{ width:23%; height:375px; margin:15px 1% 15px 1%; display:block; position:relative; float:left; padding:15px;box-shadow:0 0 10px -5px #000;}
#similarr .prod:hover {box-shadow:0 0 10px -5px #a4d215;}
#similarr .prod.it5, #similarr .prod.it6, #similarr .prod.it7, #similarr .prod.it8, #similarr .prod.it9, #similarr .prod.it10, #similarr .prod.it11, #similarr .prod.it12  {display:none;}
#similarr .image {display:block; width:100%; height:185px; margin:0 auto; position:relative; overflow:hidden;}
#similarr .image img{display:block; margin:auto; padding:0; max-width:100%; max-height:185px; 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 .title {display:block; margin:10px 0 0 0; padding:0; width:100%; height:auto; overflow:hidden;}
#similarr .title a{display:block; font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:normal;line-height:18px; color:#333333 !important; text-decoration:none; text-align:center; width:100% !important; margin:0;}
#similarr .title a:hover { text-decoration:underline;}
#similarr .title > h4 {margin:0;}	
#similarr .price {font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:bold;line-height:20px; color:#333333; display:block;  text-align:center;margin:15px auto 15px auto;}
#similarr .price p {display:inline-block; margin:0;}
#similarr .btn a {color:#fff !important; background:#3CACD0; width:140px; margin:auto; line-height:40px; display:block; text-align:center; bottom:10px; position:absolute; left:0; right:0; font-size:16px; font-weight:300; text-transform:capitalize; font-family: 'Open Sans', sans-serif; text-decoration:none; height:40px;}
#similarr .btn a:hover {background:#666666; box-shadow:3px 3px 3px #000; text-decoration:none;}
#listing #usb {display:block; width:100%; height:auto; margin:0; padding:0; float:left;}
#listing #usb #topitemimage, #listing #usb #topitemimage img{display:block; width:100%; height:auto; margin:0 auto 20px auto; padding:0; position:relative;}
#listing #usb #topitemtitle, #listing #usb .btm{display:none !important;}
#listing #usb .topitembox.it3, #listing #usb .topitembox.it4 {display:none;}
#listing #menu-ctrl, #listing #footer .wrap-footer {padding:0;}
#listing #menu-ctrl .topM ul li a {padding:0 15px; font-size:15px;}
#listing #menu-ctrl .logo .search {width:250px;}
#listing #footer .boxx3 ul li a {font-size:14px;}
#listing #footer .boxx3 ul li:nth-child(4n){padding-left:0;}
#listing #footer .boxx3 ul li:nth-child(4n-1), #footer .boxx3 ul li:nth-child(4n-2){padding-left: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: 1750px){
#footer .boxx3 ul li a {font-size:15px;}
#footer .boxx3 ul li:nth-child(4n){padding-left:40px;}
#footer .boxx3 ul li:nth-child(4n-1), #footer .boxx3 ul li:nth-child(4n-2){padding-left:25px;}
} 
@media screen and (max-width: 1500px){
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;}
.cls_two, #menu-ctrl, #footer .wrap-footer, .tb_v4bc, #glbfooter, .stBadge {padding:0 10px;}
#gh {padding:35px 10px 10px 10px; min-width:100%;}
#menu-ctrl .topM ul li a {padding:0 25px;}
#footer .boxx3 ul li:nth-child(4n){padding-left:20px;}
#footer .boxx3 ul li:nth-child(4n-1), #footer .boxx3 ul li:nth-child(4n-2){padding-left:15px;}
} 
@media screen and (max-width: 1400px){
#menu-ctrl .topM ul li a {padding:0 15px; font-size:15px;}
#homepage .why1 {width:59%;}
#homepage .why2 {width:38%;}
#homepage #topCategories #topitemtitle a {font-size:16px; padding:0 5px;}
#homepage #hcategories #topitemtitle span {font-size:18px;}
#homepage #middle2 .topitembox .btm {width:115px;}
#homepage #middle2 .topitemimg {padding:15px 10px 15px 5px;}
} 
@media screen and (max-width: 1300px){
#footer .boxx3 ul li a {font-size:14px;}
#footer .boxx3 ul li:nth-child(4n){padding-left:0;}
#footer .boxx3 ul li:nth-child(4n-1), #footer .boxx3 ul li:nth-child(4n-2){padding-left:0;}
#menu-ctrl .logo .search {width:250px;}
#footer .boxx3 ul li a {font-size:14px;}
#footer .boxx3 ul li:nth-child(4n){padding-left:0;}
#footer .boxx3 ul li:nth-child(4n-1), #footer .boxx3 ul li:nth-child(4n-2){padding-left:0;}
} 
@media screen and (max-width: 1240px){
#listing {width:100%;}
}
@media screen and (max-width: 1220px){
#menu-ctrl .logo h4 span.opp {display:block !important;}
#menu-ctrl .topM ul li a {font-size:13px !important; line-height:16px !important;}
#footer .boxx1 h3, #footer .boxx22 h2 {font-size:25px !important;}
#footer .boxx22 h4 {font-size:16px !important;}
#footer .boxx3 ul li {width:33.33% !important;}
} 
@media screen and (max-width: 1100px){
#footer .boxx1 h3, #footer .boxx22 h2 {font-size:24px !important;}
#footer .boxx22 h4 {font-size:15px !important;}
/*listing*/
#listing .why1 {width:57%;}
#listing .why2 {width:40%;}
#listing .why2 ul li {font-size:18px;}
.seven {width:73% !important;}
#LeftPanel{width:25% !important;}
#listing .gallery{padding-top:400px;}
#listing .gallery>img{max-height:400px;}
#listing .gallery label {width:23%;}
#similarr .prod.it4 {display:none;}
#similarr .prod {width:31.33%;}
} 
@media screen and (max-width: 980px){
#listing {padding:0 5px;}
body {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; padding:0 !important; background-image:none !important; animation:bugfix infinite 1s; -webkit-animation:bugfix infinite 1s;}
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, #menu-ctrl, #footer .wrap-footer, .tb_v4bc, #glbfooter, .stBadge {padding:0;}
#gh {padding:35px 0 10px 0;}
#gh-top, #gh-gb {border:none !important;}
#menu-ctrl .show-menu, #menu-ctrl .show-menu2 {display:block !important;}
#menu-ctrl #menuu{display:none; height:auto; width:100%; margin:0 0 10px 0; float:left; border-top:none; background:#666666; padding:5px 0 0 0; border-top:2px solid #fff;}
#menu-ctrl #menuu2 .level2, #menu-ctrl #menuu2 ul ul, #menu-ctrl .level2, #menu-ctrl .level3, #menu-ctrl .topM {display:none !important;}
#menu-ctrl #categoriesside .categ.last {border:none !important;}
#menu-ctrl #categoriesside{background:#666666;display:block; padding:0 0 0 15px !important; width:100%; z-index:999999; clear:both; box-shadow:none; float:left; margin:0;}
#menu-ctrl #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; background:none !important; }
#menu-ctrl #categoriesside li a {font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; height: auto;line-height:40px;padding: 0 10px 0 45px; text-align:left; text-transform:capitalize; width:100% !important; text-align:left !important; display:block !important; line-height:40px; position:relative; color:#fff; text-decoration:none; border:none;}
#menu-ctrl a.respH.hhh {border:none;}
#menu-ctrl a.respH {display:block; width:100%; margin:0; padding:0 10px 0 45px; line-height:40px; color:#fff; text-align:left; font-family: 'Open Sans', sans-serif; font-size:16px; text-transform:capitalize; text-decoration:none; font-weight:normal; border-top:1px solid #fff; float:left;}
#footer .boxx1 h3, #footer .boxx22 h2 {font-size:21px !important;}
#footer .boxx22 h4 {font-size:12px !important;}
#footer .boxx22 a{width:100px !important; font-size:15px !important;}
#footer .boxx3 ul li a{font-size:13px !important;}
.stBadge {min-width:100%;}
#footer .boxx4 ul li{padding:0 35px 0 0 !important;}
/*listing*/
#listing #contentAll{margin:10px auto 0 auto;}
#listing #produ {margin:0 0 10px 0;}
#listing #produ h2.title { line-height:24px; padding:8px 10px; min-height:40px;}
#listing #imag {width:100%; margin:0 0 10px 0; min-height:0; padding:0 10px 15px 10px}
#listing .gallery{padding-top:550px;}
#listing .gallery>img{max-height:550px;}
#listing .gallery label {width:18%;}
#listing #descriptions {width:100%; height:auto;}
#listing #descriptions .desc{overflow-y:inherit; height:auto;}
#listing .topCont{margin:0 0 10px 0;}
#listing #contentAll .youtubee {width:100%;}
#listing #contentAll .ytube{padding:10px 30px;}
#listing #contentAll .lfeed {width:100%;}
#listing .wrap-why{margin:0 0 10px 0;}
#listing .why1{width:100%; padding:15px 20px 20px 20px;}
#listing .why2 {width:100%; padding:0 20px 15px 20px}
#listing .why2 ul li {font-size:19px;}
#listing #similar-wrap{margin:0 0 10px 0;}
#listing #contentAll .usb1 {margin:0 0 10px 0;}
} 
@media screen and (max-width: 880px){
#menu-ctrl .logo .imglog {width:100% !important;}
#menu-ctrl .logo .imglog a img {margin:0 auto;}
#menu-ctrl .logo h4.ctc {position:static !important; width:100% !important; float:left !important; margin:10px 0 0 0 !important;}
#footer .boxx1 h3 {background:url(https://shared1.ad-lister.co.uk/UserImages/c676207f-40c1-4e74-a38e-7e82f8ff37fd/Img/_design2016/respPhone.png) no-repeat 0 8px !important; padding:0 0 0 25px !important;}
#footer .boxx1 h3 span{display:block !important;}
#footer .boxx22 {margin:5px auto 10px auto !important; width:100% !important;}
#footer .boxx22 h3{display:none !important;}
#footer .boxx22 h2{width:100% !important; padding:0 !important; margin:0 0 5px 0 !important;}
#footer .boxx22 h4 {margin:0 auto 0 15% !important; width:45% !important;}
#footer .boxx22 a {width:15% !important; margin:0 auto 0 5% !important;}
#footer .boxx4 ul {display:none;}
#footer .boxx4 img {margin:15px auto; float:none;}	
#listing .gallery{padding-top:500px;}
#listing .gallery>img{max-height:500px;}
#listing .gallery label {width:18%;}
}
@media screen and (max-width: 780px){
#footer .boxx22 h4	{width:55% !important;}
#footer .boxx22 a {width:20% !important;}	
#footer .boxx3 ul li {width:50% !important;}
/*listing*/
#listing #contentAll h3.sii{font-size:21px;}
#similarr {min-height:0;}
#similarr .prod.it4 {display:none;}
#similarr .prod {width:48%;}
}
@media screen and (max-width: 680px){
#footer .boxx22 h4	{margin:0 auto 0 5% !important; width:58% !important;}
#footer .boxx22 a {float:right !important; margin:0 5% 0 auto !important;}
#footer .boxx3 ul li a{font-size:12px !important;}
#footer .boxx1 h3, #footer .boxx22 h2 {font-size:17px !important;}
/*listing*/
#listing #contentAll .youtubee{height:auto;}
#listing #contentAll .ytube{height:300px; padding:10px;}
#listing .gallery label {width:23%;}
}
@media screen and (max-width: 580px){
#footer .boxx22 h4	{margin:0 auto 0 2% !important; width:65% !important; padding:0 15px 0 10px !important;}
#footer .boxx22 a {margin:0 2% 0 auto !important; width:25% !important; font-size:12px !important}	
#footer .boxx1 h3, #footer .boxx22 h2{font-size:16px !important;}
#footer .boxx3 ul li {width:100% !important; min-height:25px !important;}
#footer .boxx3 ul li a{font-size:13px !important; padding:5px 25px !important; line-height:15px !important;}
#footer .boxx1 h3{ font-size:15px !important; padding:0 0 0 22px !important;}
#footer .boxx22 h2{ font-size:15px  !important; padding:0 !important}
/*listing*/
#listing #similar-wrap {border:none;}
#listing .why2 ul li{font-size:16px;}
#listing .why1 p {font-size:14px;}
#listing .why1 h2 {font-size:19px;}
#listing #produ h2.title{font-size:16px; line-height:20px; padding:10px;}
#listing .gallery{padding-top:450px;}
#listing .gallery>img{max-height:450px;}
#listing .gallery label {width:31.333%;}
#listing #descriptions h1.titleD, #listing #produ h6, #listing #contentAll .youtubee h3.ytub, #listing #contentAll .lfeed h3.txtfeed, #listing #contentAll .lfeed a.morree, #listing #contentAll h3.sii{font-size:16px;}
}
@media screen and (max-width: 480px){
#gh, .tb_v4bc {display:none;}
#footer .boxx22 h4	{margin:0 auto 0 0 !important; width:235px !important; padding:0 5px 0 5px !important;}
#footer .boxx22 a {margin:0 0 0 auto !important; width:100px !important;}
#footer .boxx1{padding:0 5px;}	
#footer .boxx1 h3{ font-size:14px !important;}
#footer .boxx22 h2{ font-size:14px  !important;}
#footer .boxx4 {padding:0 10px !important;}
#footer .boxx4 img {max-width:100%;}
/*listing*/
#listing #contentAll .ytube{height:250px;}
#listing #contentAll .youtubee h3.ytub{padding:3px 30px; line-height:17px;}
#listing #imag .thumbs{width:100%; padding:0 45px;}
#listing #imag .owl-controls .owl-prev{left:5px;}
#listing #imag .owl-controls .owl-next {right:5px;}
#listing #usb .topitembox.it1, #listing #usb .topitembox.it2 {display:none;}
#listing #usb .topitembox.it3, #listing #usb .topitembox.it4 {display:block;}
#listing .gallery{padding-top:400px;}
#listing .gallery>img{max-height:400px;}
#similarr .prod{display:block; width:100%; height:auto; margin:0 0 20px 0; box-shadow:0 5px 15px -5px #000;}
#similarr .prod:hover {box-shadow:0 5px 15px -5px #a4d215;}
#similarr .image {height:195px;}
#similarr .image img{max-height:195px;}
#similarr .title {width:100%; margin:15px auto 0 auto;}
#similarr .title a{font-size:14px; line-height:17px;}
#similarr .price { margin:20px auto 20px auto;}
#similarr .btn a { margin:0 auto 10px auto; position:static;}
}
@media screen and (max-width: 380px){
#listing .why2 ul li, #homepage .why2 ul li {padding:0 0 0 38px;}
#footer .boxx2{padding:0 5px !important;}
#footer .boxx22 h4	{ width:200px !important;font-size:10px !important;}
#footer .boxx22 a {width:75px !important; font-size:10px !important;}
#footer .boxx1 h3{font-size:13px !important;}
#footer .boxx1 h3 span {display:inline-block !important;}
#listing .why2 ul li{font-size:13px;}
#listing .why1 p {font-size:12px; line-height:16px;}
#listing .why1 h2 {font-size:17px;}	
#listing #contentAll .youtubee h3.ytub{padding:3px 20px;}
#listing .gallery{padding-top:350px;}
#listing .gallery>img{max-height:350px;}
#listing .gallery label {width:48%;}
}
