/*!* Responsive Blade, SMB overrides v1.1 */

/*
 *  v1.1 Hats and Boots updated with SVGs and related styles
 *  v1.0 Initial check-in
 */

/* X-SMALL = 480px */
@media only screen and (min-width:30em) {}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {}

/* LARGE = 960px */
@media only screen and (min-width:60em) {}

/* X-LARGE = 1024px + */
@media only screen and (min-width:64em) {}

/* BASE */
.container.grid .dmc-blade.row.brandi {
    padding-bottom: 50px;
    padding-top: 50px;
}
.container.grid .dmc-blade.row.brandi.hats {
    padding-top: 70px;
}
.container.grid .dmc-blade.row.brandi.boots {
    padding-bottom: 70px;
}
.container.grid .dmc-blade.row.brandi.no-padding {
    padding: 50px 0 !important;
}
.container.grid .dmc-blade.row.brandi.no-padding.hats {
    padding-top: 70px !important;
}
.container.grid .dmc-blade.row.brandi.no-padding.boots {
    padding-bottom: 70px !important;
}
.container.grid .dmc-blade.brandi > .col > .row > .col > .blade-header,
.container.grid .dmc-blade.brandi > .col > .row > .col > .blade-description {
	margin: 0 auto;
	width: 100%;
}
.container.grid .dmc-blade.brandi.hats > .col > .row > .col > .blade-header,
.container.grid .dmc-blade.brandi.hats > .col > .row > .col > .blade-description {
	max-width: 800px;
}
.container.grid .dmc-blade.brandi.no-padding > .col > .row > .col > .blade-header,
.container.grid .dmc-blade.brandi.no-padding > .col > .row > .col > .blade-description {
	padding-left: 16px;
	padding-right: 16px;
}
.dmc-blade.brandi .blade-header h2 {
    margin-top: 0;
}
.container.grid .dmc-blade.brandi > .col > .row > .col > .cta {
	margin: 0 auto -20px;
    padding-bottom: 0;
	width: 100%;
}
.container.grid .dmc-blade.brandi.boots > .col > .row > .col > .cta {
	max-width: 800px;
}
.container.grid .dmc-blade.brandi.no-padding > .col > .row > .col > .cta {
	padding-left: 16px;
	padding-right: 16px;
}

/*Hats and Boots styles*/
.container.grid .dmc-blade.row{
    position: relative;
}
.dmc-blade .dmcb-boots,
.dmc-blade .dmcb-hats{
    position: absolute;
    width: 100%;
    pointer-events: none;
    left: 0px;
    height: 125px;
    overflow: hidden;
}
.dmc-blade .dmcb-boots{
	bottom:0;
}
.dmc-blade .dmcb-hats{
	top:0;
}

.dmc-blade .dmcb-hats img,
.dmc-blade .dmcb-boots img{
    position: absolute;
    width: 102%;
    left: 50%;
    transform: translateX(-50%);
}
.dmc-blade .dmcb-hats img{
	top: -1px;
}
.dmc-blade .dmcb-boots img{
	bottom: -1px;
}
/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
    .container.grid .dmc-blade.brandi.no-padding > .col > .row > .col > .blade-header,
    .container.grid .dmc-blade.brandi.no-padding > .col > .row > .col > .blade-description {
	    padding-left: 18px;
	    padding-right: 18px;
    }
	.container.grid .dmc-blade.brandi.no-padding > .col > .row > .col > .cta {
	    padding-left: 18px;
	    padding-right: 18px;
	}
}
/* X-LARGE = 1024px + */
@media only screen and (min-width:64em) {
	.container.grid .dmc-blade.row.brandi {
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.container.grid .dmc-blade.row.brandi.hats {
		padding-top: 100px;
	}
	.container.grid .dmc-blade.row.brandi.boots {
		padding-bottom: 100px;
	}
	.container.grid .dmc-blade.row.brandi.no-padding {
		padding: 60px 0 !important;
	}
	.container.grid .dmc-blade.row.brandi.no-padding.hats {
		padding-top: 100px !important;
	}
	.container.grid .dmc-blade.row.brandi.no-padding.boots {
		padding-bottom: 100px !important;
	}
    .container.grid .dmc-blade.brandi.no-padding > .col > .row > .col > .blade-header,
    .container.grid .dmc-blade.brandi.no-padding > .col > .row > .col > .blade-description {
	    padding-left: 20px;
	    padding-right: 20px;
    }
	.container.grid .dmc-blade.brandi.no-padding > .col > .row > .col > .cta {
	    padding-left: 20px;
	    padding-right: 20px;
	}
}