/*=================responsive css====================*/
@media only screen and (max-width:1880px){
	.font-popup{
		left: 20%;
	}
}
@media only screen and (max-width:1799px){
	.font-popup{
		left: 18%;
	}
}
@media only screen and (max-width:1660px){
	.font-popup{
		left: 16%;
	}
}
@media only screen and (max-width:1599px){
	.design_table table td{
		font-size: 14px
	}
}
@media only screen and (max-width:1499px){
	.design_table table td{
		font-size: 14px
	}
	.design_table{
		max-width: 100%;
		margin: 0 30px;
		padding: 15px 20px;
	}
}
@media only screen and (max-width:1440px){
	.font-popup{
		left: 11.5%;
	}
	.design_table table td{
		padding: 0 5px !important;
	}
	
}

@media only screen and (max-width:1366px){
	.font-popup{
		left: 10%;
	}
}
@media only screen and (max-width:1280px){
	.steps{
		padding: 32px 28px 0;
	}
	.login-step .row{
		margin-left: 0;
		margin-right: 0;
	}
	.login-step .step-icon{
		flex:0 0 30%;
	}
	.login-step .step-content{
		flex: 0 0 70%;
	}
}
@media only screen and (max-width:1024px){
	.steps .step-content h3{
		font-size: 30px;
	}
	.watchvideo-section .btn,.watchvideo-section h3{
		position: relative;
		z-index: 1;
	}
}
@media only screen and (max-width:767px){
	.landing-content h2{
		font-size: 30px;
		line-height: 38px;
	}
	.about-content{
		margin-top: 40px;
	}
	.about-section{
		padding: 40px 0;
	}
	.growth-section{
		padding-bottom: 100px;
	}
	.visibility-section{
		padding-top: 100px;
	}
	.footer-content{
		margin-bottom: 40px;
	}
	.landing-header{
		padding: 15px;
	}
	.header-profile img{
		width: 30px;
	}
	.landing-content{
		font-size: 18px;
		line-height:28px ;
	}
	.about-content h3{
		font-size: 30px;
	}
	.about-content{
		font-size: 16px;
		line-height: 28px;
	}
	.steps .step-content h3{
		margin-top: 20px;
	}
	.steps{
		min-height: 250px;
	}
	.simplicity-section .row,.growth-section .row{
		flex-direction: column-reverse;
	}
}