.nav-tog-cs {
    color: #E80F1F;
}

.cars-demo-pe {
    padding-right: 0 !important;
}

.cars-demo-ps {
    padding-left: 0;
}

.cars-demo-pt-sec {
    padding-top: 10px;
}

@media screen and (max-width:1200px) {
    .cars-demo-left img {
        position: static;
        width: 100%;
    }

    .car-details .sidebar-car .title h4 {
        font-size: 27px;
    }

    .modal-info-shadow,
    .model-info-top {
        margin-top: 0;
    }
    .info-content-scroll{
        height: fit-content;
        padding-right: 0;
        max-height: 100%;
    }
}

@media screen and (max-width:991px) {
    .navbar .navbar-nav .nav-link {
        color: #ccc !important;
        border-bottom: 1px solid #ccc;
        padding: 15px 0;
        font-size: 16px;
    }

    .navbar .dropdown:hover>.dropdown-menu {

        display: block;
    }

    .off-body-cs {
        background-color: #E80F1F;
    }

    .offcanvas-header .logo img {
        width: 180px !important;
    }

    .off-body-cs .btn-close {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #fff;
        color: #E80F1F;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 19px;
        opacity: 1;


    }

    .cars-demo-left {
        justify-content: center;
    }

    .cars-demo-left img,
    .car-colors {
        position: static;
    }

    .cars-demo-left {

        flex-direction: column;
    }

    .cars-demo-right {
        padding: 20px 0;
    }

    .cars-demo-pe {
        padding-right: 12px !important;
    }

    .cars-demo-ps {
        padding-left: 12px;
    }

    .col-reverse-lg,
    .flx-row-reverse {
        flex-direction: column-reverse;
    }

    .cars-demo-pt-sec {
        padding-top: 30px;
    }

    .second-footer .widget-area .widget {
        padding: 15px 0;
    }

    .section-padding {
        padding: 40px 0;
    }

    .second-footer .row .widget-area:first-child {
        margin-top: 35px;
    }

    .copyright p {
        text-align: center;
    }

    .ftr-bottom-social ul {
        justify-content: center !important;
        padding-top: 10px;
    }

    .about-main-left-img {
        height: 450px;
    }

    .about-main-right {
        margin-top: 10px;
    }

    .about-main-right p {
        line-height: 1.55em;
    }

    .contact-box .item {
        margin-bottom: 10px;
    }

    .gallery-col-flex {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

    .gallery-label img {
        width: 100px;
    }

    .model-short-desc p {
        line-height: 25px;
    }

    .model-feature {
        padding: 5px 0px;
    }

    .cars4 .sidebar-list .item {
        padding: 0;
    }

    .hongqi-promise-box-dt {
        min-height: unset;
        height: fit-content;
    }

    .section-padding-cs {
        padding-bottom: 10px;
    }

    /* .container-lg-100{
        max-width: 100%;
    } */
    .car-details .sidebar-car .item .features p{
        text-align:left;
    }
}

@media screen and (max-width:768px) {
    .hongqi-warranty-right p {
        font-size: 16px !important;
        line-height: 29px !important;

    }

    .panel .row.gallery-items {
        margin: 0;
    }
    .model-info-gallery{
        flex-direction: column-reverse;
    }
    .model-info-main-img{
        width: 100%;
        height: fit-content;
    }
    .model-info-gallery ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 15px;
        row-gap: 10px;
        justify-content: flex-start;
        width: 100%;
    }
}

@media screen and (max-width:567px) {
    .car-prce-short {
        flex-direction: column;
        gap: 0;
    }

    .cars1 .item .con .book {
        flex-direction: column;
        gap: 5px;
    }

    .cars1 .item .con .book>div:nth-child(2) {
        padding-left: 0;
    }

    .cars1 .item .con .book div {
        width: 100%;
    }

    .cars1 .item .con .book .btn {
        width: 100%;
    }

    .cars-demo-left img {
        width: 330px;
        max-width: 350px;

    }

    .cars-demo-left {
        height: fit-content;
        flex-direction: column;
    }

    .sub-btn {
        width: 50%;
        height: 40px;
    }

    .banner-header.middle-height {
        min-height: 60vh;
    }

    .banner-header {
        height: 60vh;
    }

    .about-section-widget h3 {
        font-size: 25px;
    }

    .top-page-title h3 {
        font-size: 30px;
    }

    .offers-container-overlay h4 {
        font-size: 25px;
    }

    .cars1 .item .img {
        height: 310px;
    }

    /* .blog1 .item .wrapper .con .text{
    margin-bottom: 10px;
   } */
    .news-feed-dt h3 {
        font-size: 25px;
    }

    .cms-container p {
        font-size: 16px;

        line-height: 28px;
    }

    .gallery-main-img img {
        height: 260px;
    }

    .gallery-label img {
        width: 80px;
        height: 80px;
    }

    .car-details .sidebar-car .item .features {

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0px;
        border-bottom: 1px solid #ccc;
    }

    .car-details .sidebar-car .item .features p {
        margin-left: 40px;
    }

    .model-feature img {
        height: 330px;
    }

    .model-list-box .content ul li {
        width: 100%;
    }

    .model-list-box img {
        height: 200px;
    }

    .hongqi-promise-box img {
        height: 320px;
    }

    .hongqi-warranty-left {
        height: 320px;
    }

    .hongqi-warranty-right {
        padding: 10px 0;
    }

    .hongqi-warranty-box {
        padding: 10px;
    }

    .hong-service-left img {
        height: 310px;
    }

    .about-main-left p,
    .about-main-right p,
    .about-section-widget p,
    .model-feature p {
        font-size: 16px;
        line-height: 28px;
    }

    .sub-animation h3 {
        font-size: 17px;
    }

    .cars1 .item .con .title {
        text-align: center;
    }
    .blog3 .post-img{
        height:350px;
    }

}