
@media screen and (max-width:990px) {
    #headerwrap {
        padding-top: 60px !important;
        /* padding-top: 80px !important; */
        min-height: 300px;
    }
}

@media screen and (max-width:500px) {
    #headerwrap {
        min-height: 250px;
    }

    .tagText {
        /* font-size: 1.2em !important; */
        margin: 0px;
        padding: 0px;
    }

    .tagline {
        /* font-size: 12px; */
        margin: 0px;
        padding: 0px;
    }
}

.tagline {
    padding-left: 0px;
}

@media (min-width:1367px) {
    #headerwrap {
        margin-top: 100px;
    }

    #bgImage {
        background-position: 0px;
    }
}

@media (min-width:768px) and (max-width:1366px) {
    #headerwrap {
        margin-top: 85px;
    }
}

@media (max-width:767px) {
    #headerwrap {
        margin-top: 70px;
    }
}

@media screen and (max-width: 319px) {
    #headerwrap {
        background-size: 305% auto;
        min-height: 145px;
    }

    #bgImage {
        background-size: 337% auto;
        min-height: 240px;
    }
}

@media (max-width: 320px) {
    #headerwrap {
        min-height: 190px;
    }

    #bgImage {
        background-size: 337% auto;
        min-height: 240px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    #headerwrap {
        min-height: 190px;
    }

    #bgImage {
        background-size: 337% auto;
        min-height: 240px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
    #headerwrap {
        /* background-size: 207% auto; */
        min-height: 235px;
    }

    #bgImage {
        background-size: 225% auto;
        min-height: 235px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 768px) {

    #headerwrap,
    #bgImage {
        min-height: 260px;
        background-size: 184% auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    #headerwrap,
    #bgImage {
        background-size: 157% auto;
        min-height: 270px;
    }

    #bgImage {
        background-position: -200px;
    }
}

@media only screen and (max-width: 1025px) and (min-width: 767px) {
    .imageText {
        /* font-size: 1.3em !important; */
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .BgImgSubHead {
        font-size: 14px;
    }
}