.hero-banner-main {padding:9px 0 36px 0;}

.intro {background: #fff; padding: 98px 0 65px;}
.intro-lt small {margin-bottom: 8px;}
.intro-features-grid {margin: 0 0 2.7% 2.7%;}
.intro-features {margin: 0;}


/*-- media css starts here --*/
@media only screen and (max-width: 1100px){
	
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.intro {padding: 68px 0;}
	
}
@media only screen and (max-width: 1023px) and (min-width: 200px) {
	
}

@media only screen and (max-width: 767px) and (min-width: 200px) {
	.hero-banner-main small {margin-bottom: 23px;}
	.hero-banner-main {padding:73px 0 36px 0;}
	.hero-banner-main h1 {line-height:1.1; letter-spacing:2px; margin-bottom: 25px; font-size: 1.875rem;}
	.hero-banner-main p {margin-bottom: 25px;}
	.hero-banner-main .button {position: relative; top:-1px;}

	
	.intro {padding: 54px 0 34px;}
	.sec-txt {width: 100%; padding:32px 20px 42px;}
	.sec-txt h2 {font-size: 2rem; letter-spacing: 3.2px; margin-bottom: 18px;}
	.sec-txt p {margin-bottom: 32px;}
	
}