.navbar {
    border-bottom: 1px solid rgba(231,232,236,.75);
}
.top-hero {
	padding-top: 120px;
    padding-bottom: 0px;
    background:#fff;
    position: relative;
	color:#2a2d32;
}
.top-hero h2 {
	margin: 25px 0 10px;
	font-size: 48px;
}
.apple-pay{
	color:#2a2d32;
	float:left;
	width:50%;
	text-align:left;
	padding-top:75px;
}
.apple-pay-img{
	float:right;
	width:50%;
}
.apple-pay-img img{
	margin:0 auto;
}
.sign-up{
	font-size:18px;
}
html, body {
max-width: 100%;
overflow-x:hidden;
}
.dp_why_responsive {
    padding: 50px 0 70px;
    text-align: center;
}
.dp_why_responsive h3 {
	margin: 10px 0 50px;
}
.dp_why_responsive img{
	margin:auto;
}
.dp_why_responsive p {
	margin: 10px 0 35px;
}
.need-help{
	padding:70px 0 80px;
}
.need-help h2{
	margin-bottom:15px;
}
.need-help h3{
	font-weight:400;
}
.buttn .tc-btn-md {
    padding: 0 70px;
	font-size:24px;
}
.buttn{
	text-align: left;
    margin-bottom: 25px;
	margin-top:25px;
}
.need-help .buttn{
	text-align:center;
}
section.simple-safe {
    background-color: #22ac60;
    color: #fff;
	position:relative;
	padding: 115px 0 180px;
}
.img-right-container2{
	background:url(../jpg/girl.jpg);
	height: 100%;
    position: absolute;
    right: 0;
    padding: 0px;
	width:100%;
	background-repeat:no-repeat;
	background-size:cover
}
.img-right-container{
	background:url(../jpg/mobile-experience.jpg);
	height: 100%;
    position: absolute;
    right: 0;
    padding: 0px;
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
}
.simplesafe-left{
	position: absolute;
    left: 0;
    height: 100%;
    width: 50%;
    top: 0;
}
.simplesafe-right{
	width:50%;
	float:right;
	padding-left:55px;
}
section.convenient{
	padding:80px 0 145px;
	background:#f9f9fa;
}
.convenient-left{
	width:50%;
	float:left;
}
.convenient-right{
	width:50%;
	float:right;
	position:relative;
	text-align:center;
}
.convenient-left h2{
	margin-bottom:20px;
}
.convenient-right img{
	z-index: 10000;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -225px;
}
section.mobile-experience{
	background-color: #f9f9fa;
    color: #2a2d32;
	position:relative;
	padding: 115px 0 115px;
}
.m-experience-right{
	float:right;
	position: absolute;
    right: 0;
    height: 100%;
    width: 50%;
    top: 0;
}
.m-experience-left{
	float:left;
	width:50%;
	padding-right:50px;
}
.m-experience-left h2{
	line-height:55px;
	margin-bottom:20px;
}

footer:before{
    position: relative;
}

@media(max-width: 1199px) {
.top-hero h2 {
    font-size: 38px;
	
}
.convenient-left h2 br{
	display:none;
}
section.convenient {
    padding: 80px 0 115px;
}
.apple-pay h3 br{
	display:none;
}
.img-right-container2 {
    width: 135%;
}

@media(max-width: 1023px) {
.top-hero h2 {
	font-size: 40px;
}
.dp_why_responsive p br{
	display:none;
}
.dp_why_responsive p {
    padding: 0 35px;
}
.m-experience-left h2 br{
	display:none;
}
.img-right-container2 {
    width: 170%;
}
}

@media(max-width: 767px) {
.top-hero h3 {
    font-size: 24px;
    margin-top: 25px;
}
.dp_why_responsive h2{
    font-size: 31px;
	line-height:40px;
}
.dp_why_responsive p {
    padding: 0;
}
.dp_why_responsive {
    text-align: left;
}
.apple-pay-img {
    display: none;
}
.apple-pay {
    float: none;
    width: 100%;
    padding-top: 0;
	text-align:center;
}
.buttn {
    text-align: center;
}
.top-hero {
    padding-top: 100px;
    padding-bottom: 50px;
}
.simplesafe-left{
	display:none;
}
.simplesafe-right {
    width: 100%;
    float: none;
    padding-left: 0;
}
section.simple-safe {
    padding: 45px 0 35px;
}
.convenient-right{
	display:none;
}
.convenient-left {
    width: 100%;
    float: none;
}
section.convenient {
    padding: 45px 0 45px;
}
.m-experience-right{
	display:none;
}
.m-experience-left {
    float: none;
    width: 100%;
    padding-right: 0;
}
section.mobile-experience {
    padding: 45px 0 45px;
}
.m-experience-left h2 {
    line-height: 40px;
}
.simplesafe-right h2{
	margin-bottom:20px;
}
.top-hero h3 {
    line-height: 30px;
}
.need-help {
    padding: 40px 0 80px;
}
}
@media(max-width: 320px) {
.top-hero h2 {
    font-size: 35px;
}
.top-hero h3 {
    font-size: 21px;
}
.need-help h2 {
	font-size:26px;
}
}