@media screen and (max-width: 1100px) {
	.banner-main h1 {
		font-size: 70px !important;
		line-height: 70px !important;
		font-weight: 400;
	}
}
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Oswald', sans-serif !important;
	}
	
	p {
		font-family: 'Open Sans', sans-serif;
		font-size: 20px;
		line-height: 28px;
	}
	
	body {
		background: linear-gradient(73deg, rgba(49,37,207,1) 50%, rgba(144,58,205,1) 100%);
		padding: 2% 4% 1%;
		overflow-x: hidden;
		background-size: auto; 
	}
	.wavemaker-ai-logo {
		height: auto;
		padding-bottom: 30px;
	}
	.banner-main {
		color: #fff;
	}
	.banner-main h1 {
		font-size: 72px;
		line-height: 79px;
		font-weight: 400;
		text-transform: uppercase;
	}
	
	.banner-main span {
		color: #BAFF00;
	}
	.subtext {
		width: 100%;
		margin-top: 30px;
	}
	
	.subtext-inner {
		width: 100%;
		margin-right: 50px;
		padding-bottom: 0px;
	}
	.main-section-inner {
		display: flex;
		-webkit-display: flex;
		width: 100%; 
		padding-top: 0%;
		/*background-image:url('https://wavemaker.ai/images/lp/background-pipes.svg');*/
		background-position: 170%;
		background-size: contain;
		background-repeat: no-repeat;
		align-items: center;
		height: 60vh;		
	}
	

	.main-row {
		width: 55%; 
	}
	.subtext-boxes {
		width: 100%;
		display: flex;
	}
	.try-wavemaker {
		margin-right: 30px;
		border: 1px solid #fff;
		padding: 18px;
		width: 154px;
		text-transform: uppercase;
		font-weight: 700;
		height: 154px;
		display: flex;
		align-items: center;
	}
	
	.ai-wagon {
		margin-right: 30px;
		border: 1px solid #fff;
		padding: 18px;
		width: 154px;
		text-transform: uppercase;
		font-weight: 700;
		height: 154px;
		display: flex;
		align-items: center;
	}
	.try-wavemaker p, .ai-wagon p {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 0px;
	}
	img.video-play {
		width: 125px;
		margin: 0px;
	}
	.wavemaker-videos {
		display: flex;
		margin-bottom: 5%;
	}
	
	.wavemaker-newscenter {
		display: flex;
	}
	.third-section {
		padding-left: 6%;
	}
	
	.video-play {
		margin-right: 2%;
	}
	
	.event {
		background: #000;
		padding: 18px;
		margin: 0px;
		width: auto;
	}
	.wavemaker-white-paper {
		margin-right: 100px;
	}
	.event p {
		font-size: 16px;
		color: #fff;
		letter-spacing: 0.8px;
		line-height: 23px;
	}
	
	img.event-class {
		margin-bottom: 5px;
		width: 200px;
	}
	
	.third-section {
		padding-left: 0px;
		padding-top: 0%;
		width: 55%;
		margin-right: -5%;
	}
	
	.video-play {
		text-align: end;
		width: 15%;
		margin-left: -3%;
		margin-right: 4%;
		margin-top:12%;
	}
	img.video-watch {
		width: 30%;
	}
	
	.event p {
		font-size: 12px;
		color: #fff;
		letter-spacing: 0.8px;
		line-height: 23px;
		margin-bottom: 0px;
	}
	 
	.autocode-video {
		background: #fff;
		width: 270px;
		height: fit-content;
	}
	img.autocode-video-image {
		width: 100%;
		height: auto; 
	}
	
	.wavemaker-interview {
		background: #fff;
		margin-left: 0;
		padding: 30px 20px;
		width: 215px;
		margin-top: 5%;
	}
	
	.wavemaker-white-paper, .wavemaker-pages {
		background: #fff;
		margin-left: 40px;
		padding: 20px 15px;
		width: 225px;
		height: fit-content;
		
	}
	.wavemaker-white-paper p, .wavemaker-pages p {
		font-size: 16px;
		color: #2B2B2B;
		line-height: 20px;
		margin-top: 15px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	
	span.wavemaker-title {
		font-size: 12px !important;
		font-weight: 900 !important;
		letter-spacing: 0.8px;
		color:#3329CE;
	}
	
	.wavemaker-interview p {
		color: #2B2B2B;
		font-size: 22px;
		line-height: 22px;
		font-weight: 600;
		margin-top: 10px;
	}
	.banner-image {
		width: 100%;
		margin-left: 0%;
	}
	.wavelength-box {
		display: flex;
		justify-content: space-between;
	}
	img.slider-right {
		bottom: 15%;
		position: absolute;
		width: 40px;
		-webkit-animation: bounceRight 2s infinite;
		animation: bounceRight 2s infinite;
		float:right;
		margin-left: 0%;
	}
	img.newstack-logo, img.forbes-logo {
		margin-top: 15px;
	}
	.wavemaker-video-summit {
		background: #009CFE;
		color: #fff;
		padding: 20px;
		width: 215px;
		margin-bottom: 30px;
	}
	
	.summit p {
		font-size: 20px;
		font-weight: 800;
	}
	
	p.date {
		font-size: 12px;
		font-weight: 400;
		margin-bottom: 0px;
	}

	
	@media screen and (max-width: 767px) {
		
		.wavemaker-ai-logo {
			padding: 4% 0%;
		}
		.main-section-inner {
			display: block;
			width: 100%;
			text-align: center;
			height: auto; 
		}
		.main-row {
			width: 100%;
			padding-top: 40px;
		}
		.subtext-boxes {
			width: 100%;
			align-items: center;
			text-align: center;
		}
		.subtext-inner {
			width: 100%;
			margin-right: 0px;
			padding-bottom: 20px;
		}
		body {
			overflow-y: scroll;
			background-size: cover;
		}
		.banner-main h1 {
			font-size: 60px !important;
			line-height: 60px !important;
			font-weight: 400;
		}
		.banner-image {
			width: 100%;
			margin-left: 0%;
			height: fit-content;
		}
		.try-wavemaker {
			width: 100%;
		}
		
		.ai-wagon { 
			width: 100%;
			margin: 10px 0px; 
		} 
		img.video-play {
			width: 100px;
			padding: 20px 0px;
		}
		.video-play {
			text-align: center;
		}
		img.slider-right {
			display: none;
		}
		.wavelength-box {
			display: block;
			justify-content: space-between;
		}
		.wavemaker-newscenter {
			display: block;
		}
		.wavemaker-white-paper, .wavemaker-pages {
			margin-bottom: 20px;
		}
		.autocode-video {
			width: 100%;
			text-align: center;
		}
		img.autocode-video-image {
			width: 200px; 
			height: auto;
		}
		.wavemaker-interview, .wavemaker-white-paper, .wavemaker-pages {
			width: 100%;
		}
		.third-section {
			padding-left: 0%;
			padding-top: 3%;
		}
		.no-desktop {
			display: block;
		}
		.third-section {
			width: 100%;
			background-size: cover;
			padding-bottom: 0%;
			display:none;
		}
		.wavemaker-white-paper, .wavemaker-pages {
			margin-bottom: 20px;
			margin-left: 0px;
			margin-top: 20px;
		}
		#menu {
			width: 100vw;
		}
		.wavemaker-video-summit {
			background: #009CFE;
			color: #fff;
			padding: 30px;
			margin-bottom: 20px;
			width: 100%;
		}
		.wavemaker-white-paper p {
			font-size: 22px;
			line-height: 30px;
		}
		.summit p {
			font-weight: 900;
			font-size: 24px;
		}
		p.date {
			font-size: 12px;
			font-weight: 500;
		}
		img.video-watch {
			width: 40px; 
			margin-top:15%;
		}
		.subtext-inner p {
			width: 100% !important;
			font-weight: 300;
		}
		.footer-content {
			display: block;
			text-align: center;
		}
		
		/* New Mobile CSS */
		.video-play {
			text-align: center;
			width: 100%;
			margin: 5% 0%;
		}
		p.header-button {
			display:none;
		}
		.black-box {
			/* display: block !important; */
			width: 110% !important;
			margin-left: -5% !important;
		}
		
		.black-box-inner {
			width: 100% !important;
			/* text-align: left !important; */
			margin-bottom: 5% !important;
			/* margin-left: 30px !important; */
		}
		
		.black-box-inner p {
			font-size: 27px;
		}
		
		.full-border {
			border: none !important;
		}
		
		.footer-content {
			display: block !important;
			text-align: center;
			padding: 2% 0% !important;
		}
		.subtext {
			display: block !important;
		}
		
		.subtext-inner {
			width: 100% !important;
		}
		
		.subtext-video {
			width: 100% !important;
		}
	}
	.no-desktop {
		display: hidden;
	}
#menuToggle {
  display: block;
  position: absolute;
  top: 50px;
  right: 20px;
 z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 3px;
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
  background: #fff;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 500px;
  margin: -100px 0 0 0;
  padding: 50px;
  padding-top: 125px;
  right: -50px;
  color: #fff;
  background: linear-gradient(180deg, rgba(49,37,207,1) 50%, rgba(144,58,205,1) 100%);
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  
  /*transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);*/
  height: fit-content;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);

}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's fade it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
  opacity: 1;
}
p.span12 {
    font-size: 16px;
    font-weight: 700;
}

.tabs-sidebar-box p {
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.tabs-sidebar-box img {
    width: 125px;
}
.tabs-sidebar-box {
    border-bottom: 1px solid #016CFF;
    margin-bottom: 0px;
    padding: 5.5% 0%;

}
@media screen and (max-width: 768px) {
  #menu {
    transform: none;
    opacity: 0;
    width: 100vw;
    transition: opacity 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    padding-top: 90px;
    padding: 90px 30px 30px;
	right: -20px;
  }
	.tabs-sidebar-box p {
		font-size: 17px !important;
		line-height: 20px !important;
	}
	img.sidebar-logo {
		width: 175px;
	}
		
	img.sidebar-logo-forbes {
		width: 100px;
	}
}
ul#menu a {
    color: #fff;
    text-decoration: none;
}

ul#menu a li {
    font-size: 24px;
    margin-top: 6%;
    font-weight: 600;
}
	/* @media screen and (min-width: 1400px) {
	
	} */
	
.try-wavemaker:hover, .ai-wagon:hover {
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}	
.try-wavemaker a, .ai-wagon a {
    color: #fff;
    text-decoration: none;
}
.tabs-sidebar-box a p:hover {
    text-decoration: underline;
}
.subtext-inner p {
    width: 100%;
    font-weight: 300;
    font-size: 24px;
    line-height: 31px;
}
img.wavelength-logo-white {
    width: 100px;
}

/*footer */ 
footer {
    padding: 15px 0% 0px 0%;
    color: #fff;
}

.footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyright p {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0rem;
}

.wavemaker-link a {
    color: #fff;
    text-decoration: none;
}

.wavemaker-link a p {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0rem;
}


/* Black Box */
.black-box {
    display: flex;
    background: #101010;
    flex-wrap: wrap;
    align-items: center;
	padding: 20px 0px;
	width: 110%;
    margin-left: -5%;
	margin-top: 30px;
}

.black-box-inner {
    width: 25%;
    padding: 5px 50px;
	text-align: center;
}
.black-box-inner img {
    height: auto;
	width: 200px;
}
.black-box-inner p {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-top: 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}

.black-box-inner span {
    color: #fff;
    font-size: 14px;
}
.full-border {
    border-left: 1px solid #464646;
    border-right: 1px solid #464646;
}
.half-border {
    border-right: 1px solid #464646;
}


p.header-button {
    position: absolute;
    right: 10%;
    color: #fff;
    font-size: 14px;
    width: 10%;
    text-align: center;
    border: 1px solid;
    padding: 5px 15px;
    font-weight: 500;
	top: 5.5%;
}

/* @media screen and (min-height: 950px) {
	body {
		overflow-y: hidden;
	}

} */
.black-box-inner a {
    text-decoration: none;
}
.subtext {
    display: flex;
	align-items: flex-start;
}

.subtext-inner {
    width: 70%;
    margin-right: 30px;
}

.subtext-video {
    width: 35%;
}
img.video-watch {
    width: 50px;
    margin-top: 20%;
}
img.wavemaker-ai-logo-image {
    width: 200px;
}
#menu{
	z-index: 0;
}
.subtext-video a {
    color: transparent;
}
.modal-header {
    border-bottom: none;
}
.modal-body {
    text-align: end;
}
img.video-play:hover {
    cursor: pointer;
}
.modal {
    --bs-modal-width: 700px !important;
}
.modal-content {
	background-color: transparent;
	border: none;
}
.btn-close {
	color: #fff;
}
.btn-close:hover {
	color: #fff;
}

@media not all and (min-resolution: 0.001dpcm) {
	.main-section-inner{
		margin-top: -6%;
	}
}