body {
	overflow-x:hidden;
}

.white .logo {
	margin:0px 0px;
}

.homepage .customer-logo {
	width:112px;
}

@media only screen and (max-width: 1200px) { 
	.feature-item .image{
		max-width: 45%;
	}
	.homepage section.features .feature-item .text{
		max-width: 50%;
	}
	.homepage section.features .feature-item .text .description{
		padding: 10px 18px 20px 40px;
		width: 100%;
	}
}


@media only screen and (max-width: 992px) { 

	.feature-item .image {
		float: left;
		max-width:280px;
		width:100%;
	}

	.homepage section.features .feature-item .text {
		   text-align: left;
		max-width:435px;
		float: right;
		width: 100%;
	}
	.homepage section.features .feature-item:nth-child(even) .text .description {
		padding: 10px 18px 20px 40px;
	}

	.homepage section.features .feature-item {
		margin: 0 auto 41px;
	}
	.outer-container{
		max-width: 100%;
		padding: 0;
	}
	.homepage header{
		 padding: 37px 10% 0px !important;
	}
	.homepage .more-features .feature-items {
		padding: 37px 10% 0px;
	}
	.outer-container{padding: 37px 10% 0px;}
	.outer-container .footer-logo-list {
		width: 100%;
		border-bottom: 1px solid #e3e7ef;
		margin: 0;
		padding-bottom: 24px;
		margin-bottom: 25px;
	}
	.global-footer .footer-list {
		margin-right: 0;
		width: 25%;
		    float: left !important;
	}
	.footer-list.social-list {
		width: 16%;
		float: right !important;
	}
	.homepage .more-features:before{
		margin-top: -98px;
	}
	button.test-my-voice.testVoiceBtn {
		margin-top: 12px !important;
		border-radius: 2px !important;
	}
	.homepage header h1{
		font-size: 36px;
	}
}


@media only screen and (max-width: 768px) {

	.homepage section.features .feature-item .text {
		max-width:100%;
		width:100%;
	}

	.ab_test .content {
		max-width: 100%;
	}

	.content{
		min-width:100%;
	}

	.ab_test .company-logos-title {
		padding:0 30px;
	}

	.ab_test .feature .lead {
		color: #3b4246;
		font-size: 18px;
		font-weight: 300;
		line-height: 30px;
		text-align: center;
	}

	/**Pricing**/
	.responsinator .content{
		max-width:100%;
	}

	.ab_test .feature .thumbnail {
		width:100%;
		margin:0px;
	}

	.ab_test .company-logos-wrap  {
		width:100%; 
	}

	.ab_test .feature {
		display:inline-block;
	}

	.ab_test .content p.lead, .ab_test .content p.lead-dark {
		padding:0px;
	}

	.homepage section.top-logos:before {
		background:transparent;
	}

	.homepage section.top-logos {
		padding:50px 0 0 0; 
	}

	.homepage section.features .feature-item {
		display: inline-block;
		width:100%;
		max-width:100%;
		margin:0 auto 50px;
	}

	.homepage .feature-item .description h2, .homepage section.features .feature-item .text .description p {
		max-width:100%;
		text-align:center;
	}

	.homepage .feature-item .description button, .homepage .feature-item .description input, .homepage .feature-item .description p.caption {
		width:100%;
	}

	.homepage section.features .feature-item:nth-child(odd) .image {
		text-align:center;
		margin-bottom:10px;
	}

	.homepage section.features .feature-item .image, .homepage section.features .feature-item .text {
		text-align:center;
		margin-bottom:10px;
	}
		
	.homepage section.features .feature-item .image img {
		width: 100%;
		max-width: 200px;
		margin: 0 0px 0 0px;
	}	
		
	.responsive-fuild .feature-item .image, .responsive-fuild .feature-item .text .description {
		width: 100% !important;
		padding: 20px !important;
		max-width:100% !important;
	}

	.global-footer .footer-logo-list, .global-footer .footer-list {
		margin-left:30px;
	}
	.homepage section.top-logos{
		padding: 50px 40px;
	}
	.homepage section.top-logos .ce-customers{
		margin: 10px auto 0px;
		max-width: 100%;
	}
	.homepage section.features .feature-item .image img{
		max-width: 80%;
	}
	section.features.responsive-fuild .feature-item:nth-child(odd) {
		background: #f5f6ff;
		padding: 40px 0px;
	}
	.homepage .more-features .feature-items {
		grid-template-columns: 50% 50%;
	}
	.homepage .more-features:before {
		margin-top: -53px;
		background: rgb(228, 231, 244);
	}
	.outer-container {
		padding: 0px 10% 0px;
	}
	.global-footer .footer-list{
		margin: 0 !important;
		width: 33%;
	}
	.footer-list.social-list{
		width: 100% !important;
	}
	.footer-list.social-list ul li {
		float: left;
		padding: 0px 18px 0 0;
	}
}

@media only screen and (max-width: 600px) {

	.ab_test .plan {
		max-width: 89%;
		margin: 30px 20px;
		width: 100%;
	}

	.global-footer .footer-logo-list, .global-footer .footer-list {
		margin-left:30px;
	}
	
}
@media only screen and (max-width: 640px) {
	.homepage .more-features .feature-items{
		padding: 9px 4% 0px;
		text-align: center;
		grid-template-columns: 100%;
		grid-row-gap: 15px;
	}
	.homepage .more-features .cta h1{
		margin: 22px auto 18px;
	}
	.homepage .more-features .feature-items div h2{
		text-align: center;
	}
	.global-footer .footer-logo-list, .global-footer .footer-list{
		margin: 0;
	}
	.homepage ~ .global-footer .footer-wrap .footer-list {
		width: 100%;
	}

	.homepage ~ .global-footer .footer-wrap .footer-list ul li {
		border-bottom: 1px solid #e8e8e8;
	}
	.homepage header .cta input {
		border-radius: 4px !important;
		width: 100%;
		margin-bottom:  11px;
	}

	.homepage header .cta button {
		width: 100%;
		margin: 0px !important;
		margin-bottom:  12px !important;
		border-radius: 3px !important;
	}
	.cta.blue-border input {
		border-radius: 4px !important;
		width: 100%;
		margin-bottom:  11px;
		border: 1px solid #ccc;
	}
	.cta.blue-border button {
		width: 100%;
		margin: 0px !important;
		margin-bottom:  12px !important;
		border-radius: 3px !important;
	}
	.cta.blue-border {
		padding: 0px 24px;
	}
	.cta.blue-border {
		background: #e4e7f4;
		padding-bottom: 20px;
	}
	.homepage section.bottom-logos {
		height: 63px;
	}
	section.homepage h1.logo {
		width: 195px;
		background-size: contain;
		margin-top: 6px;
	}
	.homepage header{
		max-height: 100% !important; 
	} 
		
	.homepage .customer-logo {
		width: 97px;
	}
	.homepage .more-features:before {
		margin-top: 0;
		background: rgb(228, 231, 244);
	}
	.homepage .more-features {
		background: rgb(228, 231, 244);
		    padding: 11px;
	}
	.homepage section.bottom-logos{
		display: none;
	}
	.homepage ~ .global-footer{
		    margin: 0;	
	}

}


@media only screen and (max-width: 350px) {

.ab_test .company-logos-wrap div {
	margin:auto 25px;
}

.global-footer .footer-list, .global-footer .footer-logo-list {
	margin-left:0px;
}
}


/* onaid */

p.spaceing-off20 {
    margin: -35px 0 0 0;
}

.box-pricingupdate {
	/* width: 178px; */
	/* min-height: 219px; */
	width: 160px;
    background: #d0e2f7;
    border-radius: 9px;
    border-bottom: 7px solid #97b5e0;
    display: inline-block;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

}

.centerallboxp {
    text-align: center;
}


.monthsecp h1 {
    /* font-family: Arial, Helvetica, sans-serif; */
	font-weight: 600!important;
    font-size: 40px !important;
    margin: 0;
    padding: 0;
	font-family: Arial,Helvetica Neue,Helvetica !important;
	color: #3b71c3 !important;
}
.monthsecp h2 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 400;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
	color: #3b71c3 !important;
	text-align: center;
}

.month-bottomp h3 {
    margin: 0;
    padding: 20px 0 20px 0;
    border-top: 1px solid #3b71c3;
    font-size: 18px;
	color: #3b71c3;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
}
.monthsecp {
    padding: 35px 0 35px 0;
}



.month-bottomp h3 {
    margin: 0;
	padding: 16px 0 16px 0;
    border-top: 1px solid #3b71c3;
    font-size: 16px;
    color: #3b71c3;
    font-family: Arial !important;
    text-transform: uppercase;
    font-weight: 700;
}

/* .bg-top1 {
     width: 100%;
    background: #fff;
    background: linear-gradient(187deg, #fff 0, #fff 29%, #fff 54%, #f3f9fe 49%, #f3f9fe 100%);
    background: linear-gradient(187deg, #fff 0, #fff 29%, #fff 54%, #f3f9fe 49%, #f3f9fe 100%);
	background: linear-gradient(182deg, #fff 0, #fff 0, #fff 38%, #f3f9fe 37%, #F3F9FE 100%); 
	

} */

.bg-top1 {
    width: 100%;
    background: #fff;
    background: linear-gradient(187deg, #fff 0, #fff 29%, #fff 54%, #f3f9fe 49%, #f3f9fe 100%);
    background: linear-gradient(187deg, #fff 0, #fff 29%, #fff 54%, #f3f9fe 49%, #f3f9fe 100%);
    background: linear-gradient(186deg, #fff 0, #fff 0, #fff 40%, #f3f9fe 37%, #F3F9FE 100%);
}

.bg-bottom1 {
    background: #f3f9fe;
    background: -moz-linear-gradient(-45deg, #f3f9fe 0, #f3f9fe 51%, #fff 51%, #fff 51%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #f3f9fe 0, #f3f9fe 51%, #fff 51%, #fff 51%, #fff 100%);
    background: linear-gradient(188deg, #f3f9fe 0, #f3f9fe 15%, #fff 6%, #fff 30%, #fff 100%);
}
.boxpricing-up-price {
	margin: 20px;
    width: 178px;
    background: #fff;
    position: relative;
    top: 15px;
}

.strongpposition {
    background: #3b71c3;
    border-top-right-radius: 9px;
	border-top-left-radius: 9px;
	padding:5px 0 4px 0;
}

.strongpposition strong {
    /* font-size: 24px; */
    font-size: 16px;
    text-transform: uppercase;
	color: #fff;
		font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
}

.logobtm {
    margin: 0px auto;
    text-align: center;
    padding: 0 0 10px 0;
}
.bg-top2 {
    width: 100%;
    background: #fff;
    background: linear-gradient(187deg, #fff 0, #fff 29%, #fff 54%, #f3f9fe 49%, #f3f9fe 100%);
    background: linear-gradient(187deg, #fff 0, #fff 29%, #fff 54%, #f3f9fe 49%, #f3f9fe 100%);
    background: linear-gradient(186deg, #fff 0, #fff 0, #fff 36%, #f3f9fe 31%, #F3F9FE 100%);
}

.margin-tb {
	margin: 100px 0 80px 0;
}

.pkg-div{
	cursor: pointer;
}

@media only screen and (max-width: 570px) {
	.boxpricing-up-price {
		text-align: center;
		margin: 0px auto !important;
		width: 178px;
		background: #fff;
		position: initial; 
	  
		display: block;

	}

	.box-pricingupdate {
		margin: 10px 0 10px 0;
	}

	.margin-tb {
		margin: 0 0 0px 0;
	}
}

@media only screen and (max-width: 425px){

	.global-footer .footer-list {
	    margin: 0 !important;
	    width: 100% !important;
	}
	.thumbnail {
		background-color: transparent !important;
	}
}


/*.box-pricingupdate.pkg-div:hover{
	background-color: white !important;	
}

.box-pricingupdate.pkg-div:hover .strongpposition{	
		background-color: rgba(59, 113, 195, 0.8) !important;	
}

.box-pricingupdate.pkg-div:hover .month-bottomp h3{
	border-top: 0px solid rgba(59, 113, 195, 0.5);
}
*/