.hero-banner-main {padding:35px 0 36px 0;}
.intro-features-grid {margin: 0 0 6% 2.7%;}

.intro-btm .btn .button {min-width: 352px; margin: 0 16px;}
.intro-features {margin: 0 0 12px;}

.about-blocks {float: left; width: 100%; background: #fff; min-height: 512px;}
.about-inner-wrap {min-height: 512px;}
.about-thumb {width: 50%;}
.about-thumb img {width: 100%; height: 100%; font-family: "object-fit: cover"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%;}
.about-txt {padding:40px 130px 39px; width: 50%; flex-grow: 1; display: flex; flex-direction: column; justify-content: center;}
.about-txt h2 {margin-bottom: 15px; letter-spacing: 4px;}
.about-txt p {margin-bottom: 32px;}
.about-txt .button {font-size: 0.75rem; padding: 12px 12px 13px 13px;}

.about-blocks:nth-child(2n) {background: transparent;}
.about-blocks:nth-child(2n) .about-inner-wrap {flex-direction: row-reverse;}

.about-content-section {padding:96px 0 72px 0; float: left; width: 100%;}
.about-content-section  ul, .ttl-content-section  ol {margin-top: -24px;}
.about-content-section .video-thumbnail {margin:80px 0 73px 0;  padding: 0 24.1%; width: 100vw; margin-left: -50vw; left: 50%; position: relative;}



/*-- media css starts here --*/
@media only screen and (max-width: 1260px){
	.about-content-section .video-thumbnail {padding: 0 12%;}
	.about-txt {padding:40px 30px 40px;}
	
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.intro-btm .btn .button {min-width: 322px;}
	.about-thumb {width: 100%;}
	.about-txt {padding: 40px 40px 40px; width: 100%;}
		.about-content-section .video-thumbnail {padding: 0 20px;}

	
	
	
}
@media only screen and (max-width: 1023px) and (min-width: 200px) {
	.about-blocks {min-height: inherit;}
	.about-inner-wrap {min-height: inherit;}
}

@media only screen and (max-width: 767px) and (min-width: 200px) {
	.hero-banner-main {padding:63px 0 36px 0;}
	.hero-banner-main h1 {line-height:1.1; letter-spacing:2px; margin-bottom: 24px;}
	.hero-banner-main p {margin-bottom: 25px;}
	
	.about-thumb {width: 100%;}
	.about-txt {width: 100%; padding:32px 20px 38px;}
	.about-txt h2 {font-size: 2rem; letter-spacing: 3.2px; margin-bottom: 18px;}
	.about-txt p {margin-bottom: 32px;}
	
	
	
	.intro {padding: 52px 0 40px;}
	.intro-lt small {margin-bottom: 8px;}
	.intro-features-grid .thumb {margin: 0 0 18px 0;}
	.intro-features-grid h6 {margin-bottom: 8px;}
	.intro-features {margin: 0 0 4px;}
	.intro-features-grid {margin-left: 0;}
	
	.intro-btm .btn .button {margin: 0 0 24px 0; min-width: inherit; width: 100%; border-radius: 4px;}
	
	.about-content-section {padding: 47px 0 40px 0;}
	.about-content-section h3 {margin-bottom: 25px;}
	.about-content-section h4 {padding: 0; margin-bottom: 15px;}
	.about-content-section .video-thumbnail {padding: 0 20px; margin-top: 48px; margin-bottom: 33px;}
	
	
	
}