/* Desktop hide section css */
.mobile-header-main{
	display: none;
}
.mobile-header-content-main{
	display: none;
}
.mobile-only{
	display: none;
}
/* Desktop hide section end */

@media screen and (max-width:1199px){
	.customer-left-inner h2{
		font-size: 30px;
	}
}
@media screen and (max-width:1100px){
	.footer-brand-container .tagline{
		font-size:20px;
	}
}
@media screen and (max-width:1084px){
	.header-inner .uk-navbar-left ul li a{
		margin-right: 20px;
    	margin-left: 20px;
	}
}
@media screen and (max-width: 1065px){
	.footer-column{
		width: 180px;
	}
}
@media screen and (max-width: 1018px){
	.form-inner-area{
		width: 50%;
	}
}
@media screen and (max-width: 1012px){
	.header-inner .uk-navbar-left ul li a{
		margin-right: 10px;
    	margin-left: 10px;
	}
}
@media screen and (max-width: 991px){
	.about-item-block .uk-child-width-1-2\@m>* {
	    width: 100%;
	}
	.about-image-area:after{
		top:60px;
	}
	.customer-left-main{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.customer-right-main{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.customer-item-inner{
		flex-wrap: wrap;
	}
	.customer-right-inner:after{
		bottom:-80px;
		top:auto;
	}
	.proof-second-text-block{
		padding:0px 15px 0 0;
	}
	.proof-stack-icon-container{
		position: relative;
		margin-top: 32px;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	}
	.proof-stack-icon-row{
		-webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-box-pack: start;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	}
	.proof-stack-icon-row.row-margin {
	    margin-top: 32px;
	    margin-right: 0;
	    margin-left: 0;
	}
	.proof-icon-stack-main{
		margin: 0px;
	}
	.footer-container{
		-ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	}
	.footer-brand-container {
	    width: 100%;
	    margin-right: 0;
	    padding-bottom: 32px;
	    border-bottom: 1px solid #435b8c;
	    text-align: center;
	}
	.footer-column {
	    width: 25%;
	    margin-top: 32px;
	    margin-right: 0;
	}
	.footer-links-container{
		width: 100%;
	}
	.form-inner-area {
	    width: 100%;
	    flex-wrap: wrap;
	}
	.form-inner-area input{
		flex:0 0 100%;
		max-width: 100%;
	}
	.form-inner-area .try-free-btn{
		flex:0 0 100%;
		max-width: 100%;
		margin:20px 0 0 0;
	}
	.header-inner{
		display: none;
	}
	.mobile-header-main{
		margin:0px;
		padding: 0 16px;
		display: block;
	}
	.mobile-header-inner{
		margin:0px;
		padding: 0px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mobile-icon-area a svg{
		fill: #fff;
	}
	.mobile-header-content-main{
		margin:0px;
		padding: 0px;
		display: block;
	}
	.mobile-header-content-inner{
		position: absolute;
	    top: -100%;
	    left: 0;
	    right: 0;
	    transition: all ease 0.5s;
	}
	.mobile-header-content-inner.mobile-menu-open{
		top: 70px;
	}
	.mobile-content-main{		
	    background: #fff;
	    text-align: center;
	    overflow: visible;
	    min-width: 200px;
	    z-index: 2;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    width: 100vw;
	    height: 100vh;
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;	
	}
	.mobile-menu {
	    position: relative;
	    display: block;
	    max-width: 352px;
	    margin: 16px;
	    padding: 40px 32px;
	    text-align: left;
	}
	.mobile-products-wrapper{
		margin:0px;
		padding: 0px;
	}
	.mobile-products-wrapper a{
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    padding: 0px;
	    -webkit-box-pack: start;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	}
	.mobile-right-text{
		margin:0 0 0 16px;
		padding: 0px;
	}
	.mobile-right-text .first-head{
		color: #1e43ff;
		text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
		font-size: 16px;
    	font-weight: 400;
    	line-height: 1.5em;
	}
	.mobile-right-text p{
		text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
		font-size: 16px;
    	font-weight: 400;
    	line-height: 1.5em;
    	margin: 4px 0 0 0;
    	color: #435b8c;
	}
	.mobile-products-wrapper .second-iem{
		margin:16px 0 0 0;
	}
	.mobile-right-text .second-head{
		color: #ff1493;;
		text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
		font-size: 16px;
    	font-weight: 400;
    	line-height: 1.5em;
	}
	.mobile-resources-wrapper{
		margin:0px;
		padding: 0px;
	}
	.mobile-resources-wrapper .resources-list{
		display: flex;
	    margin-top: 24px;
	    margin-bottom: 24px;
	    margin-left: 0;
	    padding-top: 24px;
	    border-top: 1px solid #c7d1e4;
	}
	.mobile-resources-wrapper .resources-list .list-left-part, .mobile-resources-wrapper .resources-list .list-right-part{
		width: 50%;
	}
	.mobile-resources-wrapper .resources-list a{
		display: block;
	    margin-top: 8px;
	    margin-bottom: 8px;
	    color: #1e43ff;
    	text-decoration: none;
    	text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    	font-size: 16px;
    	font-weight: 400;
	}
	.mobile-btn-main{
		display: block;
		width: 100%;
		padding: 12px 24px;
		text-align: center;
		color: #fff;
		background: #1e43ff;
		-webkit-transition: background-color .3s ease;
    	transition: background-color .3s ease;
    	text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    	font-weight: 500;
    	font-size: 16px;
	}
}

@media screen and (max-width:767px){
	.banner-con-main h2{
		font-size: 22px;
	}
	.banner-con-main h2 span, .banner-con-main p span {
	    display: inline;
	}
	.mobile-only{
		display: block;
		margin: 0 auto;
	}
	.desktop-only{
		display: none;
	}
	.about-content-area h2 span{
		display: inline;
	}
	.about-content-area h2{
		font-size: 22px;
	}
	.about-content-area p{
		max-width: 100%;
	}
	.customer-proof-heading h2 span, .customer-proof-heading p span{
		display: inline;
	}
	.customer-proof-heading h2{
		font-size: 22px;
	}
	.customer-slider-main .swiper-pagination{
		margin:100px 0 0 0;
	}
	.proof-perfect-heading h2{
		font-size: 22px;
		margin: 0 0 40px 0;
	}
	.proof-perfect-main{
		padding: 50px 0;
	}
	.proof-second-head-inner h2 span {
	    display: inline;
	}
	.proof-second-head-inner h2{
		font-size: 22px;
	}
	.proof-second-item-inner{
		flex-wrap: wrap;
	}
	.proof-second-image-area{
		flex:0 0 100%;
		max-width: 100%;
	}
	.proof-second-text-block{
		flex:0 0 100%;
		max-width: 100%;
		padding: 0px;
		margin: 30px 0 0 0;
	}
	.proof-second-image-area img {
	    width: 100%;
	    border-top-right-radius: 16px;
	    border-bottom-left-radius: 16px;
	}
	.proof-stack-heading-area h2{
		font-size: 22px;
	}
	.proof-stack-heading-area h2 span{
		display: inline;
	}
	.proof-stack-heading-area p{
		max-width: 100%;
	}
	.proof-stack-main-sec{
		padding: 50px 0;
	}
	.feature-main-sec-area {
	    margin: 0px;
	    padding: 50px 0 0 0;
	}
	.feature-heading-area h2{
		font-size: 22px;
		margin: 0 0 30px 0;
	}
	.split-test-main-sec {
	    margin: 0px;
	    padding: 0 0px 124px;
	}
	.proof-boost-content-main{
		-ms-grid-columns: 1fr;
	    grid-template-columns: 1fr;
	    -ms-grid-rows: auto auto;
	    grid-template-rows: auto auto;
	}
	.proof-boost-right{
		border:none;
		padding: 0px;
	}
	.proof-boost-left h3, .proof-boost-right h3{
		font-size: 22px;
	}
	.reviews-main-sec {
	    margin: 0px;
	    padding: 50px 0;
	}
	.reviews-logos-container{
		display: none;
	}
	.review-content-main-sec {
	    margin: 0px;
	    padding: 15px 0;
	}
	.reviews-header-area h2{
		font-size: 22px;
	}
	.reviews-header-area p{
		max-width: 100%;
	}	
	.newsletter-heading-area h2 span{
		display: inline;
	}
	.newsletter-heading-area h2{
		font-size: 22px;	
	}
	.footer-column {
	    width: 50%;
	}
	.footer-links-container {
	    width: 100%;
	    flex-wrap: wrap;
	}
	.footer-bottom-container {
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-box-pack: start;
	    -webkit-justify-content: center;
	    -ms-flex-pack: start;
	    justify-content: center;
	    -webkit-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	}
	.social-media-icon-container {
	    margin: 0px 0 20px;
	    padding: 0px;
	    width: 100%;
	}
	.social-media-icon-container ul{
		justify-content: center;
	}
	.legal-container{
		width: 100%;
    	justify-content: center;
	}
	.split-container-content {
	    padding: 12px;
	}
	.split-campin-area .campin-name{
		font-size: 1em;
    	line-height: 1em;
	}
	.split-campin-area{
		flex-wrap: wrap;
	}
	.split-campin-area .active-text{
		margin: 8px;
	}
	.pulse-stats-container{
		padding: 16px;
	}
	.pulse-stats-container .large-stat{
		font-size: 1.5em;
	}
	.split-header-sec{
		padding: 16px 24px;
	}
	.split-header-sec h2{
		font-size: 16px;
	}
	.split-test-heading-main h2{
		font-size: 22px;
	}
	.about-image-area:after{
		display: none;
	}
	.about-item-block {
	    margin: 0px;
	    padding: 25px 0;
	}
	.banner-video-inner iframe {
	    width: 100%;
	    height: 300px;
	}
	.customer-left-inner {
	    margin: 0px;
	    padding: 0;
	}
	.customer-slider-main .swiper-slide {
	    padding: 0;
	}
	.customer-slider-main .swiper-button-next, .customer-slider-main .swiper-button-prev{
		top: 85%;
	}
	.customer-right-inner:after{
		display: none;
	}
	.customer-left-inner h2 {
	    font-size: 20px;
	}
	.customer-slider-main {
	    margin: 50px 0 0 0;
	    padding: 0px;
	    overflow: hidden;
	}
}
@media screen and (max-width: 450px){
	.legal-container{
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 394px){
	.banner-btn-area .demo-btn{
		display: block;
		margin: 15px 0 0 0;
	}
	.banner-btn-area .free-trail-btn{
		display: block;
	}
}