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

@media only screen and (max-width: 1439px) {
	.banner-section-three .banner-ai-diagram {
		margin-left: -45px;
	}

	.banner-section-three .banner-ai-diagram .diagram-item.three {
		right: -50px;
		top: 130px;
	}

	.banner-section-three .banner-ai-diagram .diagram-ai {
		top: 285px;
		right: 190px;
	}

	.banner-section-three .banner-ai-diagram .diagram-item.five {
		right: -40px;
	}

	.call-to-action-two {
		padding: 60px 30px 120px;
	}

	.about-section-four .summary-single-box .summary-scedule .summary-saas-badge .innovation-cusor {
		right: 15px;
	}
}


@media only screen and (max-width: 1400px) {
	.banner-section-three .banner-ai-diagram {
		margin-left: -45px;
	}

	.banner-section-three .banner-ai-diagram .diagram-item.three {
		right: -50px;
		top: 130px;
	}

	.banner-section-three .banner-ai-diagram .diagram-ai {
		top: 285px;
		right: 190px;
	}

	.banner-section-three .banner-ai-diagram .diagram-item.five {
		right: -40px;
	}

	.call-to-action-two {
		padding: 60px 30px 120px;
	}

	.about-section-four .summary-single-box .summary-scedule .summary-saas-badge .innovation-cusor {
		right: 15px;
	}
}

@media only screen and (max-width: 1199px) {
	.feature-section-one .single-feature-box.four .feature-content {
		padding-left: 10px;
	}

	.feature-section-one .single-feature-box .feature-content p {
		font-size: 15px;
	}

	
}

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

	.main-footer-one .footer-widget-content .footer-content .subscribe-box::before {
		width: 300px;
		height: 60px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.integration-section-one .sec-title .section-title .title {
		font-size: 36px;
		line-height: 48px;
	}

	.feature-section-one .single-feature-box .feature-content p br {
		display: none;
	}

	.feature-section-one .single-feature-box .feature-content {
		padding-left: 0;
	}

	.testimonia-section-one .swiper-slide.swiper-slide-prev {
		transform: translateX(0) rotate(0deg);
		transform-origin: 0;
	}

	.testimonia-section-one .swiper-slide.swiper-slide-next {
		transform: translateX(0) rotate(0deg);
		transform-origin: 0;
	}

	.main-footer-one .footer-widget-content .footer-content .subscribe-box::before {
		width: 275px;
	}

	
	.about-section-five .sec-title .section-title .title {
		font-size: 36px;
		line-height: 48px;
	}

	.accordion-section-one .sec-title .section-title .title {
		font-size: 36px;
		line-height: 46px;
	}

	.service-page-title .service-section-inner .sec-title .section-title .title {
		font-size: 36px;
		line-height: 48px;
	}

	

	.process-section-one .single-process-box {
		margin-top: 0;
	}
}

/*Tablet desktop :768px.*/
@media (min-width: 768px) and (max-width: 991px) {

	/* .saasavo-header-area {
		display: none;
	} */
	.mean-container .mean-nav ul li a i {
		display: none;
	}

	.integration-section-one .sec-title .section-desc p {
		width: 70%;
	}

	.about-section-one .sec-title .section-desc p {
		width: 65%;
	}

	.about-section-three .sec-title .section-desc p {
		width: 65%;
	}

	.about-section-four .sec-title .section-desc p {
		width: 65%;
	}

	.integration-section-two .section-desc p {
		width: 70%;
	}

	.process-section-two .sec-title .section-desc p {
		width: 80%;
	}

	.portfolio-section-one .single-portfolio-box .portfolio-box .portfolio-content .description p {
		width: 100%;
	}

	.process-section-one .single-process-box {
		margin-top: 0;
	}

	.service-details-page-title .services-details-area .service-details-icon-box P {
		font-size: 16px;
	}

	
	.contact-page-title .contact-thumb figure {
		width: 100%;
	}

	.contact-page-title .contact-thumb figure img {
		width: 100%;
	}
}



@media (min-width: 576px) and (max-width: 767px) {
	.saasavo-header-area {
		display: none;
	}

	.mean-container .mean-nav ul li a i {
		display: none;
	}

	.integration-section-one .sec-title .section-desc p {
		width: 100%;
	}

	.about-section-one .sec-title .section-desc p {
		width: 100%;
	}

	.about-section-three .sec-title .section-desc p {
		width: 100%;
	}

	.about-section-four .sec-title .section-desc p {
		width: 100%;
	}

	.integration-section-two .section-desc p {
		width: 100%;
	}

	.process-section-two .sec-title .section-desc p {
		width: 100%;
	}

	.accordion-page-title .title-content .page-title {
		font-size: 46px;
	}
	.feature-section-one .single-feature-box .feature-thumb figure {
		width: 100%;
	}

	.feature-section-one .single-feature-box .feature-thumb figure img {
		width: 100%;
	}

	.feature-section-one .single-feature-box.four {
		display: block;
	}

	.feature-section-three .single-feature-box.four .feature-content p {
		width: 100%;
	}

	.blog-section-one .single-blog-box .blog-content .blog-title a {
		font-size: 25px;
	}

	.feature-page-title .single-feature-box.four .feature-content p {
		width: 100%;
	}


	.blog-page-title .single-blog-box .blog-content .blog-title a {
		font-size: 25px;
	}

	.blog-details-page-title .blog-details-area .blog-details-contact {
		padding: 20px;
	}

	.blog-details-page-title .blog-details-area .single-comment-area .blog-details-comment {
		padding: 36px 10px 40px;
	}
}



/* small mobile :480px. */
@media (min-width: 480px) and (max-width: 575px) {
	.saasavo-header-area {
		display: none;
	}

	.mean-container .mean-nav ul li a i {
		display: none;
	}

	.integration-section-one .sec-title .section-desc p {
		width: 100%;
	}

	.about-section-one .sec-title .section-desc p {
		width: 100%;
	}

	.about-section-three .sec-title .section-desc p {
		width: 100%;
	}

	.about-section-four .sec-title .section-desc p {
		width: 100%;
	}

	.integration-section-two .section-desc p {
		width: 100%;
	}

	.process-section-two .sec-title .section-desc p {
		width: 100%;
	}

	/* home page one */
	.banner-section-one .banner-content-wrap .banner-content h2 {
		font-size: 30px;
		line-height: 30px;
	}

	.banner-section-one .banner-content-wrap .banner-content p {
		width: 100%;
	}

	.banner-section-one .banner-saas-badge {
		display: none;
	}

	.banner-section-one .banner-thumb figure {
		width: 100%;
	}

	.banner-section-one .banner-thumb figure img {
		width: 100%;
	}

	.sec-title .section-title .title {
		font-size: 30px;
		line-height: 36px;
	}

	
	


	.feature-section-one .sec-title .section-title .title {
		font-size: 25px;
		line-height: 36px;
	}

	.feature-section-one .single-feature-box.four {
		display: block;
	}

	.feature-section-one .feature-thumb figure {
		width: 100%;
	}

	.feature-section-one .feature-thumb figure img {
		width: 100%;
	}

	.about-section-one {
		padding: 100px 0 130px;
	}

	.about-section-one .about-wrapper-box {
		display: block;
	}

	.about-section-one .about-thumb {
		margin-top: 80px;
	}

	

	.main-footer-one .footer-widget-content .footer-content .subscribe-box input {
		width: 54%;
	}

	.main-footer-one .footer-widget-content .footer-content .subscribe-box button {
		top: -8px;
		right: 90px;
	}

	.testimonia-section-one {
		padding: 120px 0 100px;
	}

	/* home page two */
	.banner-section-two .banner-content-wrap .banner-content h2 {
		font-size: 40px;
		line-height: 40px;
	}

	
	.banner-section-two .banner-content-wrap .banner-content h2 span {
		display: none;
	}



	.workflow-section-two .single-workflow-box .workflow-thumb figure {
		width: 100%;
	}

	.workflow-section-two .single-workflow-box .workflow-thumb figure img {
		width: 100%;
	}

	.workflow-section-two .single-workflow-box {
		margin-bottom: 20px;
	}

	.about-section-four .summary-single-box {
		margin-left: 0;
		margin-top: 50px;
	}

	.about-section-four .summary-saas-badge {
		display: none;
	}

	/* home page three */
	.banner-section-three .banner-content-wrap .banner-content h2 {
		font-size: 30px;
		line-height: 34px;
	}

	.banner-section-three .banner-ai-diagram {
		display: none;
	}

	.banner-section-three {
		padding: 210px 0px 100px 0px;
	}

	.feature-section-three .single-feature-box .feature-content .feature-diagram {
		display: none;
	}

	.feature-section-three .single-feature-box.four {
		padding: 30px 20px 30px;
	}

	.feature-section-three .single-feature-box {
		padding: 20px 20px 20px;
	}

	.feature-section-three .single-feature-box.four .feature-content p {
		width: 100%;
	}

	.feature-section-three .single-feature-box .feature-content p {
		width: 100%;
	}

	.process-section-one .process-section-title h2 {
		font-size: 60px;
		line-height: 60px;
	}

	.process-section-one .single-process-box.active::before {
		display: none;
	}

	.process-section-one .single-process-box.active::after {
		display: none;
	}

	.process-section-one .process-shape1 {
		display: none;
	}

	.process-section-one .process-shape2 {
		display: none;
	}

	.project-marquee-area-one .marquee .marquee-block h3 {
		font-size: 60px;
		line-height: 60px;
	}

	.project-marquee-area-one .single-project-box .project-box .project-thumb figure {
		width: 100%;
	}

	.project-marquee-area-one .single-project-box .project-box .project-thumb figure img {
		width: 100%;
	}

	.project-marquee-area-one .single-project-box .project-box .project-thumb .project-arrow {
		right: 50px;
		bottom: -22px;
	}

	.accordion-section-one .sec-title .section-title .title {
		font-size: 30px;
		line-height: 46px;
	}

	.accordion-section-one .tab_container .accordion li a.active {
		padding: 26px 20px 20px 20px;
	}

	.accordion-section-one .tab_container .accordion li a {
		padding: 26px 20px 25px 20px;
	}

	.accordion-section-one .tab_container .accordion li p {
		padding: 0px 20px 30px 20px;
	}

	
	/* home page four */
	.banner-section-four .banner-content-wrap .banner-shape1 {
		display: none;
	}

	.banner-section-four .banner-content-wrap .banner-shape2 {
		display: none;
	}

	.banner-section-four .banner-content-wrap .banner-shape3 {
		display: none;
	}

	.banner-section-four .banner-content-wrap .banner-shape4 {
		display: none;
	}

	.banner-section-four .banner-content-wrap .banner-content h2 {
		font-size: 30px;
		line-height: 34px;
	}

	.banner-section-four .banner-content-wrap .banner-content p {
		width: 100%;
	}

	.about-section-five .sec-title .section-title .title {
		font-size: 30px;
		line-height: 36px;
	}

	.about-section-five .about-wrapper-box {
		display: block;
	}

	.process-section-two .process-item {
		padding: 10px 20px;
		margin-bottom: 20px;
	}

	.process-section-two .process-wrapper .single-process-box {
		padding: 20px 20px 20px;
	}

	.process-section-two .process-wrapper .process-active-box {
		margin: 30px 0px 0px 0px;
	}

	.process-section-two .process-wrapper .single-process-box .process-content .desc {
		width: 100%;
	}



	.portfolio-section-one .single-portfolio-box .portfolio-box .portfolio-thumb figure {
		width: 100%;
	}

	.portfolio-section-one .single-portfolio-box .portfolio-box .portfolio-thumb figure img {
		width: 100%;
	}

	.portfolio-section-one .single-portfolio-box .portfolio-box .portfolio-thumb .portfolio-arrow {
		right: 50px;
		bottom: -22px;
	}

	.testimonia-section-three .testi-thumb-wrapper .testi-thumb-circle {
		display: none;
	}

	.testimonia-section-three .testi-thumb-wrapper .testi-avatars-img {
		display: none;
	}

	.testimonia-section-three {
		padding: 60px 0 70px;
	}

	.testimonia-section-three .testi-thumb-wrapper {
		padding-bottom: 60px;
	}

	.testimonia-section-three .testi-active2 .swiper-wrapper .swiper-slide .testi-box .single-testi-box {
		padding: 20px 20px 20px 20px;
	}

	.call-to-action-two .call-container {
		padding: 40px 20px 40px 20px;
	}

	.call-to-action-two .call-container .call-thumb-wrapper {
		display: none;
	}

	.call-to-action-two .sec-title .section-title .title {
		font-size: 25px;
		line-height: 35px;
	}

	.call-to-action-two .call-container .call-to-wrapper .call-to-content .call-arrow {
		display: none;
	}


	.project-marquee-area-one .single-project-box {
		margin-bottom: 20px;
	}

	.portfolio-section-one .single-portfolio-box {
		margin-bottom: 20px;
	}

	.testimonia-section-three .testi-thumb-wrapper .testi-thumb {
		margin-left: 0;
	}



	/* inner page all */
	.banner-section-one .banner-container {
		width: 450px;
	}

	.about-page-title .single-dashbord .dashbord-thumb figure {
		width: 100%;
	}

	.about-page-title .single-dashbord .dashbord-thumb figure img {
		width: 100%;
	}

	.process-section-one.inner {
		padding: 0px 0 120px;
	}

	.feature-page-title .single-feature-box .feature-content .feature-diagram {
		display: none;
	}

	.feature-page-title .single-feature-box .feature-content h4 {
		font-size: 25px;
	}

	.feature-page-title .single-feature-box.four .feature-content p {
		width: 100%;
	}

	.service-page-title .service-section-inner .single-service-box {
		padding: 20px 20px 20px;
	}

	.service-page-title .service-section-inner .single-service-box .service-inner {
		gap: 10px;
	}

	.service-page-title .service-section-inner .single-service-box .service-content p {
		width: 100%;
	}

	.service-details-page-title .services-details-area .services-details-content .services-details-title {
		font-size: 30px;
	}

	.service-details-page-title .services-details-area .services-details-text {
		padding: 32px 10px;
		gap: 10px;
	}

	.service-details-page-title .services-details-area .services-details-text .service-details-text-icon::before {
		display: none;
	}

	.service-details-page-title .services-details-area .services-details-text .service-details-text-content p {
		font-size: 20px;
		width: 100%;
	}


	.call-to-action-inner .call-container {
		padding: 100px 20px 100px 20px;
	}

	.call-to-action-inner {
		padding: 10px 20px 120px;
	}

	.call-to-action-inner .call-container .call-thumb-wrapper .call-thumb {
		display: none;
	}

	.call-to-action-inner .call-container .call-to-wrapper .call-to-content .call-arrow {
		display: none;
	}

	


	.accordion-page-title .title-content .page-title {
		font-size: 40px;
	}

	.call-to-action-inner.accordion {
		padding: 10px 20px 120px;
	}

	.contact-page-title .contact-form-area {
		padding: 20px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content {
		padding: 60px 10px 20px;
		width: 430px;
		margin-top: 0;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-title {
		font-size: 24px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-author-talk {
		gap: 10px;
		padding: 45px 15px 30px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-author-talk .blog-details-author-title p {
		font-size: 18px;
	}

	.blog-details-page-title .blog-details-area .single-comment-area {
		padding: 36px 10px 0px;
		width: 430px;
	}

	.blog-details-page-title .blog-details-area .single-comment-area .blog-details-comment {
		padding: 36px 10px 40px;
	}

	.blog-details-page-title .blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-reply {
		display: none;
	}

	.blog-details-page-title .blog-details-area .blog-details-contact {
		padding: 20px;
	}

	.process-section-one .single-process-box {
		margin-top: 0;
	}

	.feature-page-title .single-feature-box .feature-content p {
		width: 100%;
	}

	.feature-page-title .single-feature-box.three .feature-content p {
		width: 100%;
	}

	.feature-page-title .single-feature-box.four {
		padding: 40px 40px 40px;
	}



}

/* small mobile :320px. */
@media (min-width: 320px) and (max-width: 479px) {

	/* .saasavo-header-area {
		display: none;
	} */
	.mean-container .mean-nav ul li a i {
		display: none;
	}

	.integration-section-one .sec-title .section-desc p {
		width: 100%;
	}

	.about-section-one .sec-title .section-desc p {
		width: 100%;
	}

	.about-section-three .sec-title .section-desc p {
		width: 100%;
	}

	.about-section-four .sec-title .section-desc p {
		width: 100%;
	}

	.integration-section-two .section-desc p {
		width: 100%;
	}

	.process-section-two .sec-title .section-desc p {
		width: 100%;
	}

	/* home page one */
	.banner-section-one .banner-container {
		width: 300px;
	}

	.banner-section-one .banner-content-wrap .banner-content h2 {
		font-size: 26px;
		line-height: 30px;
	}

	.banner-section-one .banner-content-wrap .banner-content p {
		width: 100%;
	}

	.banner-section-one .banner-saas-badge {
		display: none;
	}

	.banner-section-one .banner-thumb figure {
		width: 100%;
	}

	.banner-section-one .banner-thumb figure img {
		width: 100%;
	}

	.sec-title .section-title .title {
		font-size: 25px;
		line-height: 35px;
	}
	.integration-section-one .integration-thumb .integration-shape {
		top: 19%;
		left: 16%;
	}

	.integration-section-one .sec-title .section-title .title {
		font-size: 30px;
		line-height: 40px;
	}

	.about-section-one {
		padding: 100px 0 130px;
	}

	.about-section-one .about-wrapper-box {
		display: block;
	}

	.about-section-one .about-thumb {
		margin-top: 80px;
	}

	.integration-section-one .integration-list-item ul li {
		font-size: 16px;
		display: flex;
		align-items: flex-start;
	}


	.about-section-one .sec-title .section-title .title {
		font-size: 26px;
		line-height: 36px;
	}

	.about-section-one .about-wrapper-box .about-icon-box .about-icon-content .about-content h4 {
		font-size: 20px;
	}

	.main-footer-one .footer-widget-content .footer-content .subscribe-box input {
		width: 54%;
	}

	.main-footer-one .footer-widget-content .footer-content .subscribe-box button {
		top: -8px;
		right: 90px;
	}

	.testimonia-section-one {
		padding: 120px 0 100px;
	}

	

	.testimonia-section-one .testi-box .single-testi-box {
		padding: 45px 10px 50px;
	}

	.main-footer-one .footer-widget-content .footer-content .subscribe-box button {
		top: -8px;
		right: 8px;
	}

	/* home page two */
	.banner-section-two .banner-content-wrap .banner-content h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0;
	}

	.banner-section-two .banner-content-wrap .banner-content h2 span {
		display: none;
	}

	.brand-area-one .brand-desc p {
		font-size: 18px;
	}

	.workflow-section-two .sec-title .section-title .title {
		font-size: 22px;
		line-height: 35px;
	}

	

	.workflow-section-two .single-workflow-box .workflow-thumb figure {
		width: 100%;
	}

	.workflow-section-two .single-workflow-box .workflow-thumb figure img {
		width: 100%;
	}

	.workflow-section-two .single-workflow-box {
		margin-bottom: 20px;
	}

	.workflow-section-two .single-workflow-box {
		padding: 20px 10px 20px;
	}

	.workflow-section-two .single-workflow-box .workflow-content h3 {
		font-size: 20px;
	}

	.workflow-section-two .single-workflow-box .workflow-content {
		padding: 12px 10px 0;
	}

	.about-section-four .sec-title .section-title .title {
		font-size: 22px;
		line-height: 35px;
	}

	.about-section-three .about-item-list ul li {
		font-size: 16px;
		display: flex;
		align-items: flex-start;
	}

	.about-section-four .summary-single-box {
		display: none;
	}

	.about-section-four .summary-saas-badge {
		display: none;
	}

	.about-section-four .about-item-list ul li {
		font-size: 16px;
		display: flex;
		align-items: flex-start;
	}
	
	.main-footer-one .footer-widget-content .footer-content .subscribe-box input {
		width: 85%;
	}

	/* home page three */
	.banner-section-three .banner-content-wrap .banner-content h2 {
		font-size: 30px;
		line-height: 34px;
	}

	.banner-section-three .banner-ai-diagram {
		display: none;
	}

	.banner-section-three {
		padding: 210px 0px 100px 0px;
	}

	.feature-section-three .single-feature-box .feature-content .feature-diagram {
		display: none;
	}

	.feature-section-three .single-feature-box.four {
		padding: 30px 10px 30px;
	}

	.feature-section-three .single-feature-box {
		padding: 20px 10px 20px;
	}

	.feature-section-three .single-feature-box.four .feature-content p {
		width: 100%;
	}

	.feature-section-three .single-feature-box .feature-content p {
		width: 100%;
	}

	.feature-section-three .sec-title .section-title .title {
		font-size: 22px;
		line-height: 35px;
	}

	.feature-section-three .single-feature-box .feature-content h4 {
		font-size: 20px;
	}

	.feature-section-three .single-feature-box.two {
		padding: 40px 10px 50px;
	}

	.feature-section-three .single-feature-box.three {
		padding: 40px 10px 40px;
	}

	.process-section-one .process-section-title h2 {
		font-size: 60px;
		line-height: 60px;
	}

	.process-section-one .single-process-box.active::before {
		display: none;
	}

	.process-section-one .single-process-box.active::after {
		display: none;
	}

	.process-section-one .process-shape1 {
		display: none;
	}

	.process-section-one .process-shape2 {
		display: none;
	}

	.project-marquee-area-one .marquee .marquee-block h3 {
		font-size: 60px;
		line-height: 60px;
	}

	.project-marquee-area-one .single-project-box .project-box .project-thumb figure {
		width: 100%;
	}

	.project-marquee-area-one .single-project-box .project-box .project-thumb figure img {
		width: 100%;
	}

	.project-marquee-area-one .single-project-box .project-box .project-thumb .project-arrow {
		right: 20px;
		bottom: -22px;
	}

	.accordion-section-one .sec-title .section-title .title {
		font-size: 20px;
		line-height: 40px;
	}

	.accordion-section-one .tab_container .accordion li a.active {
		padding: 15px 10px 10px 10px;
	}

	.accordion-section-one .tab_container .accordion li a {
		padding: 15px 10px 10px 10px;
	}

	.accordion-section-one .tab_container .accordion li p {
		padding: 0px 10px 10px 10px;
	}



	.accordion-section-one .tab_container .accordion li a {
		font-size: 18px;
	}

	.accordion-section-one .tab_container .accordion li a::after {
		display: none;
	}

	.accordion-section-one .tab_container .accordion li a::before {
		display: none;
	}

	.pricing-plan-section-three .pricing-single-item .pricing-btn a {

		padding: 10px 20px;
	}

	.pricing-plan-section-three .pricing-single-item {
		padding: 20px 10px 20px 10px;
	}

	.pricing-plan-section-three .pricing-single-item:hover .pricing-tag {
		transform: translateY(30px);
	}

	.pricing-plan-section-three .pricing-single-item .pricing-money h3 span {
		font-size: 40px;
	}

	.pricing-plan-section-three .pricing-single-item .pricing-money h3 {
		font-size: 40px;
	}

	.blog-section-one .sec-title .section-title .title {
		font-size: 22px;
		line-height: 35px;
	}

	.blog-section-one .single-blog-box {
		padding: 20px 10px 35px;
	}

	.blog-section-one .single-blog-box .blog-content .blog-title a {
		font-size: 24px;
		line-height: 32px;
	}

	.blog-section-one .single-blog-box .blog-meta a {
		bottom: 15px;
		left: 3px;
	}

	.blog-section-one .single-blog-box .blog-content {
		padding: 27px 0px 0px 0px;
	}



	/* home page four */
	.banner-section-four .banner-content-wrap .banner-shape1 {
		display: none;
	}

	.banner-section-four .banner-content-wrap .banner-shape2 {
		display: none;
	}

	.banner-section-four .banner-content-wrap .banner-shape3 {
		display: none;
	}

	.banner-section-four .banner-content-wrap .banner-shape4 {
		display: none;
	}

	.banner-section-four .banner-content-wrap .banner-content h2 {
		font-size: 25px;
		line-height: 32px;
	}

	.banner-section-four .banner-content-wrap .banner-content p {
		width: 100%;
	}

	.banner-section-four .banner-content-wrap .banner-content .banner-btn {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.banner-section-four .banner-content-wrap .banner-review-box {
		bottom: -150px;
		display: block;
	}

	.about-section-five .sec-title .section-title .title {
		font-size: 25px;
		line-height: 32px;
	}

	.about-section-five .about-wrapper-box {
		display: block;
	}

	.about-section-five .about-thumb-wrapper .circle-text {
		display: none;
	}

	.about-section-five .about-thumb-wrapper {
		margin-bottom: 80px;
	}

	.about-section-five .sec-title .section-title .title {
		font-size: 20px;
		line-height: 32px;
	}

	.process-section-two .process-item {
		padding: 10px 10px;
		margin-bottom: 20px;
	}

	.process-section-two .process-wrapper .single-process-box {
		padding: 10px 10px 10px;
	}

	.process-section-two .process-wrapper .process-active-box {
		margin: 30px 0px 0px 0px;
	}

	.process-section-two .sec-title .section-title .title {
		font-size: 20px;
		line-height: 30px;
	}

	.process-section-two .process-item .process-title h3 {
		font-size: 20px;
	}

	.process-section-two .process-wrapper .single-process-box .process-content .title {
		font-size: 25px;
	}

	.process-section-two .process-wrapper .single-process-box .process-content .desc {
		width: 100%;
	}

	.process-section-two .process-wrapper .process-active-box .active-content h2 {
		font-size: 22px;
	}

	.process-section-two .process-wrapper .single-process-box .process-content .desc {
		width: 100%;
	}

	
	.portfolio-section-one .single-portfolio-box .portfolio-box .portfolio-thumb figure {
		width: 100%;
	}

	.portfolio-section-one .single-portfolio-box .portfolio-box .portfolio-thumb figure img {
		width: 100%;
	}

	.portfolio-section-one .single-portfolio-box .portfolio-box .portfolio-thumb .portfolio-arrow {
		right: 25px;
		bottom: -22px;
	}

	.testimonia-section-three .testi-thumb-wrapper .testi-thumb-circle {
		display: none;
	}

	.testimonia-section-three .testi-thumb-wrapper .testi-avatars-img {
		display: none;
	}

	.testimonia-section-three {
		padding: 60px 0 70px;
	}

	.testimonia-section-three .testi-thumb-wrapper {
		padding-bottom: 60px;
	}

	.testimonia-section-three .testi-active2 .swiper-wrapper .swiper-slide .testi-box .single-testi-box {
		padding: 20px 20px 20px 20px;
	}

	.call-to-action-two .call-container {
		padding: 40px 20px 40px 20px;
	}

	.call-to-action-two .call-container .call-thumb-wrapper {
		display: none;
	}

	.call-to-action-two .sec-title .section-title .title {
		font-size: 25px;
		line-height: 35px;
	}

	.call-to-action-two .call-container .call-to-wrapper .call-to-content .call-arrow {
		display: none;
	}

	
	.portfolio-section-one .single-portfolio-box {
		padding: 20px 10px 20px;
	}

	.portfolio-section-one .single-portfolio-box .portfolio-box .portfolio-content .description p {
		width: 100%;
	}

	.testimonia-section-three .testi-thumb-wrapper .testi-thumb {
		margin-left: 0;
	}

	.testimonia-section-three .testi-active2 .swiper-wrapper .swiper-slide .testi-box .single-testi-box .testi-desc p {
		font-size: 17px;
		display: block;
	}

	.call-to-action-two {
		padding: 60px 10px 120px;
	}



	/* inner page all */
	.about-page-title .single-dashbord .dashbord-thumb figure {
		width: 100%;
	}

	.about-page-title .single-dashbord .dashbord-thumb figure img {
		width: 100%;
	}

	.process-section-one.inner {
		padding: 0px 0 120px;
	}

	.feature-page-title .single-feature-box .feature-content .feature-diagram {
		display: none;
	}

	.feature-page-title .single-feature-box .feature-content h4 {
		font-size: 20px;
	}

	.feature-page-title .single-feature-box.four .feature-content p {
		width: 100%;
	}

	.service-page-title .service-section-inner .single-service-box {
		padding: 10px 10px 10px;
	}

	.service-page-title .service-section-inner .single-service-box .service-inner {
		gap: 6px;
		display: block;
	}

	.service-page-title .service-section-inner .single-service-box .service-content p {
		width: 100%;
	}

	.service-page-title .service-section-inner .single-service-box .service-content h3 {
		font-size: 25px;
	}

	.service-details-page-title .services-details-area .services-details-content .services-details-title {
		font-size: 20px;
	}

	.service-details-page-title .services-details-area .services-details-text {
		padding: 32px 10px;
		gap: 10px;
		display: block;
	}

	.service-details-page-title .services-details-area .services-details-text .service-details-text-icon::before {
		display: none;
	}

	.service-details-page-title .services-details-area .services-details-text .service-details-text-content p {
		font-size: 20px;
		width: 100%;
	}

	.call-to-action-inner .call-container {
		padding: 100px 20px 100px 20px;
	}

	.call-to-action-inner {
		padding: 10px 20px 120px;
	}

	.call-to-action-inner .call-container .call-thumb-wrapper .call-thumb {
		display: none;
	}

	.call-to-action-inner .call-container .call-to-wrapper .call-to-content .call-arrow {
		display: none;
	}

	

	.accordion-page-title .title-content .page-title {
		font-size: 40px;
	}

	.call-to-action-inner.accordion {
		padding: 10px 20px 120px;
	}

	.contact-page-title .contact-form-area {
		padding: 20px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content {
		padding: 60px 10px 20px;
		width: 430px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-title {
		font-size: 24px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-author-talk {
		gap: 10px;
		padding: 45px 15px 30px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-author-talk .blog-details-author-title p {
		font-size: 18px;
	}

	.blog-details-page-title .blog-details-area .single-comment-area {
		padding: 36px 10px 0px;
		width: 430px;
	}

	.blog-details-page-title .blog-details-area .single-comment-area .blog-details-comment {
		padding: 36px 10px 40px;
	}

	.blog-details-page-title .blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-reply {
		display: none;
	}

	.blog-details-page-title .blog-details-area .blog-details-contact {
		padding: 20px;
	}

	.about-page-title .title-content .page-title {
		font-size: 30px;
	}

	.process-section-one.inner .sec-title .section-title .title {
		font-size: 20px;
		line-height: 35px;
	}

	.process-section-one .single-process-box {
		margin-top: 0;
	}

	.marquee-inner-section .inner-container .marquee .marquee-block h3 {
		font-size: 30px;
	}

	.feature-page-title .title-content .page-title {
		font-size: 40px;
	}

	.feature-page-title .single-feature-box {
		padding: 40px 10px 40px;
	}

	.feature-page-title .single-feature-box .feature-content p {
		width: 100%;
	}

	.feature-page-title .single-feature-box.two {
		padding: 40px 10px 50px;
	}

	.feature-page-title .single-feature-box.three {
		padding: 40px 10px 40px;
	}

	.feature-page-title .single-feature-box.four {
		padding: 40px 10px 40px;
	}

	.service-page-title .title-content .page-title {
		font-size: 30px;
	}

	.service-page-title .service-section-inner .sec-title .section-title .title {
		font-size: 20px;
		line-height: 35px;
	}

	.service-details-page-title .title-content .page-title {
		font-size: 30px;
	}

	.service-details-page-title .services-details-area .service-details-icon-box .service-details-box-content h4 {
		font-size: 18px;
	}

	.service-details-page-title .services-details-area .service-details-icon-box {
		padding: 32px 10px 18px;
	}

	.service-details-page-title .services-details-area .service-details-icon-box .service-details-icon-thumb {
		float: inherit;
		margin-bottom: 10px;
	}

	.service-details-page-title .services-details-area .services-details-title {
		font-size: 30px;
	}

	.service-details-page-title .services-details-area .single-benifits-box .benifits-content {
		width: 100%;
		padding: 30px 15px 23px;
	}

	.service-details-page-title .services-details-area .widget-sidber {
		padding: 32px 0px 29px;
	}

	.service-details-page-title .services-details-area .widget-sidber-contact-box {
		padding: 48px 10px 48px;
	}

	.service-details-page-title .services-details-area .widget-sidber-contact-box .widget-sidber-contact-btn a {
		padding: 16px 50px 15px;
	}

	.main-footer-one .footer-widget-content .footer-content .subscribe-box::before {
		width: 280px;
		height: 60px;
	}

	

	.call-to-action-inner .sec-title .section-title .title {
		font-size: 20px;
		line-height: 35px;
	}

	.pricing-page-title .pricing-single-item .pricing-btn a {
		font-size: 18px;
		padding: 15px 35px;
	}

	.pricing-page-title .pricing-single-item {
		padding: 40px 20px 40px 20px;
	}

	.accordion-page-title .title-content .page-title {
		font-size: 24px;
	}

	.accordion-page-title .tab_container .accordion li a.active {
		padding: 26px 10px 20px 10px;
	}

	.accordion-page-title .tab_container .accordion li p {
		padding: 0px 10px 30px 10px;
	}

	.accordion-page-title .tab_container .accordion li a {
		padding: 26px 10px 25px 10px;
	}

	.accordion-page-title .tab_container .accordion li a::after {
		right: 10px;
	}

	.accordion-page-title .tab_container .accordion li a::before {
		right: 15px;
		top: 35px;
	}

	.accordion-page-title .tab_container .accordion li a {
		font-size: 20px;
	}

	.contact-page-title .contact-form-area {
		padding: 20px 0px 20px;
	}

	.blog-page-title .single-blog-box {
		padding: 20px 10px 35px;
	}

	.blog-page-title .single-blog-box .blog-content {
		padding: 27px 0px 0px 0px;
	}

	.blog-page-title .single-blog-box .blog-meta a {
		bottom: 20px;
		left: 2px;
	}

	.blog-page-title .single-blog-box .blog-content .blog-title a {
		font-size: 20px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content {
		padding: 60px 0px 20px;
		width: 275px;
		margin-top: 0;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .meta-blog>span {
		margin-right: 10px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .meta-blog>span::before {
		display: none;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-title {
		font-size: 24px;
		line-height: 30px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-desc {
		font-size: 17px;
		margin-bottom: 25px;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-author-talk {
		display: block;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-author-talk .blog-details-quote {
		flex-shrink: 0;
		margin-bottom: 10px;
	}

	.blog-details-page-title .blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-thumb {
		float: inherit;
	}

	.blog-details-page-title .blog-details-area .single-comment-area .blog-details-comment .blog-details-comment-content p {
		width: 100%;
	}

	.blog-details-page-title .blog-details-area .blog-details-contact {
		padding: 0px;
	}

	.process-section-one .single-process-box .process-content p {
		width: 100%;
	}

	.project-marquee-area-one .single-project-box .project-box .project-content .description p {
		width: 100%;
	}

	.feature-page-title .single-feature-box.three .feature-content p {
		width: 100%;
	}

	.blog-details-page-title .blog-details-area .blog-details-content .blog-details-list-item ul li {
		display: flex;
		align-items: flex-start;
	}
}


@media screen and (min-width: 300px) and (max-width: 767px) {

	.saasavo-header-area {
		padding: 20px 0px;
	}

	.saasavo-header-area .header-right-wrapper .header-sidebar .header-sidbar-button .menubars {
		height: 30px;
	}

	.sidebar-area .offcanvas-header .btn-close {
		width: 20px;
		height: 20px;
		line-height: 16px;
		font-size: 19px;
	}

	.banner-section-three {
		padding: 80px 0px
	}

	.banner-section-three .banner-content-wrap .banner-content h2 {
		font-size: 52px;
		line-height: 55px;
	}

	.banner-section-three .banner-ai-diagram {
		display: none;
	}

	.about-section-five {
		padding: 80px 0px;
	}

	.banner-section-three .banner-content-wrap .banner-content p {
		font-size: 18px;
	}

	.about-section-five .about-thumb-wrapper .circle-text {
		width: 115px;
		height: 115px;
	}

	.about-section-five .about-thumb-wrapper .about-thumb {
		margin-left: 0px;
	}

	.banner-section-three .banner-content-wrap {
		text-align: center;
	}

	.banner-section-three .banner-content-wrap .banner-content p {
		width: 100%;
	}

	.about-section-five {
		text-align: center;
	}

	.sec-title .section-title .title {
		line-height: 45px;
		font-size: 35px;
	}

	.brand-area-one .brand-desc p {
		font-size: 14px;
	}

	.brand-area-one .brand-desc p::before {
		width: 175px;
		left: -180px;
	}

	.brand-area-one .brand-desc p::after {
		right: -180px;
		width: 175px;
	}

	.brand-area-one .brand-desc {
		padding-bottom: 0px;
	}

	.brand-area-one.style-two {
		padding-bottom: 85px;
	}

	.testimonia-section-one {
		padding: 80px 0 60px;
	}

	.testimonia-section-one .section-desc p {
		width: 100%;
	}

	.servicecard-title .service-title .title {
		line-height: normal;
	}

	.testimonia-section-one .testi-box .single-testi-box .testi-autor-box {
		margin-bottom: 20px;
	}

	.integration-section-two {
		padding: 80px 0px 50px
	}

	.integration-section-two .section-desc p {
		width: 100%;
	}

	.processbox .processimg {
		position: static;
		transform: none;
	}

	.process-section-one .process-section-title h2 {
		font-size: 70px;
		font-weight: 700;
		line-height: 115px;
	}

	.process-section-one {
		padding-bottom: 30px;
	}

	.recent-project-section .section-desc p {
		width: 100%;
	}

	.professional-carousel {
		min-height: auto !important;
		padding: 0px 10px;
	}

	.recent-project-section {
		padding-bottom: 30px;
	}

	.project-marquee-area-one .marquee .marquee-block h3 {
		font-size: 80px;
		line-height: 100px;
	}

	.section-desc.text-nowrap {
		white-space: normal !important;
	}

	.project-marquee-area-one {
		padding-bottom: 50px;
	}

	.main-footer-one .footer-bottom .copyright-text {
		font-size: 14px;
		padding-top: 20px;
	}

	.main-footer-one {
		padding: 202px 0px 30px;
	}

	.main-footer-one .footer-bottom {
		padding-top: 35px;
	}

	.main-footer-one .footer-widget-content .footer-menu li a {
		font-size: 17px;
	}

	.footer-widget-content {
		margin-top: 25px;
	}

	.footer-widget-content .logo img {
		width: 185px;
	}

	.main-footer-one {
		padding-top: 35px;
	}

	.call-container img {
		width: 85px;
		margin-bottom: 15px;
	}

	.call-container h4 {
		margin-bottom: 0;
		color: #fff;
		padding: 0px 10px;
		line-height: normal;
	}

	.call-to-action-two {
		padding: 60px 20px 60px;
	}

	.blog-section-one {
		padding: 80px 20px 50px;
	}

	.no-blog-wrapper {
		padding: 0px
	}

	.testimonia-section-two {
		padding-bottom: 50px;
	}

	.accordion-section-one .tab_container .accordion li a {
		font-size: 20px;
		padding-right: 70px;
		padding: 26px 45px 25px 21px;
	}

	.accordion-section-one .tab_container .accordion li p {
		font-size: 15px;
		line-height: 25px;
	}

	.accordion-section-one .tab_container .accordion li a::before {
		right: 25px;
	}

	.accordion-section-one .tab_container .accordion li a::after {
		top: 39px;
		right: 20px;
	}

	.recent-project-section .container {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.single-testi-box {
		text-align: center;
	}

	.testimonia-section-one .testi-box .single-testi-box .testi-autor-box {
		margin-top: 0;
		justify-content: center;
	}

	.servicecard-desc {
		margin-top: 15px;
	}

	.carousel-button {
		width: 35px !important;
		height: 35px !important;
	}

	.call-container img {
		width: 100%
	}

	.about-section-five {
		padding: 50px 0px;
	}

	.about-page-title {
		padding: 140px 0px 1px;
	}

	.about-section-five .about-thumb-wrapper .about-thumb {
		margin-bottom: 30px;
	}

	.about-section-five .about-wrapper-box .about-icon-box .about-icon-content .about-content p {
		font-size: 17px;
	}

	.about-page-title .title-content .page-title {
		font-size: 43px;
		line-height: 41px;
		margin-bottom: 30px;
	}

	.about-section-five .about-btn a {
		font-size: 18px;
	}

	.service-page-title {
		padding: 120px 0px 65px;
	}

	.workflow-section-two .single-workflow-box .workflow-thumb figure {
		margin: 0px auto 15px;
	}

	.workflow-section-two .single-workflow-box .workflow-content {
		padding: 12px 0px 0;
		text-align: center;
	}

	.workflow-section-two .single-workflow-box .workflow-content h3 {
		text-align: center;
	}

	.workflow-section-two .section-desc p {
		width: 100%;
	}

	.service-details-page-title .title-content .page-title {
		font-size: 40px;
		line-height: 45px;
	}

	.services-details-desc li,
	.service-description li {
		font-size: 16px;
	}

	.service-details-page-title {
		padding: 145px 0px 60px;
	}

	.blog-page-title {
		padding: 140px 0px 50px;
	}

	.blog-page-title .title-content .page-title {
		font-size: 40px;
		line-height: 50px;
	}

	.blog-page-title .title-content {
		margin-bottom: 0px;
	}

	.project-marquee-area-one .single-project-box {
		height: auto !important;
	}

	.project-marquee-area-one .single-project-box .project-box .project-button {
		margin-bottom: 0px;
	}

	.service-details-page-title .services-details-area .services-details-content .services-details-title {
		font-size: 33px;
		line-height: 43px;
	}

	.service-page-title .title-content .page-title {
		font-size: 40px;
		line-height: 46px;
	}

	.service-page-title .title-content .page-desc {
		font-size: 16px;
	}

	.process-section-two .process-item {
		padding: 20px 25px;
		border-radius: 20px;
		text-align: center;
		flex-direction: column;
	}

	.process-section-two .process-item::before {
		border-radius: 20px;
	}

	.process-section-two .process-item .process-btn {
		margin-left: auto;
		margin-right: auto;
	}

	.process-section-two .process-item .process-title {
		padding: 0px;
	}

	.commnbtn {
		padding: 9px 40px;
	}

	.career-form-area {
		padding: 20px;
	}

	.contact-input-box label {
		display: block;
		margin-bottom: 6px;
	}

	.career-form-area .contact-input-box input {
		padding: 15px;
		height: 50px;
		font-size: 15px;
	}

	.react-international-phone-country-selector-button {
		min-height: 50px !important;
		padding: 21px !important;
	}

	.career-form-area .contact-input-box select {
		padding: 15px;
		height: 50px;
		font-size: 15px;
	}

	.careersApply {
		margin-bottom: 0px;
	}

	.career-form-area .blog-details-submi-button button {
		padding: 7px 25px;
		font-size: 15px;
		text-align: center;
	}

	.career-form-area .blog-details-submi-button button i {
		display: none;
	}




}

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

	.saasavo-header-area .header-menu ul li a {
		padding: 0px 15px;
	}

	.banner-section-three .banner-content-wrap {
		padding: 0;
	}

	.auto-container {
		padding: 0px 40px
	}

	.about-section-five {
		padding: 60px 0px 80px;
	}

	.brand-area-one .band-active .brand-box .brand-name h3 {
		font-size: 19px;
	}

	.brand-area-one.style-two {
		padding-bottom: 90px;
	}

	.testimonia-section-one {
		padding: 80px 0 60px;
	}

	.integration-section-two {
		padding: 80px 0px 50px
	}

	.process-section-one {
		padding-bottom: 50px;
	}

	.recent-project-section {
		padding: 60px 0px 70px;
	}

	.project-marquee-area-one {
		padding-bottom: 70px;
	}

	.accordion-section-one {
		padding: 75px 0 50px;
	}

	.benifits-section-two {
		padding: 65px 0 50px;
	}

	.testimonia-section-two {
		padding: 50px 0 50px;
	}

	.blog-section-one {
		padding: 75px 0 50px;
	}

	.call-to-action-two .call-container {
		padding: 40px 30px 40px 30px;
	}

	.call-to-action-two {
		padding: 60px 30px 50px;
	}

	.main-footer-one {
		padding: 75px 0px 35px;
	}

	.main-footer-one .footer-bottom {
		padding-top: 50px;
	}

	.recent-project-section .slide-image {
		object-fit: fill;
	}

	.about-page-title .aboutSection.mb-5 {
		margin-bottom: 0px !important;
	}

	.about-page-title {
		padding: 150px 0px 30px;
	}

	.service-page-title {
		padding: 140px 0px 80px;
	}

	.footer-widget-content .logo img {
		width: 200px;
	}

	.service-details-page-title {
		padding: 130px 0px 70px;
	}

	.main-footer-one .col-xl-3 {
		width: 30%;
	}













}