/* small only, tablet only */
@media (min-width: 768px) and (max-width: 991px) {
	.container {
		width: 100%;
	}
	.offcanvasbody {
		margin-top: 60px;
	}
	.offcanvasbody #jquery-live-search{
		top: 100px !important;
	}
	#header .logo {
		margin: 10px auto;
		text-align: center;
		clear: both;
	}
	header .logo img {
		max-height: 40px;
		width: auto;
	}
	#header .topright {
		padding: 0;
		clear: both;
	}
	#header .mobile-menu {
		top: 13px;
	}
    .mobile-search, .mobile-basket {
        top: 15px;
        right: 10px;
    }
	.homechangerbox_topleft {
		left: 70px;
		top: 20px;
	}
	.homechangerbox_topright {
		right: 70px;
		top: 20px;
	}
	.homechangerbox_bottomleft {
		left: 70px;
		bottom: 20px;
	}
	.homechangerbox_bottomright {
		right: 70px;
		bottom: 20px;
	}
	#sidebar {
		padding: 0;
		clear: both;
	}
	.mobilefoldoutbox {
		display: block !important;
	}
	.productfeat label {
		font-size: 100%;
		padding: 8px;
		display: inline-block;
	}
    #productright .biginputbutton {
        margin: 10px 0;
    }
	#mainImageHolder {
        height: auto !important;
    }
	.get-the-look-strip {
		height: 240px;
	}
	#getthelook #imagechanger li, #getthelook #nonchanger li {
		padding-bottom: 240px;
	}
	#getthelook #imagechangernav {
		bottom: 260px;
	}
	#getthelook .homechangerbox_bottomleft {
		bottom: 260px;
	}
	#getthelook .homechangerbox_bottomright {
		bottom: 260px;
	}
	.sidebarfoldoutbox2 {
		display: block !important;
	}
	.tabs ul li ul {
		width: 100%;
		left: 0;
	}
	ul.tabnav li a {
		padding: 8px;
		font-size: 100%;
	}
	#calendar td a {
		font-size: 120%;
	}
	#breadcrumb a {
		display: inline-block;
		padding: 8px;
	}
	#cookieprompt {
		padding: 20px 75px 20px 80px;
	}
    input[type=checkbox].csscheckbox + label.csschecklabel {
        line-height: 5px;
    }
}

/* tablet, desktop, medium and large */
@media (min-width: 768px) {
	.blog-list-outer-container.blog-list-nonmasonry .blog-list-container-md-mid {
		margin-left: 2.22125%;
		margin-right: 2.22125%;
	}
}

/* desktop, medium and large */
@media (min-width: 992px) {
	.sidebarfoldoutbox, .sidebarfoldoutbox2, .mobilefoldoutbox {
		display: block !important;
	}
	.thumbimagewrap:hover .thumb1 {
		display: none;
	}
	.thumbimagewrap:hover .thumb2 {
		display: block;
	}
}

/* desktop, large only */
@media (min-width: 1200px) {
    #header .logo {
        margin: 25px 0;
    }
    #header .topright, #header .topleft {
        padding-top: 30px;
    }
	.tabs ul li ul li {
		min-width: 190px;
	}
	.optionswatch {
		width: 24%;
	}
}