.top-hero {
	padding-top: 170px;
}
.top-hero h2,
.top-hero h3 {
}
.top-hero h2 {
}
html, body {
max-width: 100%;
overflow-x:hidden;
}
.leads {
    padding: 50px 0;
    text-align: center;
}
.leads h3 {
	margin: 10px 0 50px;
}
.leads img{
	margin:auto;
}
.leads p {
	margin: 10px 0 35px;
}
.integrate-gp{
	padding:50px 0 80px;
}
.integrate-gp h2{
	margin-bottom:15px;
}
.integrate-gp h3{
	font-weight:400;
}
section.convenient {
    background-color: #22ac60;
    padding: 145px 0;
	position:relative;
}
.convenient-right {
    position: absolute;
    left: 0;
    height: 100%;
    width: 50%;
    top: 0;
}
.img-right-container2 {
	background:url(../jpg/convenient.jpg);
    height: 100%;
    position: absolute;
    left: 0;
    padding: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
section.integration {
    background-color: #f9f9fa;
    padding: 120px 0;
	position:relative;
}
.integration-right {
    position: absolute;
    right: 0;
    height: 100%;
    width: 50%;
    top: 0;
}
.img-right-container1 {
	background:url(../jpg/integration.jpg);
    height: 100%;
    position: absolute;
    right: 0;
    padding: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-left {
    float: left;
    width: 50%;
	margin-top:60px;
}
.hero-right {
    float: left;
    width: 50%;
	text-align:center;
}
.hero-left .tc-btn-md,
.integrate-gp .tc-btn-md {
    padding: 0 90px;
}
.hero-left .buttn,
.integrate-gp .buttn {
    margin: 25px 0;
}
.hero-right img{
	margin-top: -60px;
    margin-bottom: -6px;
}
.convenient-left {
    color: #fff;
    float: right;
    width: 525px;
}
.integration-left {
    color: #2a2d32;
    float: left;
    width: 525px;
}
.speedy-checkout{
	padding:120px 0 50px;
	background:#f9f9fa;
}
.sc-left{
	width:50%;
	float:left;
}
.sc-right{
	width:50%;
	float:left;
	text-align:center;
}
.sc-right img{
    margin-top: -260px;
    position: relative;
}
.sc-left h2{
	margin-bottom:25px;
}
.integration-left h2{
	margin-bottom:25px;
}

@media(max-width: 1199px) {
.hero-left {
    width: 55%;
}
.hero-right {
    width: 45%;
}
.integration-left {
    width: 46%;
}
.convenient-left {
    width: 46%;
}
.img-right-container2 {
    background-position: center;
}
}

@media(max-width: 1023px) {
.leads p br{
	display:none;
}
.leads p {
    padding: 0 35px;
}
.convenient-left h2 {
	font-size:31px;
}
}

@media(max-width: 767px) {
.leads p {
    padding: 0;
}
.leads p br,
.integration-right{
	display:none;
}
.leads {
    text-align: left;
}
.hero-left {
    width: 100%;
    margin-top: 0;
	float:none;
}
.hero-right img {
    margin-top: 30px;
}
.top-hero {
    padding-top: 115px;
}
.hero-right {
    width: 100%;
    float: none;
}
.convenient-right {
    display: none;
}
.convenient-left {
    width: 100%;
    float: none;
}
section.convenient {
    padding: 50px 0;
}
.sc-left {
    width: 100%;
    float: none;
}
.sc-right img {
    margin-top: 35px;
}
.sc-right {
    width: 100%;
    float: none;
}
.speedy-checkout {
    padding: 50px 0 50px;
}
.integration-left {
    width: 100%;
    float: none;
}
section.integration {
    padding: 35px 0;
}
}
@media(max-width: 320px) {
.integrate-gp h2 {
	font-size:26px;
}
.top-hero h3 {
	font-size:15px;
}
}