/* Product ========================================================================== */
/* Prevents products with span in their name being affected */
body[class*="span"] {
    float: none;
    margin-left: auto;
}

/* Delivery Banner */
.product-banner {
	height: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 28px;
	font-size: 0.9em;
	opacity: 0.7;
}

.product-banner .icon {
	margin-top: 2px;
	-webkit-transform: scale(0.9);
    -moz-text-replace: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

/* ---- Breadcrumbs ---- */
.catalog-product-view .breadcrumbs,
.category-blog .breadcrumbs {
	float: none;
	padding: 10px 0 10px 10px;
	margin: 0  auto;
	border-top: 1px solid #e5e5e5;
	border-bottom: 0;
	text-align: center;
}

.catalog-product-view .product-code {
    padding: 0;
	margin: 0;
	font-size: 0.9em;
	font-family: 'Nunito', Arial, sans-serif;
    text-transform: uppercase;
    color: #999999;
}

/* --- Media Images ---- */
.product-essential .product-image {
    margin-top: 0;
}

.more-views {
    float: left;
}
.more-views li:first-child {
    margin-left: 0;
}
.more-views li {
    height: 84px;
    width: 84px;
    margin-bottom: 27.5px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.more-views li.video {
    background: #000;
    position: relative;
}

.more-views li.video .overlay {
    position: absolute;
    display: block;
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #CC181E;
}

.more-views li.video .overlay:after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -5px;
    border-width: 8px 0px 8px 12px;
    border-color: transparent transparent transparent #FFF;
    border-style: solid;
}

.more-views li a {
    display: block;
}

.more-views .video a {
	height: 100%;
}


/* ---- Product Name ---- */
.product-shop .product-name {
	margin-bottom: 20px;
}

.product-name h1 {
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

/* ---- Availability ---- */

.product-shop .availability {
    float: right;
	font-family: 'Nunito', Arial, sans-serif;
    font-size: 0.9em;
    text-transform: uppercase;
    white-space: nowrap;
    color: #999999;
    margin-top: 7px;
}

.icon.tick {
    display: block;
    position: relative;
    float: left;
    top: 4px;
    left: -4px;
    width: 9px;
    height: 9px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -399px;
}

/* ---- Price ---- */
.product-shop{
    position: relative;
}

.product-shop .price-box {
    margin: 0;
    overflow: hidden;
	font-family: 'Nunito', Arial, sans-serif;
}

.product-shop .regular-price {
    float: none;
}

.product-shop .price {
    font-size: 1.7em;
}

.configurable .special-price > .price {
    font-size: inherit;
}

.product-shop .special-price,
.product-shop .old-price {
    margin: 0;
    line-height: 2.4em;
}

.product-shop .old-price .price {
    font-size: 1.2em;
}

.catalog-product-view .old-price > .price:before {
    content: '(Was ';
}

.catalog-product-view .old-price > .price:after {
    content: ')';
}

.catalog-product-view .simple .old-price > .price:after,
.catalog-product-view .configurable .old-price > .price:after {
    margin-left: -4px;
}

/* ---- Review Link ---- */
.reviews-link {
    margin-top: 10px;
    text-align: right;
    clear: both;
}

.reviews-link a {
    color: #4aadc3;
    text-decoration: underline;
}
.review-link, a.review-link{
    color: #4aadc3;
    text-decoration: underline;
    display: inline-block;
    padding-left: 10px;
}

.add-to-box .feefo_logo {
    margin-top: 5px;
}


/* ---- Add To Cart Box ---- */
.add-to-cart {
    width: 366px;
    padding: 10px;
    margin: 20px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	font-family: 'Nunito', Arial, sans-serif;
    background-color: #e5e5e5;
}

.add-to-cart input {
    width: 60px;
    height: 60px;
    padding: 0;
    margin-right: 6px;
    font-size: 1.8em;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fefefe;
    text-align: center;
}

.btn-cart {

}

.btn-cart .icon.basket {
    display: inline-block;
    float: none;
    position: static;
    margin-right: 5px;
    margin-bottom: -2px;
}

/* ---- Xmas Attribute ---- */
.xmas-note {
    margin: 0 0 10px 0;
    font-size: 1.1em;
	font-family: 'Nunito', Arial, sans-serif;
    text-transform: uppercase;
    color: #4aadc3;
}

/* ---- Delivery Counter Table ---- */
table.del-counter {
    margin-left: 20px;
    margin-bottom: 20px;
	font-family: 'Nunito', Arial, sans-serif;
    font-size: .75em;
    text-transform: uppercase;
    color: #999999;
}

table.del-counter .free-del {
    font-size: 1.3em;
    text-align: left;
	letter-spacing: -0.5px;
    color: #4aadc3;
}

.del-counter .free-del span {
    font-size: 1.5em;
}

table.del-counter .value {
    font-size: 1.1em;
    color: #333333;
}

/* ---- Short Description ---- */

.short-description {
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
    font-size: 0.9em;
}

.short-description ul {
    padding: 0 0 0 20px;
    font-size: 1.5em;
}

.short-description li {
    font-size: 0.8em;
}
.short-description li span {
    font-size: .95em !important;
    line-height: 1.5em;
}

/* ---- More Info Icon---- */
.more-info {
    color: #4aadc3;
    cursor: pointer;
    text-decoration: underline;
}

.more-info a{
    color: #5cb3c7;
}

.more-info .icon.info {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -24px -470px;
}

/* ---- Tabs and Share Icons ---- */
.tabs-share-container {
    position: relative;
    width: 800%;
    left: -350%;
    background: #fefefe;
    clear: both;
}

#tab-container {
    width: 940px;
    padding: 0;
    margin: auto;
    overflow: hidden;
}

#tab-container .tabs {
    width: 75.5%;
    height: 50px;
    border-bottom: 2px solid #f4f6f8;
	font-family: 'Nunito', Arial, sans-serif;
    text-transform: uppercase;
}
.share-icons{
    width: 940px;
    margin: auto;
    overflow: hidden;
    padding: 0;
}
.share-icons .icons {
    float: left;
    width: 8.2%;
    height: 50px;
    border-right: 1px solid #f6f6f6;
}
.share-icons .icons:first-child {
    border-left: 1px solid #f6f6f6;
}
.share-icons .icons.hukd{
    width: 94px;
}

.share-icons .icons a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 60px;
}

.share-icons .icons.hukd a{
    line-height: 58px;
}

.share-icons .icon,
.tabs .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.share-icons .icons.hukd .icon{
    width: 52px;
    max-width: none;
}


.facebook-share {
    width: 100%;
    height: 100%;
}

.icon.fblike {
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -551px;
}

.fb:hover {
    background: #3b5998;
}

.fb:hover .icon.fblike {
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -25px -551px;
}

.icon.twitter {
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -529px;
}

.tw:hover .icon.twitter{
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -25px -529px;
}

.tw:hover {
    background: #00c5f9;
}

.icon.pinterest {
    height: 20px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -508px;
}

.pin:hover .icon.pinterest {
    height: 20px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -25px -508px;
}

.pin:hover {
    background: #ce2125;
}

.icon.email {
    left: 16px;
    height: 18px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -490px;
}

.em:hover .icon.email {
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -24px -490px;
}

.icon.hotukdeal {
    left: 16px;
    height: 18px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -53px -553px;
}

.hukd:hover .icon.hotukdeal {
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -114px -553px;
}

.em:hover {
    background: #efc443;
}

.hukd:hover{
    background-color: #6e8800;
}

#tab-container .tabs li {
    float: right;
    margin: 0;
}

.tabs .headers {
    margin: 0;
    text-align: center;
}

.tabs .headers a > span:after {
    content: '';
    position: relative;
    top: 10px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #cccccc;
}

.tabs .active a > span:after {
    border-top: 5px solid #4aadc3;
}

#tab-container .tabs .returns a {
    border-left: 2px solid #f4f6f8;
}

#tab-container .tabs li a {
    display: block;
    float: none;
    height: 50px;
    padding: 0;
    border: none;
    border-left: 2px solid #f4f6f8;
}

.tabs {
    position: relative;
    z-index: 2;
}

.tabs .headers span {
    position: relative;
    top: 18px;
}

.tabs .headers .icon {
    position: absolute;
    top: 0;
    left: -40px;
}

.tabs .headers .delivery {
    left: -33px;
}

.tabs .headers .info {
    left: -25px;
}

.icon.returns {
    width: 34px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -448px;
}

.active .icon.returns {
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -38px -448px;
}

.icon.delivery {
    width: 26px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -426px;
}

.icon.delivery-left {
    width: 26px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -93px -426px;
}

.icon.hand{
    width: 26px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -122px -421px;
}

.active .icon.delivery {
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -30px -426px;
}

.icon.info {
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -470px;
}

.active .icon.info {
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -24px -470px;
}

.active a {
    color: #5cb3c7;
}

.box-description.box-collateral{
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px;
    display: block;
    margin: 0 auto;
}
.box-description .icon.quotes {
    top: 32px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -36px -367px;
}

/* ---- Related Products & Collateral Tabs ---- */
.product-collateral,
.product-reviews{
    position: relative;
    width: 800%;
    left: -350%;
    background-color: #e5e5e5;
}
.product-reviews {
    background-color: #e5e5e5;
}
.product-reviews .collateral-tabs{
    border-top: 1px solid #d0d0d0;
}
.collateral-wrap{
    width: 940px;
    margin: 0 auto;
}
.collateral-tabs,
.marketing{
    padding: 20px 0 0 0;
    width: 940px;
    margin: auto;
}
.collateral-tabs{
    position: relative;
}
.collateral-wrap.share-container {
    background: #fefefe none repeat scroll 0 0;
    clear: both;
    left: -350%;
    position: relative;
    width: 800%;
}
.product-reviews #product_reviews {
    margin: 0;
}
.marketing{
    padding-top: 10px;
    padding-bottom: 10px;
}
.box-collateral{
    width: 640px;
    display: inline-block;
    vertical-align: top;
}
.box-related{
    margin: auto;
    padding: 40px 0 0;
    width: 940px;
}
.collateral-headings .icon.info{
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 10px 0 0;
    vertical-align: top;
}
.collateral-headings .icon.related{
    display: inline-block;
    float: none;
    vertical-align: top;
}
.collateral-headings{
    border-bottom: 2px solid #f4f6f8;
    margin-bottom: 20px;
    margin-left: -50%;
    padding-left: 50%;
    width: 200%;
}
.collateral-headings h2,
.collateral-headings > div{
    border-right: 2px solid #f4f6f8;
    padding: 15px 0 10px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.collateral-headings div{
	font-family: 'Nunito', Arial, sans-serif;
    font-size: 1.4em;
    margin-top: 0;
    text-transform: uppercase;
}
.description-heading{
    width: 480px;
    padding-right: 28px;
}
.collateral-headings h2.related-heading{
    width: 450px;
    border-right: 0 none;
}


.product-collateral h2,
.description-heading{
    margin-top: 0;
    font-size: 1.4em;
	font-family: 'Nunito', Arial, sans-serif;
    text-transform: uppercase;
}

.icon.related {
    display: block;
    float: left;
    width: 21px;
    height: 21px;
    margin-right: 10px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -575px;
}

.icon.star {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -595px;
}
.product_reviews .icon.star,
.bestsellers .icon.trophy{
    margin-left: 15px;
    margin-right: 10px;
}

.catalog-product-view .bestsellers .icon.trophy,
.catalog-product-view .product_reviews .icon.star{
    margin-left: 0;
}

/* ---- Configurable and Custom Options ---- */
.product-options label {
}

.product-options dd {
    margin: 0 0 10px 0;
}

.product-options .input-box {
    position: relative;
}

.product-options .input-text,
.product-options .input-box textarea {
    width: 95.5%;
    height: 60px;
    padding: 0 0 0 4%;
    margin-right: 10px;
    font-size: 1.8em;
    border: 2px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fefefe;
}

.product-options .input-box textarea {
    line-height: 2em;
}

.product-options .note {
    position: absolute;
    top: 2px;
    right: 10px;
    margin: 0;
	font-family: 'Nunito', Arial, sans-serif;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #999999;
}

.options-list label {
    float: none;
}

.options-list .price {
    font-size: 1.1em;
}

.giftcard-form select,
.product-options select {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #e5e5e5;
    -webkit-box-shadow: 0 3px #ccc;
    -moz-box-shadow: 0 3px #ccc;
    box-shadow: 0 3px #ccc;
	font-family: 'Nunito', Arial, sans-serif;
    text-transform: uppercase;
}


#color-views-tooltip {
    display: none;
}


/* ---- Reviews---- */

.feefo_reviews_block h2 {
    margin-top: 0;
	font-family: 'Nunito', Arial, sans-serif;
    font-size: 1.4em;
    margin-top: 0;
    text-transform: uppercase;
}

.feefo_reviews_block h4 {
    margin-bottom: 10px;
}

.feefo_reviews_block .review-table,
.feefo_reviews_block .review-table td,
.feefo_reviews_block .review-table th,
.feefo_reviews_block .review-table tr{
    border: none;
    text-align: left;
    padding: 6px 20px 6px 0;
}
.feefo_reviews_block .review-table .last-row,
.feefo_reviews_block .review-table .last-row td {
    text-align: center;
}
.feefo_reviews_block .review-table td {
    vertical-align: text-bottom;
}
.feefo_reviews_block .review-table td.rating span {
    display: inline-block;
    padding-left: 5px;
}
.feefo_reviews_block .review-table tr {
    /*border-bottom: 1px solid #CCC;*/
}

.review-item td {
    white-space: nowrap;
    border: none;
}
.review-item .comment {
    white-space: normal;
    width: 100%;
}
.review-item .rating img {
    display: inline-block;
    max-width: none;
    vertical-align: text-bottom;
}



/* ---- Gift Card ---- */

.giftcard-form .fieldset {
    float: none;
    padding: 0;
}

.giftcard-form .input-text,
.giftcard-form .input-box textarea {
    width: 95%;
    height: 60px;
    padding: 0 0 0 4%;
    font-size: 1.8em;
    line-height: 1em;
    border: 2px solid #e5e5e5;
}

.product-gift-card .form-list li {
    overflow: visible;
}

/* ---- Configurable Select Validation ---- */

#product-options-wrapper .super-attribute-select + .validation-advice {
    position: relative;
    top: 34px;
}


/* ---- Overlays ---- */

.darkOverlay{
    height:100%;
    width:100%;
    position: fixed;
    background-color: black;
    top: 0;
    left:0;
    z-index: 1000;
    opacity: 0;
    pointer-events: none

}
.reviews-popup {
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    z-index: 10000;
    border-radius: 10px;
    display: none;
    position: absolute;
    width: 60%;
    left: 50%;
    padding: 2% 4%;
    top: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.reviews-popup .icon.remove {
	top: .5rem;
	left: auto;
    right: 10px;
    cursor: pointer;
}
.reviews-popup .feefo_reviews_block h2{
    font-size: 1.3em;
    text-align: center;
    font-family: Verdana;
    text-transform: none;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
}

.reviews-popup .all-reviews,
.reviews-popup .reviews-popup{
    display: none !important;
}

.darkOverlay{
	height:100%;
	width:100%;
	position: fixed;
	background-color: black;
	top: 0;
	left:0;
	z-index: 1000;
	opacity: 0;
	pointer-events: none

}

#product_reviews_popup{
    overflow: scroll;
    height: 500px;
}

/* ======================================================================================= */

/* Responsive Product ======================================================================================= */

/* Large desktop */
@media (min-width: 1200px) {

    /* Shop and Media Containers */
    .product-media {
        width: 480px;
    }
    .product-shop{
        width: 660px;
    }
    .collateral-wrap{
        width: 1200px;
    }
    .collateral-tabs,
    .marketing{
        width: 1200px;
    }
    .box-related {
        width: 1170px;
    }

    .more-views li {
        width: 84px;
        height: 84px;
        margin-bottom: 21px;
    }

    /* Availability */
    .availability {
        position: absolute;
        right: 100px;
    }

    /* Tabs */
    #tab-container, .share-icons {
        width: 1170px;
    }
    .share-icons .icons{
        width: 8.2%;
    }

    /* Add To Cart*/
    .add-to-cart {
        width: 545px;
    }

    .btn-cart {
        width: 470px;
    }

    .btn-cart .icon.basket {
        left: 95px;
    }

    /* Related Products & Collateral Tabs */
    .collateral-wrap,
    .collateral-tabs,
    .marketing {
        width: 1170px;
    }

    .bestsellers .head,
    .bestsellers .content {
        width: 1170px;
    }

    #product_addtocart_form{
        width: 565px;
    }

}
@media (min-width: 979px) and (max-width: 1199px) {

    .product-media{
        width: 500px;
    }
    .share-icons .icons{
        width: 10.1%;
    }

}

@media (min-width: 768px) {

	/* Blog */
	.blog .share-icons {
		height: 50px;
	}

	.blog .icons {
		width: 50px;
		height: 50px;
	}

	.blog .share-icons .icon,
	.blog .icon.email {
		position: relative;
		left: 2px;
		top: -1px;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    /*  Base Image */
    .product-essential .product-image {
        float: none;
    }

    /* Media Images */
    .more-views li:first-child {
        margin-left: 0;
    }

    .more-views li {
        float: left;
        width: 85px;
        height: 85px;
        margin-left: 10px;
    }
    .more-views li:nth-child(n+5) {
        margin-left: 0;
    }

    /* Add To Cart*/
    .add-to-cart {
        width: 94%;
        padding: 3%;
    }

    .btn-cart {
        width: 237px;
    }

    .btn-cart .icon.basket {
        left: 0;
    }

    /* Tabs */
    #tab-container, .share-icons {
        width: 724px;
    }

    #tab-container .tabs {
        width: 69%;
        height: 55px;
    }

    .share-icons .icons {
        width: 9.4%;
    }

    .tabs .headers span {
        top: 12px;
    }

    .tabs .headers .icon {
        position: relative;
        top: 4px;
        left: -12px;
    }


    .share-icons .icon {
        left: 20px;
        top: 19px;
    }

    .icon.email {
        left: 19px;
        top: 21px;
    }

    #tab-container .tab-content {
        width: 590px;
    }

    /* Related Products & Collateral Tabs */
    .collateral-wrap,
    .collateral-tabs,
    .marketing {
        width: 724px;
    }
    .box-collateral, .box-related{
        width: 724px;
    }
    .bestsellers .item, .box-related .item {
        margin-bottom: 50px;
        margin-right: 15px;
        width: 169px;
    }
    .bestsellers .item:nth-child(3n), .box-related .item:nth-child(3n) {
        margin-right: 15px;
    }
    .bestsellers .item:nth-child(4n), .box-related .item:nth-child(4n) {
        margin-right: 0;
    }
    .bestsellers .product-image, .box-related .product-image {
        height: 169px;
    }

    .description-heading{
        width: 370px;
    }
    .collateral-headings h2.related-heading{
        width: 350px;
    }

    /* Blog */
	.blog .share-icons {
		height: 40px;
	}

	.blog .icons {
		width: 40px;
		height: 40px;
	}

	.blog .share-icons .icon,
	.blog .icon.email {
		position: relative;
		left: 2px;
		top: -4px;
	}
    /*.collateral-headings .icon.info,*/
    /*.collateral-headings .icon.related,*/
    /*.product-reviews .icon.star,*/
    /*.catalog-product-view .icon.trophy{*/
        /*display: none;*/
    /*}*/
    .product-media{
        width: 370px;
    }
    .product-shop{
        width: 330px;
    }
    .catalog-product-view .bestsellers .cat-name h4,
    .catalog-product-view .box-related .cat-name h4 {
        margin-left: 0;
    }
    .reviews-popup {
        width: 86%;
        left: 3%;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    .icon.quotes{
        display: none;
    }

}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	/* Product Banner */
	.product-banner {
		width: 100%;
	}

    .product-banner .span4:nth-child(2),
    .product-banner .span4:nth-child(3) {
        display: none;
    }

    .product-banner .span4:nth-child(1) {
        text-align: center;
    }

		/* Breadcrumbs */
    .product-shop .product-code {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
    }

    .product-shop .add-to-cart{
        width: 98%;
        padding: 10px 1%;
    }
    .product-shop .btn-cart{
        width: 88%;
    }
    .product-shop .add-to-cart input {
        margin-right: 1%;
        width: 10%;
    }

    /* Media Images */
    .product-essential > .span7 {
        overflow: hidden;
    }

    .catalog-product-view .product-image {
        float: none;
    }

    .more-views {
        float: none;
        width: 480px;
        margin: auto;
    }

    .more-views li:first-child {
        margin-left: 0;
    }

    .more-views li {
        float: left;
        height: 85px;
        margin-left: 12px;
        width: 18%;
    }

    .product-image img {
        margin: auto;
        max-width: 460;
    }

    /* Product Name */
    .product-shop h1 {
        margin-bottom: 0;
    }

    /* Add to Cart Box*/
    .add-to-box {
        margin-top: 10px;
    }

    /* Tabs */
    .tabs-share-container {
        width: 100%;
        left: 0;
    }

    #tab-container,
    .share-icons,
    #tab-container .tabs {
        float: none;
        width: 100%;
        height: auto;
    }

    .tabs {
        height: inherit;
    }

    .tabs .span3 {
        border-top: 2px solid #f4f6f8;
    }

    .tabs .icons {
        width: 25%;
        height: 60px;
    }

    #tab-container .tab-content {
        width: 95%;
    }

    .share-icons {
        overflow: hidden;
        border-bottom: 2px solid #f4f6f8;
    }
    .share-icons .icons,
    .share-icons .icons.hukd{
        height: 45px;
        width: 19.6%;
    }
    .share-icons .icons.hukd{
        border-right: 0;
    }

    .share-icons .icon {
        left: 36%;
        top: 20px;
    }
    .share-icons .icons.hukd a{
        line-height: 52px;
    }

    .share-icons .icons a {
        line-height: 56px;
    }

    .icon.email {
        left: 40%;
    }

    #tab-container .tabs li a {
        height: 60px;
    }

    /* Related Products */
    .product-collateral, .product-reviews {
        left: -2%;
        width: 104%;
    }
    /*.collateral-headings .icon.info,*/
    /*.collateral-headings .icon.related,*/
    /*.product-reviews .icon.star,*/
    /*.catalog-product-view .icon.trophy{*/
        /*display: none;*/
    /*}*/
    /* Related Products & Collateral Tabs */
    .collateral-wrap,
    .collateral-tabs,
    .marketing {
        width: auto;
        padding-left: 2%;
        padding-right: 2%;
    }
    .collateral-wrap.share-container{
        width: auto;
        left: 0;
        padding: 0;
    }
    .catalog-product-view .bestsellers{
        margin: 0;
    }

    .feefo_reviews_block .review-table,
    .feefo_reviews_block .review-table td,
    .feefo_reviews_block .review-table th,
    .feefo_reviews_block .review-table tr{
        padding: 10px 5px;
    }

    .feefo_reviews_block .review-table td.rating,
    .feefo_reviews_block .review-table td.rating-text{
        display: inline;
    }
    .feefo_reviews_block .review-table td.comment{
        padding-left: 20px;
    }


    .blog-list .share-icons,
    .blog-post .share-icons{
        position: static;
        margin-bottom: 10px;
    }
    .blog-post .blog-image img {
        margin-bottom: 10px;
    }
    .giftcard-form .form-list li {
        width: 100%;
    }

    /* Best Sellers */
    .bestsellers h4 {
        font-size: 1.4em;
    }
    .collateral-headings {
        margin-left: 0;
        padding-left: 0;
        width: 100%;
    }
    .collateral-headings.visible-phone {
        border-top: 2px solid #f4f6f8;
    }
    .collateral-headings h2,
    .collateral-headings > div{
        border-right: 0;
        margin-bottom: 0;
        display: block;
        width: 100%;
    }
    .box-collateral {
        padding-left: 2%;
        padding-right: 2%;
        width: 96%;
        margin-left: 0;
    }
    .box-description.box-collateral{
        padding-top: 20px;
    }
    .reviews-popup {
        width: 86%;
        left: 3%;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {

    /* Media Gallery */

    .more-views {
        float: none;
        width: auto;
    }

    .more-views li {
        float: left;
        margin-left: 4%;
        width: 22%;
    }

    .more-views li:nth-child(n+5) {
        display: none;
    }

    .more-views li img {
        height: 86px;
        width: 100%;
    }

    /* Add To Cart*/

    .product-shop .btn-cart{
        width: 80%;
    }
    .product-shop .add-to-cart input {
        margin-right: 1%;
        width: 17%;
    }

    .btn-cart .icon.basket {
        left: 5px;
    }

    .tabs {
        height: 221px;
        position: relative;
        text-transform: uppercase;
    }

    .box-related h2 {
        text-transform: uppercase;
    }


}

@media only screen and (max-device-width : 480px) and (orientation : landscape) {

    .more-views li:nth-child(n+5) {
        display: block;
    }

}

@media (max-width: 480px){
    .popup-parent .rating, .popup-parent .comment{
        display: block;
    }
    .popup-parent .comment{
        margin-left: -45%;
    }
}

/* ======================================================================================= */



