@media all and (max-width: 1399px) {
    .location-info h4 {
        font-size:23px
    }

    .location-more-info ul li {
        font-size: 15px
    }
}

@media(min-width: 1200px) {
    .container,.container-sm,.container-md,.container-lg,.container-xl {
        max-width:1200px
    }
    .category-list ul li {
        flex: 0 0 25%;
    }
}
@media all and (max-width: 1199px) {
    .header-top-contact ul {
        gap:10px
    }

    .header-top-social a {
        width: 34px;
        height: 34px;
        line-height: 37px;
        margin-left: 0
    }

    .header-top-left {
        margin-right: 5px
    }

    .nav-right {
        margin-left:25px!important
    }

    .navbar .nav-item .nav-link {
        margin-right: 15px
    }

    .navbar .nav-right-btn {
        display: none
    }

    .cta-divider::before,
    .cta-divider:after {
        display:none
    }
    .feature-area {
        margin-top:-20px
    }

    .hero-single .hero-content .hero-title {
        font-size:37px
    }

    .hero-slider.owl-theme .owl-nav .owl-prev,.hero-slider.owl-theme .owl-nav .owl-next {
        top: unset;
        bottom: 70px!important
    }

    .hero-slider.owl-theme .owl-nav .owl-prev {
        left: unset;
        right: 120px
    }

    .hero-slider.owl-theme .owl-nav .owl-next {
        right: 40px
    }

    .footer-widget-box {
        margin-bottom:50px
    }
}

@media all and (min-width: 768px) and (max-width:1199px) {
    /* #scroll-top.active {
        bottom:100px
    } */
}

@media(min-width: 992px) {
    body.rtl-mode .navbar-brand {
        margin-left:3rem
    }

    body.rtl-mode .navbar .nav-item .nav-link {
        margin-left: 3rem;
        margin-right: 0
    }
}

@media all and (min-width: 992px) {
    .navbar .nav-item .nav-link {
        margin-right:22px;
        padding: 30px 0;
        font-size: 17px;
        font-weight: 600;
        color: var(--color-dark);
        text-transform: capitalize
    }

    .navbar .nav-item:last-child .nav-link {
        margin-right: 0
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
        border: none;
        left: -15px;
        border-radius: 8px;
        background: var(--color-white);
        width: 220px;
        box-shadow: var(--box-shadow)
    }

    .navbar .nav-item .dropdown-menu li {
        border-bottom: 1px solid var(--border-info-color)
    }

    .navbar .nav-item .dropdown-menu li:last-child {
        margin-bottom: 0;
        border-bottom: none
    }

    .navbar .nav-item .dropdown-menu .dropdown-item {
        font-size: 16px;
        padding: 8px 25px;
        font-weight: 500;
        color: var(--color-dark);
        position: relative;
        overflow: hidden;
        text-transform: capitalize;
        transition: all .3s ease-in-out
    }

    .navbar .nav-item .dropdown-menu .dropdown-item:hover {
        background: 0 0;
        color: var(--theme-color);
        padding-left: 32px
    }

    .navbar .nav-item .dropdown-menu .dropdown-item::before {
        content: "//";
        position: absolute;
        left: 15px;
        top: 8px;
        color: var(--theme-color);
        opacity: 0;
        visibility: hidden;
        transition: var(--transition);
        z-index: -1
    }

    .navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
        opacity: 1;
        visibility: visible
    }

    .navbar .nav-item .nav-link {
        position: relative
    }

    .navbar .nav-item .nav-link.active,.navbar .nav-item:hover .nav-link {
        color: var(--theme-color)
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg)
    }

    .navbar .dropdown-menu-end {
        right: 0;
        left: auto
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%
    }

    .navbar .dropdown-menu.fade-up {
        top: 140%
    }

    .navbar #main_nav {
        justify-content: flex-end
    }

    .nav-right {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-left: 45px
    }

    .nav-right-link {
        position: relative;
        font-size: 20px;
        color: var(--color-dark);
        transition: var(--transition)
    }

    .nav-right-link:hover {
        color: var(--theme-color)!important
    }

    .nav-right .sidebar-btn .nav-right-link,.nav-right .search-btn .nav-right-link {
        border: none;
        background: 0 0;
        color: var(--color-dark);
        font-size: 28px;
        padding-right: 0
    }

    .nav-right .search-btn .nav-right-link {
        font-size: 20px;
        padding: 0
    }

    .nav-right .cart-btn .nav-right-link {
        position: relative;
        font-size: 20px;
        padding: 0;
        margin-right: 15px
    }

    .nav-right .cart-btn span {
        position: absolute;
        right: -9px;
        top: -2px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        font-size: 12px;
        border-radius: 50px;
        background: var(--theme-color);
        color: var(--color-white)
    }
}

@media all and (max-width: 992px) {
    .header-top {
        display:none
    }
    .truncate-text {
        width: inherit;
    }
}

@media(max-width: 991px) {
    .site-breadcrumb {
        padding-top:200px
    }
    
    .car-single-meta .car-single-status,
    .car-single-top .car-single-price {
        visibility: visible
    }
    .car-single-sidebar {
        display: none
    }

    .car-single-widget.icon-3d {
        display: block
    }
    .category-list ul li {
        flex: 0 0 33%;
    }
}

@media all and (max-width: 991px) {
    .navbar {
        top:0;
        right: 0;
        left: 0;
        position: fixed
    }

    .navbar-brand {
        padding-left: 10px
    }

    .navbar-brand img {
        width: 130px
    }

    .navbar-collapse {
        max-height: 300px;
        overflow: hidden;
        overflow-y: auto;
        padding: 0 20px;
        background-color: var(--color-white);
        line-height: 30px;
    }

    .dropdown-toggle::after {
        float: right
    }

    .navbar .nav-item .nav-link {
        color: var(--color-dark);
        font-weight: 700;
        transition: var(--transition)
    }

    .navbar .nav-item .nav-link:hover {
        color: var(--theme-color)!important
    }

    .navbar-toggler {
        padding: 0;
        border: none
    }

    .mobile-menu-right {
        display: flex;
        align-items: center;
        gap: 20px
    }

    .mobile-menu-right .nav-right-link {
        background: 0 0;
        border: none;
        font-size: 20px;
        color: var(--color-dark)
    }

    .mobile-menu-right .nav-right-link:hover {
        color: var(--theme-color)
    }

    .navbar-toggler-mobile-icon {
        font-size: 25px;
        color: var(--color-dark);
        font-weight: 500
    }

    .navbar .dropdown-menu {
        border-radius: 8px
    }

    .nav-right {
        display: none
    }

    .counter-area .counter-box {
        margin:40px 0
    }
    .about-right {
        margin-top:30px
    }
    .banner-item {
        margin-bottom:25px
    }
    .find-car-form {
        padding:25px
    }

    .find-car-form .theme-btn {
        margin-top: 25px
    }

    .hero-single .hero-content .hero-title {
        font-size:36px
    }

    .hero-single .hero-img {
        position: relative;
        width: 100%;
        right: unset;
        bottom: unset;
        margin-top: 50px
    }

    .hero-single .hero-img::before {
        width: 250px;
        height: 250px
    }

    .navbar .nav-item .dropdown-submenu .dropdown-menu {
        margin:0 17px
    }

    .navbar .nav-item .dropdown-submenu .dropdown-menu {
        opacity: unset;
        visibility: unset
    }

    .navbar .nav-item .dropdown-submenu a::after {
        top: 4px
    }

    .navbar .nav-item .dropdown-submenu a:hover {
        color: var(--theme-color)
    }

    .choose-content-wrapper {
        margin-top:40px
    }

    .calculator-form {
        margin-bottom:35px
    }

    .car-area.list .car-item {
        flex-direction:column
    }

    .car-area.list .car-img {
        width: 100%
    }

    .faq-right {
        margin-bottom:50px
    }

    .accordion-button {
        font-size: 16px
    }

    .message-by-content span {
        right:65px
    }

    .message-reply {
        right: 0
    }

    .footer-widget-wrapper {
        padding-bottom:0
    }

    .copyright .footer-menu {
        float: left;
        margin-top: 20px;
        text-align: left
    }

    .copyright .footer-menu li {
        margin-left: 0;
        margin-right: 15px
    }
}

@media only screen and (max-width: 991px) {
    .login-form {
        padding:40px 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .process-single::before {
        display:none
    }
}

@media all and (max-width: 768px) {
    .contact-content {
        margin-top:50px;
        margin-bottom: 0
    }
}

@media(max-width: 767px) {
    .car-sort {
        flex-direction:column;
        gap: 25px;
        padding: 20px
    }

    .car-sort .nice-select {
        width: 250px
    }

    .category-list ul li {
        flex: 0 0 50%;
    }
}

@media all and (max-width: 767px) {
    .location-item img {
        height:400px
    }

    .process-single::before {
        display:none
    }

    .hero-single .hero-content .hero-sub-title {
        font-size:18px
    }

    .hero-single .hero-content .hero-btn {
        gap: 1rem
    }

    .video-wrapper {
        height:250px
    }

    .blog-meta {
        flex-direction:column;
        font-size: 15px
    }

    .blog-meta .blog-meta-left ul {
        gap: 10px
    }

    .blog-details-tags {
        flex-direction: column;
        align-items: flex-start
    }

    .blog-author {
        flex-direction: column;
        text-align: center;
        padding: 25px
    }

    .author-info {
        margin-top: 25px
    }

    .blog-comments-single {
        flex-direction: column;
        text-align: center;
        padding: 30px 0;
        box-shadow: var(--box-shadow);
        margin-bottom: 30px;
        border-radius: 10px
    }

    .blog-comments-single img {
        margin: 0 auto 20px
    }

    .blog-comments-reply {
        margin-left: 0
    }

    .dealer-banner-img img {
        height:180px
    }

    .dealer-banner-content {
        bottom: -30px
    }
    
    .shop-sort {
        gap:20px;
        flex-direction: column
    }

    .single-item-action {
        flex-direction:column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .single-item-action .theme-btn {
        margin-left: 8px
    }
    .car-single-top .car-single-title-header {
        display: block;
    }

    .table-listing-info a {
        display:block
    }

    .table-listing-info h6 {
        margin-top: 10px
    }

    .user-profile-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px
    }

    .user-profile-card-header-right {
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .profile-message .profile-message-wrapper {
        flex-direction: column;
        gap: 50px
    }

    .profile-message .user-profile-card-header {
        flex-direction: row;
        align-items: center;
        gap: 20px
    }

    .profile-message .message-content {
        padding-left: 0;
        padding-bottom: 200px
    }

    .message-reply {
        left: 0
    }

    .error-wrapper h1 {
        font-size:160px
    }

    .footer-widget-wrapper {
        padding-bottom:0
    }

    .footer-social {
        justify-content: flex-start;
        margin-top: 20px
    }

    .copyright::before {
        clip-path: polygon(30% 1%,100% 0,100% 100%,0% 100%)
    }

    .copyright .copyright-text a {
        color: var(--theme-color)
    }
}

@media (min-width: 576px) {
    .search-area {
        width: 540px;
    }
}
@media (max-width: 575px) {
    .search-area {
        width: calc(100vw / 1);
    }
}

@media only screen and (max-width: 435px) {
    .hero-single .hero-content {
        text-align: center;
    }

    .hero-single .hero-content .hero-sub-title {
        font-size: 14px;
        letter-spacing: 4px
    }

    .hero-single .hero-content .hero-title {
        font-size: 30px
    }

    .site-title {
        font-size: 30px
    }

    .hero-single .hero-content .hero-btn {
        justify-content: space-evenly
    }

    .hero-single .hero-content .hero-btn a i {
        display: none
    }

    .category-list ul {
        margin-top: -80px;
        padding-left: 40px;
    }
    .category-list ul li {
        flex: 0 0 100%;
    }
    .mse2-ac-item {
        display:block
    }
}

@media only screen and (max-width: 430px) {
    .cta-number {
        font-size: 25px
    }
}

@media only screen and (max-width: 395px) {
    .cta-number {
        font-size: 25px
    }
}
@media only screen and (max-width: 365px) {
    .cta-number i{
        display: none
    }
}
@media only screen and (max-width: 355px) {
    .hero-single .hero-content .hero-btn {
        flex-direction: column
    }
}