/* FOR TABLET */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	/* SERVICE CARD */
	.service {
		padding: 25px;
		min-height: 360px;
	}



	/* PROJECT CARD */
	.project-item {
	    border-radius: 12px;
	    margin: 0px 0px 30px 0px;
	    padding: 30px 20px 30px 20px;
	    min-height: 290px;
	}



	/* STEP CARD */
	.step-desc p {
		min-height: 110px;
		margin-bottom: 0px;
	}



	/* BLOG POST CARD */
	.blog-post {
		margin: 0px 0px 20px 0px;
	}



	/* FAQ */
	.accordion-body p {
		text-align: left;
	}



	/* CONTACT FORM */
	.contact-form-title-img {
    	width: 35px;
	}
}

/* FOR MOBILE */
@media only screen and (max-width: 576px) {
	/* CLOUD */
    .cloud-categories {
        gap: 10px;
        margin-bottom: 20px;
    }

    .cloud-category {
        padding: 6px 12px !important;
    }

    a.cloud-category {
    	font-size: 14px;
    }



	/* SERVICE CARD */
	.service {
		margin: 0px 15px 15px 15px;
		padding: 20px;
	}

	.service-title {
	    margin-bottom: 10px;
	}

	.service-short-desc {
	    min-height: 0px;
	}

	.service-button a {
		padding: 10px 22px;
	}



	/* PROJECT SECTION */
    .project-feature-items {
        flex-direction: column;
        gap: 10px;
    }
    
    .project-feature-item {
        width: 100%;
        box-sizing: border-box;
    }


	/* PROJECT CARD */
	.project-item {
		min-height: 0px;
		margin: 0px 10px 20px 10px;
		padding: 20px;
	}

	.project-logo {
		margin-bottom: 20px;
	}

	.project-title {
	    margin-bottom: 20px;
	    min-height: 0px;
	}

	.project-title h3 a {
		font-size: 22px;
		line-height: 1.7;
	}

	.project-tags {
		gap: 25px;
	}

	.project-tag a {
		font-size: 12px;
	}



	/* BLOG POST CARD */
	.blog-post {
		margin: 0px 15px 15px 15px;
	    padding: 15px 25px 15px 25px;
	}

	.blog-post-title h2 {
		min-height: 0px;
	}

	.blog-post-title h2 a {
        font-size: 18px;
    }

	.blog-post-author-thumb img {
    	width: 30px;
	}

	.blog-post-author span {
		font-weight: 400;
	}



	/* STEP CARD */
	.step {
	    padding: 10px 25px;
	}

	.step-num {
		margin-bottom: 0px;
	}

	.step-title h5 {
		font-size: 24px;
	}

	.step-desc p {
		font-size: 14px;
		min-height: 0px;
	}



	/* FAQ */
	.accordion-item {
		margin: 0px 10px 10px 10px;
	}

	.accordion-header button.accordion-button {
		padding: 20px !important;
	}

	.accordion-body {
	    padding: 0px 20px 20px 20px !important;
	}

	.accordion-body p {
		text-align: left;
	}



	/* CONTACT FORM */
	.contact-form-title-img {
    	width: 45px;
	}

	input.form-control {
	    padding: 15px 20px 15px 20px !important;
	}
}