.zip-pay-stripe-1-text img { max-height: 30px; margin-top: 10px; margin-bottom: 10px; } 

@media (min-width:280px) { 
    /* preset */
    .block-title h3 { font-size:30px; line-height:36px; margin-bottom:30px;}
    .block-padd { padding:40px 0px; }
    body { font-size:14px; }
    .servie-cat-content h3, .service-item-content h3, .skew-block .col-lg-6 h3 { font-size: 18px; line-height:24px; }
    .servie-cat-content p, .testimonials-item p, .service-item-content p { font-size:14px; line-height:20px; }
    .banner-text h3, .banner-text h1, .contact-cta-1-text h3 { font-size: 30px; line-height:36px; } 
    /* header */
    .top-header-left { justify-content: space-around; }
    .top-header-left .list-group-item a::before { content: attr(title); position: absolute; background-color:#2f5e8e; padding:5px 10px; color: #fff; top: 34px; z-index: 999; left: auto; margin-left: -20px; font-size:12px; line-height:14px; margin-top:11px; visibility:hidden; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; text-align:center;}
    .top-header-left .list-group-item a:hover::before { visibility: visible; opacity:1; }
    .top-header-left .list-group-item a::after {  }
    .top-header-left .list-group-item span { display: none; }
    .top-header-left .list-group-item, .top-header-right .list-group-item { padding: 10px 15px; }
    .list-group-horizontal.top-header-left .list-group-item:first-child { padding-left:15px;}
    .top-header-left .list-group-item { text-align:center; }
    .top-header .col-lg-4 { display:none; }
    nav.bg-dark.navbar-dark { background-color:#343a40 !important; }
    .navbar-dark .navbar-brand { max-width: 164px; }
    .navbar-dark .navbar-brand img { width: 100%; }
    .banner-block { margin-top:0px; }
    .navbar-toggler { font-size: .65rem; padding:0px; border:none !important; outline:none; box-shadow:none; width: 22px; height: 28px;margin-left:0px; }
    .navbar-toggler:focus, .navbar-toggler:active { outline:none; box-shadow:none; }
    .navbar-toggler span { position: relative; display: block; }
    .navbar-toggler span:after, .navbar-toggler span:before { content: ""; position: absolute; left: 0; top:-6px; }
    .navbar-toggler span:after { top:6px }
    .navbar-toggler span,.navbar-toggler span:after,.navbar-toggler span:before { width: 100%; height: 2px; background-color: #fff; transition: all 0.3s; backface-visibility: hidden; border-radius: 2px; }
    .navbar-toggler[aria-expanded="true"] span  { background-color: transparent; }
    .navbar-toggler[aria-expanded="true"] span:before  { transform: rotate(45deg); top:0px; }
    .navbar-toggler[aria-expanded="true"] span:after { transform: rotate(-45deg); top:0px; }
    .navbar-dark .navbar-nav.primary-nav-links > li > .nav-link { padding:12px 15px; border-top:1px solid #eee; }
    .navbar-dark .navbar-nav.primary-nav-links > li:first-child > .nav-link { border-top:none; }

    /* banner */
    /*.banner-height { height:600px; }*/
    .banner-text h3, .banner-text h1 { font-weight: 400; margin-bottom:15px; } 
    .banner-form-row { padding-right:0px; }
    .banner-form-row select { margin-bottom:10px; font-size:13px; background-size: 8px; cursor: pointer;}
    .banner-form-wrap .nav-pills li.nav-item { flex: 0 0 33.33%; max-width: 33.33%; }
    .banner-form-wrap .nav-pills li.nav-item + li.nav-item { margin-left:0px; }
    .banner-form-wrap .nav-pills .nav-link { font-size:10px; line-height:14px; padding: 13px 10px; height:100%; font-weight:500; word-break: break-word; border-right:1px solid rgb(255 255 255 / 20%); }
    .banner-form-wrap .nav-pills li:last-child a.nav-link { border-right:none; }
    .banner-form-submit { position:static;width: 100%; }
    .banner-form-submit button { height: 40px; border: 1px solid #cccfd5; width: 100%; outline: none; box-shadow: none; }
    /*.banner-form-row .col-sm-6 { flex: 0 0 50%; max-width: 50%; }*/

    /* tyre brands */
    .tyre-logo-item-wraper { flex: 0 0 50%; max-width: 50%; }
    .tyre-logo-item-wraper .tyre-logo-item {
        background-color: #fff;
        padding: 0px 10px;
        margin-bottom:20px;
    }





    /* skew */
    .skew-left, .skew-right { padding:40px 15px; }
    .skew-block .col-lg-6 h3 { margin-bottom:20px; }
    .skew-block { padding:0px; }
    .skew-image-1 { height: 50%; width: 100%; }
    .skew-image-2 { height: 50%; width: 100%; top: 50%; right: 0px; -moz-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); }
    .skew-image-1::before, .skew-image-1::after { display:none; }

    /* service cat */


    .servie-cat-item { text-align: center; }

    /* testimonials */
    .testimonials-wraper::before { left:50%; transform:translate(-50%, 0%);}


    .testimonials-wraper .slick-prev { left:15px; }
    .testimonials-wraper .slick-next { right:15px; }
    .testimonials-item { padding:38px 50px 20px; }
    ul.zip-pay-stripe-1-list { display:block; }
    ul.zip-pay-stripe-1-list li { display:block; border:none; border-bottom:1px solid #000; padding:10px 20px; font-size: 16px; }
    .zip-pay-stripe-1 { padding:20px } 
    /*.service-item-icon { top:-45px; bottom: auto; right: auto; left: 0px; background-color: #fff; height: 45px; width: 40px; display: flex; align-items: center; justify-content: center; }*/
    /*.service-item-icon img { max-width:25px; }*/
    .contact-cta-1-text a { display:block; margin-bottom: 15px; margin-right: 0px; font-size: 13px;  }
    /* tyre brands */
    .footer-brands .container-fluid { padding:0px 15px; }
    .brands-item-wraper { flex: 0 0 100%; max-width:100%; padding: 0px 15px; }
    .brands-item-wraper .tyre-logo-item { border:1px solid #eee; margin-bottom:20px; padding:0px 10px; }
    .tyre-logo-item img { 
        max-width:100%; 
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;
    }
    /*.brands-item-wraper .tyre-logo-item { height: auto; }*/

    /* listing page */

    .tyre-list-page .row .col-xl-3 { margin-bottom: 30px; }

    /* product detail page */
    .product-detail-main-block { padding-bottom:0px; }
    .tyre-size { font-size:14px; }
    .tyre-size span + span { /*padding-left:30px;*/ }
    .tyre-enq-block { padding-bottom:40px; }
    .pdfbgf-item select { width:150px; }
    /*.product-df-control input[type="submit"] { width:100%; }*/

    /* footer */
    footer { padding-top:40px; }

    .foot-links-colout { flex: 0 0 100%; max-width:100%; }
    .footer-details { text-align:left; margin-left:0px; display:block; font-size: 13px; }
    .footer-details .list-group-item { padding-left:0px; }
    ul.foot-pravacy-links { text-align:left; margin-top:15px; }
    ul.foot-pravacy-links li:first-child a { padding-left:0px; }
    li.list-group-item.footer-number > a { border: 1px solid #22232E; padding: 6px 20px 6px; text-align: center; font-size: 12px; }
    li.list-group-item.footer-number { padding-right: 0px; }
    li.list-group-item.footer-social { text-align: center; }

    /* footer accrodian */
    .foot-links-colout > div { display:none; }
    .top-header .col-lg-8 { flex: 0 0 100%; max-width:100%; }
    .inner-page-banner .banner-height { height:auto; }
    .banner-text p { font-size: 14px; line-height:20px; color: #CCCFD5; }
    ul.inner-breadcumb { justify-content: center; }
    ul.zip-pay-stripe-1-list li:last-child { padding-right:20px; }
    .skew-block-1.service-skew-block .service-skew, .skew-block-2.service-skew-block .service-skew { display:none !important; }
    .service-skew-block.skew-main-block .row > div + div { display:none; }
    .service-skew-block.skew-block-3.skew-main-block .row > div + div { display:block; }
    .service-skew-show-ipad { display:block; }
    .service-skew-double-structure { padding: 40px 15px; background-size: cover; background-position: center; }
    .product-details-tabs-wraper .nav-tabs .nav-link { font-size:11px; padding:7px 0.2rem; }
    .product-detail-cta .btn { display:block; margin-bottom:10px; }
    /*.inner-page-banner .banner-form-wrap { position:fixed; top:0px; left:0px; height:100vh; width:100%; background-color:#fff; z-index:9999; padding:44px 0px; overflow-y:auto; display:none; }
    body.mobile-filter-open { overflow:hidden; } 
    body.mobile-filter-open .inner-page-banner .banner-form-wrap { display:block; }
    a.mob-filter-btn { position: fixed; bottom: 15px; right: 15px; background-color: #2f5e8e; height: 35px; width: 35px; border-radius: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; z-index: 999; font-size: 18px; }*/
    /* listing banner form */
    a.mob-filter-btn { display:none; }
    .inner-page-banner {padding-bottom: 30px;padding-top: 30px;}
    .inner-page-banner .banner-form-wrap .tab-content { padding:0px 0px; }
    .inner-page-banner .banner-form-wrap .tab-content > .tab-pane { padding:20px 10px; display:none; }
    .inner-page-banner .banner-form-wrap .tab-content > .tab-pane.show { display:block; }
    .inner-page-banner .banner-form-wrap .nav-pills a.nav-link.active { background-color:rgb(70 130 180 / 65%); color:#fff; }
    .inner-page-banner .banner-form-wrap .nav-pills a.nav-link.active.show { background-color: #fff; color: #22232E; }
}

@media (min-width:320px) { 
    .product-details-tabs-wraper .nav-tabs .nav-link { font-size:12px; padding:7px 0.35rem; }
    .product-detail-cta .btn { display:inline-block; margin-bottom:0px; }

}

@media (min-width:380px) {
    .banner-form-wrap .nav-pills .nav-link { font-size:12px; }
    .product-details-tabs-wraper .nav-tabs .nav-link { padding:7px 1rem; }
}


@media (min-width:414px) {
    body { padding-top:56px; }
    .container { padding:0px 30px; }
    .skew-block-1.service-skew-block .container, .skew-block-2.service-skew-block .container { padding:0px 15px; }

    /* header */
    .top-header-left { justify-content:center; }
    .top-header-left .list-group-item { border-right:1px solid #eee; }
    .top-header-left li.list-group-item:last-child { border-right:none; }
    .navbar-dark .navbar-brand { max-width: 202px; }
    /*.top-header-left .list-group-item {text-align: left; position: relative; padding-left: 25px;  }
    .top-header-left .list-group-item img { margin: 0px auto 5px; max-width: 16px; display: block; position: absolute; left: 0px; }
    .list-group-horizontal.top-header-left .list-group-item:first-child { padding-left:25px; }*/

    /* banner */

    .banner-form-wrap .nav-pills .nav-link { padding:13px 20px; }



    /* service page */
    .service-skew-block.skew-main-block .row > div > img { margin-top:40px; }
    a.youtube-video-play-btn { margin-top:15px; }


    .contact-cta-1-text a { display:inline-block; margin-bottom:0px;  }
    .brands-item-wraper { flex: 0 0 50%; max-width:50%; }
    .service-skew-double-structure { padding: 40px 30px; }
    .service-skew-block .row > div.youtube-video-play-btn-wraper { padding:0px 15px; }
}

@media (min-width:480px) { 
    /*.foot-links-colout { flex: 0 0 50%; max-width: 50%; }*/
    .single-page-product-thumbnail img { max-width: 390px; min-width:390px; }
    .service-colout-wraper { padding-left:100px; }
    .prodcut-detail-zip-pay-stripe img { display:block; margin:0px auto 15px; }
    ul.including-tags-item li { width:50%; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    /* header */
    .navbar-toggler { width:28px; height:28px; }
    .mobile-call { width:29px; height:29px; padding:0px 8px; }
    .navbar-toggler span:after, .navbar-toggler span:before { top:-8px; }
    .navbar-toggler span:after { top:8px }

    .testimonials-item { padding:40px 100px; }
    ul.zip-pay-stripe-1-list { display: inline-block; }
    ul.zip-pay-stripe-1-list li { display: inline-block; padding: 0px 20px; border-right: 2px solid #000; border-bottom:none; font-size:18px;}
    .brands-item-wraper { flex: 0 0 33.3333%; max-width:33.3333%; }
    .banner-form-wrap .nav-pills .nav-link { font-size: 16px; line-height: 20px; font-weight:normal; padding:13px 25px; }
    .top-header-left .list-group-item, .top-header-right .list-group-item { font-size:14px; }
    .top-header-left .list-group-item img { max-width:25px; }
    /*.top-header-left .list-group-item { padding-left:30px; }*/
    .inner-page-banner .banner-height .banner-text h1 { font-size: 24px; line-height: 30px; }


    .testimonials-item { padding:40px 60px; }
    .prodcut-detail-zip-pay-stripe { display:flex; flex-wrap:wrap; /*justify-content:flex-start;*/ justify-content:center; }
    .prodcut-detail-zip-pay-stripe img { margin: 0px; border: none; }
    .prodcut-detail-zip-pay-stripe * { padding-bottom: 0px; }
    .prodcut-detail-zip-pay-stripe span { border-left: 1px solid; padding-left:20px; }
    .product-detail-cta .btn { font-size: 14px; padding: 7px 23px; }
    .product-df-control input[type="submit"] { display: table; /*width:100%;*/ padding: 0px 45px; height:35px; font-size:14px; font-weight:600; }
    .pdfbgf-item select { width:200px; }
    .service-skew-block .container { max-width: 100%; padding: 0px; }
    .service-skew-block.skew-main-block .row > div > img { margin-top:0px; }
    .service-skew-block.skew-main-block .row > div + div { padding:40px 30px; max-width: 540px; margin: 0px auto; }
    .services-radio-items .wpcf7-list-item { width: 49%; display: inline-block; margin-bottom:0px; }
    a.youtube-video-play-btn { margin-top:0px; }
    .service-skew-double-structure { padding:40px 30px; }
    .ssds-container { max-width: 540px; margin: 0px auto; padding: 0px 15px; }
    .banner-form-row > div { flex: 0 0 100%; max-width: 100%; }
    ul.including-tags-item li { display:inline-block; } 
    .product-details-tabs-wraper .nav-tabs .nav-link { font-size:13px; }
    .service-colout-wraper { padding-left:33px; position:static; }
    .service-colout-icon { position:static; }
    .service-colout-content { margin-top:0px; }
    .service-colout-content a { margin-top:28px; }
    .service-colout-content h3 { max-width:100px; }
    .other-services-item:nth-child(5) h3 { max-width:150px; }
    ul.including-tags-item li { width:33.33%; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    body { padding-top:101px; }
    nav.bg-dark.navbar-dark { position:static; z-index:99; }
    nav.navbar.sticky { width:100%; position:fixed; top:0px; left:0px; z-index:1030; background-color:#343a40 !important; }
    .top-header { display:block; }
    .navbar-dark .navbar-brand { margin-left:0px; margin-right:auto; }
    .navbar-toggler { margin-right:8px; }
    ul.inner-breadcumb { display: -webkit-box; display: -ms-flexbox; display: flex; }

    .ssds-container { max-width:720px }	
    .block-title h3, .product-detail-tyre-brand h3 { font-size:30px; line-height:40px; margin-bottom:50px; }
    .product-detail-tyre-brand, .product-desc { text-align:left; }
    .prodcut-detail-zip-pay-stripe { justify-content: flex-start; }
    .tyre-size { margin:0px 0px 20px; }
    .block-padd { padding:80px 0px; }
    body { font-size:16px; }
    .servie-cat-content h3, .service-item-content h3, .skew-block .col-lg-6 h3, .about-wheel-header h3, .service-skew-block h3 { font-size: 18px; line-height:30px; }
    .testimonials-item p, .service-item-content p { font-size:14px; line-height:21px; }
    .servie-cat-content p, .product-desc p { font-size:16px; line-height:24px; }
    .banner-text h3, .banner-text h1, .contact-cta-1-text h3 { font-size: 40px; line-height: 50px; } 
    .inner-page-banner .banner-height .banner-text h1 { font-size:36px; line-height:44px; /*margin-bottom:0px;*/ margin-top:10px; }

    .navbar-expand-lg > .container { padding:0px 15px; }
    .container { padding:0px 15px; }
    .top-header-left { justify-content:start; }
    .top-header .col-lg-8 { flex: 0 0 calc(100% - 190px); max-width:calc(100% - 190px); }
    .top-header .col-lg-4 {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} 
    .list-group-horizontal.top-header-left .list-group-item:first-child { padding-left:0px; }

    .banner-form-wrap .nav-pills li.nav-item + li.nav-item { padding-left:2px; }
    .banner-form-wrap .nav-pills .nav-link { font-size: 18px; line-height: 24px; font-weight: normal; display: flex; align-items: center; justify-content: center;}

    .tyre-logo-item-wraper { flex: 0 0 33.33%; max-width: 33%; }

    /* product single page */
    .product-listing-btns { display:block; }
    .product-listing-btns > a { min-width: 49.1%;}
    .product-listing-btns > a + a { margin-top:0px; /*min-width:115.55px;*/ text-align: center;}
    .product-list-item-wrap { padding-bottom:55px; }
    .product-brand-for-mobile { display:none; }
    .product-detail-tyre-brand img { display:block; }
    .products-single-sliders-wraper { margin-bottom:50px; }
    .product-detail-main-block { padding-bottom:0px; }
    .product-details-tabs-wraper .nav-tabs .nav-link { font-size:18px; padding:15px 32px 7px;  }
    .size-table-row .size-table-column::before { display:none; }
    .size-table-row, .size-table-header { display:flex; flex-wrap:wrap; }
    .size-table-row .size-table-column, .size-table-header .size-table-column { padding-left:20px; flex: 0 0 25%; max-width: 25%; position:relative; width:100%; text-align:center; font-size:14px; }
    .size-table-row:after { content:''; display:table; clear: both; }
    .size-table-header { background-color: #2f5e8e; margin-bottom:2px; }
    .size-table-header .size-table-column { font-size: 15px; color: #fff; font-weight: 600; padding:15px 20px; }
    .tyre-size { font-size:16px; }
    .tyre-size span + span { /*padding-left:50px;*/ }
    .product-detail-tyre-brand h3 { margin-bottom:19px; }
    .tyre-enq-block { padding-bottom:60px; }
    .product-df-control input { height:44px; font-size:14px; }
    .product-df-control textarea  { height:130px; font-size:14px; } 
    .product-df-control { margin-bottom: 20px; padding:0px 6px; }
    .size-table-body .card .card-header { background-color:rgb(34 35 46 / 20%); }
    .product-detail-cta { display:block; }
    .product-detail-cta .btn { margin-top:0px; }

    .service-skew-block.skew-main-block .row > div + div { padding: 40px 15px; max-width: 720px; margin: 0px auto; }
    .block-padd.services-design-block-2 { padding-bottom:50px; }
    figure.gallery-item { /*flex: 0 0 33.33%; max-width:33.33%;*/ }


    .skew-block { padding:0px; }
    .skew-left, .skew-right { padding:80px 0px; }
    .zip-pay-stripe-1 { padding:20px 0px; }
    .service-item-icon { position: absolute; bottom: 0px; right: 0px; left:auto; top:auto; height:auto; width:auto; padding:0px; background-color:transparent; display:block; }
    .service-item-icon img { max-width:100%; }
    .mobile-call { display:none; }
    footer { padding-top:80px; }
    li.list-group-item.footer-number > a { border:none; padding:0px; text-align: left; font-size:14px; }
    li.list-group-item.footer-number { padding-right:1.25rem; }
    li.list-group-item.footer-social { text-align: left; }
    ul.zip-pay-stripe-1-list li:last-child { padding-right:0px; }
    /* for footer accordian */
    .foot-links-colout > div { display:block; }
    .not-found-item-wraper h2 { font-size:90px; line-height:90px; }
    .not-found-item-wraper > h3 { font-size:40px; }
    .foot-links-colout-wraper { margin-bottom:0px; }

    .foot-links-colout { flex: 0 0 50%; max-width: 50%; }
    .footer-details { display:table; }
    .banner-form-row > div.col-xl-3 { flex: 0 0 50%; max-width:50%; }
    .banner-form-row .col-sm-6.wrap_width, .banner-form-row .col-sm-6.wrap_profile { flex: 0 0 50%; max-width:50%; }
    .banner-form-wrap .nav-pills .nav-link { padding:13px 30px; }
    .tyre-include { padding:18px 0px; margin-bottom: 50px; }
    .smb-column-header { display:none; }
    .size-table-column.smb-column { display:block; }
    .size-table-row { padding:5px 0px; border:none;}
    .size-table-column { border-bottom:none; min-height:inherit; }
    .size-table-body .card .card-header > a { color:#22232E; background-image: url(../images/down.png); }
    .size-table-body .card .card-header > a[aria-expanded="true"] { background-image: url(../images/up.png); }
    /* currunt style side nav as desktop */
    .speical-services-slides .slick-prev { background-color:transparent; height:auto; width:auto; left:-25px; z-index: 99; padding-top: 0px; }
    .speical-services-slides .slick-next { background-color:transparent; height:auto; width:auto; right:-25px; z-index: 99; padding-top: 0px; }
    .banner-form-wrap .nav-pills .nav-link { border-right:none; }
    /* enable listing filters */
    .inner-page-banner .banner-form-wrap .tab-content > .tab-pane { display:none; }
    .inner-page-banner .banner-form-wrap .tab-content > .tab-pane.active { display:block; }
    .inner-page-banner .banner-form-wrap .nav-pills a.nav-link.active { background-color:#fff; color: #22232E; }
    .inner-page-banner { padding-bottom:20px; }
    .single-our_services .banner-block{padding-top: 30px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    body{padding-top: 67px;}
    .mobile-call { display:none; }
    .navbar-expand-lg .navbar-collapse {height: auto;padding: 0;}    
    .tyre-include { padding:18px 0px 13px; }
    .top-header-left .list-group-item span { display:inline-block; }
    .top-header-left .list-group-item a::before { display:none; }
    .top-header .col-lg-8 { flex: 0 0 calc(100% - 190px); max-width: calc(100% - 190px); }
    .top-header .col-lg-4 { flex: 0 0 190px; max-width: 190px; display:block;}
    .top-header-left .list-group-item { border-right:none; }
    .top-header-left .list-group-item, .top-header-right .list-group-item { padding:20px 15px; }
    .top-header-left { justify-content:flex-start; }
    ul.inner-breadcumb { justify-content: start; margin-top:32px; border-top: 1px solid rgb(204 207 213 / 60%); }
    .top-header-left .list-group-item img { display:inline-block; margin-right:5px; }
    .navbar-dark .navbar-nav.primary-nav-links > li > .nav-link { border-top:none; }
    nav.bg-dark.navbar-dark { background-color:transparent !important; }
    nav.navbar.sticky { background-color:#343a40 !important; }
    /*.banner-block { margin-top:-60px; }*/
    .navbar-dark .navbar-brand { max-width:202px !important; }
    .inner-page-banner .banner-height .banner-text h1 { margin-bottom:20px; }

    .skew-block { padding:80px 0px; }
    .skew-image-1::before, .skew-image-1::after { display:block; }
    .skew-left, .skew-right { padding:0px 15px; padding-right:70px; }
    .skew-image-1 { position: absolute; height: 100%; width: 50%; top: 0px; left: 0px; background-size: cover; background-repeat: no-repeat; }
    .skew-image-2 { position: absolute; height: 100%; width: 70%; top: 0px; right: -15%; background-size: cover; background-repeat: no-repeat; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-transform: skew(-10deg, 0deg); -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); overflow:hidden; }
    .skew-image-2 .sub-skew-bg { position: absolute; top: 0px; left: -50px; height: 100%; width: 100%; -ms-transform: skew(10deg, 0deg); -moz-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); background-size: cover; }


    /* product single page */
    .products-single-sliders-wraper { margin-bottom:0px; }

    /* services detail page */
    .service-skew-block.skew-main-block .row > div + div { padding:80px 15px; }
    .speical-services-slides .slick-prev { left:-15px; }
    .speical-services-slides .slick-next { right:-15px; }
    .service-skew-block.skew-main-block .row > div + div { max-width:100%; }
    .service-skew-block .container { max-width:960px; padding:0px 15px; }
    .skew-block-3 .row { flex-flow: row-reverse; }
    .service-skew-block.skew-main-block.skew-block-3 .service-skew { display:block; width:65%; right: -15%; background-size: cover; background-repeat: no-repeat; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-transform: skew(-10deg, 0deg); -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew( -10deg, 0deg); overflow:hidden; }
    a.youtube-video-play-btn { transform: translate(0%, -50%); left:-30px; }
    .service-skew-block.skew-main-block.skew-block-3 .row > div + div { padding-right: 50px; }
    .service-skew-block.skew-main-block .row > div > img { display:none; }
    .skew-block-2 { margin-top:80px; }
    .skew-block-2 .row { flex-flow: row-reverse; }
    .service-skew-block.skew-main-block .service-skew { display:block; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew { width:50%; right:0px; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew + .service-skew { display: block; width: 70%; left: -14%; background-size: cover; background-repeat: no-repeat;backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-transform: skew(10deg, 0deg); -ms-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew( 10deg, 0deg); right: auto; overflow:hidden; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew .sub-skew-bg { position: absolute; top: 0px; right: -50px; height: 100%; width: 100%; -ms-transform: skew(-10deg, 0deg); -moz-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); background-size: cover; left:auto; background-position:center; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew.has-sudo-class:before { content: ''; background-color: #fff; position: absolute;top: 0px; left: 0px; width: 100%; height: 20px; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew.has-sudo-class:after { content: ''; background-color: #fff; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 20px; }

    .service-skew-block.skew-main-block.skew-block-1 .service-skew { width:50%; left:0px; background-position: center; }
    .service-skew-block.skew-main-block.skew-block-1 .service-skew + .service-skew { display:block; width:70%; right: -15%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-transform: skew(-10deg, 0deg); -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew( -10deg, 0deg); left:auto; overflow:hidden; }
    .service-skew-block.skew-main-block.skew-block-1 .service-skew .sub-skew-bg { position: absolute; top: 0px; left: -50px; height: 100%; width: 100%; -ms-transform: skew(10deg, 0deg); -moz-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); background-size: cover; background-position:center; }
    .service-skew-block.skew-main-block.skew-block-1 .service-skew.has-sudo-class:before { content: ''; background-color: #fff; position: absolute;top: 0px; left: 0px; width: 100%; height: 20px; }
    .service-skew-block.skew-main-block.skew-block-1 .service-skew.has-sudo-class:after { content: ''; background-color: #fff; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 20px; }
    .service-skew-block.skew-main-block.skew-block-3 .service-skew >.sub-skew-bg {  position: absolute; top: 0px; left: -50px; height: 100%; width: 100%; -ms-transform: skew(10deg, 0deg); -moz-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); background-size:cover; background-position:center; }
    ul.top-header-left li a { text-decoration: none; cursor: context-menu; }
    ul.top-header-left li { cursor: context-menu; }
    .skew-block-1.service-skew-block .service-skew, .skew-block-2.service-skew-block .service-skew { height:100%; bottom:auto; }



    .tyre-logo-item-wraper, figure.gallery-item { /*flex: 0 0 25%; max-width: 25%;*/ }
    .testimonials-wraper .slick-prev { left:-90px; }
    .testimonials-wraper .slick-next { right:-90px; }
    .foot-links-colout { flex: 0 0 25%; max-width: 25%; }
    ul.foot-pravacy-links { margin-top:0px; }
    .foot-links-colout ul li { padding-right:0px; display:block; }
    .service-skew-hide-desktop { display:none; }
    .service-skew-block.skew-main-block .row > div + div, .skew-block-1.service-skew-block .service-skew, .skew-block-2.service-skew-block .service-skew { display:block !important; }
    /*.single-our_services .banner-text { padding-top:4rem; }*/
    ul.including-tags-item li { display: inline-block; margin-bottom:5px; margin-right:20px; vertical-align: top; float:none; width:auto; }
    .including-tags-wraper { position: relative; padding-left: 125px; }
    .including-tags-title { position: absolute; top: 0px; left: 15px; }
    .inner-page-banner {padding-bottom: 0;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* header */
    .top-header .col-lg-8 { flex: 0 0 calc(100% - 210px); max-width: calc(100% - 210px); }
    .top-header .col-lg-4 { flex: 0 0 210px; max-width: 210px; display:flex; }
    ul.top-header-right { margin-right:-17px; }
    .top-header-left .list-group-item img { margin-left: 1px; width: 25px; }
    .navbar-nav { margin-right:3px; }
    .wrap_series .select-options { left: auto; width: 350px; }

    .block-padd { padding:100px 0px; }


    .top-header-left .list-group-item, .top-header-right .list-group-item { padding:21px 20px; }
    .list-group-horizontal.top-header-left .list-group-item:first-child { padding-left:0px; }
    .list-group-horizontal.top-header-right .list-group-item:last-child { padding-left: 28px; padding-top: 19px; }
    .footer-brands { padding: 100px 0px 80px; }



    .banner-form-wrap { margin: 0px 26px 0px auto; max-width: 858px; }
    .banner-height { height:546px; }
    /*.banner-block { margin-top:-70px; }*/
    .banner-form-row { padding-right:40px; }
    .banner-form-row > div.col-xl-3 { flex: 0 0 25%; max-width:25%; }
    .banner-form-row .col-sm-6.wrap_width, .banner-form-row .col-sm-6.wrap_profile, .banner-form-row .col-sm-6.wrap_rim { flex: 0 0 33%; max-width: 33%; }
    .inner-page-banner .banner-height .banner-text h1 { margin-bottom:0px; }
    .banner-form-wrap .nav-link { text-transform: none; }
    .rev-select { margin-bottom:0px; }
    .banner-form-submit { position:absolute; width:auto; }
    .banner-form-submit button { border:none; width:auto; }
    .banner-text h3 { font-size: 45px; font-weight: 500; line-height: 125%; text-transform: capitalize; letter-spacing: 0.1rem;}
    .banner-text h1 { font-size:40px; font-weight:400; line-height:50px; }
    .banner-text p { font-size: 18px; line-height: 24px; color: #CCCFD5; }
    .banner-form-wrap .nav-pills li.nav-item { flex: 0 0 auto; max-width: 100%; }
    .banner-form-wrap .tab-content { padding:17px 10px; }
    .banner-form-wrap .nav-pills .nav-link { padding:13px 25px; min-width:257px; }
    .inner-page-banner .banner-height {height: 380px;}
    .single .inner-page-banner .banner-height { height: 372px; }
    .banner-text h3 { margin-bottom:0px; }
    .banner-form-row .col-sm-6 { flex: 0 0 25%; max-width: 25%; }
    figure.gallery-item { /*flex: 0 0 20%; max-width: 20%;*/ }
    ul.inner-breadcumb { margin-top:40px; padding-top: 16px; }
    .inner-page-banner .banner-height .banner-text { /*padding-top:25px;*/ }
    .single-our_services .banner-text { /*padding-top:3.9rem; */ max-width:790px; }
    .single-our_services .banner-text h1 { font-size:38px; text-transform:capitalize; }
    .single-our_services .banner-text p { margin-top: 15px; }
    .including-tags-title { font-size:16px; line-height: 19.5px; margin-bottom:0px; left:15px; }



    .skew-block { padding:110px 0px; }
    .skew-image-2 { right:-14%; }
    .skew-right { padding-right: 177px; padding-left: 25px; }
    .skew-left { padding-right: 185px; }
    .skew-block .col-lg-6 h3 { font-size: 25px; line-height: 30px; }

    .home-testimonials .col-lg-10 { max-width: 829px; margin-top: 15px; margin-left: 12px; }
    #home-testiomonials { margin-bottom: 0px; }
    .testimonials-item { padding:42px 100px 38px; }
    .testimonials-wraper::before { left: 60px; transform:translate(0px, 0px); }
    .testimonials-item p { font-size: 14px; line-height: 22px; }
    .testimonials-item h4 { margin-top: 23px; }
    .testimonials-wraper .slick-prev { left: -78px; margin-top: -10px;}
    .testimonials-wraper .slick-next { right: -78px; margin-top: -8px;}

    .tyre-brands-block { padding-bottom:65px; }
    .tyre-logo-item-wraper { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
    .brands-item-wraper { flex: 0 0 20%; max-width: 20%; }
    .footer-brands .container-fluid { padding:0px 50px; max-width: 1500px; }
    .contact-cta-1-text a { font-size:15px;padding:7px 30px; margin-top: 1px; margin-left: 7px;}
    .contact-cta-1-text a + a { background-color: transparent; border: 2px solid #fff; min-width: 178px; }
    .tyre-logo-item-wraper .tyre-logo-item { background-color:transparent; padding:0px 5px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
    .tyre-logo-item-wraper:hover .tyre-logo-item { background-color:#fff; box-shadow:0px 4px 32px 0px rgb(34 35 46 / 20%); }
    .brands-item-wraper .tyre-logo-item { margin-bottom:0px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;  border-color:transparent;}
    .brands-item-wraper:hover .tyre-logo-item { box-shadow:0px 4px 32px 0px rgb(34 35 46 / 20%); background-color:#fff; }
    .services-category-block .block-title h3, .home-services-block .block-title h3 { margin-bottom: 70px; }
    .servie-cat-content { text-align: left; padding:0px 9px; }
    .servie-cat-content h3 { line-height: 26px; font-size:18px; margin-bottom:15px; }
    .servie-cat-content p {  line-height: 20px; }
    .service-item-content h3 { font-size:18px; line-height: 30px; }
    .service-item-content > a { margin-top:7px; }
    .service-item-image { margin-bottom:4px; }
    .zip-pay-stripe-1 { padding:30px 0px; } 
    .zip-pay-stripe-1-text img { max-height: 40px; margin: 0; }
    ul.zip-pay-stripe-1-list { margin-right: -10px; }
    ul.zip-pay-stripe-1-list li { padding: 0px 18px 0px 21px; min-width: 113px; line-height: 18px; }
    .home-services-block { padding-bottom: 74px; }
    .navbar-dark .navbar-nav.primary-nav-links > li > .nav-link { padding:17px 13px; }
    .prodcut-detail-zip-pay-stripe img { height: 62px; margin-left: -3px; margin-top: -2px; padding-right: 0px; }
    .tyre-list-page .row .col-xl-3 { flex: 0 0 225px; max-width:225px; }
    .tyre-list-page .row .col-xl-9 { flex: 0 0 calc(100% - 225px); max-width: calc(100% - 225px); }


    /* product detail page */
    .product-detail-main-block { padding-top:60px; padding-bottom:0px; }
    .product-detail-tabs-block { padding-top:84px; padding-bottom:0px; }
    .size-table-header .size-table-column { padding: 15px 20px; font-size: 18px; }
    .size-table-row .size-table-column { padding: 14px 20px; font-size: 16px; }
    .size-table-row { border:none; padding:0px; }
    .size-table-body .card .card-header > a { font-size: 18px; font-weight:500; padding:0.9rem 8rem; background-position:center right 42px; }
    .tyre-enq-block { padding-bottom:60px; } 

    .footer-details { margin-left: auto; }
    ul.foot-pravacy-links { text-align:right; }
    footer { padding-top:124px; }
    .foot-links-colout:nth-child(1) {padding-right: 0px;max-width: 188px;}
    .foot-links-colout:nth-child(3) { padding-right: 0px; padding-left:0px; }
    .foot-links-colout:nth-child(4) {padding-right: 0px;padding-left: 57px;}
    .footer-number { padding-bottom: 17px; }
    .gallery-icon.landscape img { max-height:65px; }

    /* service detail page */

    .about-wheel-service { padding-bottom: 85px; }
    .about-wheel-header { padding-bottom:0px; }
    .about-wheel-header h3, .service-skew-block h3 { font-size:25px; line-height:31px; }
    .about-wheel-desc p { font-size:18px; line-height:22px; }
    .service-specials-content h3 { font-size:20px; line-height:25px; }
    .speical-services-slides .slick-next { right:-45px; }
    .speical-services-slides .slick-prev { left:-45px; }
    .servicepage-services-header h3 { font-size: 40px; line-height: 48px; white-space: nowrap; margin-bottom: 48px; }
    .servicepage-services-header { padding:54px 30px; }
    .service-skew-block .container { max-width:1140px; }
    .service-skew-title-block .block-title h3 { margin-bottom: 70px; }
    .service-skew-block.skew-main-block .row > div + div { padding: 92px 0px 90px; margin-left: -4px; }
    .service-skew-block.skew-main-block.skew-block-1 .service-skew + .service-skew { right:-14%; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew + .service-skew { left:-14%; }
    .skew-block-2 { margin-top:69px; }
    .service-skew-title-block .block-title h3 { margin-bottom: 70px; }
    .service-skew-block.skew-main-block.skew-block-2 .row > div + div { padding: 92px 15px 90px; margin-left: 0px; }
    .service-current-special-block .block-title h3 { margin-bottom: 68px; }
    .speical-services-slides {     max-width: 1038px; margin: 0px auto; padding-left: 8px; }
    .service-skew-block.skew-main-block.skew-block-3 .row > div + div { padding-left: 17px; padding-top: 95px; padding-bottom: 96px; }
    .skew-block-3.service-skew-block a.hard-corner-btn { margin-top: 19px; padding: 8px 37px; }
    .services-design-block-2 .container > .row > .col-xl-4 { flex: 0 0 397px; max-width: 397px; }
    .services-design-block-2 .container > .row > .col-xl-8 { flex: 0 0 calc(100% - 397px); max-width:calc(100% - 397px); }
    .block-padd.services-design-block-2 { padding-bottom: 68px; }
    .service-detail-form-block .col-lg-10 { max-width: 662px; padding-left: 24px; }
    .services-radio-items .wpcf7-list-item { margin-bottom:15px; }
    .product-df-control { margin-bottom:20px; }
    .service-detail-form-block .block-title h3 { margin-bottom: 14px; font-weight: 600; }
    .single-our_services .product-df-control input[type="submit"] { width: auto; height: 35px; margin-top: -3px;  }
    .product-df-control.services-radio-items { margin-bottom: 0px; }
    .product-df-control.services-radio-items > p { margin-bottom: 0px; }
    /* service page redesign */
    .service-skew-block.skew-main-block.skew-block-1 .service-skew { width: 47.2%; left: 0px; background-position: 0px 0px; background-size: contain; }
    .service-skew-block.skew-main-block.skew-block-1 .service-skew + .service-skew { right: -13.7%; }
    .service-skew-block.skew-main-block.skew-block-1 .row > div + div { margin-left: -8px; }
    .service-skew-block.skew-main-block.skew-block-1 .service-skew .sub-skew-bg {  background-position: 0px 0px; background-size: contain; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew.has-sudo-class { width: 47.7%; background-position: 0px 0px; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew + .service-skew { left: -13.7%; }
    .service-skew-block.skew-main-block.skew-block-2 .row > div + div { padding:92px 15px 90px 10px; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew .sub-skew-bg { background-size:unset; background-position:0px 0px; }
    a.youtube-video-play-btn { transform: translate(0%, -50%); left: -35px; margin-top: 1px; padding:6px; }
    .play-btn { height: 57px; width: 57px; }
    .service-skew-block.skew-main-block.skew-block-3 .row > div + div { padding-left:13px; }
    .service-skew-block.skew-main-block.skew-block-3 .service-skew .sub-skew-bg {  background-size: unset; background-position: -43px 0px; }
    /* homepage */
    .skew-image-2 { right: -13.7%; }
    .skew-right { padding-left: 21px; }
    .skew-left { padding-left:10px; }
    .skew-image-2 .sub-skew-bg { background-size:unset; background-position: -9px -15px; }
    .skew-image-1 {     background-size: unset; background-repeat: no-repeat; background-position: -22px -5px; }
    .skew-block .col-lg-6 a.hard-corner-btn { margin-top:29px; }
    .skew-image-1 { background-size: unset; background-repeat: no-repeat; background-position: -40px -26px; }
    .banner-form-submit button span { display:none; }
    .tyre-include { padding:20px 0px 15px; margin-bottom: 32px; }
    .including-tags-wraper { padding-left: 142px; padding-right: 0px; }
    ul.including-tags-item li { margin-right:12px; font-size:14px; padding-left:27px; margin-right:35px; }
    ul.including-tags-item li:last-child { margin-right:0px; }
    ul.including-tags-item li:before { height:20px; width:20px; background-size:inherit; }
    .tyre-list-page { padding-top: 32px; }

    .product-detail-cta .btn { padding:7px 52px 6px; }
    .product-detail-cta .btn + .btn { margin-left:16px; }

    /* tyre detail page */
    .tyre-enq-block .row > .col-lg-10 { max-width: 913px; flex: 0 0 913px; }
    .tyre-enq-block .block-title h3 { margin-bottom: 68px; }
    .prodcut-detail-zip-pay-stripe span { padding-left: 17px; min-height: 25px; }
    .prodcut-detail-zip-pay-stripe > a { margin-top:-3px; }
    .prodcut-detail-zip-pay-stripe { margin-bottom:20px; }
    .single-page-product-thumbnail-nav { margin-left: -14px; }
    .spp-thumbnail { padding:10px; }
}


@media (min-width: 1400px) { 
    .service-skew-block.skew-main-block.skew-block-1 .service-skew { width: 47.2%; left: 0px; background-position: 0px -42px; background-size:unset; }
    .service-skew-block.skew-main-block.skew-block-1 .service-skew + .service-skew { right: -13.7%; }
    .service-skew-block.skew-main-block.skew-block-1 .row > div + div { margin-left: -8px; }
    .service-skew-block.skew-main-block.skew-block-1 .service-skew .sub-skew-bg {  background-size: unset; background-position: -55px 0px; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew.has-sudo-class { background-position: 0px -48px; width: 47.7%; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew + .service-skew { left: -13.7%; }
    .service-skew-block.skew-main-block.skew-block-2 .row > div + div { padding:92px 15px 90px 10px; }
    .service-skew-block.skew-main-block.skew-block-2 .service-skew .sub-skew-bg { background-size:unset; background-position: 148px 0px; }
    a.youtube-video-play-btn { transform: translate(0%, -50%); left: -35px; margin-top: 1px; padding:6px; }
    .play-btn { height: 57px; width: 57px; }
    .service-skew-block.skew-main-block.skew-block-3 .row > div + div { padding-left:13px; }
    .service-skew-block.skew-main-block.skew-block-3 .service-skew .sub-skew-bg {  background-size: unset; background-position:-38px ​0px; }
    /* homepage */
    .skew-image-2 { right: -13.7%; }
    .skew-right { padding-left: 21px; }
    .skew-left { padding-left:10px; }
    .skew-image-2 .sub-skew-bg { background-size:unset; background-position: -9px -15px; }
    .skew-image-1 {     background-size: unset; background-repeat: no-repeat; background-position: -22px -5px; }
    .skew-block .col-lg-6 a.hard-corner-btn { margin-top:29px; }
    .skew-image-1 { background-size: unset; background-repeat: no-repeat; background-position: -40px -26px; }
    .service-skew-block.skew-main-block.skew-block-3 .service-skew { right:-14.7%; }
}


@media (min-width: 1500px) {  
    /*.service-skew-block.skew-main-block.skew-block-3 .service-skew .sub-skew-bg, .service-skew-block.skew-main-block.skew-block-1 .service-skew .sub-skew-bg { background-position:0px 0px; }*/
    .service-skew-block.skew-main-block.skew-block-1 .service-skew, .service-skew-block.skew-main-block.skew-block-1 .service-skew .sub-skew-bg, .service-skew-block.skew-main-block.skew-block-2 .service-skew.has-sudo-class, .service-skew-block.skew-main-block.skew-block-2 .service-skew .sub-skew-bg, .service-skew-block.skew-main-block.skew-block-3 .service-skew .sub-skew-bg, .skew-image-1, .skew-image-2 .sub-skew-bg { background-size:100%; }
}