/*
|--------------------------------------------------------------------------
| Techhub Solutions
| WhatsApp Group Join Page - Responsive CSS
|--------------------------------------------------------------------------
|
| File:
| assets/css/whatsapp-group/whatsapp-group-responsive.css
|
| Purpose:
| Tablet + Mobile responsive styling.
|
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| 01. TABLET
|--------------------------------------------------------------------------
*/

@media (max-width: 991px) {

	.th-whatsapp-group {
		min-height: auto;
		padding: 60px 20px;
	}


	.th-whatsapp-group-container {
		max-width: 700px;
	}


	.th-whatsapp-group-card {
		padding: 48px 45px;
	}


	.th-whatsapp-group-title {
		font-size: 30px;
	}


	.th-whatsapp-group-description {
		font-size: 13px;
	}


	.th-whatsapp-group-benefits {
		max-width: 540px;
	}

}


/*
|--------------------------------------------------------------------------
| 02. MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {

	.th-whatsapp-group {
		padding: 40px 15px;
	}


	.th-whatsapp-group-container {
		max-width: 100%;
	}


	.th-whatsapp-group-card {
		padding: 42px 22px;
		border-radius: 15px;
	}


	.th-whatsapp-group-icon {
		width: 64px;
		height: 64px;
		margin-bottom: 18px;
		font-size: 32px;
	}


	.th-whatsapp-group-tag {
		margin-bottom: 10px;
		font-size: 11px;
	}


	.th-whatsapp-group-title {
		margin-bottom: 14px;
		font-size: 26px;
		line-height: 1.3;
	}


	.th-whatsapp-group-description {
		margin-bottom: 25px;
		font-size: 12px;
		line-height: 1.8;
	}


	.th-whatsapp-group-benefits {
		margin-bottom: 28px;
		padding: 17px 18px;
		border-radius: 10px;
	}


	.th-whatsapp-group-benefit {
		gap: 10px;
		margin-bottom: 11px;
		font-size: 12px;
		line-height: 1.5;
	}


	.th-whatsapp-group-benefit i {
		font-size: 13px;
	}


	.th-whatsapp-group-action-text {
		margin-bottom: 13px;
		font-size: 11px;
	}


	.th-whatsapp-group-button {
		width: 100%;
		min-height: 52px;
		padding: 0 15px;
		gap: 8px;
		font-size: 11px;
	}


	.th-whatsapp-group-button i:first-child {
		font-size: 18px;
	}


	.th-whatsapp-group-button i:last-child {
		font-size: 11px;
	}


	.th-whatsapp-group-note {
		margin-top: 15px;
		font-size: 10px;
	}

}


/*
|--------------------------------------------------------------------------
| 03. SMALL MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 480px) {

    .th-whatsapp-group {
		padding: 30px 12px 70px;
	}


	.th-whatsapp-group-card {
		padding: 35px 16px;
	}


	.th-whatsapp-group-icon {
		width: 58px;
		height: 58px;
		font-size: 29px;
	}


	.th-whatsapp-group-title {
		font-size: 23px;
	}


	.th-whatsapp-group-description {
		font-size: 11px;
	}


	.th-whatsapp-group-benefits {
		padding: 15px 14px;
	}


	.th-whatsapp-group-benefit {
		font-size: 11px;
	}


	.th-whatsapp-group-button {
		min-height: 50px;
		font-size: 10px;
	}

}