@media screen and (min-width:1241px) and (max-width:1500px)
{

}

@media screen and (min-width:1025px) and (max-width:1240px)
{
	.step-box{
		margin-bottom: 12px
	}	
	.testimonial-box{
		gap:20px;
	}
	.testimonial-logo{
		width: 130px;
		height: 130px;
	}
	.testimonial-content p{
		line-height: 27px;
	}
	.testimonial-section{
		padding: 0 0 80px;
	}
	.testimonial-section h2,
	.benefits-section h2{
		margin-bottom: 30px
	}
	.steps-img img{
		height: 77%;
	}
	.cal-section .head h2{
		margin-bottom: 20px;
	}
}

@media screen and (min-width:992px) and (max-width:1024px)
{
	.step-box{
		margin-bottom: 12px
	}	
	.testimonial-box{
		gap:20px;
	}
	.testimonial-logo{
		width: 130px;
		height: 130px;
	}
	.testimonial-content p{
		line-height: 27px;
	}
	.testimonial-section{
		padding: 0 0 80px;
	}
	.testimonial-section h2,
	.benefits-section h2{
		margin-bottom: 30px
	}
	.steps-img img{
		height: 77%;
	}	
	.benefits-section{
		padding: 40px 0 50px
	}
	.accordion-button{
		padding: 20px 0;
	}
	.cal-section .head h2{
		margin-bottom: 20px;
	}
}

@media screen and (min-width:768px) and (max-width:991px)
{
	.hero-section {
		text-align: center;
	}
	.hero-content {
		margin-bottom: 30px;
	}	
	.benefit-box {
		border-right: none;
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	.benefit-box:nth-child(even):before{
		display: none;
	}
	.btn-sales{
		margin:0 auto 30px;
	}
	.benefit-box:last-child {
		border-bottom: none;
	}
	.steps-section {
	    clip-path: none;
	    text-align: center;
	    padding: 40px 0 100px;
	    background-position: center center;
	    background-size: 320% 116%
	}
	.nav-link{
		width: fit-content;
		margin: auto;
	}
	.btn-demo{
		margin: auto;
		display: flex;
		justify-content: center;
	}
	.step-box:before{
		z-index: 1
	}
	.logo-slider{
		padding: 25px 0!important
	}
	.c-cls{
		padding: 40px 0;
	}
	.step-box {
	    justify-content: center;
	    text-align: left;
	}
	.testimonial-box {
	    flex-direction: column;
	    text-align: center;
	    align-items: center;
 	}
 	.testimonial-content .head{
 		flex-wrap: wrap;
 		gap:10px;
 		justify-content: center;
 	}
 	.testimonial-content h5{
 		width: 100%;
 		text-align: center;
 	}
 	.stars{
 		width: 100%;
 		justify-content: center;
 	}
	.step-box{
		margin-bottom: 12px
	}	
	.testimonial-box{
		gap:20px;
	}
	.testimonial-logo{
		width: 130px;
		height: 130px;
	}
	.testimonial-content p{
		line-height: 27px;
		text-align: center;
	}
	.testimonial-section{
		padding: 0 0 80px;
	}
	.testimonial-section h2,
	.benefits-section h2{
		margin-bottom: 30px
	}
	.steps-img img{
		height: auto;
	}	
	.benefits-section{
		padding: 40px 0 50px
	}
	.accordion-button{
		padding: 20px 0;
	}
	.faq-section{
		padding: 40px 0
	}
	.faq-section h2{
		margin-bottom: 18px;
	}
	.cal-section .head h2{
		margin-bottom: 20px;
	}
	.cal-section .cal-main{
		padding: 50px;
	}
	.cal-section .head{
		padding: 30px 0
	}
}

@media (max-width: 767px)
{	
	.hero-section {
		text-align: center;
	}
	.hero-content {
		margin-bottom: 30px;
	} 
	.steps-section {
	    clip-path: none;
	    text-align: center;
	}
	.step-box {
	    justify-content: center;
	    text-align: left;
	}
	.testimonial-box {
	    flex-direction: column;
	    text-align: center;
	    align-items: center;
 	}
 	.logo-slider img {
	    max-height: fit-content;
	}
	.hero-section {
		text-align: center;
		padding: 30px 0 50px
	}
	.hero-content {
		margin-bottom: 30px;
	}	
	.benefit-box {
		border-right: none;
		margin-bottom: 0;
		padding: 32px;
	}
	.benefit-box:before{
		left: 0;
		margin: auto;
		bottom: 0;
		top: unset;
		width: 100%;
		height: 3px
	}
	.benefit-box:last-child {
		border-bottom: none;
	}
	.steps-section {
	    clip-path: none;
	    text-align: center;
	    padding: 40px 0 100px;
	    background-position: center center;
	    background-size: 320% 116%
	}
	.step-box {
	    justify-content: center;
	    text-align: left;
	}
	.testimonial-box {
	    flex-direction: column;
	    text-align: center;
	    align-items: center;
 	}
	.step-box{
		margin-bottom: 12px
	}	
	.testimonial-box{
		gap:20px;
	}
	.testimonial-logo{
		width: 130px;
		height: 130px;
	}
	.testimonial-content p{
		line-height: 27px;
		text-align: center;
	}
	.testimonial-section{
		padding: 0 0 80px;
	}
	.testimonial-section h2,
	.benefits-section h2{
		margin-bottom: 30px
	}
	.steps-img img{
		height: auto;
	}	
	.btn-sales{
		margin:0 auto 30px;
	}
	.benefits-section{
		padding: 40px 0 50px
	}
	.accordion-button{
		padding: 20px 0;
		font-size: 17px;
	}
	.footer{
		padding-bottom: 3rem
	}
	.faq-section{
		padding: 40px 0
	}
	.faq-section h2{
		margin-bottom: 18px;
	}
	.footer p{
		padding-top: 10px;
	}
	.c-cls{
		padding: 40px 0
	}
	.nav-link{
		text-align: center;
		width: fit-content;
		margin: auto;
	}
	.btn-demo{
		display: flex;
		justify-content: center;
		margin: auto;
	}
	.navbar-custom{
		padding: 20px 10px
	}
	.step-box:before{
		z-index: 1
	}
	.testimonial-content .head{
		flex-wrap: wrap;
	}
	.stars{
		margin-bottom: 0;
		font-size: 22px;
		width: 100%;
		justify-content: center;
	}
	.testimonial-content h5{
		width: 100%;
		text-align: center;
	}

	.cal-section .head h2{
		margin-bottom: 20px;
	}
	.cal-section .cal-main{
		padding: 20px;
	}
	.cal-section .head{
		padding: 30px 0
	}
}

@media screen and (max-width:575px)
{
	
}

@media screen and (max-width:480px)
{
	.hero-content h1{
		font-size: 30px;
	}
	.testimonial-section h2, .benefits-section h2{
		margin-bottom: 10px;
		font-size: 25px;
	}
	.faq-section h2,
	.trusted-section h2,
	.steps-section h2{
		font-size: 25px;
	}
	.cta-box{
		padding: 40px 20px;
	}
	.social-icons a{
		width: 36px;
		height: 36px;
		padding: 8px
	}
	.step-number{
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
	.steps-section h2{
		margin: 30px 0 15px
	}
	.steps-section{
		background-size: 580% 120%
	}
	.benefits-section{
		padding: 40px 0 10px
	}
	footer .main-box{
		flex-wrap: wrap;
	}
	footer .main-box .box{
		width: 100%;
	}
	.accordion-body{
		padding: 0 0 20px;
	}
	.step-box:before{
		left: 18px
	}
	.steps-section .step-content{
		padding: 18px;
		border-radius: 18px;
	}
	.step-content h5{
		font-size: 18px;
	}
	.cal-section .container{
		max-width: 100%;
	}
	.cal-section .cal-main{
		padding: 10px;
		margin-bottom: 30px;
	}
	.cal-section .head h2{
		font-size: 2rem;
		margin-bottom: 10px;
	}
	.cal-section .head p{
		margin: 10px auto 20px;
	}
	.cal-section .head{
		padding: 20px 0 0
	}
}