.visible-xs {
	display: none !important;
}

.hidden-xs {
	display: block !important;
}

@media(min-width: 767px) {
	.d-container {
		max-width: 100%;
		width: 700px;
	}

	.mobileOnly {
		display: none;
	}
}

@media(min-width: 992px) {
	/* main {
		overflow-x: hidden;
	} */
	.hero-sec {
		position: relative;
	}
	.hero-sec {
		z-index: 9999;
	}
	.nav ul li a {
		font-size: 18px;
	}
	.nav.scroll {
		background: #a09f9933;
		box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
	}
	.nav.scroll ul li a {
		color: #000;
		border-bottom: 2px solid;
	}
	.nav.scrollHideShadow {
		overflow: hidden;
	}
	.d-container {
		max-width: 100%;
		width: 930px;
	}
	.nav.scroll .nav-shadow {
	width: 70%;		
	}
	.hero-sec {
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

@media(min-width: 1200px) {
	.d-container {
		max-width: 100%;
		width: 1140px;
	}
}

@media(max-width: 1200px) {

	html,
	body {
		font-size: 11px;
	}
}

@media(max-width: 992px) {
	.footer-sec1 {
		z-index: 99999;
		position: relative;
	}
	.main-content {
		position: inherit;
	}

	html,
	body {
		font-size: 9px;
		overflow-x: hidden;
	}

	.content-sec4 .content-sec4-r {
		width: 100%;
		right: 0;
		padding-left: 3rem;
	}

	@media(max-width: 767px) {

		.nav-shadow {
			opacity: 0.35;
		}

		html,
		body {
			font-size: 6px;
			overflow-x: hidden;
		}

		.desktopOnly {
			display: none;
		}

		html,
		body {
			font-size: 12px;
		}

		.nav ul li {
			margin: 0 .2rem;
			box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
		}

		.visible-xs {
			display: block !important;
		}

		.hidden-xs {
			display: none !important;
		}

		.nav {
			flex-direction: column;
		}

		.nav ul {
			margin-top: 1rem;
		}

		.hero-sec h1 {
			margin-left: -32.5vw;
			padding-left: 15px;
			right: 0;
			min-width: 150%;
		}

		.hero-sec .d-col-6 {
			width: 65%;
		}

		.content-sec1 h6 {
			max-width: 89%;
			margin: auto;
			font-size: 1.75rem;
			text-align: center;
		}

		.content-sec3-box {
			width: 50%;
			margin-bottom: 1rem;
		}

		.content-sec3-box:nth-child(even) {
			margin-top: 0;
		}

		.content-sec4 .d-row {
			flex-direction: column;
		}

		.content-sec4 .content-sec4-r {
			padding-left: 0;
		}

		.content-sec4 .content-sec4-l {
			width: 100%;
			margin-bottom: 5rem;
		}

		.content-sec4 .content-sec4-r .d-col-6:nth-child(2) {
			right: 0;
		}

		.content-sec4 .content-sec4-r .d-col-6 {
			width: 100%;
			margin-bottom: 1rem;
		}

		.footer-sec1 .d-col-6,
		.footer-sec2 .d-col-6 {
			width: 100%;
			margin-bottom: 1rem;
		}

		.content-sec4 .content-sec4-r {
			flex-direction: column;
		}

		.nav {
			flex-direction: row;
			padding: 1rem;
			background-color: #000;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 999999999999999;
		}

		.nav .menu-icon svg path {
			fill: #fff;
		}

		.hero-sec .d-container-fluid {
			padding-bottom: 2rem;
		}

		.hero-sec {
			background-position: 25% 0%;
			margin-top: 60px;
		}

		.nav ul {
			position: fixed;
			top: 3.5rem;
			background-color: #000;
			width: 100%;
			left: 0;
			padding: 1rem;
			flex-direction: column;
			align-items: center;
			display: none;
		}

		.nav ul.active {
			display: flex;
		}

		.nav ul li {
			margin: .8rem 0;
		}

		.hero-sec h1 {
			font-size: 3.2rem;
		}

		.hero-sec .hero-content {
			margin-bottom: -5rem;
		}

		.content-sec2 {
			padding-top: 5rem;
		}

		.content-sec2 .d-col-6 {
			width: 100%;
		}

		.content-sec2 .content-sec2-img {
			object-fit: cover;
			max-width: 120% !important;
			margin-top: -4rem;
		}

		.content-sec2 p {
			max-width: 100%;
			font-size: 16px;
		}

		.brands-sec .d-row a img {
			margin-bottom: 2rem;
		}

		.footer-sec2 {
			padding: 10rem 0;
		}

		.nav ul li a {
			font-size: 1.1rem;
		}

		.d-btn,
		.content-sec4-l p,
		.content-sec4-l a {
			font-size: 16px;
		}

		.content-sec2 .d-btn {
			padding: 1rem 3rem;
		}

		.content-sec3 {
			padding: 5rem 0 0;
		}

		.content-sec3-box img {
			height: 3.5rem;
		}

		.content-sec3-box p {
			font-size: 1rem;
			line-height: 1.1;
			margin: 1rem;
		}

		.content-sec3-box {
			max-width: 50%;
			flex: 0 0 48%;
			margin: 0.5rem 0 !important;
		}

		.content-sec3-box:nth-child(even) {
			margin-top: 1rem;
		}

		.brands-sec p {
			font-size: 1.5rem;
		}

		.content-sec4-l h5,
		.content-sec2 h5 {
			margin-bottom: 2rem;
		}
		.modular-slider-box {
			padding-right: 1rem;
			position: relative;
			FLEX: 0 0 50%;
		}
		.modular-slider {
			flex-flow: wrap;
		}
		.modular-slider .modular-slider-box:nth-child(n+5) {
			opacity: 0.5;
			display: none;
		}
		.sec6-slider-box {
			width: 50%;
		}
		.content-sec6-slider {
			flex-wrap: wrap;
		}
		.content-sec6-slider .sec6-slider-box:nth-child(n+3) {
			opacity: 0.5;
			display: none;
		}
		.content-hand-img {
			height: 95%;
			object-fit: cover;
			z-index: 99;
			left: -24%;
			bottom: -1%;
		}
		.footer-sec1 h4,
		.footer-sec1 button,
		.footer-sec1 a  {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		.footer-sec2 ul {
			flex-direction: column;
		}
		.footer-sec2 .d-col-6 {
			justify-content: center;
		}
		.footer-sec2 ul li {
			margin: 0.25rem auto;
			font-size: 13px;
		}
		.footer-sec2 ul li a {
			font-size: 13px;
		}
		.footer-sec2 a img {
			width: 20rem;
			margin-bottom: 1rem;
		}
	}
}

@media only screen and (min-width: 1480px) and (max-width: 1600px) {  
	.nav ul li a {
		font-size: 15px;
	}
	body#homePage nav .d-btn {
		font-size: 16px;
		padding: 0.75rem 2.5rem;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1479px) {
	.nav ul li a {
		font-size: 14px;
	}

	body#homePage nav .d-btn {
		font-size: 15px;
		padding: 0.75rem 2rem;
	}
	
	.nav ul li {
		margin: 0 0.75rem;
	}

	.nav-wrapper .d-col-6.flexDiv {
		width: 60%;
	}

	.hero-sec .d-col-6 {
		width: 53.5%;
	}
}

@media only screen and (min-width: 1480px) and (max-width: 1600px) {
	.nav ul li a {
		font-size: 15px;
	}

	body#homePage nav .d-btn {
		font-size: 16px;
		padding: 0.75rem 2.5rem;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1479px) {
	.nav ul li a {
		font-size: 14px;
	}

	body#homePage nav .d-btn {
		font-size: 15px;
		padding: 0.75rem 2rem;
	}

	.nav ul li {
		margin: 0 0.75rem;
	}

	.nav-wrapper .d-col-6.flexDiv {
		width: 60%;
	}

	.hero-sec .d-col-6 {
		width: 53.5%;
	}
}