/* Responsive CSS For all Bootstrap Breakpoints */


/* XS - Extra Small Devices ----------- */
@media
only screen and (max-width : 767px) {
/* Styles */

h1, .h1, h1 a 	{ font-size: 40px; }
h2, .h2, h2 a 	{ font-size: 32px; }
h3, .h3, h3 a 	{ font-size: 26px; }
h4, .h4, h4 a 	{ font-size: 22px; }
.lg-txt { font-size: 19px; }


	header.site_header { padding: 15px 15px 0 15px; height: auto; }
	#logo { margin-bottom: 15px; display: flex; align-items: center; justify-content: center; }
	#logo > a { display: block;  }
	.header-tag {
		font-size: 20px;
	}

	#logo img {
		height: 94px;
		width: 240px;
	}

	#logo .social-links { text-align: left; }
	#logo .social-links > li { margin: 0 10px 0 0; /*color: #959595; border: solid 1px #959595; background-color: #414141;*/ }
	.mobile-menu-button { color: #dacc99; font-size: 32px; text-decoration: none; }
	.mobile-menu-button:hover, .mobile-menu-button:focus, .mobile-menu-button:active { color: #dacc99; text-decoration: none; }

	/* main level stuff */
	.navbar { margin-left: -30px; margin-right: -30px; position: relative; z-index: 9999; margin-top: 0; min-height: 0; border-left: none; border-right: none; border-bottom: none; }
	.navbar .navbar-nav { margin: 0; display: none; background-color: #888; }
	.navbar .navbar-nav > li { border-bottom: 2px solid #fff; display: block; }
	.navbar .navbar-nav > li:last-child { border-bottom: none; }
	.navbar .navbar-nav > li > a { padding: 12px 0; color: #262626; }
	.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:active, .navbar .navbar-nav > li > a:focus { background-color: #dacc99; color: #262626; }

	.navbar .dropdown-menu {
		left: 15px;
		border: none;
		margin: 0;
		gap: 35px;
	}
	.navbar .dropdown-menu > li {
		flex: 1 0 220px;
		max-width: 220px;
	}
	.navbar .dropdown-menu > li .image {
		width: 220px;
	}

	.home-features .item .overlay { font-size: 26px; }
	.home-callout .photo { padding-left: 15px; text-align: center; }
	.home-callout .text .text-inner { font-size: 34px; }
	.home-callout .text .text-inner cite { font-size: 16px; padding-right: 0; text-align: center; padding-top: 20px; }

	.footer-top { padding-top: 30px; padding-bottom: 30px; }

	.mobile-select {
		/*border: 1px solid #dacc99;*/
	}

	#designers .gallery > div:nth-child(5), #designers .gallery > div:nth-child(6), #designers .gallery > div:nth-child(7), #designers .gallery > div:nth-child(8), #designers .gallery > div:nth-child(9), #designers .gallery > div:nth-child(10), #designers .gallery > div:nth-child(11), #designers .gallery > div:nth-child(12) { display: none; visibility: hidden; }

	.flexslider-container { height: auto; }

	.home-callout .text { height: auto !important; }
	.home-callout .text .text-inner { position: static; top: 0; transform: none; padding: 20px 0; }

	.home-features .item img {
		width: 100%;
	}

	.feature-designer-product.item img {
		width: 100%;
	}



	.footer-top img {
		max-width: 70dvw;
	}

	.footer-bot {
		padding-top: 0;
	}
	.footer-bot .row {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.footer-bot .row > .col-xs-12 {
		text-align: center;
	}
	.footer-bot .row > .col-xs-12:nth-child(1) {
		order: 3;
	}
	.footer-bot .row > .col-xs-12:nth-child(2) {
		order: 1;
	}
	.footer-bot .row > .col-xs-12:nth-child(3) {
		order: 2;
	}
	.footer-bot .social-links {
		justify-content: center;
		margin: 20px 0;
	}


}


/* SM - Small Devices ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {
/* Styles */

	.home-features .item .overlay { font-size: 26px; }
	.home-callout .text .text-inner { font-size: 34px; }
	.home-callout .text .text-inner cite { font-size: 16px; }

	.navbar .navbar-nav > li { font-size: 15px; }
	.navbar .navbar-nav > li > a { padding: 25px 15px; }
	.flexslider-container { height: 300px; }

}

/* MD - Medium Devices ----------- */
@media only screen
and (min-width : 992px)
and (max-width : 1199px) {
/* Styles */

	.navbar .navbar-nav > li > a { padding: 25px 15px; }
	.flexslider-container { height: 391px; }

}


/* LG - Large Devices */
@media
only screen and (min-width : 1200px) {
/* Styles */

	.flexslider-container { height: 475px; }

	.container-fluid { max-width: calc(100dvw - 160px); }

}


@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}