.banner-sectionimg {
    max-width: 100%
}

#owl-demo .item .image1_desc, .bike-text a, .find-one-content h3, .footer-search input[type=submit], .four-zero-four .btn, .heading th, .navbar-nav > li > a, .shipping-header h1 {
    text-transform: uppercase
}

body {
    font-family: Roboto,sans-serif;
    position: relative;
    font-weight: 400;
    color: #282828;
    background: #f3f1f1
}

body, ul {
    padding: 0;
    margin: 0
}

.account-section ul li, .carousel-caption, .cart span, .link-text ul li, .link-text ul li a, .navbar-nav > li {
    display: inline-block
}

.about h1, .about-content p, .privacy h1 {
    font-family: Roboto
}

a {
    text-decoration: none !important;
    outline: 0 !important
}

ul {
    list-style: none
}

.header-section {
    background: #fece00
}

.logo-image {
    max-width: 233px
}

    .logo-image img {
        width: 100%
    }

.account-section ul li a {
    color: #000;
    font-weight: 400;
    border-right: 1px solid #ba9700;
    padding: 2px 8px
}

.account-section ul li:last-child a {
    border-right: none
}

.account-section ul li a img {
    margin-right: 8px
}

.account-section {
    margin-top: 10px
}

.search-section {
    margin-top: 15px
}

.cart {
    background: url(../imgs/cart.png) 10% no-repeat #ba9700;
    border: 1px solid #987b00;
    height: 35px;
    padding-left: 40px;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    max-width: 112px
}

    .cart span {
        border-radius: 100%;
        background: #fff;
        color: #ba9700;
        height: 17px;
        width: 17px;
        margin-left: 10px;
        text-align: center;
        line-height: 18px
    }

.padspacr0 {
    padding-right: 0
}

    .padspacr0 .input-group input {
        height: 35px;
        border: none;
        background: url(../imgs/search.png) 3% no-repeat #fff;
        padding-left: 40px
    }

.search-section .input-group-btn button {
    background: #e00;
    height: 37px;
    color: #fff;
    border: 1px solid #c40101;
    border-radius: 4px !important;
    padding-left: 25px;
    padding-right: 25px
}

    .search-section .input-group-btn button:focus, .search-section .input-group-btn button:hover {
        background: #e00;
        color: #fff;
        border: 1px solid #c40101;
        box-shadow: none
    }

.menu-section {
    background: #2b2b2b
}

.navbar-nav {
    float: none;
    text-align: center
}

    .navbar-nav > li {
        float: none
    }

        .navbar-nav > li > a {
            transition: all .5s
        }

.next, .previous {
    height: 65px;
    width: 41px;
    border-radius: 0 4px 4px 0;
    top: 50%;
    left: 0;
    background: url(../imgs/previous.png?091027032017) center no-repeat #fff !important;
    opacity: 1;
    transform: translate(0,-50%)
}

.next {
    background: url(../imgs/next.png?091027032017) center no-repeat #fff !important;
    border-radius: 4px 0 0 4px;
    right: 0
}

.carousel-caption {
    background: rgba(0,0,0,.5);
    text-align: left;
    max-width: 374px;
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 0 40px 40px;
    left: 17%;
    bottom: 32%
}

    .carousel-caption:before {
        content: "";
        position: absolute;
        width: 45px;
        height: 41px;
        border: 1px solid #fff;
        border-radius: 70px 70px 0;
        top: -41px;
        left: -45px
    }

    .carousel-caption h4 {
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        margin: 0
    }

    .carousel-caption h1 {
        font-weight: 500;
        color: #fff;
        font-size: 40px;
        margin: 0
    }

        .carousel-caption h1 span {
            font-size: 20px;
            font-weight: 300
        }

    .carousel-caption a {
        padding: 8px 22px;
        font-weight: 400;
        font-size: 18px
    }

    .carousel-caption .btn {
        text-shadow: inherit !important;
        background-color: #c41924;
        border: 1px solid #ca3d46;
        box-shadow: 0 0 10px rgba(0,0,0,.05)
    }

.link-section {
    background: #fff;
    text-align: center
}

.link-text ul li {
    margin: 0 2px
}

    .link-text ul li a {
        font-size: 16px;
        color: #2b2b2b;
        padding: 10px 30px;
        position: relative
    }

        .link-text ul li a:after {
            content: "";
            position: absolute;
            background: #fece00;
            bottom: 0;
            width: 90%;
            height: 2px;
            left: 0;
            right: 0;
            margin: auto;
            display: none
        }

        .bike-text a, .link-text ul li a:focus:after, .link-text ul li a:hover:after {
            display: block
        }

.featuredproduct {
    background: #f6f6f6
}

#owl-demo .item .image1 {
    margin: 10px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

    #owl-demo .item .image1 img {
        width: 100%;
        height: auto;
        border: 2px solid #fece00
    }

#owl-demo .item .image1_desc {
    text-align: center;
    font-size: 15px;
    color: #000;
    margin: 10px;
    font-weight: 400
}

.carsuel_outer .owl-controlls .owl-buttons .owl-next, .carsuel_outer .owl-controlls .owl-buttons .owl-prev {
    position: absolute;
    top: 40%;
    width: 32px;
    height: 65px;
    box-shadow: 0 2px 2px rgba(0,0,0,.3);
    margin: 0;
    text-indent: -2222px;
    opacity: 1;
    overflow: hidden
}

.carsuel_outer .owl-controlls .owl-buttons .owl-prev {
    left: -36px;
    background: url(../imgs/previous.png?091027032017) center center no-repeat #e7e7e7;
    border-radius: 3px 0 0 3px
}

.carsuel_outer .owl-controlls .owl-buttons .owl-next {
    right: -36px;
    background: url(../imgs/next.png?091027032017) center center no-repeat #e7e7e7;
    border-radius: 0 3px 3px 0
}

.footer_icon2, .footer_icon3, .footer_icon4 {
    height: 27px;
    width: 42px
}

.carsuel_outer {
    border: 4px solid #fece00;
    background: #dcdcdc;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative
}

    .carsuel_outer h3 {
        color: #000;
        background: url(../imgs/heading-image.png?091027032017) center no-repeat;
        min-height: 59px;
        max-width: 433px;
        margin: -4px auto 15px;
        padding-top: 10px
    }

.map-section {
    background: #ebebeb;
    padding: 20px 0
}

.bike-image img, .map-image img {
    width: 100%
}

.bike-text, .map-image {
    padding: 30px 0 0
}

.shipping-text {
    border-right: 1px solid #ccc;
    padding: 30px 20px 20px 0
}

    .shipping-text h4 {
        color: #4a4a4a;
        font-size: 16px
    }

    .shipping-text p {
        font-size: 14px;
        color: #4a4a4a;
        margin: 0
    }

    .shipping-text h3 {
        margin: 0;
        color: #f00000
    }

    .shipping-text h5 {
        color: #f00000;
        margin-bottom: 5px
    }

.bike-text h3, .bike-text h4 {
    color: #000;
    margin: 5px 0
}

.bike-text a {
    max-width: 232px;
    font-size: 24px;
    font-weight: 400;
    color: #362c00;
    background: #fece00;
    margin-top: 20px;
    text-align: center;
    padding: 5px
}

.part-finder {
    padding: 0;
    float: right
}

    .part-finder a {
        background: #e00;
        color: #fff;
        font-size: 22px;
        margin-top: 2px
    }

.office-section {
    background: #0f0f0f;
    padding: 30px 0
}

.office-image {
    max-width: 257px;
    margin-top: 40px
}

.find-one-content h3 {
    color: #fece00;
    font-weight: 600;
    margin-left: 5px;
    margin-bottom: 0
}

.find-one-content p, .find-one-content span {
    color: #fff;
    margin-left: 5px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px
}

footer {
    background: #1f1f1f;
    padding: 40px 0
}

.footer-menu h3, .footer-search h3, .media h3, .social-icon h3 {
    color: #f1c80b;
    font-weight: 600;
    font-size: 17px;
    margin: 0 0 15px
}

.footer-menu ul li a {
    color: #fff;
    font-size: 14px;
    display: block;
    transition: all .5s
}

    .footer-menu ul li a:hover {
        color: #fece00
    }

.footer-search input[type=email] {
    border: none;
    background: #252525;
    padding: 8px 8px 7px;
    color: #909090;
    width: 100%;
    float: left
}

.footer-search input[type=submit] {
    border: none;
    font-size: 13px;
    padding: 8px;
    background: #fece00;
    width: 75px;
    color: #6b5700
}

.media {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right
}

    .media ul li {
        display: inline-block;
        margin-top: 6px;
        padding: 0 4px
    }

        .media ul li:last-child {
            padding-right: 0
        }

.footer_icon1 {
    width: 43px;
    height: 27px;
    background: url(../imgs/footer-icons.png) -3px -3px
}

.footer_icon2 {
    background: url(../imgs/footer-icons.png) -3px -36px
}

.footer_icon3 {
    background: url(../imgs/footer-icons.png) -3px -69px
}

.footer_icon4 {
    background: url(../imgs/footer-icons.png) -3px -102px
}

.footer_icon5 {
    width: 42px;
    height: 27px;
    background: url(../imgs/footer-icons.png) -3px -135px
}

.facebook, .google, .printin, .twitter {
    width: 27px;
    height: 27px;
    display: inline-block;
    background: url(../imgs/social-icon.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.copy-right {
    border-top: 1px solid #3c3c3c;
    margin-top: 30px;
    padding: 30px 0 0;
    color: #fff
}

.social-icon ul li {
    display: inline-block;
    margin: 2px 5px
}

.facebook {
    -ms-background-position: -2px 0;
    background-position: -2px 0
}

.google {
    -ms-background-position: -31px 0;
    background-position: -31px 0
}

.printin {
    -ms-background-position: -2px -29px;
    background-position: -2px -29px
}

.twitter {
    -ms-background-position: -31px -29px;
    background-position: -31px -29px
}

.environment-banner img, .similarimage img {
    width: 100%
}

.social-icon div:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.detail-section {
    background: #f6f6f6;
    padding-bottom: 50px
}

.submenu ul li {
    color: #676767;
    font-size: 14px;
    display: inline-block;
    margin: 10px 5px
}

    .submenu ul li:first-child {
        margin-left: 0
    }

    .submenu ul li a {
        color: #a5a5a5
    }

        .submenu ul li a i {
            margin-left: 8px;
            vertical-align: middle
        }

.autoheading h1 {
    font-size: 40px;
    font-weight: 900;
    color: #2a2a2a;
    margin: 0;
    display: inline-block
}

.autoheading h3 {
    color: #fb0102;
    font-weight: 700;
    margin-top: 0
}

.maindetails {
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    padding: 20px
}

.vehichelheading {
    background: #fece00;
    text-align: center;
    padding: 15px 1px
}

    .vehichelheading h1 {
        font-size: 30px;
        margin: 0;
        font-weight: 700;
        color: #2a2c2b;
        text-shadow: 0 1px #fff;
        text-transform: uppercase
    }

.locationdetails {
    background: #2b2b2b;
    padding: 20px
}

    .locationdetails h3 {
        margin: 0;
        color: #fff;
        font-size: 22px;
        font-weight: 400
    }

        .locationdetails h3 span {
            display: inline-block;
            border: 2px solid #ff0103;
            border-radius: 20px;
            font-weight: 300;
            padding: 5px 25px;
            font-size: 18px
        }

        .locationdetails h3 img {
            vertical-align: bottom;
            margin-right: 10px
        }

.yeardetails {
    padding: 15px 0;
    border-bottom: 2px solid#2b2b2b
}

.innerdetails ul {
    padding-left: 20px
}

    .innerdetails ul li {
        margin: 15px 0;
        font-weight: 700;
        color: #2b2b2b;
        font-size: 14px
    }

        .innerdetails ul li a {
            color: #2b2b2b;
            font-weight: 300;
            display: inline-block;
            min-width: 85px
        }

            .innerdetails ul li a span {
                margin-right: 6px;
                text-align: right;
                min-width: 18px;
                display: inline-block
            }

.detail-media {
    padding: 15px 0 0
}

    .detail-media h4 {
        font-weight: 500;
        font-size: 15px;
        background: url(../imgs/details/line26.png) 100% center no-repeat;
        color: #2b2b2b;
        margin: 8px 0 0;
        min-height: 26px;
        padding-top: 3px
    }

    .detail-media ul li {
        display: inline-block;
        font-weight: 500;
        margin: 8px 4px
    }

    .detail-media a i {
        font-size: 21px
    }

.similardetailsmain {
    background: #fff;
    padding: 20px;
    margin-top: 30px;
    box-shadow: 0 0 8px rgba(0,0,0,.3)
}

.similarheading {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px
}

    .similarheading h3 {
        margin: 0;
        color: #525252;
        font-size: 20px
    }

        .similarheading h3 a {
            display: inline-block;
            background: #fece00;
            color: #000;
            font-weight: 500;
            font-size: 16px;
            padding: 10px 25px;
            border-radius: 4px;
            box-shadow: 0 3px 4px rgba(0,0,0,.2);
            margin-top: -8px
        }

.Similarbox {
    margin-top: 25px;
    background: #f9f9f9
}

.similarimage {
    border: 3px solid #fece00
}

.similartext {
    padding: 15px;
    text-align: center
}

    .similartext h5 {
        margin: 0;
        color: #5b5b5b;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 15px
    }

    .similartext h3 {
        color: #ef0003;
        font-weight: 500;
        margin: 10px 0
    }

    .similartext a {
        display: inline-block;
        color: #fff;
        padding: 4px 12px;
        border-radius: 4px;
        background: #ef0003;
        font-weight: 500;
        font-size: 15px;
        margin-top: 10px
    }

.nav-tabs > li {
    margin-bottom: 0
}

    .nav-tabs > li > a {
        color: #2c2c2c;
        font-weight: 500;
        font-size: 16px;
        border: none;
        background: #fff
    }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover {
            color: #2c2c2c;
            border: none;
            background: 0 0
        }

.tab-content {
    background: #fff;
    padding: 15px 15px 50px
}

.tab-pane p {
    color: #2b2b2b;
    font-size: 15px;
    font-weight: 400
}

.flexslider.flexthumbnail {
    border: none;
    background: 0 0;
    overflow: visible
}

.flexslider {
    overflow: hidden
}

#carousel ul.slides li {
    border: 3px solid #fece00
}

.thumbbox {
    max-width: 84%;
    margin: auto
}

.contact-section {
    padding-bottom: 80px
}

.padspacer30 {
    padding-right: 30px
}

.addresspart h4 {
    font-size: 16px;
    color: #3e3e3e;
    border-bottom: 2px solid #d1d1d1;
    margin-bottom: 0;
    padding-bottom: 20px
}

    .addresspart h4 img {
        vertical-align: bottom;
        margin-right: 10px
    }

.office-address {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 10px
}

    .office-address h5 {
        color: #3e3e3e;
        font-weight: 400;
        font-size: 16px
    }

    .office-address h6 {
        font-weight: 400;
        color: #5a5a5a;
        line-height: 16px
    }

.addresspart.get-touch h4 {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.contactheading h1 {
    font-size: 38px;
    font-weight: 500;
    color: #2b2b2b;
    margin-bottom: 0
}

.contactheading h4 {
    color: #2b2b2b;
    margin-top: 10px
}

.form-heading h3 {
    font-weight: 400;
    font-size: 22px;
    color: #2b2b2b;
    margin-top: 10px
}

.contact-form label {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700
}

.contact-form input, .contact-form textarea {
    background: #fff;
    border: 1px solid #909090;
    font-weight: 300
}

.contact-form textarea {
    min-height: 113px
}

::-webkit-input-placeholder {
    color: #9e9e9e !important
}

:-moz-placeholder {
    color: #9e9e9e !important
}

::-moz-placeholder {
    color: #9e9e9e !important
}

:-ms-input-placeholder {
    color: #9e9e9e !important
}

label.check {
    font-size: 18px;
    font-weight: 400;
    padding-left: 10px
}

.form-group.btngroup input, .form-group.btngroup button {
    border: none;
    text-align: center;
    color: #000;
    background: #fece00;
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    height: 40px;
    font-size: 16px
}

.environment-banner {
    margin-top: 20px
}

.environment-main {
    max-width: 1030px;
    margin: auto
}

.envirnmentheading h1 {
    font-size: 100px;
    font-weight: 100;
    color: #4fb40e;
    margin: 0 0 30px
}

.environment-text p, .environment-text ul li {
    font-size: 18px;
    font-weight: 300;
    color: #3c3c3b
}

.en-subheading h2 {
    font-size: 50px;
    font-weight: 100;
    color: #fece00;
    margin-top: 40px
}

.environment-text ul li span {
    margin-right: 10px;
    float: left;
    display: block
}

.environment-text ul li p {
    width: 97%;
    float: left;
    margin: 0
}

.environment-text ul {
    margin: 20px 0
}

.environmentimage h3 {
    font-size: 25px;
    font-weight: 300;
    color: #2b2b2b;
    margin-top: 30px
}

.en-box {
    padding: 15px 10px;
    text-align: center;
    margin-top: 25px;
    min-height: 162px
}

    .en-box .en-image {
        display: table;
        height: 82px;
        width: 100%
    }

        .en-box .en-image .en-inner {
            display: table-cell;
            vertical-align: middle
        }

.form-group.check1, .makeheader h4 span, .new-user a {
    display: inline-block
}

.en-box h4 {
    font-weight: 100;
    color: #555554;
    margin-bottom: 0
}

@media (min-width:768px) {
    .environmentimage .col-sm-2 {
        width: 20%;
        padding-left: 5px;
        padding-right: 5px
    }
}

.forgotheading {
    margin-bottom: 40px
}

.contact-form.forgotform .btngroup input {
    font-size: 20px;
    font-weight: 400;
    height: 44px
}

.new-user a {
    font-size: 14px;
    color: #0e5887;
    text-decoration: none;
    border-right: 1px solid #0e5887;
    padding: 0 6px;
    margin-top: 6px
}

    .new-user a:last-child {
        border-right: none;
        padding-right: 0
    }

.form-group .captcha {
    max-width: 302px
}

    .form-group .captcha img {
        width: 100%
    }

.contact-form .check1 input {
    height: auto
}

.contact-form .form-group {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px
}

.makeheader {
    background: #fff;
    box-shadow: 2px 3px 2px #d9d9d9;
    padding: 20px 15px
}

    .makeheader h4 {
        font-size: 16px;
        font-weight: 400;
        color: #3e3e3e;
        margin: 0;
        cursor: pointer
    }

        .makeheader h4 span {
            vertical-align: top;
            margin-right: 8px;
            height: 10px;
            margin-top: -2px
        }

.makeby {
    padding: 15px;
    box-shadow: 1px 3px 2px #d9d9d9
}

    .makeby > ul > li.less, .makeby > ul > li.more {
        font-size: 14px;
        padding-left: 25px;
        font-weight: 400;
        cursor: pointer
    }

    .bylocation ul li label, .makeby ul li label {
        color: #2b2b2b;
        font-size: 14px;
        font-weight: 400;
        margin-left: 7px
    }

        .bylocation ul li span, .makeby ul li label span {
            color: #8f8f8f
        }

    .makeby > ul > li.more {
        color: #2b2b2b;
        background: url(../imgs/salvage/plusicon.png) 0 no-repeat
    }

        .makeby > ul > li.less, .makeby > ul > li.more.active {
            background: url(../imgs/salvage/minusicon.png) 0 no-repeat
        }

    .makeby > ul > li.less {
        color: #2b2b2b
    }

.moreslide {
    display: none
}

.bylocation {
    border-bottom: 2px solid #d1d1d1;
    padding: 20px 10px 10px
}

    .bylocation ul, .sortby ul {
        padding-left: 15px
    }

    .bylocation h4, .sortby h4 {
        font-size: 16px;
        color: #2b2b2b;
        font-weight: 400;
        margin: 0 0 10px
    }

        .bylocation h4 span, .makeby h4 span, .sortby h4 span {
            margin-right: 5px
        }

        .sortby h4 span {
            margin-top: -2px;
            display: inline-block;
            vertical-align: top
        }

.sortby input, .sortby ul li select {
    background: url(../imgs/salvage/arrow.png) 95% no-repeat #ededee;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 30px;
    font-size: 12px
}

.sortby input {
    background: #fff;
    margin-top: 10px;
    height: 30px
}

#findby {
    background: #e60000;
    color: #fff;
    border: none;
    font-weight: 700;
    font-size: 18px;
    padding-top: 3px
}

.sortby {
    border-bottom: none
}

.salvage-details {
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 0
}

.salvage-image img {
    width: 100%;
    border: 3px solid #fece00
}

.sheading h3 {
    font-weight: 700;
    color: #2b2b2b;
    margin: 0
}

.partdetails {
    margin-top: 25px
}

    .partdetails ul li {
        margin: 15px 0;
        font-weight: 700;
        color: #676767;
        font-size: 14px
    }

        .partdetails ul li a {
            color: #676767;
            display: inline-block;
            min-width: 85px
        }

            .partdetails ul li a span {
                margin-right: 6px;
                text-align: right;
                min-width: 18px;
                display: inline-block
            }

.pricedetails h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fb0000;
    margin-top: 25px
}

.pricedetails h4 {
    font-size: 15px;
    font-weight: 400;
    color: #2b2b2b;
    margin-top: 25px
}

    .pricedetails h4 a, .pricedetails > a {
        display: inline-block;
        color: #2b2b2b;
        font-weight: 700
    }

    .pricedetails h4 span {
        margin-right: 10px
    }

    .pricedetails h4 a {
        border: 2px solid #fece00;
        border-radius: 20px;
        padding: 4px 25px;
        margin-left: 10px
    }

.pricedetails > a {
    height: 33px;
    width: 120px;
    text-align: center;
    background: #fece00;
    font-size: 17px;
    margin-top: 20px;
    border-radius: 4px;
    box-shadow: 0 2px 2px #ac8c00;
    line-height: 33px
}

.salvage-details-tab #sort, .salvage-details-tab .h4 {
    display: inline-block;
    font-size: 15px
}

.salvage-details-tab {
    padding: 0 0 10px
}

    .salvage-details-tab #sort {
        width: 70%
    }

.pagination {
    border-radius: 4px;
    margin: 4px 0 0
}

.salvage-details-tab .btn-default {
    background-color: #f0eef0;
    border-color: #d3d3d3;
    color: #646264;
    display: inline
}

.salvage-details-tab #list {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 7px 12px
}

.salvage-details-tab #grid {
    border-radius: 0 3px 3px 0;
    padding: 7px 12px;
    margin-right: 5px
}

.pagination > li > a {
    background: linear-gradient(#e3e1e3,#e3e1e3);
    color: #6d6d6d;
    margin: 0 1px;
    border-radius: 4px;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.8)
}

.pagination > li.active a {
    color: #000;
    border-color: #d3d3d3;
    background: #fece00
}

#cssmenu ul {
    margin: 0;
    padding: 0
}

    #cssmenu ul li {
        margin: 0;
        padding: 7px 0;
        border-bottom: 2px solid #ccc
    }

        #cssmenu ul li a {
            color: #000
        }

#cssmenu .expandible {
    display: none;
    background: #dfdfdf;
    padding: 0 8px;
    margin-top: 6px
}

#cssmenu li.has-sub > a, .block1 {
    display: block
}

#cssmenu .expandible li {
    margin: 0;
    padding: 6px 0;
    border-bottom: 1px solid #ccc
}

    #cssmenu .expandible li:last-child {
        border-bottom: none
    }

    #cssmenu .expandible li a {
        font-size: 13px;
        background: url(../imgs/arrow.png) left center no-repeat;
        padding-left: 12px
    }

#cssmenu ul li .fa, #cssmenu ul li img {
    margin-right: 5px
}

#cssmenu .expandible li label {
    font-size: 13px;
    margin: 0
}

#cssmenu .reset-search {
    background: #fff;
    padding: 10px
}

.block1 {
    margin-bottom: 30px
}

    .block1 .btn-default {
        color: #fff;
        background: #ef0003;
        padding: 4px 12px;
        border-radius: 4px;
        font-weight: 500;
        font-size: 15px;
        margin-top: 10px
    }

#cssmenu {
    background: #f0f0f0;
    padding: 10px;
    border: 1px solid #ebebeb
}

    #cssmenu li.has-sub {
        background: url(../imgs/plus.png) right 15px no-repeat;
        opacity: .6
    }

    #cssmenu li.active {
        background: url(../imgs/minus.png) right 19px no-repeat !important;
        opacity: .6
    }

.clickable {
    cursor: pointer
}

.tabbox .nav-tabs .active {
    border: 1px solid #d3d3d3;
    background: #fece00;
    border-bottom: none;
    border-radius: 4px 4px 0 0
}

#overlay {
    width: 100%;
    height: 100%;
    display: table;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    right: 200px;
    bottom: 0;
    background: rgba(0,0,0,.3)
}

    #overlay i {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

.expand.less, .expand.more {
    background: url(../imgs/down-arrow.png) 90% no-repeat;
    color: red;
    cursor: pointer
}

.expand.less {
    background: url(../imgs/up-arrow.png) 90% no-repeat
}

.col-sm-3.text-right span.h4 {
    display: none
}

select.form-control {
    background: url(../imgs/downangle.png) 95% no-repeat #f4f4f4;
    -moz-appeare: none;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 700;
    color: #4a4a4a
}

.first a, .last a, .next a, .previous a {
    font-weight: 500
}

.pagination li {
    background: #eaeaea
}

.autoheading a {
    background: #e82242;
    margin-top: 10px
}

.dl-horizontal {
    margin-top: 20px
}

    .dl-horizontal dt {
        text-align: left;
        margin: 5px 0
    }

.carfound, .resetsearch {
    text-align: center;
    display: block
}

.dl-horizontal dd form {
    margin-top: -4px
}

#cssmenu ul li.reset-search {
    background: #4a4949;
    color: #fff;
    border-radius: 3px;
    border-bottom: 0
}

    #cssmenu ul li.reset-search a {
        color: #fff
    }

.carfound {
    color: #fece00;
    font-size: 20px
}

#filters li.label {
    font-size: 92%;
    color: #000;
    font-weight: 500
}

.label-green {
    background-color: #38b44a;
    padding: .5em .9em
}

    .label-green a {
        color: #000 !important
    }

        .label-green a:hover {
            color: #fff !important
        }

.price-grid {
    background: #ececec;
    padding: 0 14px
}

    .price-grid h3 {
        margin-top: 0;
        padding-top: 15px
    }

    .price-grid h4 {
        margin-top: 10px
    }

        .price-grid h4 a {
            margin-bottom: 10px
        }

    .price-grid a {
        margin-top: 0;
        margin-bottom: 20px
    }

.gridview-heading h3 {
    margin: 20px 0 0;
    min-height: 118px
}

.gridview-box {
    margin-bottom: 30px
}

    .gridview-box .partdetails {
        margin-top: 15px
    }

@media (max-width:767px) {
    .cart {
        margin-top: 15px
    }

    .padspacr0 {
        padding-right: 15px
    }

    .navbar-nav {
        float: left;
        text-align: left
    }

        .navbar-nav > li {
            float: left;
            display: block;
            width: 100%
        }

    .pricedetails.text-right {
        text-align: left !important
    }

    .sheading h3 {
        margin-top: 20px;
        min-height: 20px
    }

    .gridlistmain, .pagination {
        margin: 10px 0
    }

    .salvage-details-tab #sort {
        width: 100%
    }

    .gridlistmain {
        text-align: center
    }

    .part-finder {
        padding: 0
    }

        .part-finder a {
            margin-top: 2px;
            font-size: 18px
        }
}

.salvage-image img {
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -ms-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}

.about {
    margin-left: 30px
}

    .about h1, .privacy h1 {
        font-size: 50px;
        font-weight: 500;
        padding-bottom: 5px
    }

.about-content p {
    font-size: 15px;
    font-weight: 300
}

.privacy {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    width: 80%;
    margin: 10px auto auto;
    padding: 40px
}

    .privacy h1 {
        font-size: 50px;
        font-weight: 500;
        margin: 0;
        padding-bottom: 30px
    }

.privacy-content span {
    margin: 10px 0;
    display: block;
    font-size: 14px;
    font-weight: 300
}

.privacy-content h4, .shipping-content h4 {
    font-size: 16px;
    font-weight: 500;
    font-family: inherit !important;
    margin: 0
}

.privacy-content p, .shipping-content p, .term-content p {
    font-size: 14px;
    font-weight: 300;
    margin: 0
}

.para {
    margin-bottom: 24px
}

.return-content p {
    font-size: 16px;
    font-weight: 300;
    margin: 0
}

.term-content h4 {
    font-size: 20px;
    font-weight: 500;
    font-family: inherit !important
}

.banner-section .carousel-inner > .item > img {
    width: 100%;
    height: auto
}

@media (max-width:767px) {
    .cart {
        margin-top: 15px
    }

    .padspacr0 {
        padding-right: 15px
    }

    .navbar-nav {
        float: left;
        text-align: left
    }

        .navbar-nav > li {
            float: left;
            display: block;
            width: 100%
        }

    .pricedetails.text-right {
        text-align: left !important
    }

    .sheading h3 {
        margin-top: 20px;
        font-size: 18px
    }

    .about {
        margin-left: 0
    }

    .privacy {
        width: 100%;
        padding: 20px
    }

        .privacy h1 {
            font-size: 35px
        }

    .carousel-caption {
        top: 40px;
        bottom: auto
    }

        .carousel-caption h1 {
            font-size: 20px
        }

        .carousel-caption a {
            padding: 8px 12px;
            font-size: 12px;
            margin: 20px auto 0
        }

    .envirnmentheading h1 {
        margin: 15px 0;
        font-size: 30px
    }

    .environment-text p, .environment-text ul li {
        font-size: 16px
    }

        .environment-text ul li p {
            width: 92%
        }

    .en-subheading h2 {
        font-size: 36px
    }

    .environmentimage h3 {
        font-size: 20px
    }

    label.check {
        font-size: 14px
    }

    .col-sm-2.mobwidthauto {
        width: 100% !important;
        padding: 0 15px !important
    }

    .environment-text ul li {
        margin-top: 10px
    }
}

.checkout-btn a, .owl-nav {
    text-align: center
}

.banner img {
    width: 100%
}

.big {
    font-size: 22px !important;
    font-weight: 300 !important
}

    .big b {
        color: red
    }

.bg {
    background: #fece00;
    padding: 10px
}

.para h2 {
    font-size: 35px;
    color: #bc9900
}

.para h4, .shipping-content h4 {
    font-size: 22px;
    font-weight: 500;
    color: #bc9900;
    margin: 0
}

.four-zero-four {
    background: url(../imgs/404bg.jpg);
    min-height: 600px
}

    .four-zero-four h1 {
        font-size: 50px;
        color: #3c3c3b;
        margin: 100px 0 0;
        font-weight: 600
    }

    .four-zero-four h2 {
        font-size: 150px;
        color: #d30300;
        margin: 20px 0 0;
        font-weight: 600;
        line-height: 150px
    }

    .four-zero-four h3 {
        font-size: 40px;
        color: #707070;
        margin: 0;
        font-weight: 500
    }

    .four-zero-four .icon {
        margin: 70px 0
    }

.social1 {
    margin-bottom: 50px
}

.four-zero-four .btn {
    font-size: 22px;
    color: #362c00;
    font-style: italic;
    background: #fece00;
    font-weight: 700;
    padding: 10px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    margin-bottom: 40px
}

.four-zero-four p {
    color: #707070;
    font-size: 20px;
    margin-bottom: 50px
}

    .four-zero-four p a {
        color: #b49305
    }

@media (max-width:767px) {
    .banner-conto a, .layout li {
        display: block
    }

    .banner-conto h2 {
        font-size: 20px
    }

    #banner .banner {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .layout li {
        border-bottom: 1px solid #fff;
        border-right: none
    }

    .layout {
        width: 100%
    }

    .search_btn1 {
        font-size: 23px !important
    }
}

.image1_desc a, .sheading a {
    color: #000
}

    .image1_desc a:hover, .sheading a:hover {
        color: #d30300
    }

.office-image section p {
    display: inline-block;
    vertical-align: middle
}

.shipping-header h1 {
    font-weight: 600;
    font-size: 3em;
    margin: 0;
    color: #989c9b;
    padding-bottom: 10px
}

.btn-warning {
    color: #000;
    background-color: #fece00
}

.owl-nav .owl-next, .owl-nav .owl-prev {
    color: #fff;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.add-cart {
    margin-top: -4px
}

    .add-cart .cart-count {
        position: absolute;
        font-size: 12px;
        padding: 5px 10px;
        background: #2b2b2b;
        border-radius: 50%;
        top: -17.5%;
        left: 84.5%;
        color: #fff
    }

.modal-header {
    background: #fece00;
    color: #000
}

.close {
    opacity: .7;
    font-size: 32px;
    top: -24px;
    right: -24px;
    color: #fff;
    font-weight: 400;
    line-height: 19px;
    height: 32px;
    width: 32px;
    border-radius: 100%;
    border: 2px solid #fbf8f8 !important;
    background: #000 !important
}

    .close:hover {
        opacity: 1;
        color: #fff
    }

.cart-section {
    padding: 5px 0 20px
}

.cart-wrapper, .order-wrapper {
    margin-top: 15px
}

.cart-heading h2 {
    font-size: 28px;
    color: #282828;
    margin: 0;
    font-weight: 600
}

.heading {
    background: #282828 !important
}

.cart-details {
    vertical-align: middle !important
}

.cart-image img {
    min-height: 120px;
    max-height: 120px;
    max-width: 160px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}

.cart-buttons {
    padding: 15px;
    background: #fff
}

    .cart-buttons a, .cart-buttons button {
        font-size: 16px;
        color: #000;
        font-weight: 400;
        background: #f4c600;
        border-radius: 4px;
        display: inline-block;
        padding: 7px 20px;
        transition: all .4s ease-in-out
    }

        .cart-buttons a:hover {
            color: #282828;
            background: #f4c600
        }

.updatebtn a + a {
    margin-left: 15px
}

.grand-total span + span {
    font-weight: 700
}

.checkout-btn a, .checkout-btn button {
    display: block;
    padding: 6px 20px;
    font-size: 20px;
    background: #e00;
    margin: 15px 0;
    font-weight: 400
}

.add-voucher {
    font-size: 20px;
    padding: 0;
    margin: 24px 0
}

    .add-voucher .v3 {
        border: 1px solid #b7b7b7;
        border-radius: 4px 0 0 4px;
        background: #f6f6f6;
        font-size: 17px;
        padding: 5px 10px;
        width: 80%;
        float: left
    }

    .add-voucher .btn3, .add-voucher span + span {
        background: #282828;
        color: #f1c622;
        text-align: center
    }

    .add-voucher .btn3 {
        width: 20%;
        float: left;
        border-radius: 0 4px 4px 0;
        border: none;
        line-height: 34px
    }

    .add-voucher span {
        vertical-align: middle;
        padding: 6px 0;
        display: inline-block
    }

        .add-voucher span + span {
            display: block;
            float: right;
            width: 44px;
            border-radius: 0 4px 4px 0
        }

@media (max-width:767px) {
    .cart-heading h2 {
        font-size: 20px
    }

    .empty-btn.pull-left {
        float: none !important
    }

    .cart-buttons {
        text-align: center
    }

        .cart-buttons a {
            margin-top: 5px
        }

    .updatebtn a + a {
        margin-left: 0
    }

    .order-wrapper {
        margin-top: 20px
    }
}

.quantity {
    display: block;
    margin: auto;
    text-align: center
}

.cart-heading {
    background: #fece00;
    padding: 12px 20px
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    background: #fff
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto',sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
}

.heading .th {
    padding: 8px;
    line-height: 1.42857143;
    border: 0;
    vertical-align: top;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    opacity: 1;
    padding: 12px 20px;
    text-align: center
}

.cart-details {
    border-bottom: 1px solid #c8c8c8;
    background: #fff;
    padding: 10px;
    font-size: 16px;
    color: #484848
}

.cart-image > td {
    min-width: 124px
}

    .cart-image > td + td {
        padding-left: 15px
    }

.cart-details span {
    font-size: 12px;
    display: block
}

.quantity {
    color: #282828;
    border: 1px solid #888;
    height: 35px;
    width: 38px;
    line-height: 35px;
    font-size: 20px
}

.graybg {
    background: #e3e3e3
}

.cart-quantity {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

    .cart-quantity > table {
        border-bottom: 1px solid #c8c8c8
    }

.order-wrapper {
    padding-left: 0
}

.order-heading {
    border-bottom: 1px solid #d9d9d9
}

    .order-heading h2 {
        justify-content: space-between;
        margin: 0;
        display: flex;
        align-items: center;
        font-weight: 500;
        font-size: 28px;
        padding: 10px 0
    }

        .order-heading h2 span {
            vertical-align: middle;
            flex: 1
        }

            .order-heading h2 span + span {
                flex: none
            }

.sub-total {
    font-size: 18px;
    font-weight: 300;
    padding: 20px 0
}

    .sub-total li + li {
        margin-top: 5px
    }

    .sub-total li span {
        display: inline-block;
        width: 50%;
        font-weight: 700;
        font-size: 16px
    }

        .sub-total li span:first-child {
            padding-right: 20px;
            text-align: right
        }

        .sub-total li span + span {
            color: #606060
        }

            .sub-total li span + span p {
                margin: 0;
                font-weight: 400;
                display: inline-block;
                font-size: 12px
            }

.grand-total {
    font-size: 22px;
    font-weight: 600;
    padding: 15px 0
}

    .grand-total span {
        text-align: right;
        display: inline-block;
        vertical-align: top
    }

        .grand-total span + span {
            color: #cd1f25;
            margin-left: 20px
        }

            .grand-total span + span p {
                margin: 0;
                font-size: 12px;
                font-weight: 400;
                color: #282828
            }

.checkout-btn a.continue-shopping {
    background: #282828;
    border: 1px solid #000
}

.active-wrapper li.active a:after, .active-wrapper li.active a:before {
    content: "";
    border-left: 16px solid transparent;
    right: 0
}

.active-wrapper {
    display: flex
}

    .active-wrapper li {
        flex: 1
    }

        .active-wrapper li a {
            display: block;
            text-align: center;
            color: #e7e7e7;
            font-size: 14px;
            font-weight: 400;
            padding: 12px;
            background: #282828
        }

        .active-wrapper li.active a {
            position: relative;
            background: #fece00;
            color: #282828
        }

            .active-wrapper li.active a:before {
                position: absolute;
                top: 0;
                border-top: 22px solid #282828
            }

            .active-wrapper li.active a:after {
                position: absolute;
                bottom: 0;
                border-bottom: 22px solid #282828
            }

        .active-wrapper li:last-child.active a:after, .active-wrapper li:last-child.active a:before {
            display: none
        }

.billing-info, .order-summary {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

.cart-details td form span {
    color: #635209;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    margin-top: 15px
}

.order-summary {
    padding: 0 15px 20px
}

.address-section {
    padding-top: 10px
}

.billing-info h2, .headings h2 {
    font-size: 28px;
    margin: 0 0 10px;
    color: #282828;
    font-weight: 700
}

.billing-info, .billing-info form {
    margin-top: 10px
}

.billing-info {
    padding: 20px 25px
}

    .billing-info form .form-control::-webkit-input-placeholder {
        color: #282828
    }

    .billing-info form .form-control::-moz-placeholder {
        color: #282828
    }

    .billing-info form .form-control:-ms-input-placeholder {
        color: #282828
    }

    .billing-info form .form-control:-moz-placeholder {
        color: #282828
    }

    .billing-info .col-sm-12, .billing-info .col-sm-6 {
        padding: 0 6px
    }

    .billing-info .row {
        margin: 0 -6px
    }

    .billing-info form select.form-control {
        background: url(../imgs/select-arrow.png) 97% center no-repeat,#fff;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .billing-info form .form-group {
        margin-bottom: 10px
    }

.button-section {
    padding-bottom: 40px
}

[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

    [type=radio]:checked + label, [type=radio]:not(:checked) + label {
        position: relative;
        padding-left: 37px;
        cursor: pointer;
        line-height: normal;
        display: inline-block;
        color: #282828;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 16px
    }

        [type=radio]:checked + label:before, [type=radio]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 23px;
            height: 23px;
            border: 1px solid #b7b7b7;
            border-radius: 100%;
            background: linear-gradient(#e3e3e3,#f4f4f4)
        }

        [type=radio]:checked + label:before {
            background: #ecc11c;
            border: 1px solid #282828
        }

        [type=radio]:checked + label:after, [type=radio]:not(:checked) + label:after {
            content: '';
            width: 11px;
            height: 11px;
            background: #282828;
            position: absolute;
            top: 6px;
            left: 6px;
            border-radius: 100%;
            -webkit-transition: all .2s ease;
            transition: all .2s ease
        }

        [type=radio]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        [type=radio]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

.checkout-btn.shopping-btn a {
    font-size: 16px;
    font-weight: 300;
    margin: 20px
}

.checkout-btn.edit-btn .continue-shopping {
    font-size: 18px;
    font-weight: 400;
    display: block;
    max-width: 250px;
    margin: 30px 0 0
}

.order-confirmation .order-summary {
    padding-bottom: 36px
}

.checkout-btn.confirm-btn a {
    font-size: 18px;
    display: block;
    max-width: 250px;
    margin: 47px auto 0
}

.address-section.billing-shipping-add .billing-info {
    margin-top: 0;
    padding: 25px 20px;
    height: 100%
}

@media (min-width:768px) {
    .address-section.billing-shipping-add .row {
        display: flex
    }
}

.billing-info ul {
    margin-top: 18px
}

    .billing-info ul li {
        color: #282828;
        font-size: 16px;
        font-weight: 400;
        margin-top: 2px
    }

        .billing-info ul li a {
            color: #282828
        }

        .billing-info ul li span {
            margin-right: 5px
        }

.recieved-message h2 {
    font-weight: 400;
    margin-bottom: 40px;
    line-height: normal
}

    .recieved-message h2 span {
        color: #e00;
        font-weight: 700
    }

.order-confirmed-add {
    padding-top: 30px
}

.accept-term {
    margin: 50px 0
}

    .accept-term label span {
        color: #e00
    }

.checkout-btn.proceed-btn a {
    display: block;
    max-width: 250px;
    margin: 28px auto 0
}

input[type=checkbox] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    color: #282828;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 18px;
    font-weight: 400
}

    input[type=checkbox] + label:before {
        content: '';
        display: block;
        width: 18px;
        height: 18px;
        border: 3px solid #e00;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all .12s,border-color .08s
    }

input[type=checkbox]:checked + label:before {
    width: 12px;
    top: -5px;
    left: 7px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: 0 0
}

.payment-method-card {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    padding: 10px;
    text-align: center
}

    .payment-method-card ul li {
        display: inline-block;
        margin: 10px 5px;
        vertical-align: middle;
        font-size: 20px;
        color: #282828
    }

        .payment-method-card ul li label {
            margin: 0 !important
        }

            .payment-method-card ul li label img {
                margin-top: -4px
            }

        .payment-method-card ul li + li {
            border: 1px solid #b7b7b7;
            border-radius: 4px;
            padding: 19px 15px 15px
        }

@media (max-width:1024px) {
    .container {
        width: 98%
    }

    .order-heading h2 {
        font-size: 22px
    }

    .grand-total {
        font-size: 18px
    }

    .checkout-btn a {
        font-size: 16px
    }

    .sub-total {
        width: 100%
    }

    .add-voucher span + span {
        width: 34px
    }

    .add-voucher {
        padding-left: 10px;
        font-size: 14px
    }
}

@media (max-width:767px) {
    .empty-btn.pull-left {
        float: none !important
    }

    .cart-buttons {
        text-align: center
    }

        .cart-buttons a {
            margin-top: 5px
        }

    .checkout-btn a, .order-wrapper {
        margin-top: 20px
    }

    .updatebtn a + a {
        margin-left: 0
    }

    .order-wrapper {
        padding-left: 15px
    }

    .order-summary {
        padding-bottom: 30px
    }

    .active-wrapper {
        display: block
    }

    .sub-total {
        padding: 20px 0
    }

    .order-heading h2 span + span {
        max-width: 40px
    }

    .billing-info h2, .headings h2 {
        font-size: 20px
    }

    .billing-info form .form-control, .billing-info form .form-control:focus {
        height: 38px;
        font-size: 16px
    }

    [type=radio]:checked + label, [type=radio]:not(:checked) + label {
        margin-bottom: 5px;
        font-size: 16px
    }

    .address-section.billing-shipping-add .shipping-info, .checkout-btn.confirm-btn a {
        margin-top: 25px
    }

    input[type=checkbox] + label {
        font-size: 14px;
        padding-left: 30px
    }

    .accept-term {
        margin: 25px 0
    }

    .payment-method-card ul li + li {
        padding: 6px 10px 10px
    }

    .payment-method-card ul li {
        margin: 5px
    }

    .active-wrapper li {
        margin: 1px 0
    }
}

.login-wrapper, .top-social-wrapper ul li, .web-logo {
    display: inline-block
}

.icon-bar {
    background: #fff
}

.logo-section {
    background: #fece00;
    padding: 16px 0 14px
}

.web-logo img {
    width: 78%
}

.top-social-wrapper ul li {
    color: #252525;
    font-size: 18px;
    font-weight: 900
}

    .top-social-wrapper ul li span {
        margin-right: 5px;
        font-size: 12px;
        font-weight: 700
    }

    .top-social-wrapper ul li + li {
        margin-left: 28px
    }

    .top-social-wrapper ul li a {
        color: #1f1f1f;
        padding: 0 3px;
        display: inline-block
    }

        .top-social-wrapper ul li a:last-child {
            padding-right: 0
        }

.bottom-search .input-group input.form-control {
    height: 44px;
    border: none;
    border-top: 1px solid #94884e;
    border-left: 1px solid #94884e;
    box-shadow: none;
    font-size: 16px;
    font-weight: 300;
    color: rgba(37,37,37,.6)
}

.input-group-btn .btn.btn-default {
    height: 44px;
    background: #de203f;
    border: 1px solid #de203f;
    color: #fff;
    margin-left: 0;
    box-shadow: none;
    outline: 0;
    font-size: 19px
}

.bottom-search .input-group input.form-control::-webkit-input-placeholder {
    color: rgba(37,37,37,.6)
}

.bottom-search .input-group input.form-control::-moz-placeholder {
    color: rgba(37,37,37,.6)
}

.bottom-search .input-group input.form-control:-ms-input-placeholder {
    color: rgba(37,37,37,.6)
}

.bottom-search .input-group input.form-control:-moz-placeholder {
    color: rgba(37,37,37,.6)
}

.login-wrapper ul li {
    float: left
}

    .login-wrapper ul li a {
        padding: 13px 10px;
        display: block;
        color: #252525;
        font-weight: 700;
        font-size: 14px;
        position: relative
    }

        .login-wrapper ul li a span {
            margin-right: 3px
        }

    .login-wrapper ul li.shopnow a {
        font-size: 16px;
        color: #fff;
        background: #e82242;
        padding: 0 20px 0 0;
        border-radius: 4px
    }

        .login-wrapper ul li.shopnow a span {
            background: #9a162c;
            padding: 10px 15px 10px 10px;
            display: inline-block;
            border-radius: 4px 0 0 4px;
            margin-right: 13px
        }

    .login-wrapper ul li a:after {
        content: "";
        position: absolute;
        top: 2px;
        bottom: 2px;
        width: 1px;
        right: 0;
        background: #af8d01
    }

    .login-wrapper ul li.logoff a:after {
        content: none
    }

.bottom-search {
    text-align: right;
    margin-top: 23px
}

    .bottom-search .row .col-sm-6:first-child {
        padding-right: 0
    }

@media (min-width:768px) {
    .navbar-nav {
        float: none;
        margin: 0;
        width: 100%
    }

        .navbar-nav > li {
            display: inline-block;
            float: none
        }

    .collapse.navbar-collapse {
        text-align: center
    }

    .col-sm-7.col-md-6 {
        padding-left: 0
    }
}

.menu-wrapper {
    background: #282828;
    border-bottom: 3px solid #fff;
    padding-top: 5px
}

.navbar-nav > li > a {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    border-radius: 6px 6px 0 0;
    padding: 10px 25px;
    margin: 0 1px
}

    .navbar-nav > li.active > a, .navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
        color: #e22140;
        background: #fff
    }

.bannerSection {
    position: relative
}

.mainBanner .item .container {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 38%;
    transform: translateY(-50%)
}

.mainBanner .item figure img {
    width: 100%
}

.banner-text {
    max-width: 445px
}

.caption-inner {
    background: rgba(45,45,45,.9);
    color: #fff;
    padding: 37px 36px
}

    .caption-inner h2 {
        margin: 0;
        font-size: 31px;
        font-weight: 500;
        line-height: normal
    }

.owl-carousel .owl-item .banner-shop img {
    max-width: 100%;
    width: auto;
    display: inline-block
}

.banner-shop a {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    background: #df1133;
    padding: 13px 20px 12px 30px;
    position: relative
}

    .banner-shop a span {
        margin-right: 5px
    }

    .banner-shop a:after {
        content: "";
        position: absolute;
        top: 0;
        right: -43px;
        border-top: 48px solid #df1133;
        border-right: 43px solid transparent
    }

.bann-bot-wrapper {
    display: flex;
    text-align: center
}

    .bann-bot-wrapper li {
        flex: 1;
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-weight: 700;
        background: #282828;
        padding: 20px 10px 15px
    }

        .bann-bot-wrapper li p {
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .bann-bot-wrapper li p span + span {
                margin-left: 16px;
                line-height: normal
            }

.bottom-bann-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1
}

.bann-bot-wrapper li.active {
    color: #1f1f1f;
    background: #fff;
    padding: 30px 10px 20px;
    margin-top: -15px
}

.top-social-wrapper ul li.cart-box a {
    background: #383838;
    padding: 7px 35px 7px 15px;
    border-radius: 4px;
    display: inline-block;
    position: relative
}

    .top-social-wrapper ul li.cart-box a span {
        display: block;
        height: 25px;
        width: 25px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: 900;
        border-radius: 100%;
        position: absolute;
        top: 7px;
        right: 10px;
        background: #eb2343;
        line-height: 25px
    }

.empty-cart, .empty-cart:hover {
    background-color: #000;
    border-color: #000
}

.empty-cart-container {
    margin: 55px 0
}

.empty-cart {
    padding: 40px;
    border-radius: 80px;
    cursor: default
}

    .empty-cart .text-warning {
        color: #fece00
    }

.table {
    margin-bottom: 0
}

@media (max-width:1024px) {
    .container {
        width: 98%
    }

    .login-wrapper ul li a {
        padding: 10px
    }

    .navbar-nav > li > a {
        padding: 10px 20px;
        margin: 0
    }
}

@media (max-width:768px) {
    .carousel-control {
        display: none
    }

    .navbar-nav > li > a {
        padding: 5px 10px;
        font-size: 12px;
        font-weight: 500
    }

    .login-wrapper ul li.shopnow a {
        font-size: 14px
    }

    .bann-bot-wrapper li {
        font-size: 14px;
        padding: 10px 10px 5px
    }

        .bann-bot-wrapper li.active {
            padding: 15px 10px 10px;
            margin-top: -10px
        }

    .caption-inner h2 {
        font-size: 20px
    }

    .banner-text {
        max-width: 370px
    }
}

@media (max-width:767px) {
    .web-logo {
        display: inline-block;
        max-width: 120px
    }

    .login-wrapper {
        margin-top: 15px
    }

    .navbar-toggle {
        margin: 0 3px 0 0
    }

    .top-social-wrapper {
        margin-top: -60px
    }

        .top-social-wrapper ul li {
            font-size: 14px
        }

    .bottom-search .input-group input.form-control, .input-group-btn .btn.btn-default {
        height: 38px
    }

    .vrm.input-group input {
        height: 38px !important
    }

    .input-group-btn .btn.btn-default {
        font-size: 16px
    }

    .bottom-search {
        margin-top: 30px
    }

    .top-social-wrapper ul li span {
        font-size: 11px
    }

    .login-wrapper ul li.shopnow a span {
        padding: 7px 15px 7px 10px
    }

    .login-wrapper ul li a {
        padding: 7px
    }

    .bann-bot-wrapper {
        display: none
    }

    .bottom-bann-txt {
        position: static
    }

    .bann-bot-wrapper li, .bann-bot-wrapper li.active {
        margin-top: 0;
        padding: 10px 15px;
        font-size: 16px
    }

        .bann-bot-wrapper li p span + span br {
            display: none
        }

        .bann-bot-wrapper li p {
            justify-content: start
        }

            .bann-bot-wrapper li p span:first-child {
                max-width: 45px
            }

    .caption-inner {
        padding: 15px
    }

        .caption-inner h2 {
            font-size: 16px
        }

    .banner-shop a {
        padding: 10px 15px;
        font-size: 12px
    }

    .banner-text {
        max-width: 265px
    }

    .banner-shop a:after {
        border-top: 43px solid #df1133
    }

    .mainBanner .item .container {
        top: 50%
    }

    .navbar-nav > li > a {
        margin-bottom: 2px
    }
}

@media (max-width:420px) {
    .top-social-wrapper ul li {
        display: block
    }
}

.p-underlign {
    border-bottom: 1px solid #ded4d4;
    padding-bottom: 10px
}

.register-container {
    background: #fff;
    padding: 20px 40px
}

    .register-container p {
        color: #b7b5b5;
        font-size: 14px;
        font-style: italic
    }

    .register-container .custom-checkbox label {
        font-size: 14px
    }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600
}

.contact-form.forgotform input, .contact-form.forgotform label, .en-box h4 {
    font-size: 15px
}

.cart-table > tbody > tr > td, .cart-table > tbody > tr > th {
    border: 0
}

img.delete:hover {
    filter: grayscale(50);
    opacity: .5
}

input:required:invalid:focus {
    border-color: #cd1f25;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #cd1f25;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #cd1f25
}

span.k-icon.k-i-arrow-60-down {
    display: inline-block
}

.border-bottom {
    border-bottom: 1px solid #9e9e9e;
    padding-bottom: 3px
}

.main_heading {
    font-size: 32px;
    font-weight: 600
}

.left_menu, .right_boxrgt {
    background: #fff;
    box-shadow: 0 0 12px rgba(0,0,0,.1);
    margin-bottom: 20px
}

    .left_menu ul li {
        border-bottom: 1px solid #e8e8e8;
        padding: 0
    }

        .left_menu ul li:last-child {
            border-bottom: none
        }

        .left_menu ul li a {
            font-size: 16px;
            color: #282828;
            font-weight: 300;
            padding: 12px 15px;
            display: block
        }

            .left_menu ul li a.active, .left_menu ul li a:hover {
                color: #282828;
                font-weight: 600;
                background: #fece00
            }

.user_name {
    padding: 20px
}

    .user_name .user_circle {
        height: 95px;
        width: 95px;
        background: #282828;
        display: inline-block;
        border-radius: 100%;
        text-align: center;
        line-height: 95px;
        color: #fff;
        font-size: 40px;
        font-weight: 600
    }

    .user_name .user_name_lft {
        display: inline-block;
        padding-left: 15px;
        font-size: 19px
    }

.right_boxrgt {
    padding: 20px 35px
}

    .right_boxrgt h3.main_heading {
        font-size: 28px;
        margin-top: 8px
    }

    .right_boxrgt .form-control {
        max-width: 400px;
        border: 2px solid #8c8c8c;
        height: 42px;
        padding: 0 10px
    }

        .right_boxrgt .form-control.country {
            max-width: 333px
        }

.magnifying {
    background: url(../imgs/search_icon.png) 15px 10px no-repeat;
    padding-left: 50px !important
}

.right_boxrgt .form-group {
    margin-bottom: 20px
}

.right_boxrgt .form-control.address_manual {
    max-width: 190px;
    border-radius: 0;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid #fece00;
    padding: 0
}

.submit_btn {
    background: #e82242;
    border: none;
    color: #fff;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 700
}

.my_order {
    min-height: 135px
}

.product_listing p {
    font-weight: 300
}

.view_order, .view_order:focus, .view_order:hover {
    display: block;
    background: #e82242;
    color: #fff;
    padding: 12px 20px;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
    margin-top: 10px
}

.track_order, .track_order:focus, .track_order:hover {
    display: block;
    background: #282828;
    color: #fff;
    padding: 12px 20px;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
    margin-top: 10px
}

@media (max-width:767px) {
    .right_boxrgt {
        padding: 20px 15px
    }
}

.mainBanner .owl-carousel .owl-item img {
    width: auto;
    min-height: 500px;
    max-width: inherit
}

.line-behind {
    display: table;
    white-space: nowrap;
    margin: 10px auto;
    color: #a5a5a5
}

    .line-behind:before {
        right: 1.5%
    }

    .line-behind:after {
        left: 1.5%
    }

    .line-behind:after, .line-behind:before {
        border-top: 1px solid #a5a5a5;
        content: '';
        display: table-cell;
        position: relative;
        top: .5em;
        width: 45%
    }

.col-xxs-1, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

@media (max-width:384px) {
    .col-xxs-1, .col-xxs-10, .col-xxs-11, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9 {
        float: left
    }

    .col-xxs-1 {
        width: 8.333333333333332%
    }

    .col-xxs-2 {
        width: 16.666666666666664%
    }

    .col-xxs-3 {
        width: 25%
    }

    .col-xxs-4 {
        width: 33.33333333333333%
    }

    .col-xxs-5 {
        width: 41.66666666666667%
    }

    .col-xxs-6 {
        width: 50%
    }

    .col-xxs-7 {
        width: 58.333333333333336%
    }

    .col-xxs-8 {
        width: 66.66666666666666%
    }

    .col-xxs-9 {
        width: 75%
    }

    .col-xxs-10 {
        width: 83.33333333333334%
    }

    .col-xxs-11 {
        width: 91.66666666666666%
    }

    .col-xxs-12 {
        width: 100%
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%
    }

    .col-xxs-push-3 {
        left: 25%
    }

    .col-xss-push-4 {
        left: 33.33333333333333%
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%
    }

    .col-xxs-push-6 {
        left: 50%
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%
    }

    .col-xxs-push-9 {
        left: 75%
    }

    .col-xxs-push-10 {
        left: 83.33333333333334%
    }

    .col-xxs-push-11 {
        left: 91.66666666666666%
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%
    }

    .col-xxs-pull-3 {
        right: 25%
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%
    }

    .col-xxs-pull-6 {
        right: 50%
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%
    }

    .col-xxs-pull-9 {
        right: 75%
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-xxs-offset-3 {
        margin-left: 25%
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-xxs-offset-6 {
        margin-left: 50%
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-xxs-offset-9 {
        margin-left: 75%
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%
    }
}

.hidden-xxs {
    display: block !important
}

tr.hidden-xxs {
    display: table-row !important
}

td.hidden-xxs, th.hidden-xxs {
    display: table-cell !important
}

@media (max-width:384px) {
    .hidden-xxs {
        display: none !important
    }

    tr.hidden-xxs {
        display: none !important
    }

    td.hidden-xxs, th.hidden-xxs {
        display: none !important
    }
}

@media (min-width:385px) and (max-width:767px) {
    .hidden-xxs.hidden-xs {
        display: none !important
    }

    tr.hidden-xxs.hidden-xs {
        display: none !important
    }

    td.hidden-xxs.hidden-xs, th.hidden-xxs.hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-xxs.hidden-sm {
        display: none !important
    }

    tr.hidden-xxs.hidden-sm {
        display: none !important
    }

    td.hidden-xxs.hidden-sm, th.hidden-xxs.hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-xxs.hidden-md {
        display: none !important
    }

    tr.hidden-xxs.hidden-md {
        display: none !important
    }

    td.hidden-xxs.hidden-md, th.hidden-xxs.hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-xxs.hidden-lg {
        display: none !important
    }

    tr.hidden-xxs.hidden-lg {
        display: none !important
    }

    td.hidden-xxs.hidden-lg, th.hidden-xxs.hidden-lg {
        display: none !important
    }
}

@media (max-width:384px) {
    .hidden-xs.hidden-xxs {
        display: none !important
    }

    tr.hidden-xs.hidden-xxs {
        display: none !important
    }

    td.hidden-xs.hidden-xxs, th.hidden-xs.hidden-xxs {
        display: none !important
    }
}

@media (max-width:384px) {
    .hidden-sm.hidden-xxs {
        display: none !important
    }

    tr.hidden-sm.hidden-xxs {
        display: none !important
    }

    td.hidden-sm.hidden-xxs, th.hidden-sm.hidden-xxs {
        display: none !important
    }
}

@media (max-width:384px) {
    .hidden-md.hidden-xxs {
        display: none !important
    }

    tr.hidden-md.hidden-xxs {
        display: none !important
    }

    td.hidden-md.hidden-xxs, th.hidden-md.hidden-xxs {
        display: none !important
    }
}

@media (max-width:384px) {
    .hidden-lg.hidden-xxs {
        display: none !important
    }

    tr.hidden-lg.hidden-xxs {
        display: none !important
    }

    td.hidden-lg.hidden-xxs, th.hidden-lg.hidden-xxs {
        display: none !important
    }
}

@media (min-width:385px) and (max-width:767px) {
    .hidden-xs {
        display: none !important
    }

    tr.hidden-xs {
        display: none !important
    }

    td.hidden-xs, th.hidden-xs {
        display: none !important
    }

    .hidden-sm.hidden-xs {
        display: none !important
    }

    tr.hidden-sm.hidden-xs {
        display: none !important
    }

    td.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs {
        display: none !important
    }

    .hidden-md.hidden-xs {
        display: none !important
    }

    tr.hidden-md.hidden-xs {
        display: none !important
    }

    td.hidden-md.hidden-xs, th.hidden-md.hidden-xs {
        display: none !important
    }

    .hidden-lg.hidden-xs {
        display: none !important
    }

    tr.hidden-lg.hidden-xs {
        display: none !important
    }

    td.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs {
        display: none !important
    }
}

.visible-xxs {
    display: none !important
}

tr.visible-xxs {
    display: none !important
}

td.visible-xxs, th.visible-xxs {
    display: none !important
}

@media (max-width:384px) {
    .visible-xxs {
        display: block !important
    }

    tr.visible-xxs {
        display: table-row !important
    }

    td.visible-xxs, th.visible-xxs {
        display: table-cell !important
    }
}

@media (min-width:385px) and (max-width:767px) {
    .visible-xxs.visible-xs {
        display: block !important
    }

    tr.visible-xxs.visible-xs {
        display: table-row !important
    }

    td.visible-xxs.visible-xs, th.visible-xxs.visible-xs {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-xxs.visible-sm {
        display: block !important
    }

    tr.visible-xxs.visible-sm {
        display: table-row !important
    }

    td.visible-xxs.visible-sm, th.visible-xxs.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-xxs.visible-md {
        display: block !important
    }

    tr.visible-xxs.visible-md {
        display: table-row !important
    }

    td.visible-xxs.visible-md, th.visible-xxs.visible-md {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-xxs.visible-lg {
        display: block !important
    }

    tr.visible-xxs.visible-lg {
        display: table-row !important
    }

    td.visible-xxs.visible-lg, th.visible-xxs.visible-lg {
        display: table-cell !important
    }
}

@media (max-width:384px) {
    .visible-xs.visible-xxs {
        display: block !important
    }

    tr.visible-xs.visible-xxs {
        display: table-row !important
    }

    td.visible-xs.visible-xxs, th.visible-xs.visible-xxs {
        display: table-cell !important
    }
}

@media (max-width:384px) {
    .visible-sm.visible-xxs {
        display: block !important
    }

    tr.visible-sm.visible-xxs {
        display: table-row !important
    }

    td.visible-sm.visible-xxs, th.visible-sm.visible-xxs {
        display: table-cell !important
    }
}

@media (max-width:384px) {
    .visible-md.visible-xxs {
        display: block !important
    }

    tr.visible-md.visible-xxs {
        display: table-row !important
    }

    td.visible-md.visible-xxs, th.visible-md.visible-xxs {
        display: table-cell !important
    }
}

@media (max-width:384px) {
    .visible-lg.visible-xxs {
        display: block !important
    }

    tr.visible-lg.visible-xxs {
        display: table-row !important
    }

    td.visible-lg.visible-xxs, th.visible-lg.visible-xxs {
        display: table-cell !important
    }
}

@media (min-width:385px) and (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }

    .visible-sm.visible-xs {
        display: block !important
    }

    tr.visible-sm.visible-xs {
        display: table-row !important
    }

    td.visible-sm.visible-xs, th.visible-sm.visible-xs {
        display: table-cell !important
    }

    .visible-md.visible-xs {
        display: block !important
    }

    tr.visible-md.visible-xs {
        display: table-row !important
    }

    td.visible-md.visible-xs, th.visible-md.visible-xs {
        display: table-cell !important
    }

    .visible-lg.visible-xs {
        display: block !important
    }

    tr.visible-lg.visible-xs {
        display: table-row !important
    }

    td.visible-lg.visible-xs, th.visible-lg.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .cart-buttons a, .cart-buttons button {
        font-size: 14px;
        padding: 7px 10px
    }
}

.padt10 {
    padding-top: 10px
}

@media (min-width:1200px) {
    header .container {
        width: 1190px
    }
}

header {
    font-weight: 400;
    overflow: hidden
}

    header .header-top {
        background: #ececec;
        border-bottom: 1px solid #d7d7d7
    }

        header .header-top .container {
            display: flex;
            display: -ms-flexbox;
            justify-content: flex-end;
            align-items: center;
            position: relative;
            z-index: 999
        }

        header .header-top .social-links {
            display: flex;
            display: -ms-flexbox;
            align-items: center;
            font-size: 16px;
            color: #747474;
            text-transform: uppercase;
            font-weight: 500;
            padding: 10px
        }

            header .header-top .social-links ul {
                display: flex;
                display: -ms-flexbox;
                align-items: center;
                list-style: none;
                margin: 0;
                padding: 0;
                margin-left: 10px
            }

        header .header-top .user-login .dropdown-menu {
            min-width: 110px;
            left: auto;
            right: 0
        }

            header .header-top .user-login .dropdown-menu li {
                border-bottom: 1px solid #ececec
            }

                header .header-top .user-login .dropdown-menu li a:hover {
                    background-color: #e30323
                }

        header .header-top .social-links ul li {
            margin: 0 10px
        }

            header .header-top .social-links ul li a i {
                font-size: 18px;
                vertical-align: middle;
                color: #a5a5a5
            }

        header .header-top .user-login {
            padding: 10px 20px;
            border-left: 1px solid #d7d7d7;
            border-right: 1px solid #d7d7d7
        }

        header .header-top .cart-header li {
            list-style: none
        }

        header .header-top .cart-header #cart-count {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            background: #fece00;
            display: block;
            position: absolute;
            right: 0;
            top: -8px;
            color: #000;
            text-align: center
        }

    header .header-top .cart-header a {
        color: #1f1f1f;
        font-size: 14px;
        font-weight: 500;
        padding-left: 20px;
        position: relative
    }

        header .header-top .cart-header a img {
            margin-right: 10px
        }

    header .top-address .container {
        display: flex;
        display: -ms-flexbox;
        justify-content: flex-end;
        align-items: center
    }

    header .top-address .address-wrap {
        display: flex;
        display: -ms-flexbox;
        padding: 8px 25px;
        border-right: 1px solid #d7d7d7;
        max-width: 300px;
        position: relative;
        z-index: 99
    }

        header .top-address .address-wrap .h4 {
            font-size: 14px;
            margin-top: 0;
            margin-bottom: 5px
        }

        header .top-address .address-wrap p {
            margin-bottom: 0
        }

        header .top-address .address-wrap .address {
            margin-left: 7px
        }

            header .top-address .address-wrap .address img {
                vertical-align: initial;
                margin-left: 10px
            }

    header .top-address .search-store {
        padding-left: 20px;
        position: relative;
        z-index: 99
    }

        header .top-address .search-store .form-control {
            box-shadow: none;
            padding: 10px 15px;
            height: auto
        }

        header .top-address .search-store button {
            background: #fff;
            color: #000;
            border: 1px solid #ccc;
            line-height: 23px;
            text-align: center;
            border-left: 0;
            line-height: 20px
        }

        header .top-address .search-store button {
            padding: 10px;
            border-left: 0;
            padding-right: 15px
        }

    header .menu-wrapper .navbar-collapse {
        padding: 0
    }

    header .menu-wrapper {
        border: 0;
        padding: 0
    }

        header .menu-wrapper .navbar-nav {
            display: flex;
            justify-content: flex-end;
            float: none
        }
            
            header .menu-wrapper .navbar-nav li a {
                color: #fff;
                font-size: 17px;
                position: relative;
                padding: 14px 30px;
                border-radius: 0;
                text-transform: initial;
                font-weight: 400
            }

            header .menu-wrapper .navbar-nav li.active a:after {
                content: "";
                width: 0;
                height: 0;
                border-bottom: 54px solid #fece00;
                border-right: 18px solid transparent;
                position: absolute;
                left: 100%;
                top: 0
            }

            header .menu-wrapper .navbar-nav li.active a:before {
                content: "";
                width: 0;
                height: 0;
                border-top: 54px solid #fece00;
                border-left: 18px solid transparent;
                position: absolute;
                right: 100%;
                top: 0
            }

            header .menu-wrapper .navbar-nav li a:hover {
                background: #fece00;
                color: #000
            }

            header .menu-wrapper .navbar-nav li.active a {
                background: #fece00;
                color: #000
            }

            header .menu-wrapper .navbar-nav li.shopnow a {
                background: #e30323;
                padding: 15px 25px
            }

            header .menu-wrapper .navbar-nav li { /*margin:0 10px*/
            }

                header .menu-wrapper .navbar-nav li.shopnow a span {
                    margin-right: 15px
                }

                header .menu-wrapper .navbar-nav li.shopnow {
                    margin-left: 70px;
                    margin-right: 0
                }

    header .menu-wrapper {
        background: #302e2e;
        overflow: hidden;
        position: relative
    }

        header .menu-wrapper .navbar-brand {
            display: none
        }

    header .top-header-container {
        position: relative
    }

        header .top-header-container .header-left {
            position: absolute;
            left: 0;
            right: 0
        }

            header .top-header-container .header-left a {
                display: inline-block;
                height: 133px;
                background: #fece00;
                position: relative
            }

                header .top-header-container .header-left a:before {
                    content: "";
                    width: 1000px;
                    height: 100%;
                    position: absolute;
                    background: #fece00;
                    right: 100%;
                    top: 0
                }

                header .top-header-container .header-left a:after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-bottom: 134px solid #fece00;
                    border-right: 78px solid transparent;
                    position: absolute;
                    left: 100%;
                    top: 0
                }

                header .top-header-container .header-left a img {
                    width: 294px;
                    padding-top: 32px
                }

.banner-section {
    position: relative
}

    .banner-section > img {
        width: 100%
    }

    .banner-section .banner-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }

        .banner-section .banner-content h5 {
            color: #fff;
            font-size: 28px
        }

        .banner-section .banner-content p {
            color: #fece00;
            font-size: 22px;
            font-weight: 500;
            margin-bottom: 0;
            margin-top: 15px
        }

            .banner-section .banner-content p span {
                font-size: 29px
            }
/*.service-section{padding:50px 0}*/

.global-heading {
    font-size: 42px;
    text-align: center;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    padding-bottom: 30px;
    display: block;
    margin-bottom: 50px
}

    .global-heading:after {
        content: "";
        width: 95px;
        height: 3px;
        background: #fece00;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }

#latest-parts .latest-box .product-detail .name-desc {
    min-height: 115px
}
/*.service-section .service-inner{padding:0 50px}*/

.service-section .service-inner .row {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

    .service-section .service-inner .row .col-sm-3 {
        padding: 0
    }

.service-inner .service-box {
    position: relative;
    display: block;
    overflow: hidden
}

    .service-inner .service-box .service-bg:after {
        content: "";
        width: 100%;
        height: 100%;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        background: #fece00;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 2;
        transform: translate3d(0,-100%,0);
        -webkit-transform: translate3d(0,-100%,0)
    }

    .service-inner .service-box:hover .service-bg:after {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }

    .service-inner .service-box:hover .service-icon img {
        margin-top: 0
    }

    .service-inner .service-box .service-bg img {
        min-height: 200px;
        object-fit: cover
    }

    .service-inner .service-box .service-icon {
        position: absolute;
        left: 50%;
        top: 45%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        display: flex;
        display: -ms-flexbox;
        justify-content: center;
        align-items: center;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        width: 100%;
        height: 100%;
        z-index: 3
    }

        .service-inner .service-box .service-icon img {
            margin-top: -40px;
            transition: all .5s ease;
            -webkit-transition: all .5s ease
        }

    .service-inner .service-box .service-name {
        position: absolute; /*left:0;right:0;bottom:0;background:#8d8b8b;*/
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 60px;
        margin-top: 200px;
        padding: 15px 0;
        z-index: 1
    }

.latest-parts {
    padding: 60px 0 75px;
    overflow: hidden;
    background: #fff
}

    .latest-parts .row {
        margin: 0 -12px
    }

        .latest-parts .row .col-sm-3 {
            padding: 0 12px
        }

    .latest-parts .owl-stage-outer {
        overflow: visible !important
    }

    .latest-parts .owl-item {
        opacity: 0 !important;
        transition: opacity .5s !important
    }

        .latest-parts .owl-item.active {
            opacity: 1 !important
        }

    .latest-parts .global-heading {
        color: #2b2b2b
    }

    .latest-parts .latest-box {
        box-shadow: 5px 9px 35px 0px rgba(0,0,0,.1);
        -moz-box-shadow: 5px 9px 35px 0px rgba(0,0,0,.1);
        -webkit-box-shadow: 5px 9px 35px 0px rgba(0,0,0,.1);
        border-radius: 0 0 10px 10px
    }

.latest-box .latets-img {
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.latest-box .latets-img {
    background: #fff246
}

    .latest-box .latets-img img {
        width: 100%
    }

.latest-box .product-detail {
    background: #fff;
    padding: 25px;
    border-radius: 0 0 8px 8px;
    min-height: 260px;
    max-height: 260px
}

    .latest-box .product-detail .name-desc .h5 {
        font-size: 16px;
        color: #302e2e;
        font-weight: 400;
        margin-top: 0
    }

    .latest-box .product-detail .name-desc {
        min-height: 60px
    }

        .latest-box .product-detail .name-desc p {
            font-size: 12px;
            color: #302e2e;
            font-weight: 400;
            margin-top: 15px
        }

    .latest-box .product-detail .price {
        font-weight: 600;
        color: #e00a11;
        margin: 0;
        line-height: 1;
        font-size: 17px
    }

    .latest-box .product-detail .vat {
        font-size: 12px;
        color: #302e2e;
        font-weight: 400
    }

    .latest-box .product-detail .addto-basket {
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        display: block;
        text-align: center;
        padding: 11px 5px;
        color: #4f4e4e;
        text-transform: uppercase;
        font-weight: 500;
        margin-top: 15px;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        cursor: pointer
    }

        .latest-box .product-detail .addto-basket:hover {
            text-decoration: none;
            background: #ffe209;
            box-shadow: 5px 9px 18px 0px rgba(0,0,0,.22);
            -webkit-box-shadow: 5px 9px 18px 0px rgba(0,0,0,.22);
            -moz-box-shadow: 5px 9px 18px 0px rgba(0,0,0,.22);
            border-color: transparent
        }

.reviews-rating {
    background: #fff;
    padding: 50px 0 125px
}

    .reviews-rating .global-heading {
        color: #2b2b2b;
        margin-bottom: 20px
    }

    .reviews-rating .review-inner {
        padding: 0 20px
    }

.review-box .review-details {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between
}

.reviews-rating .review-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 8px 16px 25px 0px rgba(0,0,0,.02)
}

.review-box .review-details .person-detail {
    display: flex;
    display: -ms-flexbox;
    align-items: flex-start
}

    .review-box .review-details .person-detail img {
        width: 52px;
        height: 52px;
        border-radius: 100%;
        margin-right: 10px
    }

    .review-box .review-details .person-detail h4 {
        margin-top: 0;
        font-size: 20px;
        color: #302e2e;
        margin-bottom: 5px
    }

    .review-box .review-details .person-detail p {
        color: #8d8d8d
    }

.review-box .person-comment {
    font-size: 14px;
    margin-top: 10px;
    color: #6d6d6d;
    line-height: 1.6
}

.reviews-rating .review-wrapper {
    padding: 40px 0
}

.reviews-rating .owl-dots {
    margin-top: 0 !important;
    display: flex;
    justify-content: center
}

    .reviews-rating .owl-dots .owl-dot {
        background: 0 0
    }

        .reviews-rating .owl-dots .owl-dot:focus {
            box-shadow: none;
            outline: none
        }

        .reviews-rating .owl-dots .owl-dot span {
            background: 0 0;
            border: 1px solid #cbcbcb;
            transition: all .5s ease;
            margin: 5px;
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 100%
        }

        .reviews-rating .owl-dots .owl-dot.active span {
            background: #5e5e5e;
            border-color: #5e5e5e
        }

.review-box .review-details .star-rating i {
    color: #cfcfcf
}

    .review-box .review-details .star-rating i.full {
        color: #ffce00
    }

.world-map {
    background: #2f2d2d;
    color: #fff;
    text-align: center;
    position: relative
}

    .world-map:before {
        content: "";
        width: 100%;
        height: 122px;
        background: url('../imgs/shape-img.png') center bottom no-repeat;
        background-size: 100%;
        position: absolute;
        left: 0;
        top: -122px
    }

    .world-map h3 {
        margin-top: 0;
        font-size: 36px;
        font-weight: 400
    }

    .world-map p {
        font-size: 17px;
        max-width: 600px;
        margin: auto;
        margin-bottom: 0
    }

    .world-map img {
        width: 100%
    }

    .world-map .map {
        margin: auto;
        float: none;
        margin-top: 50px;
    }

.office-addresses {
    background: #2a2929;
    padding: 25px 0;
    color: #fff
}

    .office-addresses .col-sm-11 {
        float: none;
        margin: auto
    }

    .office-addresses .row {
        margin: 0 -55px
    }

        .office-addresses .row .col-sm-3 {
            padding: 0 50px
        }

        .office-addresses .row .col-sm-3 {
            border-right: 1px solid #555454
        }

            .office-addresses .row .col-sm-3:first-child {
                border-right: 0
            }

            .office-addresses .row .col-sm-3:last-child {
                border-right: 0
            }

    .office-addresses .h6 {
        font-size: 18px;
        line-height: 2.5em;
        text-transform: uppercase;
        margin-top: 0;
        font-family: 'Roboto',sans-serif
    }

    .office-addresses p {
        font-size: 14px;
        line-height: 1.2;
        font-family: 'Roboto',sans-serif
    }

    .office-addresses .mobno {
        color: #FECE00;
        font-size: 24px;
        font-weight: 700
    }

        .office-addresses .mobno:hover {
            text-decoration: none
        }

    .office-addresses .office-contact {
        color: #fff;
        font-weight: 400
    }

    .office-addresses .office-contact {
        text-decoration: none
    }

.office-address .office-contact img {
    vertical-align: revert
}

.footer-section {
    background: #fff;
    padding: 55px 0 50px;
    font-family: 'Roboto',sans-serif
}

    .footer-section .h6 {
        color: #302e2e;
        margin-top: 0;
        font-size: 16px;
        margin-bottom: 20px;
        font-family: 'Roboto',sans-serif
    }

    .footer-section .col-sm-11 {
        float: none;
        margin: auto
    }

    .footer-section a {
        color: #302e2e;
        font-size: 14px;
        margin-bottom: 14px;
        display: inline-block;
        transition: all .5s ease;
        font-family: 'Roboto',sans-serif
    }

        .footer-section a i {
            font-size: 21px
        }

        .footer-section a:hover {
            text-decoration: none;
            color: #ffc900
        }

    .footer-section ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .footer-section .form-control {
        background: #f8f8f8;
        height: auto;
        padding: 9px 20px;
        border-color: #adadad
    }

    .footer-section .input-group-btn input {
        background: #181616;
        padding: 10px 20px 9px;
        color: #fff;
        text-transform: uppercase;
        border: 0;
        transition: all .5s ease;
        font-size: 15px;
        border-radius: 0 4px 4px 0
    }

    .footer-section button:hover, .footer-section button:focus {
        background: #e30323;
        outline: none;
        color: #fff;
        border: 0
    }

    .footer-section .col-sm-2.pl-0 {
        padding-left: 0
    }

    .footer-section .col-sm-4.pl-25 {
        padding-right: 25px
    }

    .footer-section .social-links {
        display: flex;
        display: -ms-flexbox
    }

        .footer-section .social-links li {
            margin-right: 20px
        }

    .footer-section .copyrights p {
        text-align: center
    }

    .footer-section .footer-bottom {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #e2e2e2
    }

        .footer-section .footer-bottom .accepted-cards {
            color: #302e2e;
            margin: 0;
            font-size: 16px;
            font-weight: 500
        }

        .footer-section .footer-bottom .card-aceept-type {
            display: flex;
            display: -ms-flexbox;
            justify-content: center;
            align-items: center
        }

            .footer-section .footer-bottom .card-aceept-type ul {
                display: flex;
                display: -ms-flexbox;
                margin-left: 10px
            }

                .footer-section .footer-bottom .card-aceept-type ul li {
                    margin-right: 5px
                }

        .footer-section .footer-bottom .copyrights {
            text-align: center;
            color: #5b5757;
            font-weight: 400;
            margin-bottom: 0;
            margin-top: 30px
        }

.animated-icon1 {
    width: 36px;
    height: 20px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right
}

    .animated-icon1 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        border-radius: 0;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }

    .animated-icon1 span {
        background: #000
    }

        .animated-icon1 span:nth-child(1) {
            top: 0
        }

        .animated-icon1 span:nth-child(2) {
            top: 8px
        }

        .animated-icon1 span:nth-child(3) {
            top: 16px
        }

    .animated-icon1.open span:nth-child(1) {
        top: 8px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .animated-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px
    }

    .animated-icon1.open span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

header .menu-wrapper .call-today {
    display: none
}

header .header-top .user-login .dropdown-menu li a img {
    width: 17px
}

@media(min-width:922.01px) and (max-width:1200px) {
    header .top-address .address-wrap {
        padding: 15px 10px
    }

    header .top-address .search-store {
        width: 197px
    }

    .world-map h3 {
        margin-top: 20px
    }

    .office-address .col-sm-11 {
        width: 100%;
        padding: 0
    }

    .office-address .row {
        margin: 0 -40px
    }

        .office-address .row .col-sm-3 {
            padding: 0 40px
        }

    .footer-section h6 {
        font-size: 15px
    }

    .footer-section .col-sm-11 {
        width: 100%;
        padding: 0
    }
}

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

    header .header-right .top-address {
        display: none
    }

    header .top-header-container .header-left {
        display: none
    }

    header .header-top .cart a .cart-text {
        display: none
    }

    header .header-top .cart a .right-br {
        display: none
    }

    header .header-top .cart a .cart-count {
        position: absolute;
        right: 0;
        top: -5px;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 100%;
        background: #ffe200;
        text-align: center;
        line-height: 16px;
        font-size: 12px
    }

    header .header-top .container {
        justify-content: space-between
    }

    header .header-top .social-links {
        flex: 1
    }

    header .header-top .social-links {
        padding: 0;
        font-weight: 400;
        color: #000;
        text-transform: initial
    }

        header .header-top .social-links ul li {
            margin: 0 6px
        }

    header .header-top .user-login {
        padding: 13px 15px
    }

    header .header-top .cart a {
        padding-left: 15px
    }

    header .header-top {
        background: #fff
    }

        header .header-top .cart a img {
            width: 20px
        }

        header .header-top .user-login a img {
            width: 15px
        }

    header .menu-wrapper {
        background: #ffe200;
        padding: 10px 0
    }

        header .menu-wrapper .navbar-brand img {
            width: 155px
        }

        header .menu-wrapper .navbar-brand {
            display: block;
            padding: 0;
            margin: 0;
            float: none;
            height: auto;
            flex: 1
        }

        header .menu-wrapper .navbar-header {
            display: flex;
            justify-content: space-between;
            margin: 0;
            align-items: center
        }

            header .menu-wrapper .navbar-header button {
                float: none;
                margin: 0;
                padding: 0
            }

            header .menu-wrapper .navbar-header:before, header .menu-wrapper .navbar-header:after {
                display: none
            }

        header .menu-wrapper .container:before {
            display: none
        }

        header .menu-wrapper .navbar-nav li.shopnow {
            margin-left: 0
        }

        header .menu-wrapper .navbar-nav li a {
            padding: 14px 0;
            color: #000;
            border-bottom: 1px solid #f0d717
        }

        header .menu-wrapper .navbar-nav li.shopnow a {
            color: #fff
        }

        header .menu-wrapper .navbar-nav {
            display: block;
            padding: 0 30px
        }

        header .menu-wrapper .call-today {
            display: block;
            margin-right: 30px
        }

            header .menu-wrapper .call-today h6 {
                margin-top: 5px;
                margin-bottom: 0
            }

            header .menu-wrapper .call-today a {
                font-size: 18px;
                color: #000;
                font-weight: 500
            }

    .navbar-header {
        float: none
    }

    .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
    }

        .navbar-collapse.collapse {
            display: none !important
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px
    }

        .navbar-nav > li {
            float: none;
            display: block;
            text-align: left
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px
            }

    .navbar-text {
        float: none;
        margin: 15px 0
    }

    .navbar-collapse.collapse.in {
        display: block !important
    }

    .collapsing {
        overflow: hidden !important
    }
}

@media(min-width:767.01px) and (max-width:992px) {
    .banner-section > img {
        height: 250px;
        object-fit: cover
    }

    .service-inner .service-box .service-name {
        font-size: 18px
    }

    .global-heading {
        font-size: 36px
    }

    .world-map h3 {
        margin-top: 30px
    }

    .office-addresses .col-sm-11 {
        width: 100%;
        padding: 0
    }

    .office-addresses .row {
        margin: 0 -15px
    }

        .office-addresses .row .col-sm-3 {
            padding: 0 15px
        }

    .office-addresses p br {
        display: none
    }

    .office-addresses .mobno {
        font-size: 20px
    }

    .office-addresses p {
        font-size: 12px
    }

    .footer-section .col-sm-11 {
        width: 100%;
        padding: 0
    }

    .footer-section .col-sm-4.pl-25 {
        padding-right: 15px
    }

    .footer-section button {
        padding: 11px 10px
    }

    .footer-section .social-links li {
        margin-right: 11px
    }

    .reviews-rating .review-box {
        padding: 25px
    }

    .review-box .review-details .person-detail h4 {
        font-size: 16px
    }

    .review-box .review-details .star-rating i {
        font-size: 12px
    }
}

@media(max-width:767px) {
    .banner-section .content-inner {
        text-align: center
    }

    .banner-section .banner-content p span {
        font-size: 20px
    }

    .banner-section .banner-content p {
        font-size: 18px
    }

    .banner-section {
        border-bottom: 4px solid #d3bb07
    }

    .service-inner .service-box .service-name {
        font-size: 16px
    }

    .service-inner .service-box .service-icon img {
        max-width: 100px
    }

    .service-section .service-inner .row {
        margin: 0 -7px
    }

        .service-section .service-inner .row .col-sm-4 {
            padding: 0 7px;
            margin-bottom: 14px
        }

    .banner-section .banner-content h5 {
        text-transform: uppercase
    }

    .latest-parts .owl-item {
        opacity: 1 !important
    }

    .latest-parts .item {
        padding: 30px 15px
    }

    .latest-parts .owl-stage-outer {
        overflow: hidden !important
    }

    .latest-parts .latest-box {
        box-shadow: 0px 9px 15px 0px rgba(0,0,0,.1);
        -moz-box-shadow: 0px 9px 15px 0px rgba(0,0,0,.1);
        -webkit-box-shadow: 0px 9px 15px 0px rgba(0,0,0,.1)
    }

    .latest-parts .global-heading {
        margin-bottom: 10px;
        padding-bottom: 25px
    }

    .service-section .service-inner {
        padding: 0
    }

    .banner-section > img {
        height: 300px;
        object-fit: cover
    }

    .global-heading {
        font-size: 26px
    }

    .latest-parts .row .col-sm-3 {
        margin-bottom: 30px
    }

    .reviews-rating .review-inner {
        padding: 0
    }

    .review-box .review-details .person-detail h4 {
        font-size: 17px
    }

    .footer-section .col-sm-2.pl-0 {
        padding-left: 15px
    }

    .footer-section {
        text-align: center;
        padding: 0 0 20px
    }

        .footer-section .footer-bottom .copyrights {
            margin-top: 20px
        }

        .footer-section .col-sm-11 {
            padding: 0
        }

        .footer-section .col-sm-4.pl-25 {
            order: -1;
            background: #fc0;
            padding: 20px 30px;
            margin-bottom: 35px
        }

            .footer-section .col-sm-4.pl-25 h6 {
                text-align: left;
                margin-bottom: 15px;
                padding-bottom: 0
            }

                .footer-section .col-sm-4.pl-25 h6:after {
                    display: none
                }

        .footer-section h6 {
            position: relative;
            padding-bottom: 10px;
            font-size: 18px
        }

            .footer-section h6:after {
                content: "";
                width: 40px;
                height: 1px;
                background: #fc0;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                bottom: 0
            }

        .footer-section .col-sm-4.pl-25 + .col-sm-2 h6 {
            padding-bottom: 0
        }

        .footer-section .container {
            padding: 0;
            width: 100%
        }

        .footer-section .col-sm-4.pl-25 + .col-sm-2 h6:after {
            display: none
        }

        .footer-section .row {
            display: flex;
            display: -ms-flex;
            flex-direction: column;
            margin: 0
        }

        .footer-section .social-links {
            justify-content: center
        }

        .footer-section .footer-bottom .accepted-cards {
            flex-direction: column;
            font-size: 18px;
            margin-bottom: 10px
        }

            .footer-section .footer-bottom .accepted-cards img {
                margin-left: 0;
                margin-top: 10px
            }

        .footer-section .col-sm-4, .footer-section .col-sm-2 {
            margin-bottom: 25px
        }

        .footer-section .footer-bottom {
            margin-top: 0;
            padding: 0
        }

            .footer-section .footer-bottom .card-aceept-type {
                background: #f1f1f1;
                padding: 25px 0;
                flex-direction: column
            }

    .banner-section .banner-content h5 {
        font-size: 20px
    }

        .banner-section .banner-content h5 br {
            display: none
        }

    .banner-section .banner-content p {
        font-size: 15px
    }

        .banner-section .banner-content p span {
            font-size: 25px
        }

    .latest-parts {
        padding: 60px 0 50px;
        position: relative;
        overflow: hidden
    }

        .latest-parts:before {
            content: "";
            width: 400px;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0
        }

        .latest-parts .owl-theme .owl-dots {
            display: flex;
            display: -ms-flexbox;
            justify-content: center
        }

            .latest-parts .owl-theme .owl-dots .owl-dot span {
                display: block;
                background: 0 0;
                border: 1px solid #d9d9d9;
                margin: 5px;
                width: 8px;
                height: 8px;
                border-radius: 100%
            }

            .latest-parts .owl-theme .owl-dots .owl-dot.active span {
                background: #ffde25;
                border-color: #ffde25
            }

    .worldwide-shipping .world-map h3 {
        font-size: 28px
    }

    .worldwide-shipping .world-map p {
        font-size: 15px
    }

        .worldwide-shipping .world-map p br {
            display: none
        }

    .worldwide-shipping .world-map {
        padding-top: 20px
    }

    .worldwide-shipping .office-addresses .row {
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap
    }

        .worldwide-shipping .office-addresses .row .col-sm-3 {
            padding: 0 15px;
            width: 50%;
            margin-bottom: 20px
        }

    .worldwide-shipping .office-addresses .mobno {
        font-size: 18px
    }

    .worldwide-shipping .office-addresses .row .col-sm-3:nth-child(2) {
        border-right: 0
    }

    .worldwide-shipping .office-addresses p br {
        display: none
    }

    .reviews-rating {
        padding-bottom: 100px
    }

    .worldwide-shipping .office-addresses .row .col-sm-3:nth-child(1) {
        border-right: 1px solid #555454
    }

    .office-addresses .row {
        margin: 0 -15px
    }

    .office-addresses .col-sm-11 {
        padding: 0
    }

    .world-map:before {
        background: url('../imgs/shpe-img-mob.png') center bottom no-repeat;
        background-size: 100%;
        height: 265px;
        top: -265px
    }

    .world-map h3 {
        font-size: 26px;
        margin-top: 35px
    }

    .world-map p {
        font-size: 16px
    }

        .world-map p br {
            display: none
        }

    .world-map .map {
        margin-top: 35px
    }

    .office-addresses {
        background: #2f2d2d;
        padding: 25px 35px;
        color: #bcb8b8;
        margin-top: -1px
    }

        .office-addresses .office-contact {
            color: #bcb8b8
        }

        .office-addresses .mobno {
            font-size: 28px;
            color: #fc0
        }

        .office-addresses p br {
            display: none
        }

        .office-addresses .row .col-sm-3 {
            border: 0;
            text-align: center;
            border-top: 1px solid #383535;
            padding: 20px 15px
        }

    .service-inner .service-box .service-bg img {
        height: 105px;
        min-height: 100px
    }

    .service-inner .service-box .service-icon img {
        opacity: 0;
        transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    .service-inner .service-box .service-name {
        background: 0 0;
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 24px;
        width: 100%;
        text-align: center
    }

    .service-inner .service-box .service-icon img {
        max-width: 70px;
        margin-top: 0
    }

    .service-inner .service-box:hover .service-icon img {
        opacity: 1
    }

    .service-inner .service-box .service-bg:before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(103,103,103,.5);
        position: absolute;
        left: 0;
        top: 0
    }

    .service-section {
        background: linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(../imgs/service-bg.webp) center center repeat;
        background-size: cover
    }

    .reviews-rating .owl-dots .owl-dot.active span {
        background: #ffce00;
        border-color: #ffce00
    }
}

@media(min-width:576.01px) and (max-width:767px) {
    .latest-parts .owl-carousel .owl-stage-outer {
        left: 0
    }

    .latest-parts .global-heading {
        margin-left: 0
    }

    .latest-parts {
        padding: 50px 30px
    }

        .latest-parts .owl-item {
            opacity: 0 !important
        }

    .service-section .service-inner .row .col-sm-4 {
        width: 50%
    }

    .footer-section .col-sm-4.pl-25 {
        padding: 20px 95px
    }
}

@media(max-width:576px) {
    .reviews-rating {
        padding-bottom: 80px
    }
}

@media(max-width:400px) {
    header .menu-wrapper .call-today {
        margin-right: 15px;
        margin-left: 20px
    }
}

@media(max-width:360px) {
    .service-inner .service-box .service-name {
        font-size: 20px
    }

    header .menu-wrapper .call-today a {
        font-size: 15px
    }

    .reviews-rating .review-box {
        padding: 25px
    }

    .review-box .review-details .person-detail h4 {
        font-size: 16px
    }

    .review-box .review-details .star-rating i {
        font-size: 12px
    }

    .global-heading {
        font-size: 24px
    }
}

.latets-img img {
    max-height: 196px;
    min-height: 196px
}

.service-section .service-inner .row .col-sm-4 {
    width: 33%
}

@media(max-width:767px) {
    .service-section .service-inner .row .col-sm-4 {
        width: 50%
    }
}

@media(max-width:576px) {
    .service-section .service-inner .row .col-sm-4 {
        width: 100%
    }
}

.banner-section .second-slide {
    display: flex;
    display: -ms-flexbox
}

    .banner-section .second-slide .banner2-left {
        width: calc(47% + 4px)
    }

    .banner-section .second-slide .banner2-right {
        width: calc(53% - 4px)
    }

.banner-section .owl-theme .owl-nav {
    margin: 0
}

.banner-section .owl-dots {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 20px;
    z-index: 10
}

    .banner-section .owl-dots button:focus {
        outline: none
    }

    .banner-section .owl-dots button span {
        width: 10px;
        height: 10px;
        background: #fff;
        display: inline-block;
        border-radius: 100%;
        margin: 5px;
        transition: all .5s ease
    }

    .banner-section .owl-dots button.active span {
        background: #fece00
    }

@media(max-width:767px) {
    .banner-section img {
        height: 300px;
        object-fit: cover
    }

    .banner-section .second-slide img {
        height: auto
    }

    .banner-section .second-slide {
        display: block;
        height: 300px;
        overflow: hidden;
        background: #c7cacf
    }

        .banner-section .second-slide .banner2-left {
            width: 100%
        }

        .banner-section .second-slide .banner2-right {
            width: 100%
        }
}

@media(min-width:767.01px) and (max-width:992px) {
    .banner-section .banner-content h5 {
        font-size: 18px
    }

    .banner-section .banner-content p {
        font-size: 16px;
        margin-top: 0
    }

        .banner-section .banner-content p span {
            font-size: 22px
        }
}

.banner-section .banner-content p {
    font-size: 16px
}

@media(min-width:992.01px) and (max-width:1200px) {
    .banner-section img {
        height: 380px;
        object-fit: cover
    }

    .banner-section .second-slide img {
        height: auto
    }
}

@media(min-width:767.01px) and (max-width:992px) {
    .banner-section img {
        height: 380px;
        object-fit: cover
    }

    .banner-section .second-slide img {
        height: auto
    }
}

@media(max-width:576px) {
    .banner-section img {
        height: 230px
    }
}

@media(min-width:576.01px) and (max-width:767px) {
    .banner-section img {
        height: 380px
    }
}

div.idpc_autocomplete > ul.hidden {
    display: none
}

div.idpc_autocomplete > ul {
    position: absolute;
    left: 0;
    z-index: 100;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0 10px 0;
    background: #dbdbdb;
    font-size: 14px;
    border: 1px solid teal;
    box-shadow: .05em .2em .6em rgb(0 0 0/20%);
    text-shadow: none;
    max-height: 250px;
    overflow-y: scroll
}

    div.idpc_autocomplete > ul > li {
        position: relative;
        color: #000;
        padding: .2em .5em;
        cursor: pointer;
        text-align: left
    }

.cart-details img {
    height: 125px
}

.added-to-cart {
    margin-top: 20px;
    display: block
}

margin-t-10 {
    margin-top: 10px
}


.tyre-subheading {
    color: #7b7272;
    text-align: center;
    font-weight: 300;
}

    .tyre-subheading h2 {
        font-size: 45px;
        font-weight: 100;
        margin-top: 40px;
    }

.tyre-text {
    text-align: center;
}

    .tyre-text p, .tyre-text ul {
        font-size: 22px;
        font-weight: 400;
        color: #9f9f9f;
    }

    .tyre-text ul {
        font-size: 19px;
        list-style: none;
        margin-bottom: 30px
    }

.service-tyres .service-box .service-bg::after {
    background: none
}

.padding-l-r-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.btn-pill {
    border-radius: 30px;
    border: none
}

@media(max-width: 767px) {
    .service-section .service-inner .row {
        margin: 0;
    }

        .service-section .service-inner .row .col-sm-3 {
            width: 100%;
        }

    .service-inner .service-box .service-bg img {
        width: 100%;
        height: 165px;
    }

    .service-inner .service-box .service-name {
        margin: 0;
        transform: translateX(-50%);
        top: 90px;
        font-size: 20px
    }

    .service-inner .service-box .service-icon img {
        opacity: 1;
        margin-top: -20px;
    }
}

.footer-section .footer-bottom .copyrights a {
    text-decoration: underline !important
}

.field-validation-error {
    font-weight: 400;
    color: #e10808
}

.contact-form input, .contact-form textarea {
    height: 40px;
    font-weight: 400;
    font-size: 16px
}


.k-dropdown-wrap {
    font-size: 18px;
}

.navbar{
    padding: 0;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 30px; 
         padding-left: 30px; 
         color: #fff
    }
}