.padding-pak {
    padding-left: 5%;
    padding-right: 5%;
}

.custom-hidden {
    visibility: hidden;
}

.custom-border {
    border-style: solid;
}

@media (min-width: 1024px) {
    .b-r-s {
        border: 1px black;
        border-right-style: solid;
        padding-block: 1rem;
    }

    .b-l-s {
        border: 1px black;
        border-left-style: solid;
        padding-block: 1rem;
    }

    .b-m-s {
        padding-block: 1rem;
    }
}

@media (min-width:1440px) {
    .leave-cords {
        padding-top: 5%;
    }

    .bold-exteriors {
        padding-top: 3%;
    }

    .engine {
        padding-top: 3%;
    }

    .looking-good {
        padding-top: 3%;
    }

    .ample-space-img {
        padding-top: 2%;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .engine-img {
        padding-top: 5%;
    }

    .transmission-img {
        padding-top: 10%;
    }

    .stylish-comfort-img {
        padding-top: 8%;
    }

    .infotainment-img {
        padding-top: 15%;
    }

    .premium-img {
        padding-top: 20%;
    }

    .ample-space-img {
        padding-top: 15%;
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .infotainment-img {
        padding-top: 2%;
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    .infotainment-img {
        padding-top: 10%;
    }
}

@media (min-width:1025px) and (max-width:1439px) {
    .leave-cords {
        padding-top: 4%;
    }

    .ample-space-img {
        padding-top: 5%;
    }
}

@media (min-width:767px) and (max-width:768px) {
    #mainid>.iimg {
        height: 700px;
    }
}

@media(max-width:1200px) {
    .px-xl-8 {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
}

@media(max-width:992px) {
    .px-xl-8 {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
}

@media(max-width:768px) {
    .p-md-5 {
        padding: 0% !important;
    }
}

.p-4 {
    padding: 0% !important;
}

.heading-text-2 {
    font-size: 40px !important;
    font-weight: 900;
}

.heading-text-3 {
    font-size: 30px;
    font-weight: 700;
}

.container>.banner-text>.col-sm-4>.imgcontainer>.icons {
    width: 230px;
    height: 160px;
}

.heading-text-4 {
    font-size: 22px;
    font-weight: 700;
}

.heading-text-5 {
    font-size: 20px;
    font-weight: 700;
}

.content-spacing {
    padding-top: 4%;
}

.content-spacing-2 {
    padding-top: 10%;
}

.content-spacing-3 {
    padding-top: 5%;
}

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

.banner-text {
    text-align: center;
    color: black;
}

h1.header {
    display: none;
}

#mainid .titlehead {
    text-transform: capitalize !important;
    text-shadow: 0 3px 10px #000000;
}

.col-sm-4>.imgcontainer>.icons {
    width: 230px;
    height: 160px;
}

.content-spacing>.yo {
    padding-top: 10%;
}

.container>.content-spacing>.row>.COA {
    padding-top: 5%;
}

#mainid img.img-responsive {
    object-position: center;
    width: 100%;
    height: 330px;
    object-fit: contain;
}

#mainid img.img-responsive-2 {
    object-position: center;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 425px) {
    .col-sm-4>.imgcontainer>.iimg {
        height: 270px;
    }

    #mainid img.img-responsive {
        object-position: center;
        width: 100%;
        height: 180px;
        object-fit: contain;
    }
}

#mainid .container-fluid {
    padding: 0;
}

#mainid figure.imgcontainer,
#mainid p {
    margin-top: 10px;
}

@media (min-width: 1200px) {
    .container {
        width: 1200px !important;
    }
}

#mainid .row {
    max-width: 1500px;
    margin: auto;
}

#mainid .row.row1 {
    max-width: unset !important;
}

a.button1 {
    cursor: pointer;
}

.button1:visited {
    color: white;
}

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

.textwhite {
    color: #ffffff;
}

.textdark {
    color: #000000;
}

h2 {
    font-size: 45px;
    font-weight: 700;
}

.container>.row>h2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
}

.container>.row>p {
    font-size: 48px;
    line-height: 56px;
}

div>h3 {
    font-size: 28px;
    font-weight: 700;
}

.banner-text>.col-sm-4>h3 {
    font-size: 30px;
    font-weight: 700;
}

.content-spacing>h3 {
    font-size: 30px;
    font-weight: 700;
}

.w700 {
    font-weight: 700 !important;
}

.w700>.col-sm-4>h3 {
    font-weight: 700
}

.w600 {
    font-weight: 600 !important;
}

.w500 {
    font-weight: 500 !important;
}

.w400 {
    font-weight: 400 !important;
}

#mainid img.img-responsive:hover {
    transform: scale(1.1);
}

#mainid img.img-responsive {
    transition: all 0.5s;
}

#mainid figure.imgcontainer {
    position: relative;
    padding: 0px;
    overflow: hidden;
}

#mainid .button1 {
    background: #EB0A1E;
    display: block;
    margin: 20px auto;
    text-decoration: none;
}

#mainid .button1:hover {
    background: #ba0818;
    text-decoration: none;
    transition: 0.7s;
}

#bgimage3.container-fluid>div {
    padding: 15px 0;
}

#bgimage3>div:nth-child(6)>div:nth-child(1)>p:nth-child(2) {
    max-width: 100%;
}

#bgimage3>div:nth-child(7)>div:nth-child(1)>p:nth-child(2) {
    max-width: 280px;
}

#bgimage3>div:nth-child(7)>div>p.w700,
#bgimage3>div:nth-child(6)>div>p.w700 {
    margin-top: 20px;
}

#bgimage4 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://di-uploads-pod6.dealerinspire.com/moderntoyota/uploads/2024/04/2024-Toyota-RAV4.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media(max-width: 375px) {
    .small-picture {
        object-fit: contain;
        position: relative;
        padding: 0px;
        overflow: hidden;
    }
}

@media(max-width:767px) {
    #mainid .height200 {
        height: 200px;
    }

    #mainid .height180 {
        height: 180px;
    }

    #mainid .heightauto {
        height: auto;
    }

    #mainid p,
    #mainid ul {
        font-size: 18px;
        font-weight: 300;
        line-height: 1.3em;
    }

    #mainid ul>li {
        margin-left: 36px;
    }

    #mainid .title323648 {
        font-size: 35px;
        font-weight: 700;
        line-height: 1.3em;
    }

    #mainid .title2632 {
        font-size: 26px;
        font-weight: 600;
        line-height: 1.3em;
    }

    #mainid .title3648 {
        font-size: 36px;
        font-weight: 600;
        line-height: 1.3em;
    }

    #mainid .title2936 {
        font-size: 29px;
        font-weight: 700;
        line-height: 1.3em;
    }

    #mainid .title2830 {
        font-size: 28px;
        font-weight: 600;
        line-height: 1.3em;
    }

    #mainid .title1924 {
        font-size: 19px;
        font-weight: 600;
        line-height: 1.3em;
    }

    #mainid .titlebold {
        font-weight: 700;
    }

    #mainid .button1 {
        font-size: 15px;
        font-weight: 700;
        line-height: 1em;
        padding: 16px 0px;
        width: 100%;
        color: #ffffff;
        text-align: center;
        margin-bottom: 10px;
        text-decoration: none;
    }

    #mainid img.img-responsive {
        object-position: center;
    }

    #mainid .titlehead {
        color: #000000;
    }

    #bgimage2.container-fluid.text-center {
        padding: 15px 0;
    }

    .bgimage1>div>div>span.title323648.titlehead {
        text-align: center;
        text-shadow: unset;
    }
}

@media (min-width: 768px) and (max-width: 1440px) {
    .bgimage1.container-fluid {
        height: 500px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .bgimage1>div>div>h2,
    .bgimage1>div>div>h1 {
        width: 563px;
    }

    #mainid .title323648 {
        font-size: 36px !important;
        font-weight: 700;
        line-height: 1.3em;
    }

    .bgimage1>div>div>div {
        height: 375px !important;
    }
}

@media(min-width:768px) {
    #mainid .height300 {
        height: 300px;
    }

    #mainid .height454 {
        height: 454px;
    }

    #mainid .height650 {
        height: 650px;
    }

    #mainid p,
    #mainid ul {
        font-size: 22px;
        font-weight: 300;
        line-height: 1.3em;
    }

    #mainid ul>li {
        margin-left: 44px;
    }

    #mainid .title323648 {
        font-size: 60px;
        font-weight: 700;
        line-height: 1.3em;
    }

    #mainid .title2632 {
        font-size: 32px;
        font-weight: 600;
        line-height: 1.3em;
    }

    #mainid .title3648 {
        font-size: 48px;
        font-weight: 600;
        line-height: 1.3em;
    }

    #mainid .title2936 {
        font-size: 36px;
        font-weight: 700;
        line-height: 1.3em;
    }

    #mainid .title2830 {
        font-size: 30px;
        font-weight: 600;
        line-height: 1.3em;
    }

    #mainid .title1924 {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.3em;
    }

    #mainid .titlebold {
        font-weight: 700;
    }

    #mainid .button1 {
        font-size: 15px;
        font-weight: 700;
        line-height: 1em;
        padding: 16px 0px;
        width: 100%;
        max-width: 222px;
        color: #ffffff;
        text-align: center;
    }

    #mainid figure>img.img-responsive {
        object-position: center;
    }

    .bgimage1 {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://di-uploads-pod6.dealerinspire.com/moderntoyota/uploads/2024/04/2024-Toyota-RAV4.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .bgimage1>div>div>div {
        height: 446px;
    }

    .bgimage1>div>div {
        text-align: left;
    }

    #mainid .titlehead {
        color: #ffffff;
    }

    .bgimage1>div>div {
        max-width: 1100px;
        margin: 0;
        float: unset;
    }

    .bgimage1.container-fluid {
        padding: 50px 40px 20px;
    }

    #bgimage2.container-fluid.text-center {
        padding: 15px 40px;
    }

    #bgimage3.container-fluid {
        padding: 40px 0px 50px;
    }

    #bgimage5.container-fluid {
        padding: 40px 40px 20px;
    }

    .bgimage1>div>div>span.title323648.titlehead {
        text-align: left;
        text-shadow: unset;
    }
}