.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 a {
		color: #000;
	}
	.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;
	}

	/* Invest Hero */
	.pages-hero-sec {
		height: 650px;
	}	
}

@media(min-width: 1200px) {
	.d-container {
		max-width: 100%;
		width: 1140px;
	}
}

@media(min-width: 1400px) {
	.d-container {
		max-width: 100%;
		width: 1345px;
	}
}

@media(max-width: 1200px) {

	html,
	body {
		font-size: 11px;
	}
	/* Platform Page */
	.plat-box {
		min-width: 90px !important;
		min-height: 90px;
	}
}

@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;
	}

	.quote-box {
		position: relative;
	}
	.quote-box p, .quote-box span {
		font-size: 14px;
	}
	/* Invest Hero */
	.pages-hero-sec {
		height: 380px;
	}	
	.pages-hero-sec h1 {
		margin-top: 120px;
		font-size: 30px;
	}
	.market-right h4, 
	.case-study-box h4 {
		font-size: 24px;
		line-height: 34px;
	}
	/* Offering */
	.single-o-box h4 {
		font-size: 26px;
	}
	.single-o-box.box-type {
		padding: 30px 30px;
		margin-top: 20px;
	}
	.single-o-box.box-share {
		padding: 60px;
		margin-left: -30px;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.single-o-box.box-valuation {
		padding: 40px 40px;
		margin-top: 20px;
	}
	.single-o-box.box-minimum {
		padding: 40px 30px;
		margin-left: 20px;
		margin-top: 20px;
	}	
	.crime-reduction-box img {
		width: 200px;
	}

	/* Platform Page */
	.content-sec4.content-platform-sec .d-row {
		flex-wrap: wrap;
	}
	.content-sec4.content-platform-sec .content-sec4-l {
		width: 100%;
		margin-bottom: 30px;
	}
	.content-sec4.content-platform-sec .content-sec4-r {
		padding-left: 0;
	}
	.content-sec4.content-platform-sec .content-sec3-box {
		width: 33.33%;
		padding: 13px;
		flex: 0 0 25%;
		margin: 15px 10px;
	}
	.content-sec4.content-platform-sec .content-sec3-box p {
		font-size: 1.1rem;
	}
	.count-number {
		font-size: 60px;
	}
	.how-it-work-box {
		padding: 20px;
	}

	@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;
			max-width: 100%;
		}

		.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;
		}

		/* Invent Hero */
		.pages-hero-sec h1 {
			margin-top: 100px;
		}

		.main-content {
			margin-top: 0px;
			padding-top: 4rem;
		}
		.content-investors-sec.content-sec4 .content-sec4-r img {
			width: 100%;
		}
		
		/* Offering */
		.offering-sec .d-col-6 {
			width: 100%;
		}	
		.offering-sec .f-left{
			margin-bottom: 3rem;
		}
		.offering-box.f-right {
			float: left;
		}
		.bottom-offering-sec .offering-box{
			margin-bottom: 6rem;
		} 
		.single-o-box h4 {
			font-size: 30px;
		}	
		.single-o-box.box-type {
			padding: 30px 30px;
			margin-top: 20px;
		}
		.single-o-box.box-share {
			padding: 60px;
			margin-left: 0px;
			margin-bottom: -30px;
			margin-top: -50px;
		}
		.single-o-box.box-valuation {
			padding: 40px 20px;
			margin-top: 20px;
		}
		.single-o-box.box-minimum {
			padding: 40px 40px;
			margin-left: 20px;
			margin-top: 20px;
		}
		.quote-box {
			width: 100%;
		}

		/* Content Market Section */
		.content-market .d-col-6 {
			width: 100%;
		}
		.market-left img {
			min-width: 100% !important;
		}
		.market-right {
			padding-top: 70px;
		}
		.market-right h4, .case-study-box h4 {
			font-size: 16px;
			line-height: 24px;
		}
		.crime-reduction-box img {
			width: 180px;
		}
		.crime-reduction::before {
			width: 100%;
		}

		/* megatrend section */
		.megatrend-boxes {
			flex-direction: column;
		}
		.megatrend-single-box {
			width: auto;
		}
		.content-megatrend {
			padding-top: 80px;
			padding-bottom: 80px;
		}

		/* Platform */
		.content-sec4.content-platform-sec {
			padding-top: 2rem;
			padding-bottom: 6rem;
		}
		.content-sec4.content-platform-sec .content-sec4-r .d-row {
			-ms-flex-wrap: initial;
			flex-wrap: wrap;
			flex-direction: row;
		}
		.content-sec4.content-platform-sec .content-sec3-box {
			width: 50%;
			padding: 15px;
			flex: 0 0 48%;
			margin: 3px !important;
		}
		.content-sec4.content-platform-sec .content-sec3-box p {
			font-size: 1.1rem;
		}
		
		.platform-s2 .d-col-6{
			width: 100%;
		}
		.platform-s2 .d-col-6.col-left p{
			margin-right: 0px;
		}
		.platform-s2 .d-col-6.col-right p{
			margin-left: 0px;
			margin-top: 20px;
		}

		.content-how-it-works .d-flex{
			flex-direction: column;
		}
		.how-it-work-box {
			padding: 30px 15px;
			margin-bottom: 15px;
			margin-top: 0px;
			width: 100%;
			margin-left: 0px !important;
			margin-right: 0px !important;
		}
		.newsletter-sec .d-col-6{
			width: 100%;
		}
	}


		@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%;
			}
		}