@media (min-width: 576px) {
	.hero__text {
		padding-left: calc(50vw - 270px);
	}
	.hero__pagination {
		left: calc(50vw - 270px) !important;
	}
}

@media (min-width: 768px) {
	.hero__text {
		padding-left: calc(50vw - 360px);
	}
	.hero__pagination {
		left: calc(50vw - 360px) !important;
	}
}

@media (min-width: 992px) {
	.hero__text {
		padding-left: calc(50vw - 480px);
	}
	.hero__pagination {
		left: calc(50vw - 480px) !important;
	}
}

@media (min-width: 1200px) {
	.hero__text {
		padding-left: calc(50vw - 570px);
	}
	.hero__pagination {
		left: calc(50vw - 570px) !important;
	}
}

@media (min-width: 1400px) {
	.hero__text {
		padding-left: calc(50vw - 660px);
	}
	.hero__pagination {
		left: calc(50vw - 660px) !important;
	}
}

/* =============================================
   RESPONSIVE  (mobile handled in responsive.css)
   ============================================= */

@media (max-width: 767px) {

	.desktop {
		display: none !important;
	}

	.mobile {
		display: flex !important;
	}

    .hero__inner {
		display: flex;
        align-items: end;
	 }
    .hero__img   { display: none; }
    .hero__text  {
        padding: 52px 20px 80px;
        height: 40%;
        width: 100%;
    }
    .hero__text h1 { font-size: 28px; }
    .hero__pagination { 
		left: 20px !important; 
    	bottom: 40px !important;
	}

    .about { padding: 56px 0; }
    .about__inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .about__logo { display: flex; justify-content: center; }
    .about__logo img { width: 200px; }
    .about__content > p { max-width: none; }
	.about__imgs {
		grid-template-columns: repeat(1, 1fr);
	}
	.about__img img {
		width: 100%;
	}

    .services { padding: 48px 0; }

	.arrow-btn {
		width: 40px;
		height: 40px;
	}

    .adv { padding: 56px 0; }
    .adv > .container > h2 { font-size: 26px; margin-bottom: 28px; }
    .adv__grid { grid-template-columns: 1fr; gap: 22px; }

    .price { padding: 0 0 40px; }
    .price__content { padding: 36px 24px; gap: 24px; }
    .price__content h2 { font-size: 22px; }
    .price__row { max-width: none; }
	.price__img {
		position: relative;
		top: -14px;
		right: 0px;
	}

    .contact { padding: 56px 0; }
    .contact__left h2 { font-size: 26px; margin-bottom: 24px; }
    .form-row-2 { grid-template-columns: 1fr; }
    .contact__form-wrap { padding: 22px 16px; }

    .footer__inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 30px;
        height: auto;
        padding: 30px 20px;
    }
}

@media (max-width: 1024px) {
    .header__inner { 
		gap: 20px; 
        justify-content: space-between;
	}

    .hero__text { padding: 48px 36px 72px 44px; }
    .hero__text h1 { font-size: 30px; }
    .hero__pagination { left: 44px !important; }

    .adv__inner  { grid-template-columns: 1fr; }
    .price__inner { grid-template-columns: 1fr; }
    .contact__inner { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 1200px) {
	.adv__img.desktop {
		display: none;
	}
	.adv__img.mobile {
		display: block;
	}
	.adv__inner {
		grid-template-columns: 1fr;
	}
}