.banner {
    display: flex;
    position: relative;
    width: 100%;
    max-width: var(--saitMaxWidth);
    max-height: 500px;
    justify-content: center;
    overflow: hidden;
}

.bannerLogo {
    display: flex;
    align-self: flex-start;
    width: 85px;
    height: 95px;
}

.bannerImg {
    object-fit: cover;
    object-position: 0px 0px;
    height: 505px;
}

.bannerBoxText {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.bannerTextContainer {
    display: flex;
    width: 100%;
    justify-content: center;
}

.bannerText {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 150px 20px 20px 50px;
}

.bannerHead {
    display: none;
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    padding: 20px 0px 30px 0px;
    justify-content: start;
}

.bannerInfo {
    display: flex;
    color: #eaeaea;
    padding: 10px 0px 0px 0px;
    font-size: 33px;
    font-weight: 500;
    justify-content: start;
    text-align: left;
    line-height: 39px;
}

.bannerInfoDown {
        display: flex;
        color: #eaeaea;
        padding: 40px 0px 0px 0px;
        font-size: 20px;
        font-weight: 100;
        justify-content: start;
        text-align: left;
    }

    .bannerPhoneEmailWrap {
        display: none;
    }



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .banner {
        display: flex;
        position: relative;
        width: 100%;
        max-width: var(--saitMaxWidth);
        max-height: 420px;
        justify-content: center;
        overflow: hidden;
    }

    .bannerTextContainer {
        display: flex;
        position: absolute;
        width: 80%;
        height: 100%;
        justify-content: center;
    }

    .bannerText {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 150px 20px 20px 15px;
    }

    .bannerHead {
        display: none;
        color: #fff;
        font-size: 50px;
        font-weight: bold;
        padding: 20px 0px 30px 0px;
        justify-content: start;
    }

    .bannerInfo {
        display: flex;
        color: #eaeaea;
        padding: 10px 0px 0px 0px;
        font-size: 24px;
        font-weight: 500;
        justify-content: start;
        text-align: left;
        line-height: 29px;
    }

    .bannerInfoDown {
        display: flex;
        color: #eaeaea;
        padding: 23px 0px 0px 0px;
        font-size: 13px;
        font-weight: 100;
        justify-content: start;
        text-align: left;
    }

    .bannerPhoneEmailWrap {
        display: none;
        width: 100%;
        height: 100px;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0px 20px 0px 20px;
    }
}



/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .banner {
        display: flex;
        position: relative;
        width: 100%;
        max-width: var(--saitMaxWidth);
        max-height: 420px;
        justify-content: center;
        overflow: hidden;
    }

    .bannerImg {
        object-fit: cover;
        object-position: -107px -27px;
        height: 560px;
    }

    .bannerTextContainer {
        display: flex;
        position: absolute;
        width: 80%;
        height: 100%;
        justify-content: center;
    }

    .bannerText {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 150px 20px 20px 0px;
    }

    .bannerHead {
        display: none;
        color: #fff;
        font-size: 50px;
        font-weight: bold;
        padding: 20px 0px 30px 0px;
        justify-content: start;
    }

    .bannerInfo {
        display: flex;
        color: #eaeaea;
        padding: 10px 0px 0px 0px;
        font-size: 25px;
        font-weight: 500;
        justify-content: start;
        text-align: left;
        line-height: 34px;
    }

    .bannerInfoDown {
        display: flex;
        color: #eaeaea;
        padding: 40px 0px 0px 0px;
        font-size: 13px;
        font-weight: 100;
        justify-content: start;
        text-align: left;
    }

}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .banner {
        display: flex;
        position: relative;
        width: 100%;
        max-width: var(--saitMaxWidth);
        max-height: 500px;
        justify-content: center;
        overflow: hidden;
    }

    .bannerImg {
        object-fit: cover;
        object-position: 0px 0px;
        height: 618px;
    }

    .bannerBoxText {
        display: flex;
        position: absolute;
        width: 100%;
        height: 500px;
        justify-content: center;
    }
    
    .bannerTextContainer {
        display: flex;
        position: absolute;
        width: 80%;
        height: 100%;
        justify-content: center;
    }
    
    .bannerText {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 150px 20px 20px 50px;
    }
    
    .bannerHead {
        display: none;
        color: #fff;
        font-size: 50px;
        font-weight: bold;
        padding: 20px 0px 30px 0px;
        justify-content: start;
    }
    
    .bannerInfo {
        display: flex;
        color: #eaeaea;
        padding: 10px 0px 0px 0px;
        font-size: 33px;
        font-weight: 500;
        justify-content: start;
        text-align: left;
        line-height: 39px;
    }
    
    .bannerInfoDown {
        display: flex;
        color: #eaeaea;
        padding: 40px 0px 0px 0px;
        font-size: 20px;
        font-weight: 100;
        justify-content: start;
        text-align: left;
    }

    .bannerPhoneEmailWrap {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100px;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0px 20px 0px 20px;
    }

    .bannerPhoneEmailWrapWrap {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100px;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0px 20px 0px 20px;
    }

    .bannerPhone {
        display: flex;
        justify-content: start;
        align-items: center;
        width: 100%;
        height: 50px;
    }

    .bannerPhone p{
        display: flex;
        font-size: 28px;
        color: #bfbfbf;
    }

    .bannerEmail {
        display: flex;
        justify-content: start;
        align-items: center;
        width: 100%;
        height: 50px;
    }

    .bannerEmail p{
        display: flex;
        font-size: 16px;
        color: #bfbfbf;
    }
}
    

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .banner {
        display: flex;
        position: relative;
        width: 100%;
        max-width: var(--saitMaxWidth);
        max-height: 500px;
        justify-content: center;
        overflow: hidden;
    }

    .bannerImg {
        object-fit: cover;
        object-position: 0px -93px;
        height: 718px;
    }

    .bannerTextContainer {
        display: flex;
        position: absolute;
        width: 80%;
        height: 100%;
        justify-content: center;
    }

    .bannerText {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 150px 20px 20px 50px;
    }

    .bannerHead {
        display: none;
        color: #fff;
        font-size: 50px;
        font-weight: bold;
        padding: 20px 0px 30px 0px;
        justify-content: start;
    }

    .bannerInfo {
        display: flex;
        color: #eaeaea;
        padding: 10px 0px 0px 0px;
        font-size: 33px;
        font-weight: 500;
        justify-content: start;
        text-align: left;
        line-height: 39px;
    }

    .bannerInfoDown {
        display: flex;
        color: #eaeaea;
        padding: 40px 0px 0px 0px;
        font-size: 20px;
        font-weight: 100;
        justify-content: start;
        text-align: left;
    }
}



/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .banner {
        display: flex;
        position: relative;
        width: 100%;
        max-width: var(--saitMaxWidth);
        max-height: 500px;
        justify-content: center;
        overflow: hidden;
    }

    .bannerImg {
        object-fit: cover;
        object-position: 0px -191px;
        height: 813px;
    }

    .bannerTextContainer {
        display: flex;
        position: absolute;
        width: 80%;
        height: 100%;
        justify-content: center;
    }

    .bannerHead {
        display: none;
        color: #fff;
        font-size: 50px;
        font-weight: bold;
        padding: 20px 0px 30px 0px;
        justify-content: start;
    }

    .bannerInfo {
        display: flex;
        color: #eaeaea;
        padding: 10px 0px 0px 0px;
        font-size: 33px;
        font-weight: 500;
        justify-content: start;
        text-align: left;
        line-height: 39px;
    }

    .bannerInfoDown {
        display: flex;
        color: #eaeaea;
        padding: 40px 0px 0px 0px;
        font-size: 20px;
        font-weight: 100;
        justify-content: start;
        text-align: left;
    }

    .bannerPhoneEmailWrap {
        display: flex;
        flex-direction: row-reverse;
        align-items: end;
    }

    .bannerPhoneEmailWrapWrap {
        display: flex;
        flex-direction: row-reverse;
        align-items: end;
    }
}



/* XX-Large devices (larger desktops, 1600px and up)*/
@media (min-width: 1600px) {
    .bannerImg {
        object-fit: cover;
        object-position: 0px -259px;
        height: 917px;
    }
}



/* XX-Large devices (larger desktops, 1800px and up)*/
@media (min-width: 1800px) {
    .bannerImg {
        object-fit: cover;
        object-position: 0px -315px;
        height: 994px;
    }
}