.xs-header-row {
	height: 40px;
	/*line-height: 20px;*/
	background-color: white;
	margin: auto 0;
	z-index: 10;
}

.xs-header-reviews {
	height: 44px;
	/*line-height: 20px;*/
	background-color: #F6F6F6;
	margin: auto 0;
	z-index: 10;
}

.xs-header-reviews div img, .xs-header-reviews div a{
	/*padding: 11px 0 12px 0;*/
}
.xs-header-reviews div p {
	padding: 11px 0;
}

.mobile-logo{
	margin: 5px auto;
	cursor: pointer;
	max-width: 70%;
	z-index: 10 !important;
}

.sticky {
  position: fixed;
  top: 0 !important;
  z-index: 1000;
}
.sticky-menu {
  position: fixed;
  top: 40px;
  width: 100% !important;
  /*margin: 0 !important;*/
  z-index: 1000;
}

.mobile-nav-link {
	text-align: center;
	float: left;
}

.tablet-nav-link {
	width: 40%;
	float: left;
}
#mobileSearch {
	z-index: 4;
	background-color: white;
	padding: 2px 20px 10px 30px;
}

#mobileSearch button{
	background-color: white;
}

#mobileBasket {
	z-index: 3;
	background-color: white;
	padding: 5px 20px 10px 0;
}

.mobile-basket-button {
	border: 1px solid #a654e7;
	color: #a654e7;
	margin-left:5px;
}

#mobile-logo {
	display: none;
	z-index: 10 !important;
}

#containerLoading {
    position: absolute;
    top: 220px;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.6);
    z-index: 2;
    display: none;
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.8);
    overflow-x: hidden;
    transition: 0.5s;
}

.mobile-nav-sublinks{
	display:none;
	margin-top: 15px;
}
.mobile-nav-sublinks a {
	font-size: 13px !important;
	padding-left: 35px !important;
	line-height: 1.2em;
	text-decoration: none !important;
	text-transform:uppercase;
	color: #004B97 !important;
}

.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: left;
    margin: 30px auto auto 0;
    padding-left: 0;
    background-color: #E0E0E0;
}

.overlay-content ul{
	list-style-type: none;
	padding-left:0;
}

.mobile-submenu-bullet{
	font-size: 8px !important;
	/*padding-bottom: 3px;*/
	vertical-align: middle;
}
.overlay a {
    padding: 12px 8px 12px 30px;
    /*text-decoration: underline;*/
    font-family: "Calibri", sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    color: black;
    display: block;
    transition: 0.3s;
    line-height: 1.2em;
    border-top: 1px solid #d7d7d7;
    text-transform:uppercase;
}

.overlay a:hover{
	/*background:#e0e0e0 !important;*/
}
.overlay a:first-child{
	border-top: none;
}

.overlay a:hover, .overlay a:focus {
    color: #454545 !important;
    text-decoration:none;
    background: #ccc;
}

.overlay p.closebtnContainer{
	text-align: right;
	margin: 0;
	padding: 0;
	background: white;
}

.overlay a.closebtn {
	position: absolute;
	top: 20px;
    right: 45px;
    font-size: 60px;
	color: white;
	text-decoration: none !important;
}

.overlay .closebtn:hover, .overlay .closebtn:focus {
	color: white !important;
	background: transparent;
}

.mobile-navigation-caret{
	margin-right: 50px;
	margin-top: 0;
}

.payment-cards {
	text-align: center;
}

.copyright {
	margin-top: auto;
}

.price-new-mobile{
	font-size:28px !important;
}

.mobile-price {
	width: 50%;
	float:left;
}

.mobile-qty-label{
	font-size: 18px;
    color: #a2a2a2;
    font-weight: 300;	
}

.mobile-incrementor{
	font-size: 32px !important;
    width: 36px !important;
}

.mobile-btn-buynow{
	width: 100%;
    font-size: 20px;
}

.mobile-quantity-input{
	max-width: 32px !important;
    font-size: 20px;
    text-align: center;
}

/* The styling of the active product description tab */
.tabs-panel .nav-tabs>li.active>a {
    background-color: #909090 !important;
    color: #fff;
}
div.mobile-sharethis div.sharethis{
	text-align: center !important;
	margin-top:20px;
}
div.mobile-sharethis div.sharethis a.sharethis-link{
	color: #a4a4a4 !important;
    font-size: 18px !important;
    width: 20%;
    text-align:center;
    display:block;
    float: left;
    margin: 0;
    padding: 0;
	} 
.mobile-gift-message-row td{
	padding-bottom: 40px !important;
}

.mobile-header-row{
	background-color: #eee;
}

.mobile-reviews-footer{
	text-align: center;
	max-width:330px;
	margin:0 auto;
}

.mobile-loyalty-points-info{
    padding: 7px;
    font-size: 1em;
	text-align: center;
	margin: 25px 0 35px 0 !important;
	letter-spacing: 1.3px;
}

.mobile-loyalty-points-info a{
    color: #000;
}

#mobile-reviews-stars-div{
	padding:12px 0;	
}

#mobile-reviews-stars-div img{
	max-height:20px; 
	margin: 0 auto;
}

#mobile-reviews-logo-div{
	padding:13px 0;
}

#mobile-reviews-logo-div img{
	max-height:20px;
}

@media only screen and (max-width: 1199px){
	.star-header{
		text-align: center;
	}
	.delivery-date-wp{
		font-size: 13px;
	}
	#main-container {
		margin-bottom: 17px;
	}
	#mobile-logo {
		display: block;
	}
	.mobile-no-margin{
		margin: 0 auto !important;
	}
	.mobile-heading-h4, .mobile-heading-h3{
	    padding: 13px 20px;
	    font-size: 24px !important;
	    color: black !important;
	    background: #fff;
	    border: none !important;
	    text-align: center;
	    text-transform: uppercase;
	}
		.mobile-heading-h5{
	    padding: 13px 20px;
	    font-size: 18px !important;
	    color: black !important;
	    background: #fff;
	    border: none !important;
	    text-align: center;
	    text-transform: uppercase;
	}
	.mobile-heading-h3{
		margin: 0 auto;
		padding: 0 1px 15px;
	}
	.navbar-nav {
		width: 100%;
	}
	.footer-links-2{
		background-color:#480373;
		padding-top: 5;
	}
	.footer-links-2 h5 {
		margin-top: 25px;
	}
	.footer-2-foot {
		border-top: none;
	}
	.footer-copyright{
		margin: 0;
		padding: 0;
		font-size: 12px;		
	}
	.copyright {
		margin-top: 12px;
		border-top: none;
	}
	.bestseller-product-col{
		min-height: 269px !important;
		border: 1px solid #eaeaea !important;
	}
	.mobile-slider{
		/* Comment out the line below to stop the home-page slider being full-width in mobile and tablet view */
		padding: 0;
	}
	.mobile-product-col{
		min-height: 100px;
	}
	.mobile-bestseller-link{
		color: #666 !important;
		margin: 0 auto 10px auto;
		text-decoration: underline;
	}
	.bestseller-product-head{
		margin: 30px auto 0 !important;
		border-bottom: none;
		font-size: 30px !important;
		text-transform: uppercase;
		color:#363636;
		/*font-family:tahoma; */
	}
	.product-col {
		min-height: 295px !important;
		margin-bottom: 0 !important;
		border-bottom: 1px solid #dedede !important;
	}

	.blurb-h1 {
		font-size: 30px !important;
		font-family:tahoma; 
		text-align: center;
	}
	.mobile-newsletter-input{
		width: 70%;
		float: left;
	}
	#mobileFilters{
		margin-top: 10px !important;
	}
	.product-filter .control-label{
		/*margin: 0 auto 0 15px;*/
		font-weight: 400;
		padding-top: 0;
		font-size: 14px;
	}
	.mobile-text-center{
		text-align: center;
	}
	.mobile-results{
		margin: 0 auto 0 15px;
		font-weight: 400;
		padding-top: 0;
		font-size: 14px;		
	}
	.card .card-body{
		margin: 5px auto;
		height: 235px !important;
	}
	.product-col h4.results-title-grid a{
		font-size: 15px !important;
		color: #424242;
	}
	.display button {
		margin-left: 10px;
		margin-top: 0;
	}
	.display a {
		vertical-align: middle;
	}
	.mobile-category-reviews{
		margin: 35px 0 !important;
	}
	.list .sharethis{
		text-align: center !important;
	}
	.mobile-spacer{
		min-height: 10px;
	}
	.mobile-home-banner{
		margin-bottom:10px;
	}
	.mobile-home-banner-img{
		margin: 0 !important;
	}
	.quickest-text{
		text-align: center;
	}
	.mobile-product-details-h1{
		font-size: 38px;
		margin-bottom:0 !important;
	}
	.mobile-margin-top{
		margin-top: 9px;
	}
	.mobile-panel-smart{
		padding: 10px;
	}
	.mobile-btn-full-width{
		width: 100%;
	}
	.checkoutSteps{
		margin-top: 15px !important;
	}
	.mobile-large-text{
		font-size: 20px;
	}
	.blue-link{
		color: #004b97 !important;
		padding-left: 10px;
	}
	.orange-link{
		color: orange !important;
		padding-left: 10px;
	}
	.small-text{
		font-size: 12px;
	}
	div.checkoutSteps{
		margin-top: 25px !important;
		border: none !important;
		padding: inherit;
	}
	span.checkoutStepMarker{
		font-size: 16px !important;
		color: white;
		padding: 3px 10px;
		border-style: double;
		border-radius: 25px;    
	}
	.mobile-top-margin{
		margin-top: 15px;
	}
	.sagepayIframe{
		height: 620px;
	}
	.mobile-link-clicked {
		background-color:#DAADFE;
	}
	#mobileSearch {
		height: 80px;
		background-color: #DAADFE !important;
		padding-top:15px;
	}
	#mobileSearch form input {
	    border-radius: 0;
	    border: 1px solid #fff;
	    border-right: none;
	    height: 44px;
	    background-color: #DAADFE;	
	}
	#mobileSearch form button {
	    border-radius: 0;
	    border: 1px solid #fff;
	    height: 44px;
	    color: #fff;
	    background-color: #DAADFE;		
	}
	#mobileBasket {
		height: 80px;
		background-color: #DAADFE !important;
		padding-top:25px;
	}	
	.mobile-basket-button {
		border: 1px solid white;
		color: white;
		margin-left:5px;
	}
	/*#promoRow {
		margin-top: 15px;
	}*/

	#promoRow .container {
		padding: 0 !important;
	}
	#promoRow .container div{
		/*height: 50px;*/
	}
	.mobile-uppercase{
		text-transform: uppercase;
	}
	.message-bar{
		font-size: 80%;
	}
	.message-bar .row .container p:first-child {
		text-align: center;
		width: 93%;
	}
	.cat-intro{
		background-color: #ffffff;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		padding: 10px 5px;
		margin: 0 auto;
		font-size: 13px;
		font-family: open sans;
		line-height: 1.6em;
	}
	.footer-social ul {
		list-style: none;
		padding-left: 0!important;
		float: right !important;
	}
	
	.footer-social li {
		float: left !important;
		margin: 5px 0 0 10px;
	}
	.zoomHolder{
		border: 1px solid #ddd;		
	}
	.line-through {
		display: block;
		border-bottom: 1px solid #dedede !important;
	}
	.line-through:before,
	.line-through:after {
		border-top: none;
		display: block;
		position: relative;
	}
	.line-through:before {
		right: auto;
	}
	.line-through:after {
		left: auto;
	}
	.tab-content-large{
		padding: 20px;
		font-size: 13px !important;
		line-height: 22px;
	}
	
	.footer-links-2 h5 {
		text-transform: uppercase;
		margin-bottom: 20px;
		color: #e8e8e8;
		font-size: 28px;
	}
	
	.footer-links-2 h6.lead {
		color: #fff;
	}
	
	.footer-links-2 ul {
		list-style: none;
		margin: 0;
		padding: 0
	}
	
	.footer-links-2 li {
		font-size: 15px;
		padding: 7px 0;
		color: #e8e8e8;
	}
	
	.footer-links-2 .last h4.lead,
	.footer-links-2 li a {
		color: #e8e8e8;
	}
	
	.footer-links-2 .last li a,
	.footer-links-2 li a:hover {
		color: #fff;
	}
	.loyalty-callout-list {
		min-height: 293px !important;		
	}
	.loyalty-ul li{
		margin: 25px 25px 25px 0 !important;		
	}
	#home-hero-banner {
		top: 140px !important;
		left: 25px !important;
		width: 90% !important;
	}
	.mobile-heading-h1{
		margin-left: -15px;
		margin-right: -15px;
		text-align: center;
		font-size: 36px;
		color: #424242;
		font-weight: normal;
		font-family: roboto condensed;
	}	
}
@media only screen and (max-width: 991px){
	h4.results-title-grid-medium{
		font-size: 28px !important;
	}
	div.image-margin-bottom{
		margin-bottom:10px !important;
	}
	.product-col .img-responsive {
		margin:0 auto !important;
	}
	.product-col .caption-grid{
		margin-bottom: 15px;
	}
	.loyalty-callout-list {
		min-height: 340px !important;		
	}
	.loyalty-ul li{
		margin: 35px 25px 35px 0 !important;		
	}
	.home-hero-img {
		margin: 0 auto !important;
	}
	#home-hero-banner {
		top: 140px !important;
		left: 25px !important;
		width: 90% !important;
	}	
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	#home-hero-banner {
		top: 140px !important;
		left: 25px !important;
		width: 90% !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.sm-header-link, .sm-header-link:hover, .sm-header-link:active, .sm-header-link:visited, .sm-header-link:focus  {
		font-size: 26px;
		color: white !important;
		display:block;
		padding: 9px 0 5px 0;
	}
	
	.xs-header-row {
		background-color: #a654e7 !important;
		/*height: 100px !important;*/
	}
	#mobile-logo{
		height: 100px;
	}
	.mobile-logo{
		margin: 0 auto;
		cursor: pointer;
		max-width: 100%;
		padding-top: 15px;
	}
	.tablet-pad {
		/*padding-top: 7px;
		margin-top: 35px;*/
		height: 40px;
	}
	.mobile-nav-link {
		/*width: 15%;*/
		width: 25%;
		border-right: 1px solid #DAADFE;
		display: block;		
	}
	.mobile-nav-link:last-child{
		border-right: none;
	}
	.sticky-menu {
		/*top: 100px !important;*/
	}
	.footer-social li{
		margin-left: 14px  !important;;
	}
	.footer-2-foot{
		margin-top: 0 !important;
	}
	/*.payment-cards {
		text-align: right;
	}*/
	.footer-links-2 li a{
		font-size: 14px;
	}
	.product-col{
		min-height: 368px !important;
	}
	.lead{
		font-size: 18px;
	}
	.RUKFloatingWidget{
		display: none !important;
	}
	.btn-sage{
		font-size: 100% !important;
	}
	#home-hero-banner h2{
		font-size: 24px !important;
	}
	#home-hero-banner p{
		font-size: 90%;
	}
	.favourite {
		min-height: 250px !important;
	}
	.mobile-top-margin {
		margin-top: 15px !important;
	}
	.home-category-hero img{
		margin: 0 auto !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	#home-hero-banner {
		top: 140px !important;
		left: 67px !important;
		width: 82% !important;	
	}
	
}

@media only screen and (min-width: 768px) {
	.padding-right-5{
		padding-right: 5px !important;
	}
	.padding-left-5{
		padding-left: 5px !important;
	}
}

@media only screen and (max-width: 767px){
	body {
		padding:0 !important;
		margin:0 !important;
	}
	.xs-header-row {
		background-color: #a654e7 !important;
	}    
    .sm-header-link, .sm-header-link:hover, .sm-header-link:visited.sm-header-link:active, .sm-header-link:focus {
		font-size: 20px;
		color: white;
		font-weight: normal;
		display:block;
		padding: 9px 0 9px 0;
	}
	.sm-header-link:active {
		background-color: #DAADFE !important;
	}
	.xs-header-reviews div img{
		max-width: 90% !important;
	}
	.xs-header-reviews div p{
		font-size: 83% !important;
	}
	#containerLoading {
		top:190px;
	}
	/*.mobile-link-clicked {
		background-color:#DAADFE;
	}
	.navbar-nav{
		margin: 0;
		max-height: 350px;
		overflow-y: auto !important; 
	}
	#mobile-logo {
		display: block;
	}	*/	
	.tablet-logo{
		display: none;
	}	
	.mobile-nav-link {
		width: 25%;
		border-right: 1px solid #DAADFE;
		display: block;
	}	
	.mobile-nav-link:last-child{
		border-right: none;
	}
	.sticky-menu{
		max-height: 290px !important;
		overflow: auto !important;
	}
	.mobile-nav-sublinks{
		display:none;
	}
	.mobile-nav-sublinks a {
		font-size: 13px !important;
		padding-left: 35px;
	}
	.footer-social li {
		margin-left: 0 !important;
		width: 20%;
	}
	#footerNewsletter{
		margin-left: 5px;
	}
	.footer-2-foot{
		margin-top: 0;
		padding-top: 0;
	}
	.footer-copyright{
		text-align: center;
	}
	.mobile-heading-h1{
		margin-left: -15px;
		margin-right: -15px;
		text-align: center;
		font-size: 24px;
		color: #424242;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	.row-grey{
		background-color: grey;
		
	}
	.sagepayIframe{
		height: 700px;
	}
	.overlay a.closebtn {
		font-size: 45px;
	}
	.product-col{
		min-height: 367px !important;		
	}
	.btn-sage{
		font-size: 100% !important;
	}
	#home-hero-banner {
		width: 80% !important;
		top: 140px !important;
		left: 77px !important;		
	}
	#home-hero-banner h2{
		font-size: 24px !important;
	}
	#home-hero-banner p{
		font-size: 90%;
	}
	.favourite {
		min-height: 262px !important;
	}
	.mobile-top-margin {
		margin-top: 15px !important;
	}
	.home-category-hero img{
		margin: 0 auto !important;
	}
	.no-padding-mobile{
		padding: 0 !important;
	}
}

@media only screen and (min-width: 430px) and (max-width: 768px) {
	.top-banner-div {
		width: 50% !important;
		float: left !important;
	}
	/*.product-col{
		min-height: 370px !important;
	}*/
}

@media only screen and (max-width: 640px) {
	.delivery-date-wp{
		font-size: 12px;
	}
	#mobile-logo {
		display: block;
	}	
	
	.mobile-nav-link {
		width: 25%;
	}
	
	.tablet-logo{
		display: none;
	}

    .quantity {
        max-width: 20px!important;
    }
	.mobile-quantity-input{
		max-width: 32px !important;
	    font-size: 20px;
		text-align: center;
		vertical-align: center;
	}    
    .incrementor {
    	width: 28px !important;
	}
	.incrementors {
		vertical-align: top;
		padding-top: 0;
		margin-top: -8px;
	}
	.mobile-incrementor{
		font-size: 18px !important;
	    width: 28px !important;
	}    
	.overlay a {
		font-size: 15px
	}
	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	} 
	.footer-copyright{
		text-align: center;
	}
	.payment-cards {
		text-align: center;
	}
	.payment-cards ul li {
		padding-right: 0;
	}
	/*.footer-social {
		margin-top: 15px;
	}*/
	.shopping-cart-table tbody>tr>td, .shopping-cart-table tbody>tr>th{
		font-size: 90%;
	}
	.sagepayIframe{
		height: 800px;
	}
	.even-row-2-col{
		min-height: 500px !important;
	}
	.checkout-heading{
		font-size:20px;
	}
	.checkout-label{
		display: inline !important;
	}
	#home-hero-banner {
		width: 92% !important;
		top: 140px !important;
		left: 32px !important;		
	}	
}
@media only screen and (max-width: 505px){
	.home-hero {
		min-height: 280px;
	}	
	#home-hero-banner {
		width: 97% !important;
		top: 91px !important;
		left: 5px !important;
		padding: 13px 5px;
		height: 173px;
	}
	#home-hero-banner h2{
		font-size: 21px !important;
	}
	#home-hero-banner p {
		font-size: 90%;
	}
	.btn-sage {
		width: 75% !important;
	}
}
@media only screen and (max-width: 505px){

	.product-col{
		min-height: 302px !important;
	}
}

@media only screen and (max-width: 359px ){
	.xs-header-reviews div p{
		font-size: 72% !important;
		padding: 9px 0;
	}
}

@media only screen and (max-width: 280px ){
	.xs-header-reviews div p{
		font-size: 62% !important;
		padding: 9px 0;
	}
}

@media only screen and (min-width: 550px ) and (max-width: 600px ){
	.xs-header-reviews div p{
		font-size: 88% !important;
		padding: 11px 0;
	}
}