/* Make it Responsive on old site */
#t8 #body_wrapper,
#breadcrumb_cat, #main_content_wrapper_layoutcontainertop{width:100%;max-width:1000px;}


/*
	TEMPORARY HACKS
*/
/*.dcf-mobify-carousel { display: none !important; }*/

.dcf-mobify-desktop {
	display: block;
}

/* DCF Mobify LHN */
.dcf-mobify-lhn {
	width: 24%;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.13);
	float: left;
	text-align: left;
	
	/*
		The reason for the next CSS rule which may look odd:
		We need to give this a margin left of the same 
		value as the box shadow so we can see the shadow 
		on the left and it doesn't get cut off and hidden.
	*/
	margin-left: 5px;
}
.dcf-mobify-lhn h2{
	font-size: 18px;
	font-family: Lato,Arial,Helvetica,sans-serif !important;
	padding: 10px 23px 10px 26px;
	border-bottom: 2px solid #00b39e;
}
.dcf-mobify-lhn ul h3{
	font-size: 16px;
	padding: 10px 23px 10px 26px;
	font-weight: bold;
	font-family: Lato,Arial,Helvetica,sans-serif !important;
	display: block;
}
.dcf-mobify-lhn ul h3:after{
	font-family:"muyalto";
	content: 'r';
	float: right;
	text-align: right;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.dcf-mobify-lhn ul h3.arrow-rotate-expanded:after {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari 3-8 */
	transform: rotate(90deg);
}
.dcf-mobify-lhn ul h3:hover {
	cursor: pointer;
}

.dcf-mobify-lhn ul div{
	padding: 10px 23px 10px 26px;
	background: -webkit-linear-gradient(#F8F8F8 0%, #FFFFFF 10.26, #FFFFFF 45.2, #FFFFFF 91.64, #F9F9F9 100%);
	background: -o-linear-gradient(#F8F8F8 0%, #FFFFFF 10.26, #FFFFFF 45.2, #FFFFFF 91.64, #F9F9F9 100%);
	background: linear-gradient(#F8F8F8 0%, #FFFFFF 10.26, #FFFFFF 45.2, #FFFFFF 91.64, #F9F9F9 100%);
	box-shadow: inset 0 2px 10px 0 rgba(0,0,0,0.05);
	display: none;
}
.dcf-mobify-lhn ul div li a{
	font-size: 14px;
	margin: 10px 0 0px;
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(1,1,1,0.5);
	text-decoration: none;
}
.dcf-mobify-lhn ul div li a:hover{
	text-decoration: none;
	border-bottom: 1px solid rgba(1,1,1,1);
	text-decoration: none;
}

/* DCF - Mobify CSS */
.component-area {
	max-width:1000px;
	margin:0 auto;
}
.compoent-area-lhn {
	width: 73%;
	float: right;
	
	/* 
		Reset First Class Values to avoid any
		over-riding in stupid browsers ;)
	*/
	max-width: initial;
	margin: initial;
}

#app-main .component-area {
	width: 100%;
	max-width: 1000px !important;
}

/* Muyalto Font
----------------------------- */
@font-face {
	font-family:"muyalto";
	src:url(/wcsstore/DebenhamsStorefrontAssetStore/fonts/muyalto.eot);
	src:url(/wcsstore/DebenhamsStorefrontAssetStore/fonts/muyalto.eot?#iefix) format("embedded-opentype"),url(/wcsstore/DebenhamsStorefrontAssetStore/fonts/muyalto.woff) format("woff"),url(/wcsstore/DebenhamsStorefrontAssetStore/fonts/muyalto.ttf) format("truetype"),url(/wcsstore/DebenhamsStorefrontAssetStore/fonts/muyalto.svg#muyalto) format("svg");
	font-weight:400;
	font-style: normal
}

/* DCF Mobify Wrapper
----------------------------- */
.dcf-mobify-wrapper {
	font-family:'Lato',sans-serif!important
}

/* Global Classes
----------------------------- */
.dcf-mobify h2,.dcf-mobify h3,.dcf-mobify p,.dcf-mobify a {
	font-family:'Lato',sans-serif!important;
	line-height:initial
}
.dcf-mobify h3 {
	font-size:24px;
	font-weight:500!important;
	margin-bottom:10px;
	margin-top:10px;
	padding:0
}
.dcf-mobify p {
	font-size:16px;
	font-weight:300!important;
	line-height:20px;
	margin: 0!important;
}
.dcf-mobify a {
	font-size:14px;
	font-weight:400!important;
	clear:both;
	display:block;
	margin-top:10px;
	text-decoration:none;
	color:inherit;
}
.dcf-mobify-hero div a:after, .dcf-mobify-l-3 div a:after,.dcf-mobify-l-4 div a:after,.dcf-mobify-l-6 div a:after {
	display:inline-block;
	font-family:'Muyalto';
	content:'I';
	padding-left:5px;
	font-size:12px;
	border:0;
	position:relative;
	top:1px;
}
.dcf-mobify.dcf-mobify-text-center {
	text-align:center
}
.dcf-mobify.dcf-mobify-text-right {
	text-align:right
}
.dcf-mobify.dcf-mobify-adspot {
	float:left;
	margin-bottom:20px
}
.dcf-mobify-mobile {
	display:none;
}
.dcf-mobify-component-row {
	float: left;
	width: 100%;
}

/* Component : Title - No Line
----------------------------- */
.dcf-mobify-title {
	margin-bottom: 20px;
}
.dcf-mobify-title h1 {
	text-align: center;
	font-size: 32px;
	font-family:'Lato','HelveticaNeue','Helvetica','Arial',sans-serif!important;
	font-weight: 300 !important;
}

/* Component : Title - With line
----------------------------- */
.dcf-mobify-line-title {
	margin-bottom: 20px;
	clear: both;
}
.dcf-mobify-line-title h1{
	font-size: 32px!important;
	font-weight: 300 !important;
}

.dcf-mobify-line-title-line span h1 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    padding: 0 20px;
}

.dcf-mobify-line-title-line{
     overflow: hidden;
     text-align: center;
     clear: both;
 }
.dcf-mobify-line-title-line > span{
	font-family:'Lato','HelveticaNeue','Helvetica','Arial',sans-serif!important;
    position: relative;
    display: inline-block;
}
.dcf-mobify-line-title-line > span:before, .dcf-mobify-line-title-line > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid;
    width: 591px; /* half of limiter*/
    margin: 0 50px;
}
.dcf-mobify-line-title-line > span:before{
    right: 100%;
}
.dcf-mobify-line-title-line > span:after{
    left: 100%;
}

/* Component : Text Banner
----------------------------- */
.dcf-mobify-promo-text-banner {
	margin-bottom: 20px!important;
	padding: 1em 0;
	text-align: center;
}
.dcf-mobify-promo-text-banner a{
	font-size: inherit;
    font-weight: inherit!important;
    clear: initial;
    margin-top: initial;
    display: initial;
    text-decoration: underline;
}
.dcf-mobify-promo-text-banner a:hover{
	text-decoration: none;
}

/* Component : Text Banner Clickable
----------------------------- */
.dcf-mobify-promo-text-banner-clickable {
	margin-bottom: 20px!important;
	padding: 1em 0;
	text-align: center;
}
.dcf-mobify-promo-text-banner-clickable a{
	font-size: inherit;
    font-weight: inherit!important;
    margin-top: initial;
    text-decoration: none;
    display: block;
}
.dcf-mobify-promo-text-banner-clickable:hover{
	text-decoration: none;
	background: #ccc!important;
}

/* Component : SEO Text
----------------------------- */
.dcf-mobify-seo-text {
	width: 8 0%;
	padding: 0 10%;
}
.dcf-mobify-seo-text p{
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}
.dcf-mobify-seo-text a{
	font-size: 16px;
	text-decoration: underline;
	line-height: 24px;
}
.dcf-mobify-seo-text a:hover {
	text-decoration: none;
}

/* Component : Brand Banner
----------------------------- */
.dcf-mobify-brand-banner {
	text-align:right;
	margin-top:initial;
}
.dcf-mobify-brand-banner img {
	width: initial!important;
}

/* Component : Promotional Banner
----------------------------- */
.dcf-mobify-promotional-banner {
	text-align:center;
	margin-top:initial;
}
.dcf-mobify-promotional-banner img,
.dcf-mobify-promotional-banner a img {
	width: initial!important;
}

/* Component : Hero
----------------------------- */
.dcf-mobify-h1-heading h1 {
	font-family:'Lato','HelveticaNeue','Helvetica','Arial',sans-serif!important;
	font-size:24px;
	font-weight:100!important;
	text-align:center;
	margin:20px 0
}
.dcf-mobify-hero {
	width:100%;
	position:relative;
	display:flex;
	align-items:center
}
.dcf-mobify-hero.dcf-hero-banner-a {
	clear:both;
	width:100%;
	margin-bottom:20px;
}
.dcf-mobify-hero.dcf-hero-banner-a h3 {
	margin-top: 0;
}
.dcf-mobify-hero.dcf-hero-banner-a > img {
	width:100%;
	max-width:100%;
	position:relative;
	top:0;
	left:0
}
.dcf-mobify-hero.dcf-hero-banner-a > div {
	width:35%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:8%
}
.dcf-mobify-hero.dcf-hero-banner-b {
	width:100%;
	margin-bottom:20px;
	position:relative
}
.dcf-mobify-hero.dcf-hero-banner-b a:after {
	content:'';
}
.dcf-mobify-hero.dcf-hero-banner-b img {
	width:100%;
	max-width: 100%
}

/* Component : View More
----------------------------- */
.dcf-mobify-video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom: 25px;
	clear: both;
}
.dcf-mobify-video iframe {
	display: block!important;
	margin-top: 0!important;
}
.dcf-mobify-video iframe,
.dcf-mobify-video object,
.dcf-mobify-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Component : View More
----------------------------- */
.dcf-mobify-view-more {
	width:100%;
	margin-bottom:5px;
	float:left;
}
.dcf-mobify-view-more h2 {
	font-size:14px;
	font-weight:500;
	text-align:right;
	font-family:'Lato','HelveticaNeue','Helvetica','Arial',sans-serif!important;
}
.dcf-mobify-view-more h2:hover {
	cursor:pointer
}
.dcf-mobify-view-more h2:after {
	display:inline-block;
	font-family:'Muyalto';
	content:'I';
	padding-left:5px;
	font-size:12px;
	border:0;
	position:relative;
	top:1px;
	-webkit-transition:all 300ms 0s ease-in-out;
	transition:all 300ms 0s ease-in-out;
}
.dcf-mobify-view-more-clicked h2:after {
	display:inline-block;
	font-family:'Muyalto';
	content:'I';
	padding-left:5px;
	font-size:12px;
	border:0;
	position:relative;
	top:-1px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
.dcf-mobify-view-more div {
	display:none
}
.dcf-mobify-view-more div p {
	font-size:14px;
	font-weight:400;
	font-family:'Lato','HelveticaNeue','Helvetica','Arial',sans-serif!important;
	line-height:20px;
	margin-bottom: 0;
}

/* Component : Brand Bar
----------------------------- */
.dcf-mobify-brand-bar {
	margin-bottom:10px;
	display:flex;
}
.dcf-mobify-brand-bar div {
	float:left;
	width:15%;
	margin-right:20px;
}
.dcf-mobify-brand-bar div:last-of-type {
	margin-right:0;
}
.dcf-mobify-brand-bar div img {
	width: 100%;
}

/* Component : Layout 3
----------------------------- */
.dcf-mobify-l-3:first-of-type {
	margin-left:0
}
.dcf-mobify-l-3:last-of-type {
	margin-right:0
}
.dcf-mobify-l-3 {
	width:23.5%;
	margin:1%;
	float: left;
}
.dcf-mobify-l-3 a {
	margin-top: 0;
}
.dcf-mobify-l-3 div a {
	margin-top: 10px;
}
.dcf-mobify-l-3 img {
	max-width:100%;
	width: 100%
}

/* Component : Layout 4
----------------------------- */
.dcf-mobify-l-4:first-of-type {
	margin-left:0
}
.dcf-mobify-l-4:last-of-type {
	margin-right:0
}
.dcf-mobify-l-4 {
	width:32%;
	margin:1%;
	float: left;
}
.dcf-mobify-l-4 a {
	margin-top: 0;
}
.dcf-mobify-l-4 div a {
	margin-top: 10px;
}
.dcf-mobify-l-4 img {
	max-width:100%;
	width: 100%
}

/* Component : Layout 6
----------------------------- */
.dcf-mobify-l-6:last-of-type {
	margin-right:0
}
.dcf-mobify-l-6 {
	width:49%;
	float: left;
	margin:1% 2% 1% 0
}
.dcf-mobify-l-6 a {
	margin-top: 0;
}
.dcf-mobify-l-6 div a {
	margin-top: 10px;
}
.dcf-mobify-l-6 img {
	max-width:100%;
	width: 100%
}

/* Component : Layout 12
----------------------------- */
.dcf-mobify-l-12 {
	width:100%;
	clear: both;
	float: left;
}
.dcf-mobify-l-12 img {
	width:100%;
	max-width: 100%;
	margin: 1%;
}

/* Component : 3, 3, 6
----------------------------- */
.dcf-mobify-3-3-6 .dcf-mobify-l-3:first-of-type {
	margin-left:0
}
.dcf-mobify-3-3-6 .dcf-mobify-l-3 {
	margin:1%;
	width:23.5%
}
.dcf-mobify-3-3-6 .dcf-mobify-l-3 img {
	margin:0
}
.dcf-mobify-3-3-6 .dcf-mobify-l-6 {
	margin:1% 0 1% 1%;
	width:49%
}
.dcf-mobify-3-3-6 .dcf-mobify-l-6 img {
	margin: 0
}

/* Component : 6, 3, 3
----------------------------- */
.dcf-mobify-6-3-3 .dcf-mobify-l-3 {
	margin:1%;
	width:23.5%
}
.dcf-mobify-6-3-3 .dcf-mobify-l-3:last-of-type {
	margin-right:0
}
.dcf-mobify-6-3-3 .dcf-mobify-l-3 img {
	margin:0
}
.dcf-mobify-6-3-3 .dcf-mobify-l-6 {
	margin:1% 1% 1% 0;
	width:49%
}
.dcf-mobify-6-3-3 .dcf-mobify-l-6 img {
	margin: 0
}

/* Component : Terms & Conditions
----------------------------- */
.dcf-mobify-terms-conditions {
    box-shadow: 0px 0px 10px #dedede;
    float: left;
    width: 100%;
    max-width: 99%;
    margin: 50px 0.5% 50px;
    padding: 40px;
    box-sizing: border-box;
}
.dcf-mobify-terms-conditions h2 {
	font-family:'Lato','HelveticaNeue','Helvetica','Arial',sans-serif!important;
	font-size: 24px;
	line-height: 32px;
	font-weight: 300!important;
	margin: 0 0 10px 0!important;
}
.dcf-mobify-terms-conditions p {
	font-family:'Lato','HelveticaNeue','Helvetica','Arial',sans-serif!important;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	/* margin: 0!important; */
}

/* ----------------------------------------
bxSlider
---------------------------------------- */
.bx-wrapper{position:relative;margin-bottom:60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{margin:0;padding:0}
ul.bxslider{list-style:none}
.bx-viewport{-webkit-transform:translatez(0)}
/*.bx-wrapper{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}*/
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0}
.bx-wrapper .bx-prev{left:10px;background:url(/wcsstore/DebenhamsStorefrontAssetStore/img/bxslider-4-controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}
.bx-wrapper .bx-next{right:10px;background:url(/wcsstore/DebenhamsStorefrontAssetStore/img/bxslider-4-controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/wcsstore/DebenhamsStorefrontAssetStore/img/bxslider-4-controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/wcsstore/DebenhamsStorefrontAssetStore/img/bxslider-4-controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,0.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

.bx-wrapper {clear: both;}
.bx-wrapper {}

.bx-viewport {
    height: auto!important;
}

/* CSS for the narrow width carousel - with the LHN */
.compoent-area-lhn .dcf-mobify-carousel.dcf-mobify-carousel-3-col ul {
	margin-left: 45px;
}
.compoent-area-lhn .dcf-mobify-carousel.dcf-mobify-carousel-3-col li img{
	max-width: 195px;
}

.compoent-area-lhn .dcf-mobify-carousel.dcf-mobify-carousel-4-col ul {
	margin-left: 45px;
}
.compoent-area-lhn .dcf-mobify-carousel.dcf-mobify-carousel-4-col li img {
	max-width: 140px;
}

/* CSS for the full width carousel - without the LHN */

.dcf-mobify-carousel {
	width: 100%;
	position: relative;
	clear: both;
}
.dcf-mobify-carousel li {
	float: left;
	margin: 0 1%;
}
.dcf-mobify-carousel.dcf-mobify-carousel-3-col ul {
	margin-left: 45px;
}
.dcf-mobify-carousel.dcf-mobify-carousel-3-col li img{
	max-width: 285px;
}
.dcf-mobify-carousel.dcf-mobify-carousel-3-col li h3 {
	font-size: 24px;
	font-family: Lato,Arial,Helvetica,sans-serif !important;
	font-weight: 400!important;
	margin-top: 15px;
}

.dcf-mobify-carousel.dcf-mobify-carousel-4-col ul {
	margin-left: 45px;
}
.dcf-mobify-carousel.dcf-mobify-carousel-4-col li img {
	max-width: 208px;
}
.dcf-mobify-carousel.dcf-mobify-carousel-4-col li h3 {
	font-size: 24px;
	font-family: Lato,Arial,Helvetica,sans-serif !important;
	font-weight: 400!important;
	margin-top: 15px;
}


/* ------------------------------------------------------------------------------------------------------
iPad LHN CSS Hiding Rules
------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:768px) {
	.dcf-mobify-lhn {
		display: none;
	}

	.compoent-area-lhn { width: 100%; }


	/* Carousel */
	.dcf-mobify-carousel.dcf-mobify-carousel-3-col li img {
		max-width: 210px !important;
	}

	.dcf-mobify-carousel.dcf-mobify-carousel-4-col li img {
		max-width: 153px !importantq;
	}
}

/*@media (orientation: landscape) {
	.dcf-mobify-lhn {
		display: none;
	}
}
*/
/* ------------------------------------------------------------------------------------------------------
The reason this media query is 740px is because it is in line with the Mobify site
------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:740px) {
	/*.dcf-mobify-wrapper {
		display: inline-block!important;
	}*/

	.dcf-mobify-hero a:after  {
		display: none;
	}
§
	/* Global Classes
	----------------------------- */
	.dcf-mobify-desktop {
		display:none!important;
	}
	.dcf-mobify-mobile {
		display:block!important;
	}
	.mobile-display-inline-block {
		display: inline-block;
	}

	/* Component : View More
	----------------------------- */
	.dcf-mobify-view-more {
		width: 100%;
		float: initial;
		padding: 0 4% 0 4%;
		margin-top:10px;
	}

	/* Component : Brand Banner
	----------------------------- */
	.dcf-mobify-brand-banner {
		display: none;
	}

	/* Component : Promotional Banner
	----------------------------- */
	.dcf-mobify-promotional-banner {
		display: none;
	}

	/* Component : Hero
	----------------------------- */
	.dcf-mobify-hero {
		width:100%;
		display:initial;
	}
	.dcf-mobify-hero.dcf-hero-banner-a {
		clear:both
	}
	.dcf-mobify-hero.dcf-hero-banner-a img {
		width:100%;
		max-width:100%
	}

	.dcf-mobify-hero.dcf-hero-banner-a div {
		width: 100%;
		clear: both;
		padding: 2% 4% 2% 4%;
		position:initial;
		top:initial;
		left:initial;
		transform:initial;
		margin:0 auto;
	}
	.dcf-mobify-hero.dcf-hero-banner-b {
		float: left;
		margin-bottom:0;
	}

	/* Component : Layout 3
	----------------------------- */
	.dcf-mobify-l-3-mobile-wrapper {
		display:flex;
		align-items:flex-start;
		flex-wrap:wrap;
		height:100%;
	}
	.dcf-mobify-l-3 {
		width:49%;
		margin:0;
	}
	.dcf-mobify-l-3:nth-child(even) {
		margin-left: 2%;
	}

	/* Component : Layout 4
	----------------------------- */	
	.dcf-mobify-l-4 {
		width:100%;
	}
	.dcf-mobify-l-4 div {
		width:96%;
		margin: 0 2%;
	}

	/* Component : Layout 6
	----------------------------- */
	.dcf-mobify-l-6 {
		width:100%;
	}
	.dcf-mobify-l-6 div {
		width:96%;
		margin: 0 2%;
	}

	/* Component : 6, 6, 3
	----------------------------- */
	.dcf-mobify-6-3-3 .dcf-mobify-l-6 {
		width:100%;
	}
	.dcf-mobify-6-3-3 .dcf-mobify-l-3 {
		width: 48%;
	}

	/* Component : 3, 3, 6
	----------------------------- */
	.dcf-mobify-3-3-6 .dcf-mobify-l-6 {
		width:100%;
	}
	.dcf-mobify-3-3-6 .dcf-mobify-l-3 {
		width: 48%;
	}
}


/* ------------------------------------------------------------------------------------------------------
The reason this media query is 549px is because of the brand bar component on smaller mobile resolution
------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:549px) {

	/* Hide the left-hand-nav on mobile */
	.dcf-mobify-lhn {
		display: none;
	}

	.dcf-mobify-desktop {
		display: none!important;
	}

	/* Component : Brand Bar
	----------------------------- */
	.dcf-mobify-brand-bar {
		display:initial;
		margin-top:5px;
	}
	.dcf-mobify-brand-bar div {
		margin-right:0;
		width:33.3%;
		margin-bottom: 10px;
	}

	/* Component : Terms & Conditions
	----------------------------- */
	.dcf-mobify-terms-conditions {
		max-width: 90%;
		margin: 50px 5% 50px;
		padding: 20px;
	}
}