.mcd-feature-landing
	max-width: 1920px
	margin: 0 auto
	.appointment-btn
		font-size: 1rem
		margin-left: 10px
		margin-right: 0 !important
		width: unset !important
		place-self: unset !important
	#v-cal .ui-datepicker table
		font-size: 0.75em

	.appointmentrow-3
		flex: 0 0 33%
		max-width: 32%
		white-space: nowrap
		font-size: 12px

	.time-zone-badge
		color: #FFF
		background-color: #ccc
		display: flex
		align-items: center

	#appointmentsContainer .has-error .text-danger
		font-size: 11px

	.third-section
		@include phone
			padding-top: 2rem
	.sixth-section
		img
			margin-left: unset !important
		@include phone
			padding-top: 2rem
			.row
				flex-direction: column-reverse !important
	.mcd-landing-webinar-hero
		.mcd-main-hero-left
			@include phone
				width: 100% !important
			@include desktop
				width: 100% !important
			h1
				color: #232020
				font-size: 2.625rem
				font-style: normal
				font-weight: 600
				@include phone
					font-size: 2rem !important
					text-align: center
				@include desktop
					font-size: 2rem !important
			p
				color: #232020
				font-size: 1rem
				font-style: normal
				font-weight: 300
				line-height: normal
				margin-bottom: 4rem
				@include phone
					text-align: center
					margin-bottom: 2rem
		.mcd-hero-img
			position: absolute
			width: 500px
			bottom: 0
			z-index: 99
			left: 50%
			margin-left: -25.5rem
			@include desktop
				width: 400px
				left: 50%
				margin-left: -20rem
			@include phone
				position: relative
				width: 100%
				z-index: unset
				left: unset
				margin-left: unset
				margin-bottom: -3rem
	.second-section-only
		h5
			color: #232020
			text-align: center
			font-size: 2.625rem
			font-style: normal
			font-weight: 600
			margin-bottom: 4rem
			@include phone
				font-size: 1.9rem
				margin-bottom: 2rem
			@include desktop
				font-size: 2rem
				margin-bottom: 3rem
		h2
			color: #232020
			font-size: 3.5rem
			font-style: normal
			font-weight: 600	
			text-align: center
			margin: 4rem 0
			@include phone
				font-size: 2rem
				margin: 2rem 0
			@include desktop
				font-size: 2.625rem
				width: 70%
				margin: 3rem auto
			span
				color: #E50001			
		h4
			color: #232020
			font-size: 3.5rem
			font-style: normal
			font-weight: 600	
			margin: 4rem 0
			text-align: center
			@include phone
				font-size: 2rem
				margin: 2rem 0
			@include desktop
				font-size: 2.625rem
				margin: 3rem 0
			span
				color: #E50001	
		.new-mcd-landing-similar-section
			height: 38rem
			background-size: 100% 100%
			background-repeat: no-repeat
			padding: 1rem 2.5rem
			position: relative
			@include phone
				height: 34rem !important
			@include desktop
				height: 31rem !important
			h3
				color: #FFF
				font-size: 2.625rem
				font-style: normal
				font-weight: 600
				text-align: center
				margin-bottom: 2.5rem
				@include desktop
					font-size: 2rem
				@include phone
					font-size: 2rem
			.bottom-mcd-logo
				width: 110px
				display: block
				margin: 0 auto
				position: absolute
				bottom: 1rem
				left: calc( 50% - 60px )
				@include desktop
					left: calc(50% - 40px)
					width: 80px
			ul
				list-style: none
				padding-left: 0
				li
					display: flex
					align-items: center
					color: #FFF
					font-size: 1.5rem
					font-style: normal
					font-weight: 600	
					line-height: 1.2
					margin-bottom: 2rem
					@include desktop
						font-size: 1.3rem
					@include phone
						font-size: 1.2rem
					span
						width: 20px
						display: block
						margin-right: .5rem
						img
							max-width: 100%
	.fourth-section
		width: 100%
		@include phone
			padding-top: 2rem
		.row
			@include phone
				flex-direction: column-reverse
		.mcd-landing-webinar-second-left
			padding-right: 7.5%
			@include phone
				padding-right: 0
		img
			margin-left: unset !important
			@include phone
				max-width: 100% !important
				margin-bottom: 1.5rem
	.fifth-section
		padding-top: 1rem
		@include phone
			padding-top: 2rem
		.mcd-landing-webinar-second-right
			text
	.seventh-section
		.seventh-section-image
			width: 100%
			text-align: center
			img
				max-width: 70%
				@include phone
					max-width: 100%
	.pink-section
		.mcd-landing-webinar-second-left
			width: 70%
			@include desktop
				width: 100% !important
			h3
				color: #fff !important
				font-size: 2.625rem
				font-style: normal
				font-weight: 600
			p
				margin-top: 1rem
				color: #fff !important
				font-size: 16px
				font-style: normal
				font-weight: 300
				line-height: normal	
	.mcd-landing-webinar-second-section
		background-repeat: no-repeat
		background-size: cover
		h2
			color: #232020
			font-size: 2.625rem
			font-style: normal
			font-weight: 600	
			width: 50%
			margin: 0 auto 2rem auto
			text-align: center
		.mcd-landing-webinar-second-right
			width: 100%
			position: relative
			.mcd_arrow_left
				position: absolute
				top: 50%
				left: -14px
				margin: unset !important
				width: 40px
				margin-top: -2rem !important
				@include phone
					display: none
			.mcd_arrow_right
				position: absolute
				top: 50%
				right: -14px
				margin: unset !important
				width: 40px 
				margin-top: -2rem !important
				@include phone
					display: none
			img
				max-width: 90%
				margin-left: 10%
				@include phone
					max-width: 100%
					margin-left: unset
		.mcd-landing-webinar-second-left
			width: 100%
			@include phone
				width: 100% !important
			h3
				color: #232020
				font-size: 2.625rem
				font-style: normal
				font-weight: 600
				@include desktop
					font-size: 2rem
				@include phone
					font-size: 2rem
					text-align: center
			p
				margin-top: 1rem
				color: #232020
				font-size: 16px
				font-style: normal
				font-weight: 300
				line-height: normal	
				@include phone
					text-align: center
	.mcd-landing-webinar-hero
	    background-repeat: no-repeat
	    background-size: cover
	    .mcd-logo-container
	        width: 100%
	        margin: 2rem 0
	        img
	            max-width: 80%
	            @include phone
	                max-width: 100%
	    .mcd-main-hero-right
	        width: 100%
	        img
	            max-width: 100%
	    .mcd-main-hero-left
	        width: 80%
	.mcd-custom-full-container
		max-width: 1920px
		margin: 0 auto
		.container
			max-width: 85%
			margin: 0 auto
			@include desktop
				max-width: 1270px
			@include phone
				max-width: 100%