@font-face {
	font-family: 'Lato-Regular';
	src: url('../font/Lato-Regular.otf');
	src: url('../font/Lato-Regular.eot');
	src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Regular.woff') format('woff'),
		 url('../font/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
@font-face {
	font-family: 'Lato-Italic';
	src: url('../font/Lato-Italic.otf');
	src: url('../font/Lato-Italic.eot');
	src: url('../font/Lato-Italic.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Italic.woff') format('woff'),
		 url('../font/Lato-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
@font-face {
	font-family: 'Lato-Light';
	src: url('../font/Lato-Light.otf');
	src: url('../font/Lato-Light.eot');
	src: url('../font/Lato-Light.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Light.woff') format('woff'),
		 url('../font/Lato-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
@font-face {
	font-family: 'Lato-Medium';
	src: url('../font/Lato-Medium.otf');
	src: url('../font/Lato-Medium.eot');
	src: url('../font/Lato-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Medium.woff') format('woff'),
		 url('../font/Lato-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
@font-face {
	font-family: 'Lato-Semibold';
	src: url('../font/Lato-Semibold.otf');
	src: url('../font/Lato-Semibold.eot');
	src: url('../font/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Semibold.woff') format('woff'),
		 url('../font/Lato-Semibold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
html, body{
	height: 100%;
}
* {
  -webkit-box-sizing: border-box; /* Android = 2.3, iOS = 4 */
     -moz-box-sizing: border-box; /* Firefox = 28 */
          box-sizing: border-box; /* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
}
a:focus{
	outline:none !important;
}
body{
	padding:0;
	margin:0;
	overflow-x: hidden;
	font-family: 'Lato-Regular' !important;
	height:100%;
	position:relative;
}
.page-wrap{
	float:left;
	width:100%;
}
.main-header{
	float:left;
	width:100%;
	background-image: linear-gradient(211deg, #C428E4 0%, #41E3C2 100%);
}
.header{
	float:left;
	width:100%;
	padding:20px 0;
}
.banner-center-text{
	float:left;
	width:100%;
	text-align:center;
}
.banner-text-container{
	width:735px;
	margin:0 auto;
}
.banner-center-text h1{
	float:left;
	width:100%;
	margin:0;
	font-family: Lato-Medium;
	font-size: 50px;
	color: #FFFFFF;
	letter-spacing: 1.48px;
	line-height: 70px;
	margin-bottom:20px;
}
.arrow-icon{
	float:left;
	width:100%;
	text-align:center;
	margin-top:130px;
}
.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}
.navbar-default .navbar-nav > li > a {
    color: #fff !important;
	text-transform:capitalize;
	transition: color 0.4s ease 0s;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #a2ecf3 !important;
}
.navbar-brand > img {
	display:inline !important;
	margin-left:20px;
}
.navbar-brand > span {
    font-size: 24px;
    color: #fff;
    position: relative;
    left: 15px;
    top: 3px;
}
.start-btn{
	border:1px solid #fff;
	border-radius:4px;
}
.navbar-nav > li > a {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.navbar-brand {
	padding: 5px 0 !important;
}
.banner{
	float:left;
	width:100%;
	padding:160px 0 20px 0;
	background-position:right bottom;
	background-size:auto;
}
.banner-center{
	width:635px;
	margin:0 auto;
}
.banner-img {
    float: left;
	width:85px;
	margin-top:0;
	position:relative;
}
.top-icon {
    float: left;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 48px;
    height: 25px;
    border-radius: 16px;
    background: #ff1400;
    text-align: center;
}
.right-text{
	float:left;
	width:410px;
	margin-left:16px;
}
.right-text h1{
	font-size:36px;
	letter-spacing: 0.05em;
	color: #fff;
	margin-top:30px;
}
.right-text p{
	font-size:20px;
	letter-spacing: 0.05em;
	color: #fff;
	margin:15px 0;
}
.main-text{
	float:left;
	width:100%;
	margin-top:20px;
}
.main-text p{
	color:#fff;
	font-size:18px;
	margin-bottom:20px;
}
.m-t-50{
	margin-top:50px;
}
.banner-btn{
    background-color: #ea1a6e;
    border: 1px solid #ea1a6e;
	border-radius:4px;
	padding: 10px 35px;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	color: #fff;
	font-size:18px;
	text-transform:uppercase;
}
.banner-btn:hover, .banner-btn:focus, .banner-btn:active{
    background-color: #fff;
    border-color: #fff;
	text-decoration:none;
	color:#ea1a6e;
}
.top-socials{
	float:left;
	width:100%;
	margin-left:-30px;
}
.top-socials ul{
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin:-20px 0 0 0;
}
.top-socials ul li{
	float:left;
	margin-right:12px;
}
.idea-section{
	float:left;
	width:100%;
	background:#f7fbfc;
	padding:130px 0 130px 0;
}
.idea-main{
	float:left;
	width:100%;
}
.idea-main h3{
	margin-bottom:40px;
	margin-top:0;
	font-family: Lato-Regular;
	font-size: 33px;
	color: #8482D3;
	letter-spacing: 1.12px;
	line-height: 55px;
		
}
.idea-main p{
	margin-top:40px;
	margin-bottom:40px;
	font-weight:normal;
	font-family: Lato-Light;
	font-size: 22px;
	color: #4A4A4A;
	letter-spacing: 0.85px;
	line-height: 33px;
	padding-right:182px;
}
.blue-bracket{
	color: #8482D3;
}
.slack-box{
	float:left;
	width:100%;
	text-align:center;
}
.slack-img{
	float:left;
	width:100%;
	position:relative;
	min-height:251px;
}
.pro-arrow{
	position:absolute;
	right:-57px;
	top:90px;
}
.slack-box p{
	float:left;
	width:100%;
	text-align:left !important;
	padding-left:30px;
	font-family: Lato-Regular;
	font-size: 18px;
	color: #4A4A4A;
	margin-bottom:0;
	
}
.slack-box h3{
	float:left;
	width:100%;
	margin-top:30px;
	font-family: Lato-Medium;
	font-size: 22px;
	color: #8482D3;
	letter-spacing: 0.65px;
	line-height: 55px;
	
}
small a{
	font-family: Lato-Light;
	font-size: 11px;
	color: #4A4A4A;
	letter-spacing: 0.75px;
	line-height: 33px;
}
.idea-main img{
	 border-radius: calc(10px - 0px);
}
.slack-section{
	float:left;
	width:100%;
	padding:100px 0 130px 0;
	background:#fff;
}
.btn-1{
}
.btn-2 a{
	font-family: Lato-Semibold;
	font-size: 15px;
	color: #8482D3;
	letter-spacing: 1.54px;
	border:1px solid #8482D3;
	border-radius:8px;
	padding:10px 20px;
	margin-left:20px;
    -webkit-transition: background-color 0.4s ease 0s;
    -moz-transition: background-color 0.4s ease 0s;
    -o-transition: background-color 0.4s ease 0s;
    transition: background-color 0.4s ease 0s;	
}
.btn-2 a:hover, .btn-2 a:focus, .btn-2 a:active{
	background:#ea1a6e;
	border:1px solid #ea1a6e;
	text-decoration:none !important;
	color:#fff;
}
.slack-left{
	float:left;
	width:100%;
}
.slack-right{
	float:left;
	width:100%;
}
.slack-right h2{
	font-family: Lato-Medium;
	font-size: 22px;
	color: #8482D3;
	letter-spacing: 0.65px;
	line-height: 55px;
	margin-top:0;
}
.slack-right p{
	font-family: Lato-Regular;
	font-size: 18px;
	color: #4A4A4A;
	letter-spacing: 0.53px;
	line-height: 28px;
}
.slack-right a{
	font-family: Lato-Light;
	font-size: 15px;
	color: #8482D3;
	letter-spacing: 0.44px;
	line-height:55px;
}
.more-section-btn{
	float:left;
	width:100%;
}
.testimonial{
	float:left;
	width:100%;
	padding:70px 0;
	background:url(../images/support-img.png) #f7fbfc no-repeat;
	background-position:left bottom;
	height:590px;
}
.available-sec{
	float:left;
	width:100%;
}
.available-sec ul {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    left: -90px;
    top: 109px;
}
.available-sec ul li{
	float:left;
	font-family: Lato-Light;
	font-size: 18px;
	color: #4A4A4A;
	letter-spacing: 0.53px;
	line-height: 28px;
	margin-right:5px;
}
.available-sec ul li:first-child{
	margin-top:-3px;
	margin-right:10px;
}
.icon-1 {
    float: left;
    background: url(../images/icons.png) 0px 0px;
	width: 36px;
	height: 26px;
}
.icon-2 {
    float: left;
    background: url(../images/icons.png) 91px 0px;
    width: 30px;
    height: 26px;
}
.icon-3 {
    float: left;
    background: url(../images/icons.png) 57px 0px;
    width: 31px;
    height: 26px;
}
.icon-4 {
    float: left;
    background: url(../images/icons.png) 26px 0px;
    width: 27px;
    height: 26px;
}
.support-list{
	float:left;
	width:100%;
}
.support-list h3{
	font-family: Lato-Medium;
	font-size: 22px;
	color: #8482D3;
	letter-spacing: 0.65px;
	line-height: 55px;
	float:left;
	width:100%;
	margin-top:0;
	margin-bottom:25px;

}
.support-list ul{
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin:0;
}
.support-list ul li span{
 	font-family: 'Lato-Semibold';
}
.support-list ul li{
	float:left;
	width:100%;
	background:url(../images/support-list-icon.png) no-repeat;
	background-position:left top 5px;
	padding-left:30px;
	font-family: Lato-Regular;
	font-size: 18px;
	color: #4A4A4A;
	margin-bottom:40px;
	letter-spacing: 0.53px;
	line-height: 28px;	
}
.team-section{
	float:left;
	width:100%;
	padding:150px 0;
	background:#fff;
}
.test-p-2{
	font-family: Lato-Regular;
	font-size: 22px;
	color: #53585F;
	letter-spacing: 0;
}
.team-img > img {
    width: 100%;
	border-radius:20px;
	position:relative;
}
.left-icon {
    left: -4px;
    position: absolute;
    top: -20px;
    z-index: 999;
}
.right-icon {
    position: absolute;
    right: -6px;
    top: -20px;
    z-index: 999;
}
.trusted-section{
	float:left;
	width:100%;
	padding:70px 0 110px 0;
}
.trusted-main{
	float:left;
	width:100%;
}
.trusted-main h2{
	float:left;
	width:100%;
	text-align:center;
	font-family: Lato-Regular;
	font-size: 22px;
	color: #8482D3;
	letter-spacing: 0.65px;
	line-height: 55px;
	
}
.trusted-center{
	width:900px;
	margin:0 auto;
}
.img-bx {
    float: left;
    height: 75px;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}
.icon-box {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.trusted-main ul{
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin:40px 0 0 0;
}
.trusted-main ul li{
	width:20%;
	float:left;
}
.privacy-ribbon{
	float:left;
	width:100%;
	background:#8483d3;
	padding:30px 0;
}
.privacy-ribbon p{
	float:left;
	width:100%;
	text-align:center;
	font-family: Lato-Regular;
	font-size: 22px;
	color: #FFFFFF;
	letter-spacing: 0.65px;
	line-height: 55px;
	margin-bottom:0;
}
.team-img{
	float:left;
	width:100%;
}
.team-text{
	float:left;
	width:100%;
    padding-right: 15px;	
}
.team-heading {
    margin: 0 0 40px;
    font-size: 32px;
    color: #8482D3;
    float: left;
    width: 100%;
    text-align: center;
	font-family: 'Lato-Medium';	
	letter-spacing: 0.98px;
	line-height: 55px;
}
.team-text p{
	color: #1f304c;
	letter-spacing: 0.03em;
	font-size:18px;
	line-height: 1.4em;
	margin-bottom:25px;
	font-family: 'Roboto', sans-serif;
}
.agora-user-section{
	float:left;
	width:100%;
	padding:20px 0;
}
.agora-user-section h2{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:60px;
    font-size: 32px;
    color: #8482D3;
    font-family: 'Lato-Medium';
    letter-spacing: 0.98px;
    line-height: 55px;
}
.user-list{
	float:left;
	width:100%;
}
.user-list ul{
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin:0 0 40px 0;
}
.user-list ul li{
	float:left;
	width:100%;
	font-size:18px;
	margin-bottom:20px;
}
.user-list ul li:first-child{
	font-weight:bold;
	margin-bottom:35px;
}
.text-right{
	text-align:right;
}
.user-btn{
	float:left;
	background:#50e2c1;
	border:1px solid #50e2c1;
	padding:10px 25px;
	border-radius:4px;
	text-align:center;
	color:#fff;
	min-width:175px;
    -webkit-transition: background-color 0.4s ease 0s;
    -moz-transition: background-color 0.4s ease 0s;
    -o-transition: background-color 0.4s ease 0s;
    transition: background-color 0.4s ease 0s;		
}
.user-btn a:hover{
	text-decoration:none;
}
.user-btn:hover, .user-btn:focus, .user-btn:active{
	background:#fff;
	border:1px solid #50e2c1;
	text-decoration:none !important;
	color:#50e2c1;
}
.color-text{
   color: #bd10e0;
}
.team-text a{
    font-size: 15px;
    line-height: 1.4em;
	color:#000;
	text-decoration:underline;
	font-family: 'Lato-Light';
	letter-spacing: 0.03em;
}
.col-1{
	float:left;
	width:100%;
	text-align:center;
}
.footer-col-2, .footer-col-3, .footer-col-4{
	float:left;
	width:100%;
	padding:0 15px;
}
.footer-logo span {
    color: #fff;
    font-size: 24px;
    letter-spacing: 0.15em;
    margin-left: 10px;
    position: relative;
    top: 5px;
}
.footer-heading{
	float:left;
	width:100%;
	color:#fff;
	padding:20px 0 15px 0;
	font-size: 16px;
	font-family: 'Lato-Light';
}
.footer-col-2 ul, .footer-col-3 ul{
	float:left;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
}
.footer-col-2 ul li, .footer-col-3 ul li{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.footer-col-2 ul li a, .footer-col-3 ul li a{
	color:#fff;
	font-size:18px;
}
.footer-col-2 ul li a:hover, .footer-col-3 ul li a:hover{
    color: #a2ecf3;
	text-decoration:none;
}
.footer-col-4 ul{
	float:left;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
}
.footer-col-4 ul li{
	float:left;
}
.footer-copy {
	float:left;
	width:100%;
	background:#fff;
	text-align:center;
	padding:15px 0;
	background:#fff;
}
.footer-copy p{
	margin-bottom:0;
	color: #3f6097;
	font-size:14px;
}
.footer-logo {
    float: left;
    margin-top: 15px;
    width: 100%;
}
.mobi-display{
	display:none;
}
.navbar-toggle{
	background-color:#fff !important;
	margin-top:0 !important;
}
.footer{
	float:left;
	width:100%;
	background:#8482d3;
	padding:80px 0;
}
.col-1{
	float:left;
	width:100%;
	text-align:center;
}
.footer-col-4 ul li a img{
	border-radius:20px;
}
.footer-col-2, .footer-col-3, .footer-col-4{
	float:left;
	width:100%;
	padding:0 15px;
}
.footer-logo span {
    color: #fff;
    font-size: 24px;
    letter-spacing: 0.15em;
    margin-left: 10px;
    position: relative;
    top: 5px;
}
.footer-heading{
	float:left;
	width:100%;
	color:#fff;
	padding:20px 0 15px 0;
	font-size: 16px;
	font-family: 'Lato-Light';
}
.footer-col-2 ul, .footer-col-3 ul{
	float:left;
	list-style:none;
	width:100%;
	padding:0;
	margin:25px 0 0 0;
}
.footer-col-4 ul{
	float:left;
	list-style:none;
	width:100%;
	padding:0;
	margin:25px 0 0 0;
}
.footer-col-4 p{
color:#fff;
font-size:18px;
margin-top:15px;
padding-left:10px;
float:left;
width:100%;
}
.footer-col-4 ul li{
	float:left;
}
.footer-copy {
	float:left;
	width:100%;
	background:#fff;
	text-align:center;
	padding:15px 0;
	background:#fff;
}
.footer-copy p{
	margin-bottom:0;
	color: #3f6097;
	font-size:14px;
}
.footer-logo {
    float: left;
    margin-top: 15px;
    width: 100%;
}
.testi-ribbon{
	float:left;
	width:100%;
	background: rgba(92,189,201,0.05);
	padding:90px 0;
}
.testi-container{
	width:1045px;
	margin:0 auto;
}
.testi-main{
	float:left;
	width:100%;
	position:relative;
}
.testi-main p{
	font-family: Lato-Italic;
	font-size: 25px;
	color: #53585F;
	letter-spacing: 0;
	padding:0 55px 0 75px;
}
.icon-top {
    position: absolute;
    left: -35px;
    top: -12px;
}
.icon-bt {
    position: absolute;
    right: -35px;
    top: -10px;
}
.tag-line{
	float:left;
	width:100%;
	margin-top:55px;
}
.tag-container{
	width:350px;
	margin:0 auto;
}
.tag-text p, .tag-text p a{
	font-family: Lato-Regular;
	font-size: 22px;
	color: #53585F;
	letter-spacing: 0;
	margin-top:12px;
	text-decoration:none;
}
.p-left-0{
	padding-left:0 !important;
}
.hire-btn{
	text-decoration:underline !important;
	color:#4a90e2 !important;
	font-size: 18px !important;
}
.banner-list{
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin:0 0 40px 0;
}
.banner-list li{
	float:left;
	font-family: Lato-Regular;
	font-size: 30px;
	color: #FFFFFF;
	letter-spacing: 1.27px;
	line-height: 70px;
	margin-left:30px;
}
.t-4{
	position:relative;
	top:-4px;
}
.mobi-image{
	display:none;
}
.banner-center-text p{
	float:left;
	width:100%;
}
/* Wow, this is terrible. The .available-sec ul should be positioned relative to the left of the screen. */
@media only screen and (max-width:2100px) {
.available-sec ul{
	left:-450px;
}
}
@media only screen and (max-width:2050px) {
.available-sec ul{
	left:-425px;
}
}
@media only screen and (max-width:2000px) {
.available-sec ul{
	left:-400px;
}
}
@media only screen and (max-width:1950px) {
.available-sec ul{
	left:-375px;
}
}
@media only screen and (max-width:1900px) {
.available-sec ul{
	left:-350px;
}
}
@media only screen and (max-width:1850px) {
.available-sec ul{
	left:-325px;
}
}
@media only screen and (max-width:1800px) {
.available-sec ul{
	left:-300px;
}
}
@media only screen and (max-width:1750px) {
.available-sec ul{
	left:-275px;
}
}
@media only screen and (max-width:1700px) {
.available-sec ul{
	left:-250px;
}
}
@media only screen and (max-width:1650px) {
.available-sec ul{
	left:-225px;
}
}
@media only screen and (max-width:1600px) {
.available-sec ul{
	left:-200px;
}
}
@media only screen and (max-width:1730px) {
.top-socials {
    margin-left: 44%;
}
}
@media only screen and (max-width:1520px) {
.top-socials {
    margin-left: 14%;
}
.available-sec ul{
	left:-120px;
}
}
@media only screen and (max-width:1380px) {
.top-socials {
    margin-left: -40px;
}
.available-sec ul{
	left:-30px;
}
}
@media only screen and (max-width:1200px) {
.testimonial {
    background-size: 500px auto;
}
.available-sec ul {
    left: -80px;
    top: 180px;
}
.top-socials ul li{
	margin-right:5px;
}
.right-text h1{
	font-size:28px;
}
.main-text p{
	font-size:15px;
}
.pro-arrow img {
    width: 55px;
}
.pro-arrow {
    right: -38px;
}
.testi-container {
    width: 887px;
}
}
@media only screen and (max-width:1080px) {
.trusted-center {
    width: 100%;
    margin: 0 auto;
}
.available-sec ul {
    left: -45px;
}
}
@media only screen and (max-width:992px) {
.col-1 {
    text-align: left;
}
.footer-col-2, .footer-col-3, .footer-col-4{
	padding:0;
}
.testi-container {
    width: 100%;
}
.testimonial {
    background-color: #f7fbfc !important;
	background-image:none !important;
}	
.available-sec ul{
	position:inherit;
}
.mobi-image{
	display:block;
	float:left;
	width:100%;
}
.mobi-image img{
	width:90%;	
}
.slack-box p{
	padding-left:0;
	margin-bottom:30px;
}
.pro-arrow{
	display:none;
}
.trusted-main ul li {
    width: 25%;
    float: left;
}
.testi-main{
	margin-left:0;
}
.testi-main p{
	font-size:17px;
	margin-top:0;
}
.team-text{
	margin-top:25px;
}
.slack-section{
	padding:60px 0 20px 0;
}
.team-section{
	padding:30px 0;
}
.testimonial{
	padding:40px 0 50px 0;
	height:auto!important;
}
.idea-section{
	padding:50px 0;
}
.mobi-display{
	display:block;
}
.desktop-display{
	display:none;
}
.banner{
	background:none;
}
.top-socials {
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 50px;
    width: 100%;
    float: left;
}
.top-socials ul li{
	margin-right:2px;
}
.banner-img-mobi {
    float: none;
    margin-top: 20px;
}
.top-socials ul{
	margin: -20px 0 20px 0;
}
.user-list ul{
	text-align:center;
}
.user-btn{
	float:none;
}
.icon-top {
    left: 0;
}
.icon-bt {
    right: 0;
}
}
@media only screen and (max-width:769px) {
.banner-list li span img{
	width:25px;
}
.tag-text p, .tag-text p a{
	font-size:17px;
}
.idea-main h3 {
    font-size: 22px;
    line-height: 35px;
}
.idea-main p{
	padding-right:0;
}
.arrow-icon{
	margin-top:55px;
}
.banner-text-container {
    width: 100%;
}
.banner-center-text h1{
	font-size:30px;
}
.banner-list {
    float: none;
    width: 330px;
    margin: 0 auto;
}
.banner-list li {
    font-size: 13px;
    margin-left: 5px;
}

.banner-img-mobi {
    float: none;
    margin-top: 20px;
    text-align: center;
    margin: 0 auto;
    width: 440px;
}
.top-socials {
    margin: 0 auto;
    width: 265px;
    float: none;
}
.trusted-main ul li {
    width: 30%;
    float: left;
}
.header{
	padding:20px 0;
}
.banner {
    padding: 29px 0 15px 0;
}
.banner-center{
	width:100%;
}
.right-text {
    float: left;
    margin-left: 0;
    text-align: center;
    width: 100%;
}
.banner-img {
    float: none;
    text-align: center;
    width: 135px;
    margin: 0 auto;
}
.banner-btn{
	float:none;
}
.main-text {
    text-align: center;
    margin-bottom: 55px;
}
.privacy-ribbon p{
	line-height:35px;
}
}
@media only screen and (max-width:640px) {
.trusted-main ul li {
    width: 50%;
    float: left;
}
}
@media only screen and (max-width:510px) {
.banner-img-mobi{
	width:100%;
	float:left !important;
}
.banner-center-text h1 {
    font-size: 26px;
	line-height:30px;
}
}
@media only screen and (max-width:420px) {
.top-icon{
	right:5px;
}
.btn-1 {
    float: left;
    width: 100%;
}
.btn-2 {
    float: left;
    width: 100%;
	margin-left:0;
}
.trusted-main ul li {
    width: 100%;
    float: left;
	margin-bottom:10px;
}
.right-text h1{
	font-size:24px;
}
.slack-center .row > img{
	width:90%;
}
.testi-main p{
	font-size:15px;
}
.team-text p{
	font-size:16px;
}
.footer-copy p {
    font-size: 12px;
}
.idea-main h3{
	font-size: 26px;
	line-height: 35px;
	text-align: center;
	margin-bottom:10px;
}
.slack-right h2 {
    font-family: Lato-Medium;
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
    text-align: center;
}
.btn-2 a{
	margin-left:0;
}
}