@media (max-width: 1399.98px) { 
    .navbar {font-size: 14px;}

    .showcase__intro br,
    .lp-about br {display: none;} 

    .lp-about__content img {height: 125px;}

    .lp-coverage,
    .lp-coverage__hover-map {background-position: 330px center;}

    .card {
        --bs-card-spacer-y: 34px;
        --bs-card-spacer-x: 45px;
        --bs-card-title-spacer-y: 15px;
    }
    .lp-company__group {padding: 34px 45px;}
    .lp-footer__container {padding-left: 45px;}
}


@media (max-width: 1199.98px) { 

    .navbar {
        --bs-navbar-toggler-padding-y: 0;
        --bs-navbar-toggler-padding-x: 10px;
        --bs-navbar-toggler-focus-width: 0;
        --bs-navbar-toggler-icon-bg: none;
        --bs-navbar-toggler-border-color: #344786;
        font-size: 1rem;
    }
    .navbar-toggler {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-width: 2px;
        gap: 5px;
        width: 49px;
        height: 49px;
        overflow: hidden;
    }
    .navbar-toggler-icon {
        background-color: #344786;
        width: 100%;
        height: 2px;
        position: relative;
        transition: all .3s ease-in-out;
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {transform: translateX(100px);}
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:first-of-type {transform: rotate(45deg) translate(5px, 5px);}
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:last-of-type {transform: rotate(-45deg) translate(5px, -5px);}

    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-width: 460px;
        height: calc(100vh - 106px);
        background-color: var(--bs-white);
        padding-left: 69px;
    }
    .collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }
    .navbar-collapse.show {
        animation: fadeInLeft .6s ease-in-out 0s forwards;
    }


    .lp-about__intro,
    .lp-about__content,
    .lp-advantages__item,
    .bussiness-progress {
        padding-left: 45px;
        padding-right: 45px;
    }
    .lp-about .row {
        --bs-gutter-x: 24px;
    }
    .lp-about__content img {height: 110px;}

    .bussiness-progress,
    .progress {font-size: 1.5rem;}

    .lp-company .card {
        --bs-card-spacer-x: 24px;
    }
}


@media (max-width: 991.98px) { 

    .navbar__contacts {flex: 1;}
    .lp-footer__container {padding: 24px;}
    .lp-footer-logo {padding-top: 0;}
    .showcase__intro::after, 
    .showcase__intro::before {bottom: -50px;}

    .lp-about__intro, 
    .lp-about__content, 
    .lp-advantages__item, 
    .bussiness-progress {
        padding-left: 24px;
        padding-right: 24px;
    }
    .lp-about__intro {
        padding-top: 25px;
        padding-bottom: 21px;
    }
    .lp-about__content {
        padding-top: 22px;
        padding-bottom: 4px;
    }
    .lp-about__content img {height: 84px;}

    .lp-specializations__item .item-description {padding: 27px 24px 21px 38px;}

    .card {
        --bs-card-spacer-y: 24px;
        --bs-card-spacer-x: 24px;
    }

    .lp-company__group,
    .lp-coverage {padding: 24px;}
    .lp-coverage, .lp-coverage__hover-map {
        background-position: 100px center;
        background-size: cover;
    }

    .bussiness-progress, .progress {font-size: 1rem;}
}


@media (max-width: 767.98px) { 

    .lp-about__content img {
        height: 100px;
        margin-bottom: 14px;
    }

    .lp-coverage, .lp-coverage__hover-map {background-position: -50px center;}
    .lp-advantages__item {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}


@media (max-width: 575.98px) { 
    #lp-content {overflow-x: hidden !important;}

    h1 {font-size: 2.25rem;}
    h2, .h2 {font-size: 1.5rem;}
    h3, .h3 {font-size: 1.125rem;}
    h4 {font-size: 1rem;}

    .lp-heading {
        font-size: 1rem;
        margin-bottom: 15px;
        padding-right: 110px;
    }
    .lp-heading::after, 
    .lp-heading::before {
        bottom: auto;
        top: 8px;
    }
    .lp-heading::before {margin-top: 25px;}

    .navbar {padding-top: 87px;}
    .navbar__contacts {
        border-bottom: 1px solid var(--bs-dark-text-emphasis);
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        padding: 12px;
    }
    .navbar__contacts li:first-child {display: none;}
    .navbar.scrolled {
        transform: translateY(-63px);
    }
    

    .navbar-collapse {padding-left: 37px;}
    .showcase {
        min-height: auto;
        padding-top: 220px;
    }
    .lp-about__content img {height: 80px;}
    .lp-about__content h3 {margin-bottom: 14px;}

    .lp-about,
    .lp-specializations,
    .lp-coverage {margin-bottom: 37px;}

    .lp-about__intro {padding-bottom: 5px;}
    .lp-about__content img {
        width: 100%;
        height: auto;
    }

    .lp-specializations__item .item-description {padding: 22px 24px 14px 35px;}
    .lp-specializations__item h3,
    .lp-varieties .card h2 {margin-bottom: 11px;}
    .lp-specializations__item p:not(:last-of-type),
    .lp-varieties .card p:not(:last-of-type) {margin-bottom: 6px;}

    .lp-coverage {padding: 18px 24px;}
    .lp-coverage__heading {
        margin-bottom: 16px;
        padding-right: 0;
    }

    .lp-advantages,
    .lp-advantages__item p {margin-bottom: 0;}
    .lp-advantages__item.w-100 {
        padding-top: 26px;
    }
    .lp-advantages__item.w-100 h3 {
        padding-right: 120px;
    }
    .lp-advantages__item.w-100 img {
        position: absolute;
        top: 0;
        right: 0;
        margin: 10px 24px 0 0;
    }

    .lp-experience,
    .lp-bussiness {margin-bottom: 14px;}
    .lp-experience__intro {margin-bottom: 21px;}
    .lp-experience__intro h2, 
    .lp-experience__intro .h2,
    .lp-bussiness .lp-heading {margin-bottom: 16px;}
    .lp-experience .card-img-top,
    .lp-company .card-img-top {height: 200px;}

    .bussiness-progress {
        padding-top: 23px;
        padding-bottom: 21px;
    }

    .lp-company .card p {margin-bottom: 5px;}
    .lp-company .card p:last-of-type {margin-bottom: 12px;}
    .lp-company .card ul {margin-bottom: -9px;}

    .lp-experience .card ul li, .lp-company__group ul li {padding-left: 24px;}

    .lp-footer__container {margin-bottom: calc(var(--bs-gutter-x) * .5);}
    .lp-footer__container h3 {margin-bottom: 10px;}
    .lp-footer__container h5 {margin-top: 0;}
    .lp-footer__container ul {margin-bottom: 24px;}

}