/* Load AFTER the unchanged assets/css/lasare.css.
 * Laptop viewport: 1200-1700 CSS pixels. This is CSS scaling, not browser zoom.
 * The original styles remain responsible for colors, images and typography.
 */
@media screen and (min-width: 1200px) and (max-width: 1700px) {
    html {
        zoom: 0.8;
    }

    .modal-box {
        max-height: 112.5vh;
    }

    .vd-modal {
        max-height: 106.25vh !important;
    }

    .error-section {
        min-height: calc(125vh - 72px);
    }
}

/* A 1200-1280px window corresponds to a 1500-1600px layout at 80%. */
@media screen and (width > 1200px) and (max-width: 1280px) {
    section.hero-section {
        padding: 0 30px;
    }

    .container {
        margin: 0 auto;
    }
}

/* Above 1280px the virtual layout is wider than the old 1600px breakpoint. */
@media screen and (width > 1280px) and (max-width: 1700px) {
    section.hero-section {
        padding: 0 70px;
    }

    .bl-sam-banner.wow.animated {
        height: 723px;
    }

    .container {
        padding: 0 24px;
        margin: 0 auto;
        width: 1440px !important;
    }

    .site-header .container {
        width: 100% !important;
    }

    section.partners-section .container {
        width: 1484px !important;
        display: block;
        justify-content: normal;
    }

    section.partner-about .container {
        width: 1589px !important;
    }

    section.Our.company .container {
        width: 100% !important;
    }

    .hero-section .hero-title {
        font-size: 90px !important;
        line-height: 150px !important;
        margin-left: 0 !important;
    }

    .lead-form-inner {
        width: 1440px;
    }

    .about-section {
        padding: 120px 240px;
    }

    section.page-hero.Services-page p {
        max-width: 50%;
        margin-bottom: 34px;
    }

    section.page-hero.Services-page h1 {
        margin-bottom: 38px;
    }

    section.page-hero.Services-page {
        background-size: auto;
        margin: 0 70px;
    }

    section.page-hero.Services-page.wow.animated {
        background-size: 43%;
    }

    section.page-hero.service-hero,
    section.page-hero.about-top-baner,
    section.about-why-section,
    section.page-hero.contact-top {
        margin: 0 70px;
    }

    section.page-hero.service-hero p.page-subtitle {
        font-size: 24px;
        max-width: 47%;
    }

    main#main-content {
        overflow: visible;
    }

    section.partner-about .partners-logos + .partners-logos {
        margin-left: -110px;
    }

    .why-lasare-adv-card {
        width: 32.1%;
    }

    /* Restore the contact form states overridden by the old laptop rule. */
    .contacts-section .bl-forma-contact-form.mobil {
        position: static !important;
        top: 650px !important;
        bottom: auto !important;
        align-self: auto !important;
        margin-bottom: 0 !important;
    }

    .contacts-section.wow.animated .bl-forma-contact-form.mobil {
        top: 20px !important;
    }

    .contacts-section.wow.animated .bl-forma-contact-form.mobil.fixed {
        position: sticky !important;
        top: 140px !important;
        margin-bottom: -220px !important;
    }

    .contacts-section.wow.animated .bl-forma-contact-form.mobil.noscroll {
        position: relative !important;
        top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* Preserve the existing padding rule for the virtual 1601-1800px layout. */
@media screen and (min-width: 1280.8px) and (max-width: 1440px) {
    .about-section {
        padding-left: 0;
        padding-right: 0;
    }
}