/* header footer hero start */
@media  (max-width:1700px) {
	.more-than-right,
	.more-than-left {
		max-width: 30%;
	}

}

@media (min-width:1200px) and (max-width:1650px) {
	.parallax img {
		max-width: 15%;
	}

	#fabrics .label-left-2 {
		left: 45px;
	}

	#fabrics .label-right-1 {
		right: 90px;
	}

	#fabrics .label-right-3 {
		right: 130px;
	}

}

@media (min-width:1200px) and (max-width:1270px) {
	#home-blog .swiper-prev,
	#shop  .swiper-prev {
		left: 0;
	}

	#home-blog .swiper-next,
	#shop .swiper-next {
		right: 0;
	}

	#promises .container {
		padding: 0;
	}

	#look-books li {
		padding: 0 15px;
	}

	#creating .left-side .inner {
		max-width: 350px;
	}

	#your-make-nav li {
		padding: 0 50px;
		width: 33%;
	}

	#legacy .swiper-prev {
		left: 15px;
	}

	#legacy .swiper-next {
		right: 15px;
	}

	#buckets h2 {
		font-size: 40px;
	}

}

@media  (min-width:992px) and (max-width:1200px) {
	.more-than-right {
		margin-top: 20%;
	}

	#custom-fitting-popup br {
		display: none;
	}

	#custom-fitting .swiper-button-next {
		right: 0;
	}

	#custom-fitting .swiper-button-prev {
		left: 0;
	}

	#buckets h2 {
		font-size: 30px;
	}

	#home-blog .swiper-prev,
	#shop .swiper-prev {
		left: 0;
	}

	#home-blog .swiper-next,
	#shop .swiper-next {
		right: 0;
	}

	#promises .container {
		padding: 0;
	}

	#profiles .swiper-next {
		right: 15px;
	}

	#profiles .swiper-prev {
		left: 15px;
	}

	/*.people-item {
		height: 20vw;
	}*/
	#look-books li {
		padding: 0 10px;
	}

	#look-books a:not(#load-more) {
		width: 170px;
		font-size: 14px;
	}

	#creating .left-side a:not(.closer):not(.next) {
		line-height: 60px;
		height: 60px;
		margin: 15px auto 0 auto;
	}

	#creating .creating-item .left-side .inner {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}

	#creating .left-side .counter {
		width: 60px;
		height: 60px;
		line-height: 53px;
		font-size: 30px;
	}

	#creating .left-side .counter {
		margin-bottom: 15px;
	}

	#creating .left-side .inner {
		max-width: 350px;
	}

	#legacy .swiper-prev {
		left: 15px;
	}

	#legacy .swiper-next {
		right: 15px;
	}

	.parallax img {
		max-width: 15%;
	}

	#fabrics .label-left-2 {
		left: 15px;
	}

	#fabrics .label-right-1 {
		right: 40px;
	}

	#fabrics .label-right-3 {
		right: 50px;
	}

	#your-make-nav li {
		padding: 0 50px;
		width: 33%;
	}

	.parallax .medium-container {
		max-width: calc(100% - 30%);
	}

	h1 {
		font-size: 70px;
	}

	#footer-left,
	#footer-right {
		padding: 0;
	}

	footer .last-col {
		padding-right: 15px;
	}

}

@media  (min-width:768px) and (max-width:991px) {
	#sidebar .container > ul > li {
		padding: 0;
		margin: 20px 5px;
	}

	#big-and-tall p {
		padding: 0 15px;
	}

	.more-than-right {
		margin-top: 20%;
	}

	.more-than-left {
		margin-top: 15%;
	}

	.modal-content {
		padding: 30px 15px;
	}

	#custom-fitting-popup br,
	#big-and-tall p br,
	#more-than  p br,
	.measure-content br,
	#custom-fitting p br {
		display: none;
	}

	#custom-fitting p {
		padding: 0 15px;
	}

	.home .hero h1 {
		font-size: 60px !important;
	}

	#custom-fitting .swiper-button-next {
		right: 0;
	}

	#custom-fitting .swiper-button-prev {
		left: 0;
	}

	#buckets h2 {
		font-size: 24px;
	}

	#home-blog .swiper-prev,
	#shop .swiper-prev {
		left: 0;
	}

	#home-blog .swiper-next,
	#shop .swiper-next {
		right: 0;
	}

	#promises .container {
		padding: 0;
	}

	#join-our-team br {
		display: none;
	}

	.profile-details {
		padding: 70px 0 70px 0px;
	}

	#profiles .close-detail {
		left: 265px;
	}

	#profiles .contact-cloth {
		right: 30px;
	}

	#profiles .swiper-next {
		right: 15px;
	}

	#profiles .swiper-prev {
		left: 15px;
	}

	/*.people-item {
		height: 33.333vw;
	}*/
	#clients .swiper-slide p:nth-child(3) {
		font-size: 20px;
	}

	#share {
		padding-top: 55px;
	}

	.your-story,
	.your-photo {
		padding: 0 15px;
	}

	#share p {
		font-size: 15px;
	}

	#share div[role="form"] p:first-of-type br {
		display: none;
	}

	#hallmarks .top-left,
	#hallmarks .top-right,
	#hallmarks .bottom-left,
	#hallmarks .bottom-right {
		width: calc(100% - 350px);
		bottom: auto;
		top: 100px;
	}

	#hallmarks div.hallmark[data-id] {
		width: 100%;
	}

	#hallmarks .top-right {
		right: auto;
		left: 0;
	}

	#hallmarks .bottom-right {
		right: auto;
		left: 0;
	}

	#hallmarks .points.active {
		margin: 30px 0 0 auto;
	}

	#artisan p br {
		display: none;
	}

	#creating .closer,
	#creating .next {
		margin-left: 0;
		top: 15px;
		margin-bottom: -15px;
	}

	#creating .left-side p br {
		display: none;
	}

	#creating .left-side .title {
		vertical-align: top;
	}

	#creating .left-side a:not(.closer):not(.next) {
		line-height: 40px;
		height: 42px;
		margin: 15px auto 0 auto;
	}

	#creating .creating-item .left-side .inner {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}

	#creating .left-side .counter {
		width: 45px;
		height: 45px;
		line-height: 38px;
		font-size: 30px;
	}

	#creating .left-side .counter {
		margin-bottom: 15px;
	}

	#creating .right-side .title {
		font-size: 14px;
		line-height: 1.3;
		padding: 0 15px;
	}

	#creating .right-side .counter {
		width: 60px;
		height: 60px;
		line-height: 53px;
		font-size: 30px;
	}

	#creating .left-side p {
		line-height: 1.3;
		font-size: 14px;
	}

	#creating .left-side h2 {
		font-size: 30px;
		line-height: 1;
	}

	#creating .left-side .inner {
		max-width: 225px;
	}

	.legacy-content {
		padding-right: 15px;
	}

	.legacy-image {
		margin-right: 30px;
		margin-left: 15px;
	}

	#legacy .swiper-prev {
		left: 15px;
	}

	#legacy .swiper-next {
		right: 15px;
	}

	#buy-more-save-more br {
		display: none;
	}

	#fabrics .medium-container {
		padding: 0;
		max-width: 100%;
	}

	#fabrics-left {
		padding: 15px 15px 15px 0;
	}

	#fabrics-right {
		padding: 15px 0 15px 15px;
	}

	.label-right,
	.label-left {
		display: none;
	}

	#your-make .right-background {
		padding: 15px;
		height: auto;
	}

	#your-make .right-background br {
		display: none;
	}

	#your-make-nav li {
		padding: 0 15px;
		width: 33%;
	}

	.parallax img {
		display: none;
	}

	#sidebar .sbHolder {
		width: 350px;
	}

	#single-post figure {
		float: left;
		margin: 0 20px 0 0;
		max-width: 50%;
	}

	#single-post .container {
		padding-right: 15px;
	}

	.post:nth-child(2n+3) {
		clear: left;
	}

	h1 {
		font-size: 60px;
	}

	nav#top-nav > .container > ul > li:not(:last-child) {
		margin-right: 50px;
	}

	#user-menu ul {
		right: 15px;
	}

	#footer-left,
	#footer-right {
		padding: 0;
	}

	footer .last-col {
		padding-right: 15px;
	}

	footer .socials a {
		height: 30px;
		width: 30px;
		line-height: 35px !important;
	}

	#footer-right {
		margin-top: 60px;
		padding: 0;
	}

}

@media  (min-width:481px) and (max-width:767px) {
	.triangler {
		display: none !important;
	}

	#look-books a:not(#load-more) {
		width: 100%;
	}

	.tab-content label[for="city"],
	.tab-content label[for="requested"],
	.tab-content #dontSpecify label,
	.modal label[for="city"],
	.modal label[for="requested"],
	.modal #dontSpecify label {
		display: block;
	}

	.modal-content {
		padding: 30px 15px;
	}

	#custom-fitting-popup br {
		display: none;
	}

	.home .hero h1 {
		font-size: 40px;
	}

	.home .hero p {
		font-size: 20px;
	}

	.hero {
		height: calc(100vh - 60px);
	}

	.scroll-down {
		bottom: 15px;
	}

	.home .hero:after {
		display: none;
	}

	.profile-image {
		height: 100vw;
		background-position: top;
		width: 100%;
		position: static;
	}

	#people .swiper-next {
		right: 15px;
	}

	#people .swiper-prev {
		left: 15px;
	}

	.profile-details {
		padding: 15px 0;
		width: 100%;
		float: none;
		position: relative;
	}

	.detail-side {
		position: absolute;
		right: 0;
		top: 0;
	}

	#profiles .close-detail {
		right: 115px;
		z-index: 22222;
		left: auto;
	}

	#profiles .main-details {
		width: 255px;
		float: none;
	}

	#profiles .contact-cloth {
		right: 30px;
	}

	#profiles .swiper-next {
		right: 15px;
	}

	#profiles .swiper-prev {
		left: 15px;
	}

	/*.people-item {
		height: 50vw;
	}*/
	#hallmarks div.hallmark h6 {
		margin: 15px 0 10px 0;
	}

	#hallmarks div.hallmark img {
		max-width: 130px;
		height: auto;
	}

	#hallmarks .top-left,
	#hallmarks .top-right,
	#hallmarks .bottom-left,
	#hallmarks .bottom-right {
		width: calc(100% - 190px);
		bottom: auto;
		top: 100px;
	}

	#hallmarks div.hallmark[data-id] {
		width: 100%;
	}

	#hallmarks .top-right {
		right: auto;
		left: 0;
	}

	#hallmarks .bottom-right {
		right: auto;
		left: 0;
	}

	#hallmarks {
		padding: 80px 0 15px 0;
	}

	#hallmarks .points.active {
		margin: -100px -80px -100px 0;
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.6);
		float: right;
	}

}

@media  (min-width:0) and (max-width:767px) {
	#people .swiper-next {
		right: 15px;
		bottom: -70px;
		top: auto;
	}

	#people .swiper-prev {
		left: 15px;
		bottom: -70px;
		top: auto;
	}

	#people .swiper-pagination {
		display: none !important;
	}

	#artisan,
	.home .hero,
	#choose-your-make,
	#promises {
		background-attachment: initial;
	}

	.home .hero {
		background-attachment: initial !important;
		background-position: center;
	}
	.page-template-page-get-measured .title-container,
	.page-template-page-quality .title-container,
	.page-template-page-experience .title-container,
	.page-template-page-style .title-container{
		background-attachment: initial !important;
	}

	#artisan {
		background-position: 10% 0;
	}

	#join-our-team {
		background-position: center bottom;
		background-position: right center;
	}

	.visible-xs.shop-all {
		margin: 0 auto 30px auto !important;
	}

	footer .socials li:not(:last-child) {
		margin-right: 3px;
		margin-bottom: 6px;
	}

	footer {
		padding: 45px 0;
	}

	#people .swiper-pagination,
	#shop .swiper-pagination,
	#custom-fitting .swiper-pagination {
		margin: 15px 0;
	}

	#people .swiper-pagination .swiper-pagination-bullet,
	#shop .swiper-pagination .swiper-pagination-bullet,
	#custom-fitting .swiper-pagination .swiper-pagination-bullet {
		margin: 10px 5px;
	}

	#custom-fitting .swiper-pagination .swiper-pagination-bullet {
		background-color: white !important;
	}

	.shop-all {
		margin-top: 100px !important;
	}

	#sidebar .container > ul > li {
		padding: 0;
		margin: 20px 5px;
	}

	#contact-tabs li {
		padding: 0;
		margin: 0 0;
		width: 100%;
		text-align: center;
	}

	#contact-tabs li a {
		margin: 0 auto;
		width: 100%;
		padding: 30px 15px;
	}

	.tab-content label[for="city"] {
		margin-left: 0;
	}

	#more-than .medium-container {
		padding: 0 0;
	}

	#big-and-tall p br,
	#more-than  p br,
	.measure-content br,
	#custom-fitting p br {
		display: none;
	}

	#custom-fitting p,
	#big-and-tall p {
		padding: 0 15px;
	}

	#custom-fitting .swiper-button-next {
		right: 0;
	}

	#custom-fitting .swiper-button-prev {
		left: 0;
	}

	.simple p br {
		display: none;
	}

	#home-blog .swiper-prev,
	#shop .swiper-prev {
		left: 0;
	}

	#home-blog .swiper-next,
	#shop .swiper-next {
		right: 0;
	}

	.promises-item {
		padding: 0 0 30px 0;
	}

	.simple h2 {
		word-spacing: 0;
		letter-spacing: 0;
	}

	#join-our-team br {
		display: none;
	}

	#look-books li {
		width: 50%;
		text-align: center;
	}

	#look-books li a {
		margin: 15px auto;
	}

	#clients .swiper-slide p:nth-child(3) {
		font-size: 20px;
		line-height: 1.3;
	}

	#clients br {
		display: none;
	}

	#share {
		padding-top: 55px;
	}

	.your-story,
	.your-photo {
		padding: 0 15px;
	}

	.your-photo {
		margin-top: 75px;
	}

	#share div[role="form"] p:first-of-type br {
		display: none;
	}

	#artisan p br {
		display: none;
	}

	#creating .closer,
	#creating .next {
		margin-left: 0;
		top: 15px;
		margin-bottom: -15px;
	}

	#creating .left-side p br {
		display: none;
	}

	#creating .left-side .title {
		vertical-align: top;
	}

	#creating .left-side a:not(.closer):not(.next) {
		margin: 15px auto 0 auto;
	}

	#creating .creating-item .left-side .inner {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}

	#creating .left-side .counter {
		width: 45px;
		height: 45px;
		line-height: 38px;
		font-size: 30px;
	}

	#creating .left-side .counter {
		margin-bottom: 15px;
	}

	#creating .right-side .title {
		font-size: 14px;
		line-height: 1.3;
		padding: 0 15px;
	}

	#creating .right-side .counter {
		width: 60px;
		height: 60px;
		line-height: 53px;
		font-size: 30px;
	}

	#creating .left-side p {
		line-height: 1.3;
		font-size: 14px;
	}

	#creating .left-side h2 {
		font-size: 30px;
		line-height: 1;
	}

	#creating .left-side .inner {
		max-width: 225px;
	}

	#creating .left-side {
		width: 100%;
		height: 100vw;
		float: none;
	}

	#creating .left-side .inner {
		max-width: 300px;
		margin: 0 auto;
		padding: 0 10px;
	}

	#creating .right-side .inner-side {
		height: 50vw;
	}

	#creating .right-side {
		height: 100vw;
		float: none;
		width: 100%;
	}

	#artisan p br {
		display: none;
	}

	#legacy .swiper-prev,
	#legacy .swiper-next {
		margin-top: -50px;
	}

	.legacy-image img {
		max-width: 200px;
		height: auto;
	}

	.legacy-content {
		padding-top: 20px;
		padding-right: 15px;
	}

	.legacy-image {
		float: left;
		margin-right: 30px;
		margin-left: 15px;
	}

	#legacy .swiper-prev {
		left: 15px;
	}

	#legacy .swiper-next {
		right: 15px;
	}

	.swiper-prev,
	.swiper-next {
		margin-top: 120px;
	}

	.swiper-next {
		right: 5px;
	}

	.swiper-prev {
		left: 5px;
	}

	.modal-content {
		padding: 45px 0;
	}

	.modal-heading p {
		padding: 0 15px;
	}

	.modal-heading p br {
		display: none;
	}

	#buy-more-save-more {
		background-size: cover;
	}

	#fabrics {
		padding: 80px 0 0 0;
	}

	#buy-more-save-more br {
		display: none;
	}

	#buy-more-save-more a {
		margin: 25px 5px 0 5px;
	}

	#fabrics-left {
		padding: 15px 0;
		border-bottom: 1px solid #acacac;
		border-right: 0;
	}

	#fabrics-right {
		padding: 15px 0;
	}

	#fabrics .medium-container {
		padding: 0;
	}

	#your-make .left-background {
		position: static;
		height: 50vw;
	}

	#your-make .right-background {
		padding: 15px;
		height: auto;
		width: 100%;
		float: none;
		background-size: contain;
	}

	.label-right,
	.label-left {
		display: none;
	}

	#your-make .right-background br {
		display: none;
	}

	#your-make-nav a {
		width: 100%;
	}

	#your-make-nav li {
		padding: 0;
		width: 32%;
	}

	.parallax img {
		display: none;
	}

	main div[role="form"] .two-part .wpcf7-form-control-wrap {
		margin-bottom: 15px !important;
	}

	main div[role="form"] div {
		padding: 0;
	}

	#single-post .container {
		padding-right: 15px;
	}

	#single-post figure {
		float: none;
		margin: 0;
	}

	h4 {
		font-size: 16px !important;
	}

	.post:nth-child(2n+3) {
		clear: left;
	}

	.sbSelector {
		text-indent: -35px;
		width: 100%;
	}

	.sbHolder {
		max-width: 250px;
	}

	h2 {
		font-size: 25px;
		line-height: 1.3;
	}

	h4 {
		font-size: 16px;
		line-height: 20px;
	}

	.title-container.no-bg {
		height: 150px;
		padding-top: 50px;
	}

	html .mn-navigation-wrap.hidebar {
		max-height: 100%;
	}

	.title-container:not(.no-bg) {
		height: 150px;
		padding-top: 50px;
	}

	#user-menu ul {
		right: 75px !important;
		position: fixed !important;
		top: 19px !important;
		z-index: 4444444 !important;
	}

	h1 {
		font-size: 35px;
	}

	#footer-right {
		margin-top: 60px;
		padding: 0;
	}

	#footer-left {
		padding: 0;
	}

	footer .last-col {
		padding-right: 15px;
	}

	#posts.press-posts h4.heading+p {
		max-width: 100%;
	}

}
@media  (min-width:1920px)  {
	.with-triangle-bottom, .with-triangle {
    position: relative;
    padding-bottom: 100px!important;
}
}
@media  (min-width:0) and (max-width:620px) {
	.legacy-image {
		float: none;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.legacy-content {
		text-align: center;
		padding-right: 0;
	}

	#legacy .small-container {
		padding: 0;
	}

}

@media  (min-width:0) and (max-width:480px) {
	#custom-fitting .swiper-pagination {
		margin: 30px 0;
	}

	#custom-fitting {
		padding: 80px 0 100px 0 !important;
		height: auto;
	}

	.swiper-pagination .swiper-pagination-bullet:first-child {
		margin-left: 0;
	}

	footer .foot-col {
		width: 100% !important;
		float: none;
	}

	footer .foot-col:not(:last-child) {
		margin-bottom: 30px;
	}

	#clients .swiper-pagination-bullet {
		margin: 0 12px;
	}

	.home .hero h1 {
		font-size: 40px;
	}

	.home .hero p {
		font-size: 20px;
	}

	.hero {
		height: calc(100vh - 60px);
	}

	.scroll-down {
		bottom: 15px;
	}

	.home .hero:after {
		display: none;
	}

	.choose-item {
		width: 100% !important;
	}

	.profile-image {
		height: 100vw;
		background-position: top;
		width: 100%;
		position: static;
	}

	#people .swiper-next {
		right: 15px;
	}

	#people .swiper-prev {
		left: 15px;
	}

	.profile-details {
		padding: 15px 0;
		width: 100%;
		float: none;
		position: relative;
	}

	.detail-side {
		position: static;
		right: 0;
		top: 0;
	}

	#profiles .close-detail {
		position: static;
		margin: 30px auto 0 auto;
	}

	#profiles .main-details {
		width: 100%;
		float: none;
		text-align: center;
	}

	#profiles .contact-cloth {
		position: static;
		margin: 30px auto;
	}

	#profiles .swiper-next {
		right: 15px;
	}

	#profiles .swiper-prev {
		left: 15px;
	}

	/*.people-item {
		height: 100vw;
	}*/
	#look-books li {
		width: 100%;
		text-align: center;
	}

	#clients .swiper-slide {
		padding: 0 15px;
	}

	#clients .swiper-slide p:nth-child(3) {
		font-size: 18px;
	}

	#hallmarks .container {
		padding: 0;
	}

	#hallmarks .top-left,
	#hallmarks .top-right,
	#hallmarks .bottom-left,
	#hallmarks .bottom-right {
		position: static;
	}

	#hallmarks div.hallmark[data-id] {
		width: 100%;
		margin-top: 30px;
	}

	#creating .left-side h2 {
		font-size: 24px;
		line-height: 1;
	}

	#creating .left-side .counter {
		line-height: 38px;
		font-size: 25px;
	}

	#creating .creating-item .left-side {
		width: 100%;
		height: 150vw !important;
		float: none;
		background-image: none !important;
		padding: 0 !important;
		text-align: justify;
	}

	#creating .left-side {
		width: 100%;
		height: 100vw;
		float: none;
		background-image: none !important;
		padding: 0 15px;
	}

	#creating .right-side .inner-side {
		height: 100vw !important;
		width: 100% !important;
	}

	.modal .table-tr .table-td:first-child {
		padding-left: 5px;
	}

	.modal .table-tr .table-td:nth-child(2) {
		padding-right: 5px;
	}

	.modal .table-tr .table-td {
		font-size: 14px;
	}

	.modal .table {
		padding: 20px 20px;
	}

	#your-make-nav ul {
		font-size: 0;
	}

	#your-make-nav ul li {
		width: 33.333333%;
	}

	main div[role="form"] label[for="upload"] {
		font-size: 10px;
		padding: 0 30px 0 0;
	}

	.post {
		width: 100%;
	}

	#posts.press-posts h4.heading+p {
		max-width: 100%;
	}

	#user-menu ul li:not(:last-child) {
		margin-right: 15px;
	}

	#user-menu ul {
		right: 45px;
	}

	#copyright {
		line-height: 1.5;
		padding: 15px 0;
	}

	.mn-icon-wrap {
		padding: 12px 0px;
	}

	#user-menu ul a {
		font-size: 12px;
	}

}

/* header footer hero end *