@media (min-width: 1200px) {
	.header-left {
		display: none;
	}
	.sidebar-header button {
		display: none;
	}
}
@media (max-width: 1199px) {
	#content {
		transform: .5s;
		margin-left: 0;
	}
	.header-left button {
		background: none;
		border: none;
		padding: 0;
		color: var(--gray-black-color);
		font-size: 3rem;
	}

	.header-left .logo {
		background: none;
	}
	.header-left {
		display: flex;
		align-items: center;
		gap: 1rem;
	}

	.header-area {
		justify-content: space-between;
	}

	.sidebar {
	transform: translateX(-115%);
	transition: .5s;
}

	.sidebar.menu-open {
		transform: translateX(0%);
		transition: .5s;
	}
	.sidebar-header {
		position: relative;
	}

	.sidebar-header button {
		border: none;
		padding: 0;
		color: var(--white-color);
		font-size: 2.4rem;
		position: absolute;
		top: 0;
		right: -3rem;
		width: 4rem;
		height: 4rem;
		background: var(--whatsapp-green);
	}
	.header-left .logo a img {
		width: 15rem;
	}
	.header-left button {
		background: none;
		border: none;
		padding: 0;
		color: var(--gray-black-color);
		font-size: 2.4rem;
	}


}


@media (max-width: 991px) {
	.profile-avatar img {
		width: 8rem;
		height: 8rem;
	}

	.profile-info h3 {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.wa-dashboard-content > h2 {
		font-size: 2.8rem;
		line-height: 3.5rem;
	}

	.invoice-link {
		transition: .5s;
		text-align: center;
	}

	#billingTable_info {
		display: block;
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
	.bottom {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 2rem;
		flex-direction: column;
		gap: 1rem;
	}
	.dt-paging nav {
		display: flex;
		align-items: center;
		gap: 1rem;
		flex-wrap: wrap;
		justify-content: center;
	}

	.wa-registration-area {
		height: 100%;
	}
}



@media (max-width: 767px) {
	.upgrade-card h3 {
		font-size: 2.4rem;
		margin-bottom: 10px;
		line-height: 3rem;
	}
	.team-filtering {
		flex-direction: column;
	}


	#teamTable_wrapper .top, #teamTable_wrapper .bottom {
		flex-direction: column;
	}
	.dt-search {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		margin-bottom: 2rem;
		width: 100%;
		flex-direction: column;
		align-items: self-start;
		gap: 1rem;
	}

	.dt-length {
		display: flex;
		align-items: center;
		gap: 1rem;
		width: 100%;
		margin-bottom: 1.5rem;
	}

	.add-member button {
		padding: 0.5rem 1.2rem;
		font-size: 1.4rem;
	}
	.card-title {
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 0;
	}
	.template-card .card-header h3 {
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.preview-btn {
		font-size: 1.4rem;
		line-height: 1.4rem;
		padding: 0.5rem 1.2rem;
		border-radius: 0.4rem;
		transition: .5s;
	}
	.tamplate-library-btn .btn-whatsapp {
		line-height: 1.4rem;
		padding: 0.5rem 1.2rem;
		font-size: 1.4rem;
	}
	
	.carousel-control-prev, 
    .carousel-control-next {
        /*display: none;*/
    }
    
    .testimonial-slider {
        padding: 2rem 0;
    }

.contact-header-btn {
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.tab-content h4 {
	font-size: 1.8rem;
	line-height: 2.8rem;
}

.qr-placeholder {
	max-width: 20rem;
}

}



@media (max-width: 575px) {
	.profile-stats {
		flex-direction: column;
	}
	.add-member.header-member {
		margin-bottom: 3rem;
		flex-direction: column;
		align-items: self-start;
		gap: 1rem;
	}

	.qr-placeholder {
		max-width: 15rem;
	}

	.wa-body.connection-card {
		padding: 1.5rem;
	}
	.wa-body.connection-card .card-title {
		display: flex;
		align-items: baseline;
	}

	.wa-body.status-card {
		padding: 1.5rem;
	}
}