@media screen and (max-width:1650px) {

    /* - - - Hero: */
    #heroHeadline {
        padding-top: 50px;
    }

}

@media screen and (max-width:1500px) {
    
    /* - - - Carousel: */
    #vehicleCarouselCont {
        padding: 100px 0;
    }

    /* - - - Hero: */
    #heroHeadline {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width:1300px) {

    /* - - - Hero: */
    #heroHeadline {
        padding-top: 70px;
    }

    #paragonMPGh1 {
        font-size: 70px;
    }

    #firstSubHeadline {
        font-size: 30px;
    }

    /* - - - Carousel: */
    #carouselCont {
        width: 80%;
    }

}

@media screen and (max-width:1200px) {

    /* - - - Carousel: */
    #vehicleCarouselCont {
        padding: 100px 0; 
    }

}

@media screen and (max-width:1000px) {

    /* - - - Carousel: */
    #carouselCont {
        height: 570px;
    }

}

@media screen and (max-width:950px) {

    /* - - - Hero: */
    #headlineLineBreak {
        display: none;
    }

}

@media screen and (max-width:800px) {

    /* - - - Hero: */
    #MPG_hero {
        max-height: 900px;
    }
    #paragonMPGh1 {
        font-family: Avenir Next LTPro Bold;
        font-size: 55px;
    }

    .paragonMPGh4 {
        font-size: 30px !important;
    }

    #firstSubHeadline {
        display: none;
    }    

    #SecondSubHeadline {
        display: inline;
    }

    /* - - - Carousel: */
    #vehicleCarouselCont {
        padding: 40px 0 60px; 
    }

    #carouselDiscCont, .carIMGmobile {
        display: inline-block;
    }
    
    #carouselCont {
        height: 510px;
    }

    .carouselTitleCont {
        font-size: 25px;
    }
    
    .carLabel {
        font-size: 35px;
    }

    .carIMG {
        display: none;
    }

    /* - - - Arrows: */
    #carouselArrowCont {
        width: 97.2%;
    }
}

@media screen and (max-width:700px) {

    /* - - - Carousel: */
    #carouselCont {
        height: 430px;
    }

    /* - - - Hero: */
    #paragonMPGh1 {
        font-size: 45px;
    }

    .paragonMPGh4 {
        font-size: 25px !important;
    }

}

@media screen and (max-width:600px) {

    /* - - - Hero: */
    #MPG_hero {
        max-height: 500px;
        background-image: url('https://service.secureoffersites.com//images/GetLibraryImage?fileNameOrId=125711');
    }

    #paragonMPGh1 {
        font-size: 35px;
    }

    .paragonMPGh4 {
        font-size: 20px !important;
    }

    #heroButtonCont {
        display: none;
    }

    /* - - - Carousel Buttons: */
    .buttonCont {
        width: 100%;
    }

    /* - - - Arrows: */
    #carouselArrowCont {
        height: 36px;
    }
    
    .carouselArrows {
        width: 36px;
        height: 36px;
    }

    .carArr {
        top: 12px;
    }
    
    #leftArrow {
        left: 15px;
    }
    
    #rightArrow {
        left: 10px;
    }

}

@media screen and (max-width:500px) {

    /* - - - - - - - - Carousel Buttons: */
    .buttonCont {
        flex-wrap: wrap;
    }

    .MPGbuttons {
        width: 100%;
        max-width: 180px;
    }

    /* - - - Carousel: */
    .carIMGmobile {
        top: 40%;
    }

    #carouselCont {
        height: 450px;
        width: 76%;
    }

    .carouselTitleCont {
        font-size: 20px;
    }
    
    .carLabel {
        font-size: 25px;
    }

}

@media screen and (max-width:450px) {

    /* - - - Hero: */
    #MPG_hero {
        height: 370px;
    }
    #paragonMPGh1 {
        font-size: 25px;
    }

    .paragonMPGh4 {
        font-size: 15px !important;
    }
    
}

@media screen and (max-width:400px) {

    /* - - - Carousel: */
    #carouselCont {
        height: 370px;
    }

    .carIMGmobile {
        top: 36%;
    }

    .carouselTitleCont {
        font-size: 16px;
    }
    
    .carLabel {
        font-size: 18px;
    }

}

@media screen and (max-width:350px) {
        

}