* {padding: 0; margin: 0; border: 0;}
html, body, div, img, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, summary, hgroup, details, figcaption, figure, main {display:block;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

#dartboard-bg {background-image: url('../images/dartboard-bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat; padding-bottom: 150px; }

header {width: 100%;}
#logo {width: 50%;float:left; height: auto; display:block; }
#logo img {width: auto; height: 125px;}
#contact {width: 50%; float:left; height: 100px; display:block;}
#top-basket {width: 100%; height: 40px; text-align:right; display:block; margin-top: 20px;}
#top-search {width: 100%; height: 40px; text-align:right; display:block;}

#searchwrap {width: 225px; float:right;}
#hd-searchbox {float:left; border: solid 1px #000; padding: 10px; width: 152px;}
#hd-gobox {float:left; background-color: #55E000; color: #000; padding: 11px; width: 50px; cursor:pointer;}
footer {width: 100%;clear:both;}
#banner {width: 100%; height: auto; display:block;}
#banner img {width: 100%; height: auto;}
#content {min-height: 300px; padding-top: 50px;}
#side { min-height: 300px; padding-top: 50px;}
#footer {background: #8a8a8a; background: radial-gradient(circle, rgba(138, 138, 138, 1) 25%, rgba(0, 0, 0, 1) 100%); width: 100%; min-height: 300px; color: #fff;}
#footer a {color: #fff; font-weight: 300;}
ul.fields-container {display:none; height: auto;}
#footer-top {background: #ACF501; background: linear-gradient(180deg, rgba(172, 245, 1, 1) 50%, rgba(77, 222, 0, 1) 100%); display:block; width: 100%; height: 10px; }
.glass {background-image: url('../images/glass.png');}

input.binput {border: solid 1px #000; padding:2%; margin-bottom: 10px; width: 90%; display:block; }
input.binput-half-1 {border: solid 1px #000; padding:2%; margin-right: 0.75%; margin-bottom: 10px; width: 42%; display:block; float:left;}
input.binput-half-2 {border: solid 1px #000; padding:2%; margin-left: 0.75%; margin-bottom: 10px; width: 42%; display:block; float:left;}
textarea.binput {border: solid 1px #000; padding:2%; margin-bottom: 10px; margin-top: 20px; width: 90%; height: 75px; display:block; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 17px;}

.badge {float:left; padding-top: 5px; width: 45px; font-weight:400;} 

.bt_buy {background-color: #fff; width: 100px; height: 30px; border-radius: 5px; border: solid 1px #000; float:left; margin-bottom: 10px;}
.bt_less {width: 25px; height: 30px; float:left; text-align:center; font-size: 25px; line-height: 28px; cursor:pointer;user-select: none;}
.bt_qty {width: 50px; height: 30px; float:left; text-align:center; font-size: 18px;} input.bt_qty {background-color: transparent;}
.bt_more {width: 25px; height: 30px; float: left; text-align:center; font-size: 25px; line-height: 28px; cursor: pointer;user-select: none;}
.btwipe {text-decoration: underline;}
.addbtbasket {width: 125px; background: #ACF501; background: linear-gradient(180deg, rgba(172, 245, 1, 1) 50%, rgba(77, 222, 0, 1) 100%); margin-left: 10px; color: #fff; text-align:center; padding: 5px; padding-bottom: 3px; border-radius:3px; cursor:pointer;float:left; text-shadow: 0px 0px 4px #000,0px 0px 2px #000;}





.stretch {width: 100%; clear:both;}
.trap {width: 1200px; margin: auto;}


@media only screen and (min-width: 1400px) { /* WIDE - Desktop */
.stretch-wide {;}
.stretch {max-width: 1399px; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}

}

@media only screen and (min-width: 868px) and (max-width: 1399px) { /* MEDIUM - Tablet Portrait */
.stretch-medium {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}

}

@media only screen and (min-width: 480px) and (max-width: 867px) { /* SMALL - Mobile Landscape */
.stretch-small {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
  #logo {width: 100%;text-align:center;}
  #contact {width: 100%;text-align:center;}
  #top-basket {text-align:center; margin-top: 10px;}
  #top-search {text-align:center; margin-bottom: 10px;}
  #searchwrap {float:none; margin: auto;}
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
.stretch-tiny {;}
.stretch {max-width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
  #logo {width: 100%;}
  #logo img {width: 100%; height: auto;text-align:center;}
  #contact {width: 100%;text-align:center;}
  #top-basket {text-align:center; margin-top: 10px;}
  #top-search {text-align:center; margin-bottom: 10px;}
  #searchwrap {float:none; margin: auto;}
}