*,
main .container-fluid {
    padding: 0
}

#bgimage5>div>div.col-sm-12.col-md-6>div.row.row1>div.col-sm-6.col-md-12 {
    padding: 0 !important
}

#content>section>div {
    width: unset !important;
    padding: 0 !important;
    margin: 0 !important
}

h1.header {
    display: none
}

.titlehead {
    display: inline !important;
    text-transform: capitalize !important
}

main img.img-responsive {
    width: 100%;
    transition: .5s
}

main img.img-responsive1 {
    width: 100%;
    height: auto
}

main .row {
    max-width: 1200px;
    margin: auto
}

main .row.row1 {
    max-width: unset !important
}

a.button1 {
    cursor: pointer
}

.button1:hover,
.button1:visited,
.textwhite {
    color: #fff
}

.button1,
main figure.imgcontainer {
    margin: 10px 0
}

* {
    margin: 0;
    box-sizing: border-box
}

.textdark {
    color: #000
}

.w700 {
    font-weight: 700 !important
}

.w600 {
    font-weight: 600 !important
}

.w500 {
    font-weight: 500 !important
}

.w400 {
    font-weight: 400 !important
}

main img.img-responsive:hover {
    transform: scale(1.1)
}

main figure.imgcontainer {
    position: relative;
    padding: 0;
    overflow: hidden
}

#bgimage3>div {
    padding: 15px 0
}

#bgimage5>div>div.hidden-sm.col-md-6>figure>img {
    width: 100%;
    object-fit: cover
}

@media(max-width:767px) {

    .title2830,
    .title3648,
    .title3848 {
        font-weight: 500;
        line-height: 1.3em
    }

    .title1924,
    .title2430,
    .title2830,
    .title2936,
    .title3648,
    .title3848,
    main p,
    main ul {
        line-height: 1.3em
    }

    #bgimage1,
    #bgimage2,
    #bgimage2>div {
        padding: 15px 0
    }

    main p,
    main ul {
        font-size: 18px;
        font-weight: 300
    }

    main ul>li {
        margin-left: 36px
    }

    .title3648 {
        font-size: 36px
    }

    .title3848 {
        font-size: 38px
    }

    .title2830 {
        font-size: 28px
    }

    .title2936 {
        font-size: 29px;
        font-weight: 600
    }

    .title2430 {
        font-size: 24px;
        font-weight: 700
    }

    .title1924 {
        font-size: 19px;
        font-weight: 500
    }

    .button1,
    .titlebold {
        font-weight: 700
    }

    .button1 {
        font-size: 15px;
        line-height: 1em;
        padding: 16px 0;
        display: inline-block;
        width: 100%;
        color: #fff;
        background: #c3002f;
        text-align: center
    }

    .button1:hover {
        text-decoration: none;
        background: #c3002f
    }

    main img.img-responsive {
        object-fit: cover;
        object-position: center
    }

    #bgimage1 {
        color: #000
    }

    #youtubeVideo1 {
        height: 180px
    }

    .h220250,
    .h333250 {
        height: 250px
    }

    .h450193 {
        height: 193px
    }

    .h170200 {
        height: 200px
    }

    #bgimage4 {
        height: 181px
    }
}

@media all and (min-width:768px) and (max-width:1024px) {
    #bgimage1>div>div {
        width: 563px !important
    }
}

@media(min-width:768px) {

    .title2830,
    .title2936,
    .title3648,
    .title3848 {
        font-weight: 600;
        line-height: 1.3em
    }

    .title1924,
    .title2430,
    .title2830,
    .title2936,
    main p,
    main ul {
        line-height: 1.3em
    }

    main p,
    main ul {
        font-size: 22px;
        font-weight: 300
    }

    main ul>li {
        margin-left: 44px
    }

    .title3648,
    .title3848 {
        font-size: 48px
    }

    .title2830 {
        font-size: 30px
    }

    .title2936 {
        font-size: 36px
    }

    .title2430 {
        font-size: 30px;
        font-weight: 700
    }

    .title1924 {
        font-size: 24px;
        font-weight: 500
    }

    .button1,
    .titlebold {
        font-weight: 700
    }

    .button1 {
        font-size: 15px;
        line-height: 1em;
        padding: 16px 0;
        display: inline-block;
        width: 100%;
        max-width: 222px;
        color: #fff;
        background: #c3002f;
        text-align: center
    }

    .button1:hover {
        text-decoration: none;
        background: #c3002f
    }

    main figure>img.img-responsive {
        object-fit: cover;
        object-position: center
    }

    .h333250 {
        height: 333px
    }

    .h450193 {
        height: 450px
    }

    .h220250 {
        height: 220px
    }

    .h170200 {
        height: 170px
    }

    #bgimage1 {
        background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)) center/cover no-repeat, url(https://di-uploads-pod34.dealerinspire.com/modernnissanofconcord/uploads/2024/08/frontier-bg-image-1.webp) center/cover no-repeat;
        height: 600px;
        color: #fff;
        padding: 50px 40px 20px
    }

    #bgimage4 {
        background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)) center/cover no-repeat, url(https://di-uploads-pod34.dealerinspire.com/modernnissanofconcord/uploads/2024/08/frontier-bgimage4.webp) center/cover no-repeat;
        height: 650px
    }

    #bgimage1>div>div {
        width: 563px !important
    }

    #bgimage2 {
        padding: 50px 40px
    }

    #bgimage2>div {
        padding: 15px 0
    }

    #bgimage3,
    #bgimage5 {
        padding: 40px 40px 20px
    }

    #youtubeVideo1 {
        height: 356px
    }

    #bgimage6 {
        padding: 20px 40px 70px
    }

    #bgimage5>div>div.hidden-sm.col-md-6>figure>img {
        height: 353px;
        object-position: 33% 50%
    }
}