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

	html {
		font-size: 13px;
	}

	.main-header h1 {
		font-size: 36px;
	}

	.main-header h3 {
		font-size: 15px;
	}

	.section.main-section {
		margin-top: 10em;
		padding: 20px 20px;
		height: calc(100vh - 5em);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.section.first-section {
		margin-top: 10em !important;
	}

	.section {
		margin-top: 3em;
		padding: 20px 20px;
	}

	.main-section .header-image .main {
		width: 200%;
		left: 50%;
		position: relative;
		transform: translateX(-50%);
	}

	.cloud-1 {
		transform: rotate(45deg);
		right: 0;
		bottom: -4%;
	}

	.cloud-2 {
		left: -29%;
		bottom: 2%;
	}
	
	.section-header h1 {
		font-size: 24px;
	}

	.checklist {
		margin-top: 4rem;
	}

	.checklist > li {
		font-size: 13px;
	}

	.cloud-2-1 {
		width: 100px;
		left: 14%;
		bottom: -12%;
	}

	.cloud-2-2 {
		width: 120px;
	}

	.cloud-2-3 {
		width: 100px;
		right: 7%;
		bottom: -5%;
		transform: rotate(230deg);
	}

	.cloud-2-4 {
		width: 80px;
		right: 17%;
		bottom: -5%;
	}

	.form-input {
		font-size: 12px;
	}

	.input-wrapper .label {
		font-size: 12px;
	}

	.checkbox-wrapper .label {
		font-size: 10px;
	}

	.section-header h2 {
		font-size: 20px;
	}

	.header-image .body .title {
		font-size: 20px;
	}

	.header-image .body .content {
		font-size: 13px;
	}

	.row.gap-m {
		row-gap: 3rem;
	}

	.cloud-3-1 {
		width: 120px;
		right: 3%;
		bottom: 45%;
	}

	.blog-card {
		flex-direction: column;
	}

	.blog-card .title {
		font-size: 24px;
	}

	.blog-card .data {
		flex-direction: row;
		width: 100%;
		align-items: center;
	}

	.blog-card .image {
		height: 200px;
		max-height: 200px;
	}

	.blog-card .time {
		font-size: 12px;
	}

	.blog-card .tag {
		font-size: 10px;
	}

	.section-header h3 {
		font-size: 16px;
	}

	.phone-numbers {
		font-size: 20px;
		left: 10%;
	}

	.cloud-4-1 {
		width: 100px;
		right: 0;
	}

	.phone {
		width: 100px;
		right: 10%;
	}

	ul > li.title {
		font-size: 16px;
	}

	.cloud-footer {
		width: 150px;
		right: 0;
		bottom: -125%;
	}

	.footerB {
		font-size: 10px;
	}

	.bottom {
		font-size: 10px;
		height: 25px;
		line-height: 25px;
	}

	.service-info img {
		width: 50px;
	}

	.section3-img {
		width: 100%;
		height: auto;
		position: relative;
		right: 0;
	}

	.service-card .title {
		height: unset;
		font-size: 15px;
	}

	#services {
		row-gap: 10px;
	}

	.service-card:after {
		width: 8px;
		height: 6px;
	}

	.service-info-wrapper {
		padding: 25px;
	}

	.categories-wrapper {
		flex-direction: column;
		gap: 20px;
		padding: 0;
		background: none !important
	}

	.cloud-7-1 {
		top: 30%;
		opacity: 0.75;
	}

	.blog-header .category {
		font-size: 13px;
	}

	.blog-header .title {
		font-size: 24px;
	}

	.blog-header .read-time {
		font-size: 13px;
	}

	.blog-author :is(img, .avatar) {
		width: 50px;
		height: 50px;
		min-width: 50px;
		min-height: 50px;
	}

	.blog-author .avatar {
		line-height: 47px;
		font-size: 15px;
	}

	.blog-author .details .name {
		font-size: 20px;
	}

	.blog-author .details .date {
		font-size: 10px;
	}

	.blog-author {
		gap: 0.75em;
	}

	.blog-body {
		font-size: 13px;
		line-height: 23px;
	}

	.cloud-blog {
		opacity: 0.5;
		z-index: -1;
	}

	.cloud-blog-1 {
		opacity: 0.5;
		z-index: -1;
	}

	.blog-navigation .text {
		font-size: 13px;
	}

	.blog-navigation .blog {
		font-size: 20px;
	}

	.blog-navigation {
		flex-direction: column;
		justify-content: start;
	}

	.blog-navigation .left {
		text-align: unset;
		width: 100%;
	}

	.blog-navigation .right {
		width: 100%;
	}

	.categories-wrapper > li {
		font-size: 13px;
		background: linear-gradient(to bottom, #fefafa5e, #00000000 99%) !important;
		padding: 10px;
		border-radius: var(--border-radius-small);
	}

	.categories-wrapper > li > a {
		display: block;
	}

	.desktop {
		display: none;
	}

	.cloud-8-1 {
		width: 300px;
	}

	.cloud-8-2 {
		width: 300px;
		top: -50%;
		bottom: unset;
	}

	.flip-card-front .title {
		font-size: 18px;
	}

}