/* Default container styles */
.ct-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    .ct-container {
        max-width: 100% !important;
    }
}

/* Small devices (tablets, 576px and up) */
@media (min-width: 576px) {
    .ct-container {
        max-width: 540px !important;
    }
}

/* Medium devices (desktops, 768px and up) */
@media (min-width: 768px) {
    .ct-container {
        max-width: 720px !important;
    }
}

/* Large devices (large desktops, 992px and up) */
@media (min-width: 992px) {
    .ct-container {
        max-width: 960px !important;
    }
}

/* Extra large devices (extra large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .ct-container {
        max-width: 1140px !important;
    }
}

/* Extra extra large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .ct-container {
        max-width: 1200px !important;
    }
}

@media (max-width: 991px) {
    .ct-main-select-bg {
        height: unset !important;
    }

    .ct-select-items-car {
        flex-direction: column;
    }
     
    .ct-container .sub-main-image .image-part {
        float: none;
        text-align: center;
    }

    .ct-main-heading {
        font-size: 25px;
    }

    .ct-main-select-bg {
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
    }
     
.ct-container .details-section .ct-car-name,
     
.ct-container .details-section .ct-car-model {
        font-size: 25px;
    }
    .ct-image-section-part{
        max-width: 100%;
        /* height: auto; */
    }
    .ct-car-feature-detail{
        padding: 20px 10px;
    }

    .ct-power-header h4{
        text-align: center !important;
        width: 100% !important;
    }
    .ct-page-heading{
        font-size: 25px;
    }
    .request-quote-heading{
        font-size: 25px;
    }
}
@media (max-width: 767px) {
    .ct-power-header{
        position: unset;
        text-align: center;
        margin: 10px 0px;
    }
}
@media (max-width: 575px) {
    .ct-main-heading {
        font-size: 20px;
    }

    .ct-main-select-bg {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .ct-select-title {
        font-size: 25px;
    }

    
    .ct-container .details-section .ct-car-name,
    .ct-container.details-section .ct-car-model {
        font-size: 25px;
    }
}