html, body {
    max-width: 100%;
}

input {
    color: black !important;
}

textarea {
    color: black !important;
}

.img-responsive {
    margin: auto;
}

#cookies-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(68, 68, 68, 0.9);
    color: white;
    padding: 12px 24px 12px 12px;
    font-size: 12px;
    z-index: 16000003;
}

#cookies-notice a {
    color: white;
    text-decoration: none;
}

#cookies-notice .fa-times {
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top:12px;
    right:12px;
    z-index: 16000004;
}



@media (min-width: 993px) {    
    .navbar-header {
        display: none;
    }
    
    .dropdown-menu > li:first-child {
        display: none !important;
    }
    
    .visible-xs {
        display: none;
    }
    
    .slideshow img {
        margin: auto !important;
    }
}

@media (max-width: 992px) {
    html, body {    
        overflow-x: hidden;
    }
    #header {
        border-bottom: none !important;
    }
    #sidebar {
        background: none !important;
        border: none !important;
    }
    #sidebar ul {
        margin: 0 !important;
    }
    #sidebar li {
        display: list-item !important;
        border: none !important;
    }
    #sidebar a {
        display: block !important;
    }
    
    #sidebar .dropdown-menu {
        border: 0 !important;
        box-shadow: 0 0 0 !important;
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    
    .slideshow {
        max-width: 100% !important;
        /*height: 400px !important;*/
        max-height: 300px !important;
    }
    
    .slideshow a {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        max-height: 100% !important;
        max-width: 100% !important;
        width: 100%;
        height: 100%;
        text-align: center;
    }
    
    .slideshow img {
        max-width: 100% !important;
        max-height: 100% !important;
    }
    
    /* Navbar */    
    .navbar-collapse {
        padding: 0;
    }
    
    .nav li a:hover {
        background: none !important;
        font-weight: bold !important;
    }
    
    .nav {
        overflow-x: hidden;
        text-align: center !important;
    }
    
    .navbar-nav > .open > a {
        background: none !important;
        font-weight: bold !important;
        border-bottom: 1px solid #FFF !important;
    }
    
    .navbar-collapse::-webkit-scrollbar {
        width: 3px;
    }
    
    .navbar-collapse::-webkit-scrollbar-track {
        -webkit-border-radius: 5px;
    }
    
    .navbar-collapse::-moz-appearance:scrollbartrack-vertical {
        -webkit-border-radius: 5px;
    }
    
    scrollbar {
        width: 3px;
    }
        
    .navbar-collapse::-webkit-scrollbar-thumb:vertical {
        background-color: #aaa;
        -webkit-border-radius: 6px;
    }
    
    #lightbox-container-image-box {
        width: 100% !important;
        height: 100% !important;
    }
    #lightbox-image {
        width: 100% !important;
    }
    
    #lightbox-container-image-data-box {
        width: 100% !important;
    }
    
    #lightbox-nav-btnPrev {
        height: 100% !important;
    }
    
    #lightbox-nav-btnNext {
        height: 100% !important;
    }
    
    .gv_galleryWrap, .gv_gallery, .gv_panelWrap, .gv_panel, .gv_filmstripWrap {
        width: 100% !important;
    }
    
    .gv_galleryWrap * {
        /*width: 100% !important;*/
    }
    
    .gv_panelWrap {
    }
    
    .gv_panel {
    }
    
    .gv_panel img {
        max-width: 100% !important;
        max-height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        width: auto !important;
        height: auto !important;
        
    }
    
    .gv_infobar {
        right: inherit;
    }
    
    /* Contact Form Information */
    #addressfield {
        width: 100% !important;
    }
    
    #addressfield td {
        width: 100% !important;
        display: block !important;
        margin-bottom: 20px;
    }
    
    #contactform {
        width: 100% !important;
    }
    
    /* Converts the table in to block elements with full width, so they take up a linear pattern */
    #contactform table, #contactform tbody, #contactform tr, #contactform td, #contactform table input {
        display: block;
        text-align: left !important;
        width: 100% !important;
    }
    
    #contactform table input {
        margin-bottom: 10px;
    }
    
    #contactform td {
        border: none !important;
    }
    
    /* Basket Informaiton */
    #single-purchase {
        left: 0 !important;
    }
    
    #single-purchase td {
        padding: 0 3px;
    }
    
    #col-desc {
        width: 0 !important;
    }
    
    #basket-view-current {
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
    
    #basket-view-current table {
        width: 100% !important;
    }
    
    #basket-wrap {
        width: 100% !important;
        margin: 0 !important
    }
    
    #basket-wrap table {
        width: 100%;
    }
    
    #basket-wrap #submit {
        margin: 0 !important;
        font-weight: normal;
    }
    
    .formTable {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .formTable input {
        margin-bottom: 10px;
        width: 100% !important;
    }
    
    .formTable td {
        display: block;
        width: 100% !important;
        text-align: left;
    }
    
    .formTable textarea {
        width: 100% !important;
    }
    
    #checkout-basket-container {
        width: 100%;
        margin: 0;
    }
    
    #item-desc {
        margin: 0 !important;
        width: 100% !important;
    }
    
    #item-desc table {
        text-align: left;
    }
    
    #paypal-form {
        margin-top: 12px !important;
        width: 100% !important;
    }
    
    /* Links and other miscellaneous */
    ul {
        text-align: left;
        margin: 10px !important;
    }
    
    ul ul {
        padding: 0 !important;
    }
    
    #content {
        text-align: left;
    }
    
    #blogsidebar {
        display: none;
    }
    
    #blogcontent-narrow {
        width: 100%;
    }
    
    .blogpost-footer {
        margin-top: 16px;
    }
    
    #other-links a {
        display: block;
        padding: 5px 0;
    }
    
    #other-links li {
        margin: 8px 0;
    }
    
    .addthis_toolbox a {
        display: block;
        width: 100% !important;
        margin: 5px;
      }
    
    .addthis_toolbox a{
        margin-right: 20px;
    }
    
    .addthis_button_tweet {
        width: 80px !important;
    }
    
    /* Iframes */
    #page iframe {
        width: 100%;
        height: 400px;
    }

    #page .g-recaptcha iframe {
        width: 100%;
        height: 78px;
    }
    
    blockquote {
        padding: 0 !important;
        margin: 0 !important;
        border-left: 0 !important;
    }
    
    /*img {
        float: none !important;
    }*/
    
    #content img {
        margin: auto !important;
    }
    
    .navbar {
        margin-bottom: 0;
    }

    #cookies-notice {
        right:0;
    }
}

@media (max-width: 480px) {
    #page iframe {
        width: 100%;
        height: 200px;
    }

    #page .g-recaptcha iframe {
        width: 100%;
        height: 78px;
    }
    
    #sidebar li a {
        padding: 8px 12px;
    }
    
    .slideshow {
        max-height: 250px !important;
    }
}

/*.searchbox {
  border: none;
  border-bottom: 2px solid white;
  background: none;
  color: white;
}

.searchbutton {
  border: none;
  background: none;
}*/
.searchbutton {
  padding: 1px 3px;
  border: 0;
}