/* ===================================================
   LARGE LAPTOP
=================================================== */

@media(max-width:1400px){

	.container{
		width:min(
			92%,
			1280px
		);
	}
}

/* ===================================================
   DESKTOP
=================================================== */

@media(max-width:1200px){

	.container{
		width:min(
			92%,
			1140px
		);
	}

	.ulg-section-title{
		font-size:
		clamp(
			36px,
			4vw,
			52px
		);
	}

	.ulg-blog-layout{
		grid-template-columns:
		1fr;
	}

	.ulg-sidebar{
		margin-top:40px;
	}

	.ulg-services-grid,
	.ulg-case-grid{
		grid-template-columns:
		repeat(
			2,
			minmax(0,1fr)
		);
	}

	.ulg-process-grid{
		grid-template-columns:
		repeat(
			2,
			minmax(0,1fr)
		);
	}

	.ulg-why-grid,
	.ulg-audit-wrapper,
	.ulg-final-cta-box{
		grid-template-columns:
		1fr;
	}
}

/* ===================================================
   TABLET
=================================================== */

@media(max-width:1024px){

	.section-padding{
		padding:
		90px 0;
	}

	h1{
		font-size:
		clamp(
			40px,
			5vw,
			58px
		);
	}

	h2{
		font-size:
		clamp(
			32px,
			4vw,
			46px
		);
	}

	.ulg-post-grid,
	.ulg-blog-grid{
		grid-template-columns:
		1fr;
	}

	.ulg-single-content{
		padding:40px;
	}

	.ulg-author-box{
		flex-direction:column;
		text-align:center;
	}

	.ulg-page-content,
	.ulg-single-body{
		font-size:17px;
	}

	.ulg-hero-grid{
		grid-template-columns:
		1fr;

		text-align:center;
	}

	.ulg-hero-content{
		margin:0 auto;
	}

	.ulg-hero-actions,
	.ulg-hero-trust{
		justify-content:center;
	}

	.ulg-genie-speech-box{
		left:0;
		right:0;
		margin:auto;
		top:-20px;
	}

	.ulg-footer-grid{
		grid-template-columns:
		repeat(
			2,
			minmax(0,1fr)
		);
	}
}

/* ===================================================
   MOBILE
=================================================== */

@media(max-width:768px){

	.container{
		width:92%;
		padding:0;
	}

	.section-padding{
		padding:
		70px 0;
	}

	h1{
		font-size:
		clamp(
			34px,
			7vw,
			46px
		);

		line-height:1.18;
	}

	h2{
		font-size:
		clamp(
			28px,
			6vw,
			40px
		);

		line-height:1.2;
	}

	h3{
		font-size:24px;
	}

	p{
		font-size:16px;
		line-height:1.8;
	}

	/* BUTTONS */

	.ulg-btn{
		width:100%;
		min-height:58px;

		font-size:16px;

		padding:
		15px 24px;
	}

	/* HERO */

	.ulg-hero-section{
		text-align:center;
		padding:
		50px 0 80px;
	}

	.ulg-hero-title{
		margin-bottom:20px;
		font-size:44px;
	}

	.ulg-hero-subtitle{
		font-size:18px;
		margin-bottom:28px;
	}

	.ulg-hero-trust{
		justify-content:center;
	}

	.ulg-trust-item{
		width:100%;
		justify-content:center;
	}

	.ulg-genie-speech-box{
		position:relative;
		top:0;
		left:0;
		max-width:100%;
		margin-bottom:20px;
	}

	/* GRID SYSTEM */

	.ulg-services-grid,
	.ulg-process-grid,
	.ulg-case-grid,
	.ulg-value-grid,
	.ulg-why-stats,
	.ulg-audit-benefits,
	.ulg-blog-grid,
	.ulg-post-grid{
		grid-template-columns:
		1fr;
	}

	/* BLOG */

	.ulg-post-card,
	.ulg-blog-card{
		border-radius:24px;
	}

	.ulg-post-thumb img,
	.ulg-blog-thumb img{
		height:220px;
	}

	.ulg-post-content,
	.ulg-blog-content{
		padding:22px;
	}

	.ulg-post-title,
	.ulg-blog-title{
		font-size:24px;
	}

	.ulg-single-content{
		padding:28px 22px;
		border-radius:26px;
	}

	.ulg-single-title{
		font-size:34px;
	}

	.ulg-single-meta{
		gap:12px;
		font-size:14px;
	}

	/* AUTHOR */

	.ulg-author-box{
		padding:24px;
		border-radius:22px;
	}

	/* FORM */

	.ulg-audit-form-wrap,
	.ulg-final-cta-box{
		padding:
		30px 24px;
	}

	.ulg-audit-form input,
	.ulg-audit-form select,
	.ulg-audit-form textarea{
		min-height:58px;
		font-size:15px;
	}

	.ulg-form-step h3{
		font-size:24px;
	}

	/* FAQ */

	.ulg-faq-question{
		font-size:18px;

		padding:
		24px 22px;
	}

	.ulg-faq-answer{
		padding:
		0 22px 22px;
	}

	/* FOOTER */

	.ulg-footer{
		text-align:center;
	}

	.ulg-footer-grid{
		grid-template-columns:
		1fr;

		gap:36px;
	}

	.ulg-socials{
		justify-content:center;
	}

	.ulg-footer-bottom{
		flex-direction:column;
		text-align:center;
		align-items:center;
	}

	.ulg-footer-menu{
		justify-content:center;
	}

	/* MOBILE MENU */

	.ulg-mobile-drawer{
		padding:26px;
		width:100%;
		max-width:100%;
	}

	/* FLOATING GENIE */

	.ulg-genie-widget{
		right:18px;
		bottom:18px;
	}

	.ulg-genie-trigger{
		width:74px;
		height:74px;
	}

	.ulg-floating-genie{
		width:62px;
		height:62px;
	}

	.ulg-genie-box{
		width:
		calc(100vw - 24px);

		right:-6px;
	}

	/* SECTION SPACING */

	.ulg-section-head{
		margin-bottom:50px;
	}
}

/* ===================================================
   SMALL MOBILE
=================================================== */

@media(max-width:480px){

	.container{
		width:94%;
	}

	.section-padding{
		padding:
		60px 0;
	}

	h1{
		font-size:36px;
	}

	h2{
		font-size:30px;
	}

	.ulg-mini-badge{
		font-size:13px;

		padding:
		9px 16px;
	}

	.ulg-btn{
		font-size:15px;

		padding:
		14px 20px;
	}

	.ulg-genie-trigger{
		width:68px;
		height:68px;
	}

	.ulg-floating-genie{
		width:58px;
		height:58px;
	}

	.ulg-genie-box{
		width:
		calc(100vw - 20px);

		right:-4px;
	}

	.ulg-post-thumb img,
	.ulg-blog-thumb img{
		height:200px;
	}

	.ulg-form-step h3{
		font-size:22px;
	}
}

/* ===================================================
   EXTRA SMALL DEVICES
=================================================== */

@media(max-width:360px){

	h1{
		font-size:32px;
	}

	h2{
		font-size:28px;
	}

	.ulg-btn{
		font-size:14px;
	}

	.ulg-genie-box{
		width:
		calc(100vw - 12px);
	}
}