/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .pe-banner-right {
        max-width: 270px;
    }

}


    /*
====================================
Small Screen - Tablet and mobile
====================================
*/
    @media screen and (max-width: 991px) {

        .pe-banner {
            flex-direction: column;
            padding: 0 32px 0px 22px;
            align-items: center;
        }

        .pe-banner-left > h1 > p {
            padding-bottom: 20px;
        }

        .pe-banner-right {
            margin: 16px 8px 8px 8px;
        }

        .pe-banner-logo {
            flex-direction: column;
            gap: 8px;
            padding-bottom: 8px;
        }

        .pe-banner-save {
            margin: auto;
            left: unset;
        }
    }

    @media screen and (max-width: 767px) {
        .pe-banner-left > h2 > p {
            font-size: 28px;
        }

        .pe-banner-left > h1 > p {
            font-size: 42px;
            line-height: 40px;
        }
    }