/**
* Village crafts responsive stylesheet
**/

#product-info { text-align: left !important; }
.post-info { font-size: 0.85em !important; }
#basket form {
	padding-left: 7px;
	float: left;
}

/** Everything above slim tablets... */
@media(min-width: 768px) {
    .mobile-only { display: none; }
    /**#carousel { margin-top: 20px; }*/
}

/** Slim tablets and below... */
@media(max-width: 767px) {
    .no-mobile { display: none; }
    #wrapper { width: 96%; margin: 2%; position: inherit; }
    header { width: 100%; height: auto; float: none; position: inherit; }
    #vc-hlogo { display: block !important; float: none; }
    #vc-hlogo h1 { float: none; }
    #header-details { float: none !important; display: block; width: 100%; padding: 2% 0%; }
    #header-contact-details { display: block; float: none !important; text-align: left; padding: 1% 0%; }
    #header-social-icons { float: none !important; }
    #search, .basket-link { display: none; }
    #basket { margin-right: 10px; }
    nav { float: none; clear: both; }
    nav ul li:first-of-type { margin-left: 0px; }
    #carousel { float: none; clear: both; }
    #carousel-text { display: none; }
    #carousel-pic { border-left: 0px; height: auto; }
    #carousel-pic, #carousel-pic a, #carousel-pic a img { width: 100%; }
    #carousel ul { margin-top: 2px; margin-bottom: 10px; }
    #main-col, #welcome { width: 100%; float: none; }
    #welcome { height: auto !important; margin-top: 10px !important; }
    #whats-new, #right-col { float: none; width: 96%; padding: 2% !important; display: block; height: auto !important; max-height: none !important; min-height: auto !important; }
    #our-shop, #special-offers { height: auto !important; float: none; width: 100% !important; border: 0px; }
    #our-shop h4, #our-shop p, #special-offers h4, #special-offers p { padding: 14px; margin: 0px !important; }
    #special-offers { margin-left: 0px; margin-top: 10px; }
    #our-shop p, #special-offers p { min-height: 55px; }
    #our-shop img, #special-offers img { width: 100% !important; }
    #sign-up, #featured-content #sign-up { float: none; width: 96% !important; padding: 2%; height: auto; position: inherit; height: auto; }
    .mobile-clear { clear: both; }
    footer { width: 100%; }
    footer ul { display: none; }
    footer p { padding: 2% 0%; width: 96%; }
    nav ul li { width: 31% !important; padding: 1%; margin: 0px; text-align: center; }
    nav ul li a { display: block; padding: 3% 0%; background-color: #E7E1DF; }
    #products-grid, .products-grid-content-page { width: 100% !important; }
    #products-grid-header { margin: 0px; width: 100% !important; }
    #right-col { margin-top: 10px !important; }
    #whats-new article p, #right-col article p { margin-bottom: 20px; }
    #products-grid-header { padding: 2% 0%; }
    #products-grid .product-container, #products-grid-content-page .product-container { width: 47.5% !important; margin: 1% !important; height: auto; }
    #products-grid .product-container a img, #products-grid-content-page .product-container a img { width: 100% !important; }
    .more-info { display: block; margin-bottom: 10px; }
    #products-grid-header h2, #products-grid-header h3, #products-grid-header #pagination { float: none !important; display: block; }
    #pagination { padding: 3% 0%; }
    #pagination ul li, #pagination span { font-size: 1.6em; }
    #products-left-nav ul { display: none; }
    #products-left-nav ul li a { margin-bottom: 8px; }
    #products-left-nav { width: 92%; padding-left: 4%; float: none; }
    #products-left-nav h4 { margin-bottom: 10px; padding: 2% 4%; background-color: #DCD2D0; }
    #products-left-nav h4:hover { cursor: pointer; }
    #product-details, #product-details-header, #product-img, #product-info { width: 100%; margin-left: 0px; float: none; }
    #product-img img { width: 97%; border: 2%; }
    #featured-content { float: none; }
    #featured-content-pic { float: none; width: 100%; height: auto; border-left: 0px; }
    #featured-content-pic img { width: 100%; }
    #featured-content-text { float: none; width: 100%; margin-left: 0px; }
    #column-1, #column-2 { width: 47.5%; margin: 1%; }
    #column-1 img, #column-2 img { width: 100%; }
    #column-2 table tr th, #column-2 tr td { display: block; width: 100%; text-align: left; }
    #google-map { float: none; margin-top: 2px; }
    #products-grid-header, #product-details-header { float: none; width: 100%; }
    #products-grid, .products-grid-content-page { float: none; }
    #products-grid .product-container img, #products-grid-content-page .product-container img { width: 100%; }
    #products-grid-header h2 { margin-bottom: 0px; }
    #products-grid .basket-container, #products-grid-content-page .basket-container { width: 98%; float: none !important; height: auto !important; margin-top: 10px !important; }
    .product-container.basket-container img { width: auto !important; }
    .product-container.basket-container { position: relative; }
    .basket-container .product-title { max-width: 80%; }
    .basket-quantity { position: absolute;margin: 0px; top: 5px; right: 0px; }
    #products-grid .product-container.basket-container a img, #products-grid-content-page .product-container.basket-container a img { width: 20px !important; }
    #basket-rundown { margin-top: 20px; }
    #checkout-form { padding-left: 0px; }
    #checkout-form table { width: 100%; }
    #checkout-form label { float: none; }
    #checkout-form th, #checkout-form td { display: block; width: 98%; padding: 1%; text-align: left; }
    #checkout-form #submit-btn { float: none; margin-left: 0px; }
    #checkout-form input, #checkout-form select, #checkout-form textarea { width: 96%; }
    #checkout-form input#submit-btn { width: auto; }
    .post { background-color: #E7E1DF; padding: 2%; }
    #lightbox-container-image-box { width: 100%; }
    #lightbox-container-image img { width: 100%; min-width: 100%; max-width: 100%; }
    .index-block { width: 92%; padding: 2%; margin: 2%; float: none; }
    #fb-container { width: 96%; margin: 2%; float: none; }
    body.products.galleries #products-grid { padding-top: 12px; }
    body.products.galleries #products-grid .product-container { width: 46.5% !important; }
    .gallery-from-admin { max-width: 97.2%; }
}

/** Small Phones */
@media(max-width: 480px) and (orientation: portrait) {
    #vc-hlogo { width: 100%; }
    #vc-hlogo img { width: 98%; margin: 0% 1%; height: auto; }
    nav ul li { width: 48% !important; }
    #products-grid .product-container, #products-grid-content-page .product-container { width: 97.5% !important; }
    #column-1, #column-2 { width: 97.5%; }
    .no-small-mobile { display: none; }
    .index-block, #fb-container { margin-bottom: 4% !important; }
    #fb-container { margin-left: 1.75% !important; }
    body.products.galleries #products-grid .product-container { width: 94.5% !important; }
}

/** Slim tablets */
@media(min-width: 481px) and (max-width: 767px) {
    header a { text-align: center; }
    #our-shop, #special-offers { width: 49% !important; float: left !important; }
    #our-shop { margin-top: 10px; }
    #special-offers { margin-left: 2%; }
    #whats-new article, #right-col article { width: 46%; padding: 1%; margin: 1%; float: left !important; }
    #checkout-form input, #checkout-form textarea, #checkout-form select { width: 92% !important; padding: 3% !important; }
    .index-block { width: 44%; float: left; margin: 1%; padding: 2%; }
    #fb-container { width: 48%; float: left; margin: 1%; }
}