@media (max-width: 1536px) {
    .inner-banner-df {
        padding-bottom: 36px;
    }

    .dealer .dealer-img {
        width: 100%;
    }

    .dealer .dealer-img img {
        right: 124px;
    }

    .error .error-img {
        text-align: center;
        width: 100%;
        height: 100%;
    }

    .col-p-0 {
        padding: 0 15px;
    }

    .description-feature-item .form-check {
        display: flex;
    }

    .dealer .dealer-img img {
        width: 100%;
        height: 100%;
    }

    .align-items-center {
        width: 100%;
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 24px;
    }

    .footer .two-ml {
        padding-right: 0;
    }

    .footer {
        bottom: -314px;
    }

    .header-container {
        max-width: 100% !important;
    }

    .feature-two::before {
        width: 100%;
    }

    .feature-two {
        width: 100%;
        background-color: #fff;
    }

    .slick-img-main {
        display: none;
    }

    .help .help-img img {
        width: 100%;
        height: 100%;
    }

    .form-check {
        display: block;
    }

    .contact-us .contact-us-wight {
        padding-left: 15px;
    }

    .contact-us iframe {
        margin-top: 100px;
    }

    .form-check .form-check-label {
        margin-top: 20px;
    }

    .header-two .menu-bg .nav-main {
        padding-right: 15px;
        padding-left: 20px;
    }

    .new-car_component {
        max-width: 350px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .not-found .not-found-box .not-found-thumb-main .not-fount-main-thumb {
        width: 100%;
        height: 100%;
    }

    .description-feature-item .form-check {
        display: flex;
    }

    .dealer .dealer-img img {
        width: 100%;
        height: 100%;
    }

    .feature .feature-thumb img {
        width: 100%;
        height: 490px;
    }

    .brand-car-item .brand-car-inner h3 {
        font-size: 26px;
    }

    .feature .feature-thumb {
        margin-top: 42px;
    }

    .footer .two-ml {
        padding-right: 45px;
    }

    .banner .banner-taitel {
        font-size: 105px;
    }

    .banner .banner-taitel::before {
        right: 213px;
    }

    .banner .banner-sarchber .banner-sarchber-item {
        padding-left: 20px;
    }

    .align-items-center {
        width: 100%;
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 24px;
    }

    .footer {
        position: unset;
    }

    .feature-two {
        width: 100%;
        background-color: transparent;
    }

    .header-container {
        max-width: 100% !important;
    }

    .feature-two::before {
        display: none;
    }

    .header-two .menu-bg .nav-main .nav-btn .thm-btn-two {
        padding: 15px 20px;
    }

    .header-two .menu-bg .nav-main {
        padding-right: 15px;
        padding-left: 20px;
    }

    .header .menu-bg .nav-main .nav-right {
        gap: 80px;
    }

    .feature-two .feature-two-img-main .feature-two-img img {
        width: 100%;
    }

    .brand-car-item .brand-car-item-img img {
        height: 100%;
    }

    .slick-img-main {
        display: none;
    }

    .brand-car-item .brand-car-inner h3 {
        font-size: 18px;
    }

    .help .help-img img {
        width: 100%;
        height: 100%;
    }

    .help {
        padding-top: 30px;
    }

    .help .help-taitel {
        text-align: center;
        padding-left: 0;
    }

    .inventory-details .auto-sales-item .auto-sales-text-item {
        align-items: center !important;
    }

    .form-check {
        display: block;
    }

    .faq {
        padding: 90px 0;
    }

    .contact-us .contact-us-wight {
        padding-left: 15px;
    }

    .contact-us iframe {
        margin-top: 80px;
    }

    .contact-us {
        padding: 80px 0 0 0;
    }

    .form-check .form-check-label {
        margin-top: 20px;
    }

    .dashboard {
        padding: 80px 0;
    }

    .dashboard .dashboard-side-ber {
        margin-left: 0;
        padding: 35px 15px;
    }

    .dashboard .dashboard-side-ber .dashboard-btn .nav-link {
        padding: 15px 10px;
    }

    .dashboard .dashboard-side-ber .log-out-btn {
        padding: 15px 10px;
    }

    .dashboard .dashboard-item .dashboard-inner .dashboard-inner-img img {
        width: 100%;
        height: 100%;
    }

    .dashboard .dashboard-item .dashboard-inner .dashboard-inner-img img {
        display: none;
    }

    .car-images .car-images-inner.car-images-inner-car {
        padding: 24px 50px 30px 50px;
    }

    .car-images .car-images-inner .gallery-img-item {
        justify-content: start;
    }

    .car-images .car-images-inner .gallery-img-item .gallery-img-item-thumb {
        width: 262px;
    }

    .banner .banner-search-bar .banner-sarchber-box-inner .form-select {
        background-position: none;
        background-image: none;
        background-size: 12px 7px;
    }

    .categories .categories-logo {
        padding: 40px 20px 30px 20px;
    }

    .actions-btn-item {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .dealer .dealer-img img {
        right: 0;
    }

    .dealer .dealer-img {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .header {
        display: none;
    }

    .mobile-header {
        display: block;
    }

    .new-car_component {
        max-width: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .pb-120px {
        padding-bottom: 90px;
    }

    .inventory-details .auto-sales-item .auto-sales-item-inner {
        gap: 10px;
    }

    .inventory-details .auto-sales-item .auto-sales-text-item .auto-sales-text-right h3 {
        font-size: 18px;
    }

    .brand-car-two .brand-car-item {
        padding: 20px;
        gap: 15px;
    }

    .header-two .menu-bg .nav-main {
        padding-right: 15px;
        padding-left: 20px;
    }

    .not-found .not-found-box {
        padding: 70px 58px;
    }

    .not-found {
        padding: 80px 0;
    }

    .not-found .not-found-box .not-found-thumb-main .not-fount-main-thumb {
        width: 100%;
        height: 100%;
    }

    .inventory-details .accordion-body .feature-list {
        padding: 10px 10px;
    }

    .car-images .car-images-inner.car-images-inner-car {
        padding: 24px 50px 30px 50px;
    }

    .car-images .car-images-inner .gallery-img-item {
        justify-content: start;
    }

    .car-images .car-images-inner .gallery-img-item .gallery-img-item-thumb {
        width: 214px;
    }

    .description-feature-item .form-check {
        display: flex;
    }

    .header .menu-bg .nav-main .nav-right .menu ul li a {
        font-size: 14px;
    }

    .container {
        max-width: 100%;
    }

    p {
        font-size: 16px;
        line-height: 26px;
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 20px;
    }

    .mt-56px {
        margin-top: 15px;
    }

    .py-120px {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .header .menu-bg .nav-main .nav-right .menu ul {
        gap: 15px;
    }

    .feature .feature-thumb img {
        width: 100%;
        height: 450px;
    }

    .feature .feature-thumb {
        margin-top: 96px;
    }

    .header .menu-bg .nav-main .nav-right {
        gap: 20px;
    }

    .banner .banner-taitel {
        font-size: 82px;
        line-height: 90px;
        padding-top: 13px;
    }

    .banner .banner-taitel::before {
        display: none;
    }

    .banner .banner-sarchber {
        display: none;
    }

    .banner {
        padding-top: 224px;
    }

    .categories .categories-logo img {
        width: 100%;
        height: 100%;
    }

    .brand-car-item .brand-car-inner .brand-car-btm-txt {
        display: none;
    }

    .brand-car {
        padding-bottom: 90px;
        margin-top: 0px;
    }

    .vedio .vedio-counter {
        width: 100%;
    }

    .vedio .vedio-bg {
        padding: 115px 0px 315px 15px;
    }

    .footer {
        position: unset;
    }

    .dealer .dealer-img img {
        width: 100%;
        height: 100%;
    }

    .footer .two-ml {
        padding-right: 26px;
    }

    .vedio {
        padding-bottom: 0px;
    }

    .align-items-center {
        width: 100%;
    }

    .message-box {
        display: none;
    }

    .feature-two::before {
        width: 100%;
    }

    .header-container {
        max-width: 100% !important;
    }

    .header-two .menu-bg .nav-main .nav-btn .thm-btn-two {
        display: none;
    }

    .header-two .menu-bg .nav-main .nav-right {
        gap: 77px;
    }

    .banner-two-img img {
        width: 100%;
    }

    .feature-two .feature-two-img-main .feature-two-img img {
        width: 100%;
    }

    .header .nav-bg {
        margin-top: -59px;
        padding: 10px;
    }

    .feature-two {
        width: 100%;
        background-color: transparent;
    }

    .brand-car-item .brand-car-item-img img {
        height: 100%;
    }

    .slick-img-main {
        display: none;
    }

    .dealer-two .dealer-two-item .dealer-two-inner {
        gap: 10px;
        flex-direction: column;
    }

    .dealer-two .dealer-two-item {
        padding: 10px;
        margin: 0 10px;
    }

    .information {
        padding: 90px 0;
    }

    .work {
        padding-bottom: 90px;
    }

    .help .help-img img {
        width: 100%;
        height: 100%;
    }

    .help {
        padding-top: 30px;
    }

    .help .help-taitel {
        text-align: center;
        padding-left: 0;
    }

    .brand-car-item.two {
        gap: 17px;
    }

    .brand-car-item.two .brand-car-inner .brand-car-inner-btn {
        margin-top: 4px;
    }

    .inventory {
        padding: 80px 0;
    }

    .auto-sales-logo img {
        width: 100%;
    }

    .inventory-details .auto-sales-item .auto-sales-text-item {
        flex-direction: column !important;
        align-items: start !important;
        gap: 15px;
    }

    .inventory-details .auto-sales-item .auto-sales-text-item .auto-sales-text-left {
        text-align: start !important;
    }

    .inventory-details .inventory-details-slick-for .inventory-details-slick-img img {
        height: 100%;
    }

    .inventory-details .inventory-details-slick-nav .inventory-details-slick-img img {
        height: 100%;
    }

    .inventory-details .inventory-details-vedio img {
        height: 100%;
    }

    .inventory-details iframe {
        height: 100%;
    }

    .inventory-details .accordion-body ul li {
        font-size: 14px;
    }

    .dealers-details .dealers-details-side-bar .dealers-details-taitel.two {
        padding-top: 10px;
    }

    .form-check {
        display: block;
    }

    .faq {
        padding: 80px 0;
    }

    .contact-us .contact-us-wight {
        padding-left: 20px;
    }

    .contact-us {
        padding: 80px 0 0 0;
    }

    .contact-us iframe {
        margin-top: 80px;
    }

    .error .error-img img {
        width: 100%;
        height: 100%;
    }

    .error .error-text {
        margin-top: 50px;
    }

    .form-check .form-check-label {
        margin-top: 20px;
    }

    .dashboard {
        padding: 80px 0;
    }

    .dashboard .dashboard-side-ber {
        margin-left: 0;
        padding: 35px 15px;
    }

    .dashboard .dashboard-side-ber .dashboard-btn .nav-link {
        padding: 15px 10px;
    }

    .dashboard .dashboard-side-ber .log-out-btn {
        padding: 15px 10px;
    }

    .dashboard .dashboard-item .dashboard-inner .dashboard-inner-img img {
        width: 100%;
        height: 100%;
    }

    .dashboard .dashboard-item .dashboard-inner .dashboard-inner-img img {
        display: none;
    }

    .actions-btn-item {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .dealer .dealer-img {
        width: 100%;
    }

    .dealer .dealer-img img {
        right: 0;
    }

    .pb-120px {
        padding-bottom: 80px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .actions-btn-item {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .banner-two .banner-car {
        display: none;
    }

    .banner-two {
        padding-top: 73px;
        padding-bottom: 70px;
    }

    .banner-two .banner-search-bar {
        margin-top: 35px;
    }

    .banner .banner-search-bar .banner-sarchber-box-inner {
        padding-right: 1px;
    }

    .not-found .not-found-box {
        padding: 70px 58px;
    }

    .not-found {
        padding: 70px 0;
    }

    .not-found .not-found-box .not-found-thumb-main .not-fount-main-thumb {
        width: 100%;
        height: 100%;
    }

    .inventory-details .accordion-body .feature-list {
        flex-direction: column;
    }

    .car-images .car-images-inner.car-images-inner-car {
        padding: 24px 50px 30px 50px;
    }

    .car-images .car-images-inner .gallery-img-item .gallery-img-item-thumb {
        height: 184px;
        width: 156px;
    }

    .car-images .car-images-inner .gallery-img-item .gallery-img-item-thumb img {
        object-fit: cover;
    }

    .description-feature-item .form-check {
        display: flex;
    }

    .description-feature-item {
        height: 100%;
    }

    .car-images .car-images-inner .car-images-inner-df {
        display: none;
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 24px;
    }

    .mt-56px {
        margin-top: 11px;
    }

    .mt-60px {
        margin-top: 40px;
    }

    h2 {
        font-size: 38px;
        line-height: 52px;
        padding-top: 15px;
    }

    .vedio .vedio-btn {
        margin-top: 30px;
    }

    p {
        font-size: 18px;
        line-height: 30px;
    }

    .py-120px {
        padding: 70px 0;
    }

    .dealer .dealer-img img {
        width: 100%;
        height: 100%;
        margin-top: 50px;
    }

    .banner {
        padding: 70px 0;
    }

    .banner .banner-taitel {
        font-size: 84px;
        line-height: 90px;
    }

    .banner .banner-sarchber {
        margin-top: 50px;
    }

    .banner .banner-taitel::before {
        display: none;
    }

    .banner .banner-sarchber {
        display: none;
    }

    .categories .categories-logo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .brand-car {
        padding-bottom: 70px;
    }

    .feature-taitel {
        padding-bottom: 30px;
    }

    .feature .feature-thumb {
        display: none;
    }

    .dealer {
        padding: 70px 0;
    }

    .footer {
        padding: 70px 0 0px 0;
        position: unset;
    }

    .footer .footer-contact-box.two {
        justify-content: start;
    }

    .footer .two-ml {
        padding-right: 0px;
    }

    .vedio .vedio-bg {
        padding: 70px 0px 228px 10px;
    }

    .vedio .vedio-counter {
        width: 100%;
        padding: 35px 30px;
    }

    .vedio .vedio-counter .vedio-counter-item {
        gap: 5px;
    }

    .align-items-center {
        width: 100%;
    }

    .sm-df {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footer-res-mt {
        margin: 0px 0;
        margin-right: -70px;
    }

    .feature-two {
        width: 100%;
    }

    .feature-two::before {
        display: none;
    }

    .banner-two-img {
        display: none;
    }

    .feature-two .feature-two-img-main .feature-two-img img {
        width: 100%;
    }

    .banner-two .bammer-btn {
        margin-top: 40px;
    }

    .feature-two .taitel .taitel-img {
        position: absolute;
        bottom: -14px;
        right: 0;
    }

    .slick-img-main {
        display: none;
    }

    .work {
        padding-bottom: 70px;
    }

    .information {
        padding: 70px 0;
    }

    .help .help-img img {
        width: 100%;
        height: 100%;
    }

    .help .help-taitel {
        text-align: center;
        padding-left: 0;
    }

    .inner-banner {
        padding: 70px 0 70px 0;
    }

    .help {
        padding-top: 0px;
    }

    .inventory-main-box-thumb {
        display: none;
    }

    .inventory {
        padding: 70px 0;
    }

    .inventory-details .inventory-details-taitel {
        font-size: 48px;
    }

    .inventory-details .inventory-details-slick-for .inventory-details-slick-img img {
        height: 100%;
    }

    .auto-sales-logo img {
        width: 100%;
    }

    .inventory-details .auto-sales-item .auto-sales-text-item {
        flex-direction: column !important;
        align-items: self-start;
        gap: 15px;
    }

    .inventory-details .auto-sales-item .auto-sales-text-item .auto-sales-text-left {
        text-align: start !important;
    }

    .inventory-details .inventory-details-vedio img {
        height: 100%;
    }

    .inventory-details iframe {
        height: 100%;
    }

    .cars-listing {
        padding-bottom: 70px;
    }

    .dealers-details {
        padding: 60px 0;
    }

    .dealers-details .contact-beach-box {
        margin-bottom: 30px;
    }

    .brand-car-item.two .brand-car-item-img img {
        width: 100%;
    }

    .form-check {
        display: block;
    }

    .faq {
        padding: 70px 0;
    }

    .contact-us .contact-us-wight {
        padding-left: 15px;
    }

    .contact-us {
        padding: 70px 0 0 0;
    }

    .contact-us .get-in-touch {
        margin-top: 50px;
    }

    .contact-us iframe {
        margin-top: 70px;
    }

    .login {
        padding: 70px 0;
    }

    .error .error-img img {
        width: 100%;
        height: 100%;
    }

    .error .error-text {
        margin-top: 35px;
    }

    .error {
        padding: 70px 0;
    }

    .privacy {
        padding: 70px 0;
    }

    .upload-picture {
        text-align: justify;
        display: flex;
        flex-direction: column;
        align-items: start;
        margin-top: 50px;
    }

    .form-check .form-check-label {
        margin-top: 20px;
    }

    .dashboard {
        padding: 60px 0;
    }

    .dashboard .dashboard-side-ber {
        margin-left: 0px;
        margin-bottom: 50px;
    }

    .car-images .car-images-inner .car-images-inner-item .car-images-inner-item-thumb {
        height: 100%;
    }

    .car-images .car-images-inner .car-images-inner-item .car-images-inner-item-thumb img {
        object-fit: cover;
    }

    .dealer .dealer-img img {
        right: 0;
    }

    .dealer .dealer-img {
        width: 100%;
        height: 467px;
    }

    .inventory-details .auto-sales-item .auto-sales-item-inner {
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }

    .inner-banner .inner-banner-img {
        background: #e7ecff;
        background-image: none !important;
    }

    .inner-banner-df {
        margin-top: 0;
        padding-bottom: 0;
    }

    .inner-banner-two {
        height: 276px;
    }

    .pb-120px {
        padding-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .pb-120px {
        padding-bottom: 60px;
    }

    .categories-close-img {
        margin-top: 30px;
    }

    .inventory-details .auto-sales-item {
        padding: 15px;
    }

    .inventory-details .auto-sales-item .auto-sales-item-inner {
        gap: 10px;
        flex-direction: column;
        align-items: start;
    }

    .dealer .dealer-img {
        display: none;
    }

    .key-information.two {
        margin-top: 30px;
    }

    .mt-32px-res {
        margin-top: 10px !important;
    }

    .actions-btn-item {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .car-images .car-images-inner .car-images-inner-item .car-images-inner-item-thumb {
        height: 250px;
    }

    .not-fount-main-thumb span svg {
        width: 100%;
        height: 100%;
    }

    .banner-search-bar .banner-sarchber-box-inner .sarchber-box-btn {
        width: 100%;
    }

    .banner-search-bar .banner-sarchber-box-inner:last-of-type {
        border: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-top: -15px;
    }

    .banner-two {
        padding-top: 55px;
        padding-bottom: 60px;
    }

    .banner-two .banner-car {
        display: none;
    }

    .banner-search-bar .banner-sarchber-box-item {
        align-items: start;
        flex-direction: column;
        gap: 20px;
    }

    .banner-search-bar .banner-sarchber-box-inner {
        border-left: 1px solid transparent;
        padding-right: 0px;
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 20px;
    }

    .banner-two .banner-two-txt h1 {
        font-size: 40px;
        line-height: 50px;
        padding-top: 0px;
    }

    .banner .banner-taitel h1 {
        padding-top: 10px;
        font-size: 43px;
        line-height: 54px;
    }

    .not-found .not-found-box {
        padding: 15px 15px;
    }

    .not-found {
        padding: 60px 0;
    }

    .not-found .not-found-box .not-found-thumb-main .not-fount-main-thumb {
        width: 100%;
        height: 100%;
    }

    .inventory-details .accordion-body .feature-list {
        flex-direction: column;
        gap: 20px;
    }

    .car-images .car-images-inner .gallery-img-item .gallery-img-item-thumb {
        height: 180px;
        width: 100%;
    }

    .car-images .car-images-inner.car-images-inner-car {
        padding: 24px 20px 30px;
    }

    .car-images .car-images-inner .car-images-manage-car-item {
        padding: 15px 30px;
    }

    .package-details .package-details-item .package-details-table .table tr td {
        padding: 15px 5px;
    }

    .description-feature-item {
        height: 100%;
    }

    .description-feature-item .feature-input {
        width: 100%;
    }

    .mt-40px {
        margin-top: 15px;
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 24px;
    }

    h2 {
        font-size: 34px;
        line-height: 40px;
        padding-top: 16px;
    }

    h4 {
        font-size: 20px;
    }

    p {
        font-size: 16px;
        line-height: 26px;
    }

    .py-120px {
        padding-top: 55px;
        padding-bottom: 60px;
    }

    .mt-60px {
        margin-top: 30px;
    }

    .mt-48px {
        margin-top: 30px;
    }

    .mt-56px {
        margin-top: 11px;
    }

    .footer .footer-mt-75px {
        margin-top: 50px;
    }

    .banner {
        padding: 12px 0 60px 0;
    }

    .banner .banner-search-bar .banner-sarchber-box-item {
        align-items: start;
        flex-direction: column;
        gap: 20px;
    }

    .banner .banner-search-bar .banner-sarchber-box-inner {
        border-left: 1px solid transparent;
        padding-right: 0;
    }

    .banner .banner-search-bar .banner-sarchber-box-inner.two {
        justify-content: start;
    }

    .banner .banner-taitel {
        font-size: 60px;
        line-height: 70px;
        padding-top: 5px;
    }

    .banner .banner-taitel::before {
        display: none;
    }

    .banner .banner-img {
        animation: unset;
    }

    .banner .banner-sarchber {
        margin-top: 52px;
        flex-direction: column;
        backdrop-filter: blur(0);
        align-items: stretch;
        gap: 25px;
    }

    .banner .banner-sarchber .banner-sarchber-item {
        border-left: 1px solid transparent;
        padding-left: 0;
    }

    .brand-car {
        margin-top: 0px;
        padding-bottom: 60px;
    }

    .brand-car .nav {
        margin-top: 30px;
        justify-content: start;
    }

    .feature .feature-thumb img {
        width: 100%;
        height: 100%;
    }

    .feature .feature-thumb {
        margin-top: 30px;
        padding-right: 0;
    }

    .brand-car-item .brand-car-inner h3 {
        padding-top: 5px;
        letter-spacing: -1px;
        font-size: 18px;
    }

    .brand-car-item .brand-car-inner .brand-car-inner-btn {
        margin-top: 10px;
    }

    .brand-car-item .brand-car-inner .brand-car-inner-item {
        align-items: center;
    }

    .form-check .form-check-label {
        font-size: 14px;
    }

    .description-feature-item {
        gap: 30px;
    }

    .mt-50px {
        margin-top: 20px;
    }

    .brand-car-item .brand-car-inner {
        padding: 15px 20px 20px 20px;
    }

    .categories .categories-logo img {
        width: 100%;
        height: 100%;
    }

    .categories-three-view-btn {
        text-align: start;
        margin-top: 30px;
    }

    .categories .categories-logo .categories-logo-thumb {
        margin-top: 14px;
    }

    .feature {
        padding-top: 0;
    }

    .feature .feature-slick-icon {
        margin: 30px 0 20px 0;
        gap: 10px;
        justify-content: start;
    }

    .mt-32px {
        margin-top: 0px;
    }

    .footer .footer-contact-box.two {
        justify-content: start;
    }

    .dealer .dealer-img img {
        width: 100%;
        height: 100%;
        margin-top: 50px;
    }

    .categories .categories-logo .categories-logo-txt {
        margin-top: 15px;
    }

    .dealer {
        padding: 55px 0 60px 0;
    }

    .dealer .dealer-btn {
        margin-top: 30px;
    }

    .text-center {
        text-align: start !important;
    }

    .footer {
        padding: 60px 0 0px 0;
        position: unset;
    }

    .footer .footer-contact-box-bb {
        padding-bottom: 50px;
    }

    .footer .two-ml {
        padding-right: 15px;
    }

    .footer-res-mt {
        margin: 26px 0;
    }

    .footer .footer-item-text {
        padding-bottom: 8px;
    }

    .vedio {
        display: none;
    }

    .inventory .brand-car-two .brand-car-item .brand-car-item-img {
        width: 100%;
    }

    /* home-page-two  */
    .feature-two {
        width: 100%;
    }

    .feature-two .feature-two-img-main .feature-two-img img {
        width: 100%;
        height: 100%;
    }

    .feature-two::before {
        display: none;
    }

    .banner-two-img img {
        width: 100%;
    }

    .brand-car-two .brand-car-item .brand-car-item-img {
        width: 100%;
    }

    .brand-car-two .brand-car-item .brand-car-inner {
        width: 100%;
    }

    .brand-car-two .brand-car-item {
        gap: 20px;
        flex-direction: column;
    }

    .brand-car-two .brand-car-item .brand-car-inner h3 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .feature-two-btn {
        margin-top: 20px;
    }

    .footer .footer-contact-box .text a {
        font-size: 20px;
    }

    .footer .footer-item-text h3 {
        font-size: 20px;
    }

    .banner-taitel-two {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .banner-two .bammer-btn {
        margin-top: 30px;
        gap: 10px;
    }

    .banner-two .bammer-btn .thm-btn {
        width: 160px;
    }

    .banner-two-img {
        margin-top: 40px;
    }

    .login-form-item.two .form-control::placeholder {
        font-size: 50px;
    }

    .feature-two .taitel .taitel-img {
        position: absolute;
        bottom: -13px;
        right: 0;
    }

    .slick-img-main {
        display: none;
    }

    .information {
        display: none;
    }

    .banner .taitel {
        margin-right: 0;
    }

    .dealer-two .dealer-two-btn {
        text-align: start;
        margin-top: 20px;
    }

    .work {
        padding-bottom: 20px;
        padding-top: 50px;
    }

    .work .work-taitel {
        padding-bottom: 20px;
    }

    .dealer-two .dealer-two-slick {
        margin-top: 30px;
    }

    .inner-banner .inner-banner-img {
        background: #e7ecff;
        background-image: none !important;
    }

    .inner-banner-df {
        margin-top: 0;
        padding-bottom: 0;
    }

    .inner-banner {
        padding: 50px 0 50px 0;
    }

    .inventory-main-box .select-Brand-box .form-check {
        margin-bottom: 10px;
    }

    .inventory-main-box .select-Brand-box.four {
        padding: 20px;
    }

    .help .help-img img {
        width: 100%;
        height: 100%;
    }

    .help {
        padding-top: 0;
    }

    .help .help-taitel {
        padding-left: 0;
        text-align: start;
    }

    .help .help-box {
        justify-content: start;
    }

    .help .help-img {
        margin-top: 40px;
    }

    .inventory {
        padding: 0 0 60px 0;
    }

    .inventory-ber {
        justify-content: start;
        margin-bottom: 40px;
        flex-direction: column;
        gap: 20px;
        margin-top: 60px;
        align-items: start;
    }

    .inventory-ber .inventory-ber-left .inventory-sarch-ber-item {
        align-items: start;
        gap: 20px;
        flex-direction: column;
    }

    .next-prev-btn ul li a {
        font-size: 14px;
        width: 23px;
        height: 23px;
    }

    .inner-banner.inner-banner-two {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .next-prev-btn {
        margin-top: 30px;
    }

    .next-prev-btn ul {
        justify-content: start;
    }

    .brand-car-item.two .brand-car-inner {
        width: 100%;
        padding: 0;
    }

    .brand-car-item.two {
        flex-direction: column;
        gap: 20px;
    }

    .brand-car-item.two .brand-car-item-img img {
        width: 100%;
        height: 100%;
    }

    .brand-car-item.two .brand-car-item-img {
        width: 100%;
    }

    .inventory-details .accordion-body {
        padding: 15px;
    }

    .inventory-details .inventory-details-taitel {
        font-size: 38px;
        line-height: 50px;
    }

    .inventory-details .inventory-details-slick-for .inventory-details-slick-img img {
        height: 100%;
    }

    .inventory-details .inventory-details-slick-for .inventory-details-slick-img {
        margin: 0 0;
    }

    .inventory-details .inventory-details-slick-nav .inventory-details-slick-img img {
        height: 100%;
    }

    .inventory-details .inventory-details-thumb {
        margin-top: 30px;
    }

    .inventory-details .accordion-body ul li {
        font-size: 14px;
    }

    .inventory-details .inventory-details-vedio img {
        height: 100%;
    }

    .inventory-details iframe {
        height: 100%;
        margin-top: 20px;
    }

    .auto-sales-logo a img {
        width: 100%;
    }

    .inventory-details .auto-sales-item .auto-sales-text-item .auto-sales-text-left {
        text-align: start;
    }

    .cars-listing {
        padding-bottom: 60px;
    }

    .cars-listing .feature-slick-icon {
        margin: 20px 0 10px 0;
        justify-content: start;
    }

    .inventory-details .auto-sales-item {
        margin-top: 30px;
    }

    .dealer-three .dealer-form {
        align-items: start;
        margin-bottom: 30px;
        flex-direction: column;
    }

    .inner-banner .dealers-banner-item {
        gap: 20px;
        flex-direction: column;
    }

    .dealers-details {
        padding: 60px 0;
    }

    .dealers-details .dealers-details-side-bar .dealers-details-taitel.two {
        padding-top: 10px;
    }

    .dealers-details .contact-beach-box {
        margin-bottom: 30px;
    }

    .dealers-details .inventory-ber-left .shaf-filter {
        flex-wrap: wrap;
    }

    .modal-footer {
        flex-direction: column;
    }

    .banner .banner-search-bar .banner-sarchber-box-inner .sarchber-box-btn {
        width: 100%;
    }

    .contact-us .contact-us-item {
        padding: 15px;
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .contact-us .contact-us-item .contact-us-inner {
        text-align: start;
    }

    .faq .accordion-button {
        line-height: 26px;
    }

    .form-check {
        display: block;
    }

    .feature .feature-position-img {
        display: none;
    }

    .faq {
        padding: 60px 0;
    }

    .car-images .car-images-inner .car-images-inner-df {
        gap: 30px;
        flex-direction: column;
        align-items: start;
    }

    .description-item {
        flex-direction: column;
    }

    .contact-us {
        padding: 60px 0 0 0;
    }

    .contact-us .contact-us-wight {
        padding-left: 15px;
    }

    .contact-us .get-in-touch {
        margin-top: 30px;
    }

    .contact-us .get-in-touch .get-in-touch-form-item {
        flex-direction: column;
    }

    .contact-us iframe {
        height: 100%;
        margin-top: 50px;
    }

    .login {
        padding: 60px 0;
    }

    .login-bg {
        border-radius: 0;
        padding: 30px;
    }

    .form-check .form-check-label {
        margin-top: 20px;
    }

    .form-check {
        display: block;
        margin-top: -16px;
    }

    .login-form-item {
        flex-direction: column;
    }

    .error .error-img img {
        width: 100%;
        height: 100%;
    }

    .error {
        padding: 60px 0;
    }

    .error .error-text {
        margin-top: 30px;
    }

    .error .error-btn {
        margin-top: 30px;
    }

    .privacy .privacy-text-item .privacy-text-item-inner {
        align-items: start;
        gap: 20px;
        flex-direction: column;
    }

    .privacy {
        padding: 60px 0;
    }

    .join-a-dealer-bg {
        padding: 20px 15px 20px 15px;
    }

    .join-a-dealer-form-main .join-a-dealer-form-item {
        flex-direction: column;
    }

    .join-a-dealer-form-main {
        margin-top: 30px;
    }

    .upload-picture {
        margin-top: 50px;
    }

    .upload-picture .upload-picture-text {
        margin-top: 30px;
        text-align: center;
    }

    .dashboard .dashboard-side-ber {
        margin-left: 0;
        margin-bottom: 30px;
    }

    .dashbord-tabel {
        overflow-x: auto;
    }

    .dashboard {
        padding: 60px 0;
    }

    .dashboard .login-bg .login-form-item-btn {
        align-items: start;
        flex-direction: column;
    }

    .modal-five .modal-footer .modal-footer-btn {
        width: 100%;
    }

    .car-images .car-report-svg {
        position: relative;
        right: 25%;
    }

    .new-car_component {
        max-width: 200px;
    }
}

@media (min-width: 400px) {
    .feature-two-btn {
        display: flex;
        align-items: center;
        justify-content: end;
    }
}

@media (max-width: 400px) {
    .sm-df {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (min-width: 576px) {
    .join-a-dealer-form-main .join-a-dealer-form-item {
        flex-direction: row;
    }

    .contact-us .get-in-touch .get-in-touch-form-item {
        flex-direction: row;
    }

    .login-form-item {
        flex-direction: row;
    }

    .dealer-three .dealer-form {
        align-items: start;
        margin-bottom: 30px;
        flex-direction: column;
    }

    .modal-footer {
        flex-direction: row !important;
    }

    .inner-banner .dealers-banner-item {
        flex-direction: row;
        align-items: center;
    }

    .inventory-ber {
        flex-direction: row;
    }

    .vedio .vedio-item {
        margin-top: 0;
    }

    .inventory-details .auto-sales-item .auto-sales-text-item {
        flex-direction: row;
    }

    .footer-res-mt {
        margin: 0 0;
    }

    .dealer-three .dealer-form {
        align-items: start;
        margin-bottom: 30px;
        flex-direction: row;
    }
}

/* تابلت كبير */
@media (min-width: 768px) and (max-width: 1024px) {
    .inventory-details .inventory-details-taitel {
        font-size: 38px;
    }

    .main-slider .swiper-slide {
        height: 500px;
    }
}

/* تابلت صغير */
@media (min-width: 600px) and (max-width: 767px) {
    .inventory-details .inventory-details-taitel {
        font-size: 30px;
    }

    .main-slider .swiper-slide {
        height: 500px;
    }

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

    .col {
        font-size: 13px !important;
    }
}

/*  جوال */
@media (max-width: 599px) {
    .inventory-details .inventory-details-taitel {
        font-size: 25px;
    }

    .search-by-car-name {
        display: none;
    }

    #filtersSection {
        display: none;
    }

    .show-hide-filters {
        display: block;
    }

    .main-slider .swiper-slide {
        height: 500px;
    }

    .thumbnail-slider .swiper-slide {
        height: 150px;
    }

    .share-buttons.d-flex {
        flex-wrap: wrap;
        place-content: center;
    }

    .share-buttons.d-flex .btn {
        width: 22%;
    }

    .input-group.break-out {
        flex: 0 0 100%;
        max-width: 100%;
    }
}