/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media screen and (max-width:1625px) {
    .mb-reponsive-bg {
        margin-bottom: 37px;
    }
}

@media (max-width: 1600px) {
    .gallery .swiper-container-wrapper {
        height: 100% !important;
    }

    .contanet_boxes a {
        font-size: 12px !important;
    }

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

    .recently .recently_box .recently_content_box .recently_content_box-button {
        font-size: 14px !important;
    }

    .products .products_right_box .product_content_box p {
        font-size: 15px !important;
    }

    .recently_content_box-button {
        padding: 3px 0px;
        font-size: 16px !important;
    }

    .recently .recently_box .recently_content_box h3 {
        font-size: 14px !important;
    }

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

    .products .products_right_box .product_content_box h6 {
        font-size: 14px !important;
    }
}

@media (min-width: 1500px) {
    .gallery .gallery-thumbs .swiper-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        width: 100%;
        height: 21vh !important; /* frmz */
    }

    .recently-overlay table {
        font-size: 13px;
    }

    .recently_box .recently-overlay .table table {
        font-size: 13px;
    }

    .recently-overlay2 table {
        font-size: 13px;
    }

    .recently_box .recently-overlay2 .table table {
        font-size: 13px;
    }
}

@media screen and (max-width: 1400px) {
    .recently-overlay table {
        font-size: 12px !important;
    }

    .recently_box .recently-overlay .table table {
        font-size: 11px;
    }

    .recently-overlay2 table {
        font-size: 11px !important;
    }

    .recently_box .recently-overlay2 .table table {
        font-size: 11px;
    }


    header nav .header_top .header_menu_wrapper .header_menu_lists .header_menu_lists_ul {
        gap: 15px !important;
    }

    .contanet_boxes a {
        font-size: 9px !important;
        margin-top: 10px !important;
    }

    .gallery {
        padding-bottom: 0px;
    }

    .other_products {
        padding-top: 0px !important;
    }

    .gallery .swiper-container-wrapper {
        height: 100% !important;
    }

    .gallery .gallery-thumbs {
        /* height: 100% !important; frmz */
    }

    /*    .gallery-container {
            height: 100vh;
        }*/
}

@media (max-width: 1300px) {
    /* .recently_box .recently-overlay2 {
        width: 90%;
        height: 90%;
    } */

    .about_section {
        height: auto !important;
    }

    .header_menu_wrapper {
        display: none !important;
    }

    .w_80 {
        width: 59% !important;
    }

    .background-panel {
        width: 95% !important;
    }

    .other_products .recently_content_box h6 {
        font-size: 16px;
    }

    .map-img {
        height: 45vh !important;
    }

    .logo_box_header {
        padding-right: 10px !important;

    }

    .res-outo-category {
        overflow-x: auto;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .res-outo-category::-webkit-scrollbar {
        width: 10px;
        height: 5px;
    }

    .res-outo-category ::-webkit-scrollbar-track {
        background: #ccc;
        border-radius: 10px;
        height: 5px;
    }

    .res-outo-category::-webkit-scrollbar-thumb {
        background: #ccc;
    }

    .res-outo-category ::-webkit-scrollbar-thumb:hover {
        background: black;
    }

    /*    .gallery-container {
            height: 95vh;
        }*/
}


@media (max-width: 1280px) {
    .gallery .gallery-thumbs {
        /* height: 100% !important; frmz */
        padding: 0;
    }


    /*.gallery-container {*/
    /*    height: 80vh;*/
    /*}    */

    .width-80-swipper {
        width: 85% !important;
    }
}

@media (min-width:1260px) {
    .recently_content_box {
        min-height: 57px;
    }
}

@media screen and (max-width: 1200px) {
    .menu-parent {
        font-size: 12px !important;
    }

    .padding-gray {
        padding: 0 10px !important;
    }

    .padding_left {
        padding-left: 10px;
    }

    .Slider {
        height: 500px !important;
    }

    .Slider .Slider-content {
        height: 550px !important;
    }

    .Slider .Slider-content .Slider-content-inner {
        height: 60vh !important;
    }

    .contanet_boxes a {
        font-size: 8px !important;
    }


    .wrap-products {
        display: none;
    }
}

@media (max-width: 1100px) {
    .recently-overlay table {
        font-size: 8px !important;
    }

    .recently_box .recently-overlay .table table {
        font-size: 8px;
    }

    .recently-overlay2 table {
        font-size: 9px !important;
    }

    .recently_box .recently-overlay2 .table table {
        font-size: 8px;
    }

    .width-80-swipper {
        width: 94% !important;
    }

    .contanet_boxes a {
        font-size: 7px !important;
    }
}

@media screen and (max-width:1025px) {
    .blog-images img {
        width: 100% !important;
        height: 100%!important;
    }
    /*.gallery-container {*/
    /*    height: 100vh;*/
    /*}*/

    /*    .gallery .gallery-top {
            height: 85vh !important;
        }*/
}

@media screen and (max-width:996px) {
    .footerScoll{
        gap:25%
    }
    .blog-images img {
        width: 100% !important;
        height: 100%!important;
    }

    .img-zoom-result {
        display: none !important;
    }
    .moblie_content{
        display: block !important;
    }
    .theme-changer {
        display: none;
        position: fixed;
        top: 20px;
        left: 60px;
        z-index: 10000000000000000000000000000000000000000000;
    }

    .flip-box {
        height: auto !important;
    }

    .d-block {
        display: block !important;
        margin-top: 2px;
    }

    .other_products h4 {
        font-size: 20px !important;
    }

    .width {
        width: 14% !important;
    }

    .alert_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .alert_box .alert {
        margin-top: 15px;
        width: 70% !important;
    }

    .about {
        padding-bottom: 30px !important;
    }

    .d-none-res {
        display: none !important;
    }


    .tabs {
        display: none !important;
    }

    header nav .header_top {
        padding-top: 3px !important;
        padding-bottom: 10px !important;
    }

    .responsive-search-input-box {
        width: 100%;
        display: inline-block !important;
    }

    .background-modal .contents h1 {
        margin-top: 0px !important;
    }

    .display-none-res-768 {
        display: none !important;
    }

    .contact .contact-form-box {
        padding: 0px !important;
    }

    .contact .contact-button-box .button {
        font-size: 15px !important;
    }

    .px-0-res {
        padding: 0 !important;
    }

    .order-res-768 {
        display: inline !important;
    }

    .order-2-desing {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
        padding-right: 28px;
        display: block !important;
    }

    .d-none-996 {
        display: none;
    }

    .responsive-brands-3d {
        display: block !important;
    }

    .blog-section {
        padding: 7px;
        margin: 0;
    }

    .myClass11 .swiper-container-wrapper {
        /* flex-flow: column-reverse !important; */
        width: 100% !important;
    }
}

@media screen and (max-width:913px) {
    header nav .header_top {
        left: 0;
        right: 0;
    }
    .footerScoll{
        gap:30%
    }
    .responsive-913 {
        display: none !important;
    }

    .scan-open-button {
        display: block;
    }

    .form-order-box {
        margin-top: 15px;
    }

    .reponsive-support-icon {
        bottom: 30px;
    }

    .bottom-40 {
        bottom: 40px;
    }

    .recently .recently_box {
        min-height: 190px !important;
    }

    .mobile-footer {
        display: block;
        -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 6px 3px;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 6px 3px;
    }

    footer {
        margin-bottom: 70px;
    }

    .mobile-support-center .support-icon {
        bottom: 45px;
        right: -4px;
        z-index: 0;
    }

    .mobile-support-center {
        bottom: 95px;
    }

    .filter-icon-box {
        display: block !important;
    }

    .myDropdown {
        width: 100% !important;
    }

    .myDropdown .dropdown-toggle {
        padding: 8px 10px !important;
    }

    .d-none-filter-box {
        display: none !important;
    }

    .d-none-filter-res {
        display: none !important;
    }

    .language-res-products {
        display: none !important;
    }

    #slider .swiper-slide {
        min-height: 22vh !important;
    }

    #slider .swiper-slide-active h2 {
        font-size: 35px;
    }

    .sticky-chat {
        bottom: 90px;
    }

    .about h1 {
        margin-top: 0;
    }


    .w-55 {
        width: 150px;
    }

    .other_products {
        padding-top: 70px !important;
    }

    .gallery .gallery_contents_boxes {
        margin-top: 35px !important;
    }

    .gallery-container {
        height: 100%;
    }

    .gallery .gallery-thumbs {
        /* height: 100% !important; frmz */
        padding: 0;
    }

    .gallery .gallery-top {
        height: 100% !important;
    }

    .gallery .gallery-thumbs {
        /* height: 50vh !important; */
    }

    .width-80-swipper {
        width: 95% !important;
    }

    .links-boxes {
        margin-top: 72px !important;
        margin-bottom: 8px !important;
    }
}

@media screen and (max-width:890px) {
    .other-products-height {
        margin-top: 22px;
    }
}

@media screen and (max-width: 850px) {
    .w_80 {
        width: 72% !important;
    }
}

@media screen and (min-width:830px) {
    .sticky-header.sticky {
        top: -70px;
    }

    .addsticky-destktop {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: var(--body-color);
        padding: 0 0 7px 0;
        z-index: 20;
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -ms-transition: .3s ease;
        -o-transition: .3s ease;
    }
}

@media (max-width: 820px) {
    .border-absolute {
        font-size: 14px;
        margin-top: 25px !important;
    }

    .padding-20 {
        padding: 0;
    }

    .flex-breadcrump-res {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: self-start !important;
        -ms-flex-align: self-start !important;
        align-items: self-start !important;
        gap: 1rem !important;
    }

    .mobileCarPartsItemArrovsMini.swiper-button-prev {
        top: 75% !important;
    }

    .mobileCarPartsItemArrovsMini.swiper-button-next {
        top: 75% !important;
    }

    .w-20-recently {
        width: 25% !important;
    }

    .gallery .gallery-thumbs {
        /* height: 53vh !important; */
        padding: 0;
    }

    /*.gallery-container {*/
    /*    height: auto;*/
    /*}*/

    .map-img {
        height: 15vh !important;
    }
}

@media screen and (max-width:769px) {
    .width {
        width: 20% !important;
    }

    .recently .recently_box {
        min-height: 150px !important;
    }

}

@media screen and (max-width:768px) {
    .mySwiperOnce .swiper-pagination{
        top: 93%;
    }
    .slider-item{
        flex-direction: column-reverse;
    }
    #slider .content-box{
        width: 100%!important;
    }
    #slider .swiper-slide h2{
        width: 100%!important;
    }

    .scan-header {
        font-size: 13px;
        width: 70%;
        text-align: justify;
    }

    #map {
        height: 300px;
    }

    .mobile-support-center {
        bottom: 70px;
    }

    .mobile-support-center .open-chat-box {
        width: 260px;
        height: 400px;
        margin-bottom: 32px;
    }

    .stock-lists .stock-list .stock-content-box p {
        font-size: 12px !important;
    }

    .stock-lists .stock-list .say-box {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .d-none-stock-box {
        display: none !important;
    }

    .stock-lists .stock-list .stock-image-box {
        min-width: 130px;
    }

    .stock-lists .stock-list .stock-image-box .absolute h6 {
        font-size: 10px;
    }

    .stock-lists .stock-list .stock-image-box .absolute p {
        font-size: 9px;
    }

    .stock-lists .stock-list .stock-content-box h4 {
        font-size: 12px;
    }

    .stock-lists .stock-list .say-box .box h5 {
        font-size: 15px !important;
    }

    .stock-lists .stock-list .say-box .box .bg-dark-stock p {
        font-size: 11px !important;
        white-space: nowrap;
    }

    .stock-lists .stock-list .stock-image-box .absolute {
        width: 93%;
    }

    .map-contact-box .map-social-icons-boxes .icon-boxx svg {
        width: 34px !important;
        height: 34px !important;
    }

    .map .map-address-boxes .address-box .content-box h5 {
        font-size: 13px;
    }

    .map .map-address-boxes .address-box .content-box p {
        font-size: 10px;
    }

    .map .number-box {
        padding: 7px 8px;
    }

    .map .number-box i {
        font-size: 15px;
    }

    .map .number-box p {
        font-size: 10px;
    }

    .gap-res {
        gap: 10px;
    }

    .w-20-recently {
        width: 23.3% !important;
    }

    .mb-reponsive-bg {
        margin-bottom: 5px;
    }

    .rem-2 {
        margin-top: 2rem;
    }

    .rem {
        margin-top: 3rem;
    }

    .responsive-transition {
        height: 21vh;
    }

    .w-100-res {
        width: 10% !important;
    }

    header nav .header_top .header_open_toggle i {
        font-size: 1.9rem !important;
        padding-right: 10px;
    }

    .recently_price_box .badge_bg-danger {
        padding: 5px 24px;
    }

    .w-80-res {
        width: 80% !important;
    }

    .gallery .gallery_contents_boxes {
        margin-top: 45px !important;
    }

    .margin-top-blogs {
        margin-top: 0 !important;
    }

    .margin-top-blogs2 {
        margin-top: 0 !important;
    }

    .links-boxes {
        margin-left: 10px !important;
    }

    .w-250 {
        width: 200px !important;
    }

    .button-dark {
        padding: 4px 20px 9px 20px;
        font-size: 20px;
        margin-top: 45px;
        font-weight: bold;
    }

    .down-pag {
        margin-top: 0px !important;
    }

    .margin-top-modal {
        margin-top: 30px !important;
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        font-size: 25px !important;
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        font-size: 25px !important;
    }

    .border-relative-brand {
        padding: 20px 30px 18px 30px !important;
    }

    .w-100-768 {
        width: 100% !important;
    }

    .gallery .gallery-thumbs {
        /* height: 60vh !important; frmz*/
        padding: 0;
    }

    .responsive-brands-3d .link-3d-box {
        height: 100px !important;
    }

    .responsive-brands-3d .link-3d-box h6 {
        font-size: 10px !important;
        margin-top: 4px !important;
        margin-bottom: 0;
    }

    .flex-column-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-column-responsive-768 {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }


    .padding-15 {
        padding: 15px;
    }

    .height-300 {
        height: 300px !important;
    }

    .boder-lang-repons {
        -webkit-transform: translate3d(-3px, 32px, 0px) !important;
        transform: translate3d(-3px, 32px, 0px) !important;
    }

    .background-modal {
        padding-bottom: 35px;
    }

    .responsive-3d-image-box {
        height: 55px !important;
    }

    .language {
        display: none;
    }

    .padding-left-50 {
        padding-left: 30px !important;
    }

    .recently .recently_box .recently_content_box h3 {
        font-size: 17px !important;
    }

    .ps-5-res {
        padding-left: 14px !important;
    }

    .px-5-res {
        padding: 0 20px !important;
    }

    .ideas .idea_box .idea_shop_button {
        font-size: 20px;
    }

    .elements .elementFilter li {
        font-size: 17px !important;
    }

    .alert_box .alert {
        width: 100% !important;
    }

    .background_image_brd .contents_about_brd h1 {
        font-size: 35px;

    }

    .background_image_brd .contents_about_brd p {
        font-size: 15px;
    }

    .breadcrumbs .breadcrumbs_title {
        font-size: 17px !important;
    }

    .about_section .about_img_box {
        width: 100% !important;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 10px !important;
    }

    .about_section .flex_column_res {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .contact .contact_title {
        margin-bottom: 20px !important;
        font-size: 30px !important;
    }

    .featured_brands .brands-items {
        overflow-x: scroll !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .featured_brands .brands-items .brands-item {
        width: 25% !important;
    }

    .breadcrumbs {
        padding: 10px 0 10px !important;
    }

    .about_image_box img {
        width: 100% !important;
    }

    #slider .swiper-slide p {
        font-size: 12px;
    }

    #slider .swiper-slide-active h2 {
        font-size: 28px;
        line-height: 35px;
        margin-top: 20px;
    }
    .single-news-breadcrumb{
        padding: 0;
    }
    .single-news-breadcrumb .single-news-title{
        font-size: 28px;
        line-height: 30px;
        letter-spacing: 0.4px;
    }
    .news-section{
        padding-top: 20px;
    }
    .single-news-jump{
        gap: 5px;
    }
    .jump-page-link{
        width: 80%;
    }
    .single-news-jump a{
        overflow: hidden;
        display: block;
        width: 95%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .news-single-pagination {
        padding: 10px 15px;
    }

    .arrow{
        right: 0;
        top: 0;
    }
}

@media (max-width: 760px) {
    .gallery .gallery-thumbs {
        /* height: 45vh !important; frmz */
        padding: 0;
    }

    .margin-top-res {
        margin-bottom: 10px;
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
    }
}

@media screen and (max-width: 650px) {
    .paddings_none {
        padding: 10px 15px 5px 15px !important;
    }

    header nav .logo_box {
        left: 48px !important;
        width: 73px !important;
    }

    .width {
        width: 33% !important;
    }
}

@media screen and (max-width:600px) {
    .recently-overlay table {
        font-size: 8px !important;
    }

    .recently-overlay2 table {
        font-size: 8px;
    }

    .mobile-footer .nav-mobile-footer-items .nav-mobile-footer-item a {
        font-size: 13px !important;
    }

    #slider .content-box {
        padding-left: 25px;
    }

    #slider .swiper-slide h2 {
        font-size: 17px;
        line-height: 20px;
        margin-top: 20px;
        margin-bottom: 10px;
        width: 90px;
        white-space: pre-wrap;
    }
}

@media screen and (max-width: 550px) {
    .footerScoll{
        gap:50%
    }
    .gallery .gallery-thumbs {
        /* height: 100% !important;  frmz*/
    }

    /*    .gallery .swiper-container-wrapper {
            height: 90vh !important;
        }*/

    .w_80 {
        width: 62% !important;
    }



    .recently .recently_box .recently_content_box h3 {
        font-size: 12px !important;
    }

    .fs-12 {
        font-size: 12px !important;
    }
}

@media (max-width: 500px) {
    .scanner-line-absolute {
        top: 62px;
        right: 23px;
    }

    .scanner-line-absolute svg {
        width: 36px;
        height: 36px;
    }

    .scanner-desc p {
        margin-top: 20px;
        font-size: 13px;
    }

    .mobile-footer .nav-mobile-footer-items .nav-mobile-footer-item a {
        font-size: 11px !important;
    }

    .nav-mobile-footer-item svg path {
        width: 30px;
        height: 30px;
    }

    .pt-10px {
        padding-top: 25px;
    }

    .stock-lists .stock-list .stock-content-box p {
        font-size: 7px !important;
    }

    .stock-lists .stock-list .say-box .box .bg-dark-stock {
        padding: 5px !important;
    }

    .stock-lists .stock-list .stock-content-box h4 {
        font-size: 10px;
    }

    .map-contact-box .map-social-icons-boxes .icon-boxx svg {
        width: 25px !important;
        height: 25px !important;
    }


    .map .map-address-boxes .address-box .box .image-box .absolute .fw-bold {
        font-size: 12px !important;
        margin-bottom: 0;
    }

    .map .map-address-boxes .address-box .box .image-box .absolute p {
        font-size: 11px !important;
    }

    .mobile-support-center .support-icon {
        width: 80px !important;
        height: 80px !important;
    }

    .map .map-address-boxes .address-box .box .image-box {
        max-width: 100px;
    }

    .map .map-address-boxes .address-box .content-box p {
        font-size: 7px;
    }

    .map .map-address-boxes .address-box {
        padding: 10px 7px;
    }

    .map .map-address-boxes .address-box .box .image-box .absolute {
        bottom: 0 !important;
    }

    .mobileCarPartsItemArrovs {
        top: 82% !important;
    }

    .w-20-recently {
        width: 50% !important;
    }

    .mb-reponsive-bg {
        margin-bottom: 25px;
    }

    .w-100-res {
        width: 19% !important;
    }

    .w-80-res {
        width: 87% !important;
    }

    .other-products-height {
        height: 33vh !important;
    }

    .myDropdown {
        width: 100% !important;
    }

    .button-success-select-box {
        width: 100% !important;
    }

    .button-clear-select-box {
        width: 100% !important;
    }

    .button-clear-select-box button {
        width: 100% !important;
    }

    .button-success-select-box button {
        width: 100% !important;
    }

    .flex-direction-filter-responsive {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .gallery .gallery_contents_boxes {
        margin-top: 15px !important;
    }

    /*   .gallery .swiper-container-wrapper {
           height: 35vh !important;
       }*/

    .map-img {
        height: 12vh !important;
    }

    .w-55 {
        width: 55px !important;
    }
}

@media screen and (min-width:480px) {
    .gallery .swiper-container-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .gallery .swiper-container {
        min-height: 320px;
    }

    .gallery .gallery-thumbs .swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

}

@media (max-width: 480px) {
    .responsive-brands-3d .link-3d-box {
        height: 85px !important;
    }

    #slider .swiper-slide p {
        font-size: 11px;
    }
    .scanner-video-box {
        height: 150px;
    }
    /* .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 20px !important;
    } */

    #slider .swiper-slide {
        min-height: 21vh !important;
    }

    .sliderSwiperBtn {
        top: 60% !important;
    }

    .border-absolute {
        font-size: 16px;
    }

    .recenProducts {
        padding-top: 0.1rem !important;
    }

    .slider-down a,
    .slider-down h2 {
        font-size: 15px !important;
    }

    .slider-down {
        background-position: inherit !important;
        height: 15vh !important;
    }

    .width {
        width: 50% !important;
    }

    .w-res {
        width: 50% !important;
    }

    .w-100-400px {
        width: 100% !important;
    }

    .gallery .swiper-container-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .gallery .gallery-top {
        width: 80%;
        /* margin-left: 10px; */
    }

    .gallery .gallery-thumbs {
        /* height: 15vh !important; frmz */
        margin-bottom: 15px;
        width: 100% !important;
        display: none !important;
    }

    .width {
        width: 33% !important;
    }

    .height-300 {
        height: 200px !important;
    }

    .padding-15 {
        padding: 5px 15px 0 15px !important;
    }

    .border-relative-brand {
        padding: 10px !important;
    }

    .gallery .gallery-thumbs .swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .w-30 {
        width: 40% !important;
    }

    .scanner-line-absolute {
        right: 35px;
    }

    .breadcrumbs .breadcrumb_button {
        font-size: 12px;
        height: 35px;
        width: 200px !important;
    }

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

    .Slider .Slider-content .Slider-content-inner .contents_home {
        padding: 0 20px;
    }

    header nav .logo_box {
        left: 48px !important;
    }



    .background_image_brd .contents_home {
        padding: 40px 20px 0;
    }

    .featured_brands .brands-items .brands-item {
        width: 40% !important;
    }

    .fw-26px {
        font-size: 12px !important;
    }

    .recently_content_box-button {
        font-size: 14px !important;
    }

    .recently .recently_box .recently_content_box .recently_content_box-button {
        font-size: 12px !important;
    }

    .responsive-brands-3d .link-3d-box {
        height: 80px !important;
    }
}

@media screen and (max-width:400px) {
    .scanner-line-absolute {
        right: 25px;
    }

    .responsive-3d-image-box {
        height: 48px !important;
    }

    .responsive-brands-3d .link-3d-box {
        height: 77px !important;
    }

    .page-link {
        font-size: 11px;
    }

    .w-pag {
        width: 38px;
    }
}

@media screen and (max-width: 390px) {
    .mobile-footer-nav-padding{
        padding-left: 135px !important;
    }
    .gallery .gallery-top {
        width: 100%;
    }

    .gallery .swiper-container-wrapper {
        height: 40vh !important;
    }

    header nav .logo_box {
        left: 40px !important;
    }

    .section_top span {
        font-size: 14px !important;
    }

    .breadcrumbs .breadcrumbs_items .item a {
        font-size: 18px;
    }

    .breadcrumbs .breadcrumbs_items .item span {
        font-size: 17px;
    }

    .gallery .swiper-slide {
        height: 330px !important;
    }

    .h-15 {
        height: 15vh !important;
    }
}

@media screen and (max-width:300px) {
    .width {
        width: 50% !important;
    }

    .w-20-recently {
        width: 100% !important;
    }

    .mobile-footer .nav-mobile-footer-items .nav-mobile-footer-item a {
        font-size: 8px !important;
    }

    .section_top h6 {
        display: none;
    }

    .slider-down a,
    .slider-down h2 {
        font-size: 13px !important;
    }

    .mb-reponsive-bg {
        font-size: 16px;
    }

    .h-15 {
        height: 15vh !important;
    }
}

@media (min-width: 300px) {

    .gallery .gallery-thumbs .swiper-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        width: 100%;
        height: 21vh !important; /* frmz */
    }



    .border-absolute-left {
        font-size: 16px;
        text-align: center;
    }

    .brands-3d {
        padding: 0px !important;
    }
}

@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {

    .map-contact-box .map-social-icons-boxes .icon-boxx svg {
        width: 75px !important;
        height: 75px !important;
        margin-left: 10px !important;
    }
    .responsive-transition {
        height: 20vh;
    }
    .mobileCarPartsItem {
        margin: 0 50px;
    }
}

@media only screen
and (min-width: 600px)
and (max-width: 1024px) {

    .map-contact-box .map-social-icons-boxes .icon-boxx svg {
        width: 75px !important;
        height: 75px !important;

    }
    .responsive-transition {
        height: 20vh;
    }

}

@media only screen
and (min-width: 200px)
and (max-width: 500px) {

    .recently_box .recently-overlay2 .overlay-padding {
        padding: 10px !important;
    }

}


@media only screen and (max-width: 767px) {
    .logo_header {
        max-width: 55%!important;
    }
}