@media screen and (max-width:1400px) {
    .banner-item-inner .banner-right {
        max-width: 50%;
    }
  
}
@media screen and (max-width:1440px) {
    .footer-col:not(:first-of-type) {
        padding-left: 15px;
    }

    .footer-col.newsletter {
        flex: 0 0 350px;
    }
    .footer-row {
        row-gap: 40px;
    }
}

@media screen and (max-width:1024px) {
    .site-logo {
        margin-right: 35px;
        max-width: 110px;
    }

    .site-header .main-nav>li:not(:last-of-type) {
        margin-right: 20px;
    }

    .footer-col:not(:first-of-type) {
        padding-left: 30px;
    }

    .offset-left {
        margin-left: calc((100% - 960px) / 2);
    }

    .accessories-card .accessories-img img {
        width: 100%;
    }

    .history-serving .left-side {
        max-width: 570px;
    }

    .insta-gallery .larg-post {
        grid-column-end: span 3;
    }

    .sticky-left-pro {
        top: 95px;
    }

    .banner-left .banner-detail h1 {
        font-size: 45px;
    }

    .banner-item-inner .banner-right {
        max-width: 50%;
    }

    .product-promo-body .promotional-card {
        padding: 30px 15px;
    }

    .product-promo-body .btn.btn-sm {
        font-size: 13px;
    }

    .min-pro-card .min-pro-body .pro-info h4,
    .min-pro-card .min-pro-body .pro-info h4 a {
        font-size: 14px;
        line-height: 19px;
    }

    .signup-banner-img img {
        height: 100%;
    }

    .signup-banner {
        height: 100%;
    }

    .difference-ls-info {
        padding: 20px 20px 20px 0px;
    }
    .partner-type-card .partner-type-card-body .icon-bx img {
        max-height: 100px;
    }
    .partner-type-card .partner-type-card-body .part-serv-info {
        padding-left: 20px;
    }
    .partner-type-card .partner-type-card-body{
        padding: 20px;
    }
    .partner-type-card .partner-type-card-body .part-serv-info h3{
        font-size: 17px;
    }
    .footer-col{
        flex: 0 0 160px;
    }


    .contact-details {
        padding-left: 20px;
    }
    .service-details .stripe-promo-body .pr-bg.size-two {
        max-width: 240px;
        height: 100%;
    }
    .stripe-promo-body .stripe-card h4{
        font-size: 16px;
    }
    .stripe-promo-body .stripe-card h3{
        font-size: 20px;
    }
}

@media screen and (max-width:991px) {
    .site-logo {
        margin-right: 0;
        flex: 1;
        max-width: 90px;
        display: flex;
        justify-content: center;
        margin-left: 20px; 
    }

    .main-menu .menu-right .main-nav,
    .main-menu .menu-left {
        display: none;
    }

    .menu-toggle {
        display: inline-block;
    }

    .site-header .main-menu .menu-right {
        flex: unset;
    }

    .site-logo a {
        display: inline-block;
    }

    .site-header .main-menu .menu-right .user-option {
        margin-left: 0;
    }

    .site-header .main-menu {
        padding: 15px 0px;
    }

    .banner-left .banner-detail h1 {
        font-size: 40px;
    }

    .banner-left .banner-detail p {
        font-size: 16px;
    }

    .info-card-bodfy h3 {
        font-size: 20px;
    }

    .info-card-bodfy h3 br {
        display: none;
    }

    .info-card-bodfy p {
        font-size: 16px;
        line-height: 1.2;
    }

    .brand-list .brand-logo {
        padding: 0 10px;
    }

    .brand-list .slick-list {
        margin: 0 -10px;
    }

    .offset-left {
        margin-left: 0;
        padding-left: 15px;
    }

    .container {
        max-width: 100%;
    }

    .padding-bottom {
        padding-bottom: 40px;
    }

    .padding-top {
        padding-top: 40px;
    }

    .review-section {
        padding: 40px 0;
    }

    .history-serving .left-side {
        max-width: 60%;
    }

    .history-serving .right-side h2 {
        font-size: 45px;
    }

    .accessories-card .accessories-img img {
        width: 100%;
    }

    .insta-gallery {
        grid-template-columns: auto;
    }

    .footer-col:not(:first-of-type) {
        padding-left: 20px;
    }

    .footer-col.logo-col {
        max-width: 100%;
        flex: 0 0 20%;
    }

    .footer-logo a {
        max-width: 130px;
        display: block;
        margin: auto;
    }

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

    .product-filter-body {
        position: fixed;
        z-index: 999;
        background: #F6F5F0;
        top: 0;
        height: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        transform: translate(-100%, 0px);
        left: 0;
        width: 280px;
        overflow: auto;
        padding: 25px;
    }

    .product-filter-body.filter-active {
        transform: translate(0%, 0px);
    }

    .product-filter .filter-title {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 15px;
    }

    .product-filter .filter-title h4 {
        color: #B5B5B8;
        margin-bottom: 0;
        margin-right: 10px;
        font-size: 18px;
    }

    .product-filter .filter-title img {
        display: inline-block;
        width: 18px;
        height: 18px;
    }

    .product-filter .head-title h4 {
        color: #222222;
        margin-bottom: 0;
        margin-right: 10px;
        font-size: 18px;
    }

    .product-filter .head-title img {
        display: inline-block;
        width: 18px;
        height: 18px;
    }

    .product-filter-head {
        margin-bottom: 20px;
    }

    .close-fillter {
        color: #222222;
    }

    .close-fillter:hover {
        color: #222222;
    }

    .sticky-part {
        position: relative;
        top: 0;
        margin-top: 30px;
    }

    .reverse-md {
        flex-direction: column-reverse;
    }

    .related-card {
        text-align: left;
        border-top: 1px solid rgb(181 181 184 / 40%);
        border-bottom: 1px solid rgb(181 181 184 / 40%);
        padding: 4px 0 10px;
        margin: 10px 0;
    }

    .product-view .product-details {
        padding-left: 0;
    }

    .sticky-left-pro {
        top: 85px;
    }

    .contact-left {
        padding-right: 0;
        margin-bottom: 30px;
    }

    .questions-categories {
        padding-right: 0;
        margin-bottom: 40px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .questions-categories h3 {
        width: 100%;
    }

    .questions-categories a {
        width: calc(50% - 5px)
    }

    .questions-categories a:not(:last-of-type) {
        margin-bottom: 0;
    }

    .sticky-part.sticky-100 {
        position: sticky;
        top: 100px;
    }

    .workshop-detail .product-details {
        padding-left: 0;
    }

    .type-filters .type-selector label {
        background: #F6F5F0;
        border: 1px solid rgba(181, 181, 184, 0.2);
        border-radius: 10px;
    }

    .search-tags .srch-tag {
        background: #F6F5F0;
        border: 1px solid #617999;
        border-radius: 3px;
        font-size: 14px;
    }

    .product-list.row .product-filter {
        position: relative;
        top: 0;
    }

    .debts-quickly p {
        font-size: 14px;
        line-height: 16px;
    }

    .section-title h2,
    .article-detais .main-detail .section-title h2{
        font-size: 35px;
    }

    .renting-info-banner .info-text p {
        font-size: 20px;
        line-height: 30px;
    }

    .signup-banner .signup-info {
        padding-left: 0;
    }

    .signup-banner .signup-info h1 {
        font-size: 36px;
        line-height: 46px;
    }

    .difference-ls-info {
        padding: 40px 20px;
    }
    .partner-testimonial .part-rev-card {
        margin-top: 90px;
    }
    .partner-testimonial{
        padding: 40px 0px 40px;
    }
    .expect-section {
        padding: 40px 0px;
    }
    .footer-col {
        flex: 0 0 33.2%;
    }
    .footer-col.newsletter {
        flex: 0 0 100%;
    }
    .contact-details{
        margin-top: 30px;
    }
    .contact-details {
        padding-left: 20px;
    }
    .footer-row{
        row-gap: 40px;
    }
    .footer-col.logo-col{
        max-width: 100%;
        flex: 0 0 33.2%; 
    }
}


@media screen and (max-width:767px) {
    .banner-item-inner {
        flex-direction: column-reverse;
        border-radius: 10px;
    }

    .banner-left .banner-detail h1 br {
        display: none;
    }

    .banner-item-inner .banner-left {
        padding: 15px 15px 50px;
    }

    .banner-left .banner-detail h1 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .banner-slider .slick-dots {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
    }

    .info-card.slick-slide {
        padding: 0 10px;
    }

    .banner-slider .slick-dots li button {
        background-color: #B5B5B8;
    }

    .banner-slider .slick-dots li.slick-active button {
        background-color: #F58220;
    }

    .store-info .container {
        padding-right: 0;
    }

    .sub-title {
        text-align: center;
    }

    .section-title {
        text-align: center;
        display: block !important;
    }

    .similar-products .section-title,
    .working-with .section-title {
        text-align: left;
    }

    .google-review-card {
        background-color: transparent;
        border: 0;
        display: block;
        padding: 0 0 15px;
    }

    .google-review-card .btm-buttons {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .google-review-card .top-intro p br {
        display: none;
    }

    .google-review-card .top-intro {
        text-align: center;
        margin-bottom: 5px;
    }

    .google-words {
        padding: 0 30px;
    }

    .footer-col:not(.logo-col) {
        flex: 0 0 50%;
    }

    .footer-col:not(:last-of-type) {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #B5B5B8;
    }

    .footer-col:not(:first-of-type) {
        padding-left: 0;
    }

    .footer-col.logo-col {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    .footer-logo {
        text-align: center;
    }

    .rights {
        text-align: center;
    }

    .social-links {
        justify-content: center;
        margin-top: 5px !important;
    }

    .site-header .main-menu .menu-right .user-option .profile-block {
        display: none;
    }

    .insta-gallery .larg-post {
        grid-column-end: span 2;
    }

    .footer-logo a {
        max-width: 145px;
    }

    .stripe-promo-body {
        flex-direction: column;
        border-radius: 0;
        align-items: flex-start;
    }

    .stripe-promo-body .pr-bg {
        max-width: 100%;
    }

    .service-details .stripe-promo-body .pr-bg.size-two {
        max-width: 100%;
    }

    .stripe-promo-body .stripe-card {
        padding: 15px;
    }

    .col-lg-12.product-promo-stripe {
        padding: 0;
    }

    .article-detais .main-head h1 {
        font-size: 24px;
    }

    .request-content {
        display: block;
    }

    .request-popup .request-content .request-img {
        max-width: 100%;
        min-height: 345px;
    }

    .modal-content {
        border-radius: 10px;
    }

    .request-popup .request-main-desc {
        padding: 15px;
    }

    .request-popup .request-main-desc h3 {
        font-size: 24px;
    }

    .request-popup .btn-close {
        display: inline-block;
    }

    .sticky-left-pro {
        position: relative;
        top: 0;
    }

    .product-gallery-nav {
        display: none;
    }

    .product-gallery .slick-arrow,
    .product-gallery .slider__counter {
        display: block !important;
    }

    .product-gallery .slider__counter {
        position: absolute;
        bottom: -30px;
        font-family: 'Futura PT';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #B5B5B8;
        text-align: center;
        left: 0;
        right: 0;
    }

    .product-gallery .slick-arrow {
        position: absolute;
        bottom: -32.6px;
        top: unset;
        width: 15px;
        height: 15px;
        background-size: 100% 100%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .product-gallery .slick-arrow.slick-prev {
        left: -70px;
    }

    .product-gallery .slick-arrow.slick-next {
        right: -70px;
    }

    .product-gallery {
        margin-bottom: 40px;
    }

    .product-details .section-title {
        margin-bottom: 10px;
    }

    .product-details .section-title h1 {
        text-align: left;
        font-size: 24px;
    }

    .detail-qty {
        max-width: 170px;
    }

    .article-detais .main-detail h2 {
        font-size: 16px;
    }

    .our-bestsellers .offset-left,
    .similar-products .offset-left {
        padding-right: 15px;
    }

    .section-title.d-sm-none {
        display: none !important;
    }

    .product-card-body .product-desc h3 a {
        font-size: 16px;
    }

    .banner-item-inner .banner-right {
        max-width: 100%;
    }

    .banner-item-inner .banner-img {
        height: 350px;
    }

    .banner-item-inner .banner-img video {
        height: 100%;
        min-height: unset;
    }

    .contact-details h4 {
        font-size: 24px;
    }

    .contact-details-title .social-links li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 13px;
    }

    .contact-details-title .social-links li:not(:last-of-type) {
        margin-right: 10px;
    }

    .map-link.btn-icon {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .contact-from-main {
        padding: 10px;
    }

    .contact-page {
        padding: 40px 0 40px;
    }

    .support-team span {
        font-size: 10px;
        line-height: 16px;
    }

    .support-team .team-img img {
        width: 25px;
        border-radius: 5px;
    }

    .cont-block {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 10px;
        gap: 10px;
    }

    .cont-block .inf-text {
        padding-right: 0;
    }

    .contact-details {
        margin-top: 20px;
    }

    .frequently-banner.page-banner .banner-text {
        text-align: left;
    }

    .frequently-banner.page-banner .banner-text h1 {
        font-size: 24px;
        margin: 0;
    }

    .frequently-banner.page-banner {
        padding: 20px 0;
    }

    .questions-categories h3 {
        display: none;
    }

    .questions-categories {
        display: block;
    }

    .questions-categories a {
        width: auto;
        font-size: 14px;
        padding: 10px;
        border-radius: 3px;
        margin: 0 5px;
    }

    .questions-categories {
        margin: 0 -5px 20px;
    }

    .questions-categories a i {
        display: none;
    }

    .questions .col-lg-4.sticky-part {
        margin-top: 0;
    }

    .questions-categories a.active {
        color: #444444;
    }

    .faqs-accordion .accordion-button {
        font-size: 14px;
    }

    .page-banner .banner-text h1 {
        font-size: 24px;
        line-height: 36px;
    }

    .page-banner .banner-text p {
        font-size: 12px;
        line-height: 15px;
    }

    .page-banner {
        padding: 20px 0;
    }

    .workshop-gallery-nav {
        display: none;
    }

    .workshop-gallery {
        margin-bottom: 40px;
    }

    .workshop-gallery .slider__counter {
        position: absolute;
        bottom: -30px;
        font-family: 'Futura PT';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #B5B5B8;
        text-align: center;
        left: 0;
        right: 0;
    }

    .workshop-gallery .slick-arrow {
        position: absolute;
        bottom: -32.6px;
        top: unset;
        width: 15px;
        height: 15px;
        background-size: 100% 100%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .workshop-gallery .slick-arrow.slick-next {
        right: -70px;
    }

    .workshop-gallery .slick-arrow.slick-prev {
        left: -70px;
    }

    .workshop-detail .date {
        margin: 10px 0px 0px;
    }

    .product-details .price-box {
        margin-top: 10px;
    }

    .section-title h2.sub-title {
        font-size: 24px;
        text-align: left;
    }

    .debts-right {
        padding-left: 0;
    }

    .bother-img {
        padding-right: 0;
    }

    .bank-risk {
        padding-left: 0;
    }

    .apply-online .modal-content {
        padding: 20px;
    }

    .apply-online .modal-footer {
        margin-top: 20px;
    }

    .signup-banner .left-side {
        padding-left: 0;
        padding-right: 0;
    }

    .signup-banner .signup-info {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .signup-banner .signup-info .btn {
        margin-top: 20px;
    }

    .signup-banner .signup-info p {
        font-size: 16px;
        line-height: 20px;
    }

    .signup-banner .signup-info h1 {
        font-size: 25px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .store-info-signup .info-card-bodfy h3 {
        font-size: 16px;
    }

    .signup-banner {
        margin-bottom: 40px;
    }

    .section-title.title-sm h2 {
        font-size: 22px;
    }

    .testimonials-slider .testimonial-card {
        padding: 0;
    }

    .testimonials-slider {
        margin-left: 0;
    }

    .difference-testimonials .offset-container {
        padding-right: 15px;
    }

    .testimonials-slider {
        padding: 0 15px;
    }

    .testimonials-slider .slick-arrow {
        left: -7px;
    }

    .testimonials-slider .slick-arrow.slick-next {
        left: auto;
        right: -7px;
    }

    .zuccarini-service .section-title h2 br {
        display: none;
    }

    .zuccarini-service {
        padding-top: 20px;
    }

    .zuccarini-difference-slider .difference-img img {
        border-radius: 10px;
    }

    .difference-list-wrape {
        border-radius: 15px;
    }

    .service-faqs-title h3 {
        font-size: 22px;
    }

    .service-faqs {
        margin-top: 20px;
    }

    .service-details .brands-logos .brand-block {
        width: 80px;
        height: 80px;
    }

    .service-details .brands-logos {
        gap: 10px;
    }

    .service-details .ser-sub-title {
        font-size: 22px;
        line-height: 22px;
    }

    .article-detais {
        padding: 40px 0 40px;
    }

    .modal.mini-cart .modal-footer {
        margin-top: 10px;
        border-radius: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .cart-item .cart-item-body .produt-info {
        display: block;
    }

    .cart-item .cart-item-body .produt-info .main-info {
        padding-right: 0;
    }

    .cart-item-body .produt-info .produt-variant {
        gap: 5px 5px;
    }

    .cart-item-body .produt-info .produt-variant p {
        font-size: 10px;
    }

    .cart-item-body .produt-info .product-name {
        font-size: 14px;
        line-height: 20px;
    }
    .cart-item-body .produt-info .auth-name{
        font-size: 12px;
        line-height: 10px;
    }
    .cart-item-body .produt-info .produt-variant p span{
        font-size: 12px;
    }
    .cart-recommended-products {
        margin-top: 10px;
    }
    .mini-cart .modal-content{
        border-radius: 0;
    }
    .cart-item-body .detail-qty{
        margin-top: 10px;
    }
    .modal.mini-cart .mini-cart-list{
        max-height: unset;
        height: auto;
    }
    .modal.mini-cart .btn-close{
        top: 10px;
        right: 10px;
        left: auto;
    }
    .modal.mini-cart .modal-dialog{
        height: 100%;
        min-height: unset;
    }
    .checkout-form {
        margin-top: 10px;
    }
    .modal.mini-cart .modal-body{
        padding: 1rem 15px;
    }
    .mini-cart .modal-header{
        padding-left: 15px;
        padding-right: 15px;
    }
    .search-box{
        right: -30px;
        width: 320px;
    }
    .footer-col.address {
        margin-top: 0;
    }
    .footer-col.newsletter {
        flex: 0 0 100%;
        margin-top: 0;
    }
    .partner-type-card .partner-type-card-body .icon-bx img {
        max-height: 70px;
    }
    .works-card .works-card-body .works-card-icon{
        width: 95px;
        height: 95px;
        margin: 0 auto 25px;
    }
    .financing-banner-section p{
        font-size: 16px;
        line-height: 1.2;
    }
    .financing-banner-img {
        margin-bottom: 20px;
    }
    .expect-section p{
        font-size: 16px;
        line-height: 1.2; 
    }
    .stripe-promo-body.new-shape .pr-bg {
        max-width: 100%;
        border-radius: 0;
    }
    .similar-products-slider .slick-list{
        padding-right:0;
    }
    .info-card-bodfy .info-icon img{
        width: auto;
        max-height: 60px;
    }
    .category-section .text-end.mt-3{
        text-align: center !important;
        margin-top: 15px !important;
    }
    .category-section .text-end.mt-5{
        text-align: center !important;
        margin-top: 15px !important;
    }
    .instagram-post .section-title .text-end{
        text-align: center !important;
    }
    .instagram-post .section-title .btn-secondary{
        margin-top: 15px;
    }
    .slider-nav-cust{
        display: none;
    }
    .mobile-menu-wrapper .mobile-menu-head .close-menu{
        margin-right: 5px;
    }
    html{
        overflow-x: hidden;
    }
    .with-purchase.with-kit-popup{
        padding: 20px 20px;
    }
    .footer-col.address,
    .footer-col.info{
        display: none;
    }
    .footer-col.logo-col{
        display: flex;
    }
    .footer-col.logo-col p{
        text-align: left;
    }
    .footer-logo a {
        max-width: 100px;
        margin: 0;
    }

    .footer-col.logo-col .footer-widget {
        text-align: left;
        padding-left: 15px;
    }

    .footer-col.logo-col .social-links li:not(:last-of-type) {
        margin-right: 5px;
    }
    .site-footer {
       padding: 40px 0px 40px;
    }
    .footer-col.logo-col .social-links li a{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 17px;
    }
    .footer-widget h4 a{
        color: #617999;
    }
    .only-for-mobile{
        display: block;
    }
    .only-mobile-grd a{
        flex: 1;
    }
    .only-mobile-grd a img{
        margin-bottom: 0;
    }
    .instagram-grid .large-img img{
      margin-bottom: 0;
    }
}

@media screen and (max-width:575px) {

    .section-title h2+.btn {
        margin-top: 10px;
    }

    .info-card-bodfy h3 {
        font-size: 16px;
    }

    .info-card-bodfy p {
        font-size: 14px;
    }

    .section-title h2,
    .article-detais .main-detail .section-title h2{
        font-size: 24px;
    }

    .section-title h2.sub-title {
        font-size: 24px;
    }

    .section-title h2+p {
        margin-top: 10px;
    }

    .section-title p {
        font-size: 16px;
        line-height: 1.2;
    }

    .history-serving {
        border-radius: 10px;
    }

    .history-serving .left-side {
        max-width: 100%;
    }

    .history-serving .right-side {
        padding: 15px;
    }

    .history-serving .right-side h2 br {
        display: none;
    }

    .history-serving .right-side h2 {
        font-size: 24px;
    }

    .history-serving .right-side .sub-heading {
        margin-bottom: 10px;
    }

    .mobile-menu-wrapper {
        width: 100%;
    }

    .resources-list .fillter-box a {
        padding: 8px 10px;
        font-size: 14px;
    }

    .resources-list .fillter-box {
        gap: 10px;
    }

    .product-details .info-line {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .with-purchase ul li .btn.btn-sm {
        padding: 3px 7px;
        font-size: 14px;
    }

    .action-slider {
        margin: 0 -5px;
    }

    .action-media .media-wrap {
        padding: 0 5px;
    }

    .section-title {
        margin-bottom: 20px;
    }

    .contact-details .col-sm-4 {
        width: 33.3%;
    }

    .contact-row a,
    .contact-row p {
        font-size: 14px;
    }

    .cont-title {
        margin-bottom: 5px;
        font-size: 15px;
        line-height: 15px;
    }
    .footer-col{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .footer-row{
        gap: 0;
        margin: 0 -10px;
    }

}

@media screen and (max-width:320px) {
    .search-box{
        width: 260px;
    }
}