/* Set viewport width: 767 */
/* Set separate viewport width for font-size and line-height: 1200 */


.NextButton3.col-md-6.nextButton-container-location {}

.primary li {}

#secondsection .carousel-inner.sh-carousel-inner * {
	box-shadow: none !important;
	filter: none !important;
}
/*

aside#contacttopID {
	width: 710px;
	width: max(464px, 36.97917vw);
}
*/

.post-container-brand {
	margin-bottom: 0 !important;
}

.leftslider ul.slick-dots {
	margin-top: 40px !important;
	margin-top: max(46px, 2.08333vw) !important;
}

.brandstextarea {
	display: inline-block;
	/* display: inline-flex; */
	flex-direction: column;
	align-items: center;
	justify-content: center;
	top: -124px;
	top: min(-35px, -4.45833vw);
	position: relative;
	right: -50px;
	right: min(-20px, -2.60417vw);
	margin: 0px;
}

.leftslider {
	display: inline-block;
	width: 1285px;
	width: max(513px, 66.92708vw);
}

.leftslider .slick-slide {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.surroundlogoslider {
	width: 230px;
	width: max(92px, 11.97917vw);
	width: 377.05px;
	width: max(151px, 19.63802vw);
	height: 215.54px;
	height: max(86px, 11.22604vw);
	border: 1.5px solid #000000;
	border: max(1px, 0.07813vw) solid #000000;
	display: flex;
}

.surroundlogoslider img {
	width: 100%;
	padding: 0 65px !important;
	padding: 0 max(26px, 3.38542vw) !important;
}

section#brandsarea {
	/* display: flex; */
	padding: 34px 34px 12px;
	padding: max(14px, 1.77083vw) max(14px, 1.77083vw) max(5px, 0.625vw);
	max-width: 1795px;
	max-width: max(717px, 93.48958vw);
	margin: 0 auto;
	background: white;
}

#surroundred {
	background: #8e1227;
	padding-top: 10px;
	padding-top: max(4px, 0.52083vw);
}

div#advancedmyCarousel27 {
	display: flex;
	justify-content: center;
}

img.locationimg {
	width: 100%;
	height: 109px;
	height: max(44px, 5.67708vw);
	object-fit: cover;
	margin-bottom: 13px;
	margin-bottom: max(5px, 0.67708vw);
}

.locationbox * {
	text-align: left;
}

li#nav-menu-item-31 {}

#footerstuff li {
	width: unset !important;
}

#footerarea+.contactInfo a i {
	font-size: 20px;
	font-size: max(13px, 1.04167vw);
	margin: 0 5px;
	margin: 0 max(2px, 0.26042vw);
}

#footerarea+.contactInfo {
	padding: 11px 110px !important;
	padding: max(4px, 0.57292vw) max(44px, 5.72917vw) !important;
}

aside#socialsID {
	display: flex;
	align-items: center;
}

section#secondsection {
	padding-top: 85px;
	padding-top: max(34px, 4.42708vw);
}

main #thirdsection #thirdsectionright:before {
	CONTENT: '';
	width: 1700px;
	width: max(679px, 88.54167vw);
	height: 2px;
	height: max(1px, 0.10417vw);
	background: white;
	position: absolute;
	left: 0;
	left: 50%;
	transform: translateX(-50%);
	top: 225px;
	top: max(90px, 11.71875vw);
	z-index: 0;
}

main #thirdsection {
	position: relative;
}

div#thirdsectionright {}

section#thirdsection {
	flex-direction: column;
	align-items: center;
}

div#leftform {
	right: 130px;
	right: max(52px, 6.77083vw);
	filter: drop-shadow(0px 0px 85.9px rgba(0, 0, 0, 0.3));
	filter: drop-shadow(0px 0px max(34px, 4.47396vw) rgba(0, 0, 0, 0.3));
}

.rightcontact img {}

#header a.standardbtn,
#footerarea a.standardbtn {
	width: 225px;
	width: max(90px, 11.71875vw);
	font-family: address-sans-pro, sans-serif;
	font-weight: normal;
	font-size: 19px;
	font-size: max(12px, 0.98958vw);
	letter-spacing: 0.08em;
	text-align: center;
	color: BLACK ! IMPORTANT;
	/* font-weight: bold; */
}

#footerarea a.standardbtn {
	color: white !important;
}

#footerarea a.standardbtn {}

ul#menu-primary {
	BORDER-RIGHT: 1px SOLID GREY;
	MARGIN-RIGHT: 48px;
	MARGIN-RIGHT: max(19px, 2.5vw);
	PADDING-RIGHT: 42px;
	PADDING-RIGHT: max(17px, 2.1875vw);
}

ul#menu-primary {}

#header .menu-link {
	font-family: address-sans-pro, sans-serif;
	font-weight: normal;
	font-size: 19px;
	font-size: max(12px, 0.98958vw);
	letter-spacing: 0.08em;
	text-align: center;
	width: max-content;
	color: BLACK !IMPORTANT;
}

#header ul ul li a {
	width: 100% !important;
}

#headerstuff .contactInfo {
	
}

div#header {
	display: flex;
	justify-content: space-between;
	PADDING: 13px 0px;
	PADDING: max(5px, 0.67708vw) 0px;
}

div#header {
	margin: 0 140px !important;
	margin: 0 max(56px, 7.29167vw) !important;
}

div#header:before,
div#header:after {
	DISPLAY: NONE;
}

.rightareaheader {
	display: flex;
	align-items: center;
}

#header img {
	width: 170px;
	width: max(68px, 8.85417vw);
}

.leftcontact {
	width: 50%;
}



button {
	height: 61px !important;
	height: max(24px, 3.17708vw) !important;
	border-radius: 0 !important;
	background: #4a4a4a;
	border: none;
	padding: 0 24px;
	padding: 0 max(10px, 1.25vw);
	font-family: address-sans-pro, sans-serif !important;
	font-weight: bold !important;
}

.column-padding-location {
	width: 350px !important;
	width: max(140px, 18.22917vw) !important;
}

#headerstuff .column-padding-location * {
	color: white !important;
}

.locationbox h4 {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #ae132b;
	line-height: 1em;
	font-weight: 700;
	/* padding-bottom: 20px; */
	margin: 0;
}

.rightsearch input[type="text"] {
	height: 61px;
	height: max(24px, 3.17708vw)!important;
	border-radius: 0 !important;
	background: #282828!important;
	color: #DBCDC6!important;
	border: none!important;
	padding: 0 23px;
	padding: 0 max(9px, 1.19792vw);
	font-family: address-sans-pro, sans-serif;
	font-weight: bold;
}

.rightsearch form {
	display: flex;
	align-items: center;
}

.rightcontact {
	display: flex;
}

.mapcontainer {
	max-width: 1600px;
	max-width: max(639px, 83.33333vw);
	width: 96%;
	margin: 0 auto;
}

/* STYLES */

.map {
	margin: 0px auto;
	padding: 40px 0;
	padding: max(16px, 2.08333vw) 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.locationbox {
	float: left;
	margin: 15px 5px;
	margin: max(6px, 0.78125vw) max(2px, 0.26042vw);
	width: 97%;
	box-sizing: border-box;
	padding: 15px;
	padding: max(6px, 0.78125vw);
	background: #fff !important;
	border: #262626 1px solid;
}

.locationbox p {
	margin-top: 22px;
	margin-top: max(9px, 1.14583vw);
	font-family: "futura-pt", sans-serif;
}


@media screen and (max-width: 480px) {

	.locationbox {
		float: none;
		display: inline-block;
	}

	.map {
		text-align: center;
	}


}



.logoareatwo img {
	WIDTH: 320PX;
	WIDTH: max(110px, 16.66667vw);
}

.contactInfo .prevButton-container-location,
.contactInfo .nextButton-container-location {
	display: none !important;
}

.contactInfo .nextButton-container-location {}

nav.primary {}

.rightareaheader.col {}

.logoarea.col {
	width: 100px;
}

.outer-img-box {
	box-shadow: none !important;
	filter: none !important;
}
/*

aside#socialsheadID {
	width: 180px !important;
	width: max(72px, 9.375vw) !important;
}
*/

main#aboutus {
	margin-bottom:
		-3px;
	margin-bottom:
		min(-1px, -0.15625vw);
}

.brandstextarea a {
	/* + Browse All Showrooms */
	font-family: 'Address Sans Pro';
	font-style: normal;
	font-weight: 600;
	font-size: 18.1683px;
	font-size: max(11px, 0.94627vw);
	line-height: 21px;
	line-height: max(13px, 1.09375vw);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #000000;
}

.brandstextarea h3 {
	/* Our Brands */
	font-family: 'Address Sans Pro';
	font-style: normal;
	font-weight: 600;
	font-size: 41.3989px;
	font-size: max(26px, 2.15619vw);
	line-height: 48px;
	line-height: max(30px, 2.5vw);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #000000;
	border-bottom: 2px solid black;
	border-bottom: max(1px, 0.10417vw) solid black;
	padding-bottom: 4px;
	padding-bottom: max(2px, 0.20833vw);
	margin-bottom: 18px;
	margin-bottom: max(7px, 0.9375vw);
}

.leftslider .slick-slide {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.leftslider .slick-slide {}

.surroundlogoslider {
	width: 230px;
	width: max(92px, 11.97917vw);
	width: 377.05px;
	width: max(151px, 19.63802vw);
	height: 215.54px;
	height: max(86px, 11.22604vw);
	border: 1.5px solid #000000;
	border: max(1px, 0.07813vw) solid #000000;
	display: flex;
}

.surroundlogoslider img {
	width: 100%;
	padding: 0 65px !important;
	padding: 0 max(26px, 3.38542vw) !important;
}

section#brandsarea {
	/* display: flex; */
}

div#advancedmyCarousel27 {
	display: flex;
	justify-content: center;
}

img.locationimg {
	width: 100%;
	height: 109px;
	height: max(44px, 5.67708vw);
	object-fit: cover;
	margin-bottom: 13px;
	margin-bottom: max(5px, 0.67708vw);
}

.locationbox * {
	text-align: left;
}

li#nav-menu-item-31 {}

#footerstuff li {
	width: unset !important;
}

#footerarea+.contactInfo a i {
	font-size: 20px;
	font-size: max(13px, 1.04167vw);
	margin: 0 5px;
	margin: 0 max(2px, 0.26042vw);
}

#footerarea+.contactInfo {
	padding: 11px 110px !important;
	padding: max(4px, 0.57292vw) max(44px, 5.72917vw) !important;
}

/*
aside#socialsID {
	display: flex;
	align-items: center;
}
*/

section#secondsection {
	padding-top: 145px;
	padding-top: max(58px, 7.55208vw);
}

main #thirdsection #thirdsectionright:before {
	CONTENT: '';
	width: 1700px;
	width: max(679px, 88.54167vw);
	height: 2px;
	height: max(1px, 0.10417vw);
	background: white;
	position: absolute;
	left: 0;
	left: 50%;
	transform: translateX(-50%);
	top: 225px;
	top: max(90px, 11.71875vw);
	z-index: 0;
}

main #thirdsection {
	position: relative;
}

div#thirdsectionright {}

section#thirdsection {
	flex-direction: column;
	align-items: center;
}

div#leftform {
	right: 130px;
	right: max(52px, 6.77083vw);
	filter: drop-shadow(0px 0px 85.9px rgba(0, 0, 0, 0.3));
	filter: drop-shadow(0px 0px max(34px, 4.47396vw) rgba(0, 0, 0, 0.3));
}

.rightcontact img {}

#header a.standardbtn,
#footerarea a.standardbtn {
	width: 225px;
	width: max(150px, 11.71875vw) !important;
	font-family: address-sans-pro, sans-serif;
	font-weight: normal;
	font-size: 19px;
	font-size: max(16px, 0.98958vw);
	letter-spacing: 0.08em;
	text-align: center;
	color: BLACK ! IMPORTANT;
	/* font-weight: bold; */
}

#footerarea a.standardbtn {
	color: white !important;
}

#footerarea a.standardbtn {}

ul#menu-primary {
	BORDER-RIGHT: 1px SOLID GREY;
	MARGIN-RIGHT: 48px;
	MARGIN-RIGHT: max(19px, 2.5vw);
	PADDING-RIGHT: 42px;
	PADDING-RIGHT: max(17px, 2.1875vw);
}

.mobile ul#menu-primary {
	margin-right: 0;
	padding-right: 0;
}

#header .menu-link {
	font-family: address-sans-pro, sans-serif;
	font-weight: normal;
	font-size: 19px;
	font-size: max(12px, 0.98958vw);
	letter-spacing: 0.08em;
	text-align: center;
	width: max-content;
	color: BLACK !IMPORTANT;
}

#header ul ul li a {
	width: 100% !important;
}


div#header {
	display: flex;
	justify-content: space-between;
	PADDING: 13px 0px;
	PADDING: max(5px, 0.67708vw) 0px;
}

div#header {
	margin: 0 140px !important;
	margin: 0 max(56px, 7.29167vw) !important;
}

div#header:before,
div#header:after {
	DISPLAY: NONE;
}

.rightareaheader {
	display: flex;
	align-items: center;
}

#header img {
	width: 170px;
	width: max(68px, 8.85417vw);
}

.leftcontact {
	display: block;
	vertical-align: middle;
	align-items: center;
	justify-content: flex-start;align-content: center !important;
}
/*

aside#logotopstuffID {
	margin-right: 37px;
	margin-right: max(15px, 1.92708vw);
}
*/

button {
	height: 61px !important;
	height: max(51px, 3.17708vw) !important;
	border-radius: 0 !important;
	background: #4a4a4a;
	border: none;
	padding: 0 24px;
	padding: 0 max(10px, 1.25vw);
	font-family: address-sans-pro, sans-serif !important;
	font-weight: bold !important;
}

.rightsearch button {
	height: max(24px, 3.17708vw) !important;
}

.leftslider .slick-prev,
.leftslider .slick-next {
	display: none !important;
}

.column-padding-location {
	width: 350px !important;
	width: max(230px, 18.22917vw) !important;
}

#headerstuff .column-padding-location * {
	color: white !important;
}

.locationbox h4 {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #ae132b;
	line-height: 1em;
	font-weight: 700;
	/* padding-bottom: 20px; */
	margin: 0;
}

.rightsearch input[type="text"] {
	height: 61px;
	height: max(24px, 3.17708vw);
	border-radius: 0 !important;
	background: #282828;
	border: none;
	padding: 0 23px;
	padding: 0 max(9px, 1.19792vw);
	font-family: address-sans-pro, sans-serif;
	font-weight: bold;
}

.rightsearch form {
	display: flex;
	align-items: center;
}

.rightcontact {
	display: flex;
}

.mapcontainer {
	max-width: 1600px;
	max-width: max(639px, 83.33333vw);
	width: 96%;
	margin: 0 auto;
}

/* STYLES */

.map {
	margin: 0px auto;
	padding: 40px 0;
	padding: max(16px, 2.08333vw) 0;
	width: 100%;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	margin-top: -10px;
	margin-top: min(-4px, -0.52083vw);
}

.locationbox {
	float: left;
	margin: 15px 5px;
	margin: max(6px, 0.78125vw) max(2px, 0.26042vw);
	width: 97%;
	box-sizing: border-box;
	padding: 15px;
	padding: max(6px, 0.78125vw);
	background: #fff !important;
	border: #262626 1px solid;
}

.locationbox p {
	margin-top: 22px;
	margin-top: max(9px, 1.14583vw);
	font-family: "futura-pt", sans-serif;
}


@media screen and (max-width: 480px) {

	.locationbox {
		float: none;
		display: inline-block;
	}

	.map {
		text-align: center;
	}


}



aside#contactbottomID .shSameHeight .row>div {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

aside#contactbottomID .shSameHeight .row>div img {
	width: 95px !important;
	width: max(38px, 4.94792vw) !important;
	margin: 0 15px;
	margin: 0 max(6px, 0.78125vw);
}



aside#contactbottomID .shSameHeight .row>div {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

aside#contactbottomID .shSameHeight .row>div img {
	width: 95px !important;
	width: max(68px, 4.94792vw) !important;
	margin: 0 15px;
	margin: 0 max(6px, 0.78125vw);
}


#menu-primary {
	flex-direction: row;
	gap: 1vw !important;
}


@media only screen and (max-width: 767px) {


	.rightareaheader.col {
		TEXT-ALIGN: RIGHT;
		JUSTIFY-CONTENT: FLEX-END;
	}

	div#menu-button {
		MARGIN-RIGHT: 0 !IMPORTANT;
		PADDING-RIGHT: 0 !IMPORTANT;
		BORDER: NONE !IMPORTANT;
	}

	#header a.standardbtn {
		display: none;
	}
}

@media only screen and (max-width: 1340px) {


	#headerstuff .contactInfo {
		padding-right: 0 !important;
	}

	.leftcontact {
		padding-left: 0 !important;
		margin-left: 0;
	}

	div#menu-button {
		margin-right: 50px;
		padding-right: 50px;
		border-right: 1px solid green;
	}

	.logoarea img {
		left: 90px !important;
	}

	.logoarea a {
		display: flex;
		justify-content: flex-start;
	}

	.logoarea.col {
		display: flex;
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 1000px) {


	.leftarearight {
		margin-bottom: 30px;
	}

	.leftarearight {
		padding-right: 0;
		margin-right: 0 !important;
	}

	#footerarea div#rightarea {
		flex-direction: column;
	}

	div#footerarea {
		flex-direction: column-reverse;
		margin-left: 0;
		margin-right: 0;
		margin: 24px auto 0;
	}

	#footerarea ul#menu-primary {
		flex-direction: column;
		text-align: center;
		align-items: center;
		justify-content: center;
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}
}

@media only screen and (max-width: 1200px) {


	ul.slick-dots {}
}

@media only screen and (max-width: 840px) {
	section#brandsarea {}

	.leftslider {
		width: 100%
	}

	.brandstextarea {
		transform: translateX(-50%);
		left: 50%;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		margin-bottom: 0;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 925PX) {


	aside#contactbottomID .shSameHeight .row>div {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px
	}

	#contactbottomID .sh-row,
	#contactbottomID .sh-row>div {
		justify-content: center;
		align-items: center;
		display: flex
	}

	#socialsID {
		justify-content: center;
	}

	img.bottomlogo {
		width: 150px !important;
		margin-bottom: 20px;
	}

	section#brandsarea {
		width: 100% !important;
		margin: 0 !important;
		max-width: 100%;
	}

	    

	.contactInfo .leftcontact {width: 100% !important;text-align: center !important}

	div#header {
		margin: 0 10px !important;
	}
}

@media only screen and (max-width: 550px) {


	#footerarea li {
		margin: 8px 0;
	}

	.leftcontact {
		DISPLAY: NONE;
	}

	#headerstuff .contactInfo {
		height: 41px;
	}

	.rightcontact {
		/* DISPLAY: NONE; */
	}
}