/* ===== RESPONSIVE STYLE ===== */
@media (max-width:1440px) {
	html {font-size: 0.5vw}
	.container {max-width: 1240px;}
	.pc__img {
		width: 50%;
		transform: translate(-35%, -50%);
	}
	.process__card:nth-child(even) .pc__img {
		transform: translate(15%, -50%);
		width: 25%;
	}
}

@media (max-width:1280px) {
	.pc__img {
		width: 37%;
		transform: translate(-12%, -50%);
	}
	.process__card:nth-child(even) .pc__img {
		transform: translate(-20%, -50%);
		width: 18%;
	}
}

@media (max-width:1024px) {
	html {font-size: 0.85vw;}
	.tablet-col-2 {grid-template-columns: repeat(2, 1fr);}
	.tablet-col-3 {grid-template-columns: repeat(3, 1fr);}
	.first__screen {
		padding: 15rem 0 5rem;
	}
	.fs__img {
		top: 35%;
		width: 55%;
	}
	.about__content p, .feedback p {
		font-size: 2rem;
	}
	.footer__img {
		right: 0%;
		width: 35%;
	}
	.footer {
		padding: 5rem 0 0;
		margin-top: 3rem;
	}
	.about__content {
		padding: 5rem 5rem;
	}
}

@media (max-width:768px) {
	html {font-size: 10px;}
	p, ul li, ol li, a, .text {font-size: 15px;}
	
	.sm-hide {display:none;}
	.sm-show {display:block;}
	.sm-show.flex {display:flex;}

	.popup-window, .thanks-window {width: calc(100% - 40px);}

	.sm-col-1 {grid-template-columns: repeat(1, 1fr);}
	.sm-col-2 {grid-template-columns: repeat(2, 1fr);}
	.sm-col-3 {grid-template-columns: repeat(3, 1fr);}
	.sm-col-1 .item {grid-column: auto; grid-row: auto;}

	.mw-100 {width:100%;}

	.fs__content p, .pc__item p, .about__content p, .feedback p {
		font-size: 15px;
	}
	.process__card {
		padding: 5rem 2rem;
		background: linear-gradient(120deg, #f8e1f1, #c8dcf5, #c8f3f9, #fff)!important;
		border-radius: 20px;
	}
	.about__wrapper {
		display: flex;
		flex-direction: column-reverse;
		align-items: normal;
	}
	.about__content {
		padding: 3rem 2rem;
		border-radius: 5px;
	}
	.feedback {
		background: transparent;
		padding: 0;
	}
	.about__img.sm-show {
		width: 60%;
		margin:0 auto;
	}
	.footer .logo {
		margin:0 auto 30px;
	}
	.contact__item {
		justify-content: center;
	}
	.footer {
		background: linear-gradient(#fff, #c8f3f9);
	}
	.pc__content .h3 {
		margin-bottom: 1.5em;
	}
	.pc__item .h4 {
		padding-left:0;
	}
	.pc__item .h4::before {
		margin: 0.7rem 1.3rem 0 0;
	}
	
}

@media (max-width:767px) {	
	.mobile-col-1 {grid-template-columns: repeat(1, 1fr);}
	.mobile-col-2 {grid-template-columns: repeat(2, 1fr);}
	.mobile-col-1 .item {grid-column: auto; grid-row: auto;}

	.header {
		padding: 2rem 0;
	}
	.logo {
		width: 12rem;
	}
	.btn__row .btn:not(:last-child) {
		margin: 0 0 2rem;
	}
	.pc__img__mobile {
		width: 30%;
	}
	.process__card:not(:last-child) {
		margin-bottom: 8rem;
	}
	.hw__card__icon {
		width: 5rem;
		height: 5rem;
	}
	.hw__card__head {
		margin-bottom:20px;
	}
	.about__img.sm-show, .feedback p {
		width: 100%;
	}

}

@media (max-width:480px) {	
	.btn {width:100%;padding: 0.8em 2.5em;}
}