/* For desktop */
@media (min-width: 768px) {
	.sp-item {
		grid-template-columns: 1fr;
	}
}

/* Mobile HD */

@media screen and (min-width: 350px) and (max-width: 760px) {
	.sp-header {
		padding: 10px;
	}

	footer {
		padding: 30px 10px 25px !important;
	}

	footer img {
		width: 145px;
		margin: 20px 0 5px 0;
	}

	footer .sp-foot-social {
		justify-content: left;
	}

	footer .sp-last {
		margin-top: 15px;
	}

	footer .sp-last h4,
	footer .sp-last p {
		text-align: left;
	}

	.sp-post-content {
		padding: 10px 20px;
	}

	.circle,
	.active .circle {
		width: 45px;
	}

	.sp-post-content .sp-btn {
		font-size: 14px;
		padding: 10px 15px;
		margin-bottom: 10px;
	}

	.sp-btn-grp {
		padding: 0 30px;
	}

	.sp-btn-grp .sp-back-btn,
	.sp-btn-grp .sp-next-btn {
		font-size: 14px;
		padding: 10px;
	}

	.sp-post-content form {
		padding: 0;
	}

	.sp-post-content .sp-package-box {
		min-height: auto;
	}

	.sp-order-summury-box {
		margin: 0;
	}

	.sp-trusted .row,
	.sp-Sketch .row,
	.sp-benefits .row,
	.sp-hire .row {
		padding: 30px 10px;
		width: auto;
	}

	.sp-Sketch h2,
	.sp-benefits h2,
	.sp-hire h2,
	.sp-get-started .container .row .sp-box h2,
	.sp-getins h2 {
		font-size: 25px;
	}

	.sp-Sketch h4 {
		font-size: 14px;
	}

	.sp-benefits .sp-box .sp-img-box img {
		width: 60px;
	}

	.sp-benefits .sp-box .sp-content h4 {
		font-size: 18px;
	}

	.sp-testimonial {
		margin: 0;
		flex-direction: column;
	}

	.sp-testimonial .sp-testi-content {
		width: 100%;
	}

	.sp-hire img {
		margin-top: 40px
	}

	.sp-get-started {
		padding: 30px 10px;
	}

	.sp-get-started .container .row .sp-box {
		padding: 15px;
		gap: 20px;
	}
}

/* Mobile LD */

@media screen and (max-width: 350px) {
	.sp-header {
		padding: 10px;
	}

	footer {
		padding: 30px 10px 25px !important;
	}

	footer img {
		width: 145px;
		margin: 20px 0 5px 0;
	}

	footer .sp-foot-social {
		justify-content: left;
	}

	footer .sp-last {
		margin-top: 15px;
	}

	footer .sp-last h4,
	footer .sp-last p {
		text-align: left;
	}

	.sp-post-content {
		padding: 10px 20px;
	}

	.circle,
	.active .circle {
		width: 45px;
	}

	.sp-post-content .sp-btn {
		font-size: 14px;
		padding: 10px 15px;
		margin-bottom: 10px;
	}

	.sp-btn-grp {
		padding: 0 30px;
	}

	.sp-btn-grp .sp-back-btn,
	.sp-btn-grp .sp-next-btn {
		font-size: 14px;
		padding: 10px;
	}

	.sp-post-content form {
		padding: 0;
	}

	.sp-post-content .sp-package-box {
		min-height: auto;
	}

	.sp-order-summury-box {
		margin: 0;
	}

	.sp-trusted .row,
	.sp-Sketch .row,
	.sp-benefits .row,
	.sp-hire .row {
		padding: 30px 10px;
		width: auto;
	}

	.sp-Sketch h2,
	.sp-benefits h2,
	.sp-hire h2,
	.sp-get-started .container .row .sp-box h2,
	.sp-getins h2 {
		font-size: 25px;
	}

	.sp-Sketch h4 {
		font-size: 14px;
	}

	.sp-benefits .sp-box .sp-img-box img {
		width: 60px;
	}

	.sp-benefits .sp-box .sp-content h4 {
		font-size: 18px;
	}

	.sp-testimonial {
		margin: 0;
		flex-direction: column;
	}

	.sp-testimonial .sp-testi-content {
		width: 100%;
	}

	.sp-hire img {
		margin-top: 40px
	}

	.sp-get-started {
		padding: 30px 10px;
	}

	.sp-get-started .container .row .sp-box {
		padding: 15px;
		gap: 20px;
	}
}