﻿.inner1 {
    margin: 0 0 40px 0;
}

.start-journey .inner .box {
    width: 25%;
    padding: 20px;
    color: #fff;
}

    .start-journey .inner .box .icon i {
        font-size: 35px;
        line-height: 50px;
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }

    .start-journey .inner .box b {
        font-size: 26px;
        margin-bottom: 20px;
        display: block;
        font-style: italic;
    }

.trade-buyer {
    padding: 40px 0;
}

    .trade-buyer .boxes {
        display: flex;
        margin-bottom: 30px;
        gap: 20px;
    }

        .trade-buyer .boxes .box {
            width: 25%;
            padding: 20px;
            color: #fff;
        }

            .trade-buyer .boxes .box a {
                display: inherit;
            }

            .trade-buyer .boxes .box .icon i {
                font-size: 35px;
                line-height: 50px;
                text-align: center;
                display: block;
                margin-bottom: 20px;
            }

            .trade-buyer .boxes .box b {
                font-size: 26px;
                margin-bottom: 20px;
                display: block;
                font-style: italic;
            }

/* =========================================================
    MOBILE RESPONSIVE FIX - SELL MY CARAVAN
    ========================================================= */

@media screen and (max-width: 767px) {
    /* -----------------------------------------
        General
        ----------------------------------------- */

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .image-content,
    .start-journey,
    .trade-buyer,
    .reviews {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

        .image-content .container,
        .start-journey .container,
        .trade-buyer .container,
        .reviews .container {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            box-sizing: border-box;
        }
    /* -----------------------------------------
        Banner
        ----------------------------------------- */

    .banner .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box;
    }

    .banner h1 {
        font-size: 26px !important;
        line-height: 1.2;
        margin: 0;
    }
    /* -----------------------------------------
        First Image Content Section
        ----------------------------------------- */

    .image-content .inner .container {
        display: block !important;
    }

    .image-content .content {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px;
        box-sizing: border-box;
    }

    .image-content .img-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto;
        box-sizing: border-box;
    }

        .image-content .img-wrap img {
            width: 100% !important;
            height: auto !important;
            max-width: 100%;
            display: block;
        }

    .image-content h2 {
        font-size: 22px !important;
        line-height: 1.3;
    }
    /* -----------------------------------------
        "Choose to sell..." Section
        ----------------------------------------- */

    .start-journey .column_attr p {
        font-size: 16px !important;
        line-height: 1.5;
    }

    .start-journey .entry-content p {
        font-size: 14px !important;
        line-height: 1.6;
    }
    /* -----------------------------------------
        Sell Your Caravan Online
        ----------------------------------------- */

    .start-journey > .inner .container {
        display: block !important;
    }

    .start-journey > .inner .content {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .start-journey > .inner .img-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 20px;
    }

        .start-journey > .inner .img-wrap img {
            width: 100% !important;
            height: auto !important;
        }
    /* -----------------------------------------
        Step One / Two / Three / Finish
        ----------------------------------------- */

    .start-journey .inner {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        margin: 0 !important;
        gap: 10px !important;
    }

        .start-journey .inner .box {
            width: calc(50% - 5px) !important;
            padding: 15px 10px !important;
            box-sizing: border-box;
            margin: 0 !important;
        }

            .start-journey .inner .box .icon i {
                font-size: 25px !important;
                line-height: 35px !important;
                margin-bottom: 10px !important;
            }

            .start-journey .inner .box b {
                font-size: 18px !important;
                line-height: 1.2;
                margin-bottom: 10px !important;
            }

            .start-journey .inner .box .desc {
                font-size: 12px !important;
                line-height: 1.45;
            }

    .start-journey .common-btn {
        display: inline-block;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 12px;
    }
    /* -----------------------------------------
        Trade Buyer Section
        ----------------------------------------- */

    .trade-buyer {
        padding: 30px 0 !important;
    }

        .trade-buyer .box {
            width: 100% !important;
            box-sizing: border-box;
        }

        .trade-buyer .boxes {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 15px !important;
            margin-bottom: 25px !important;
        }

            .trade-buyer .boxes .box {
                width: calc(50% - 7.5px) !important;
                padding: 5px !important;
                box-sizing: border-box;
                color: #fff;
            }

                .trade-buyer .boxes .box img {
                    width: 100% !important;
                    height: auto !important;
                    display: block;
                }

        .trade-buyer .column_attr > p {
            font-size: 15px !important;
            line-height: 1.5;
        }
    /* -----------------------------------------
        Trade Buyer Points
        ----------------------------------------- */

    ul.touing-caravan-point {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center;
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

        ul.touing-caravan-point li {
            width: calc(50% - 10px);
            margin: 5px !important;
            padding: 10px 5px !important;
            box-sizing: border-box;
            font-size: 11px;
            line-height: 1.3;
        }
    /* -----------------------------------------
        Static Caravan Section
        ----------------------------------------- */

    .feature-car {
        width: 100% !important;
        box-sizing: border-box;
    }

        .feature-car h3 {
            font-size: 20px !important;
            line-height: 1.3;
        }

        .feature-car .justify-mob {
            text-align: left !important;
            font-size: 13px !important;
            line-height: 1.6;
        }

    .shop-near-me-img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .car-item-2 .car-content {
        padding: 15px 5px !important;
    }

        .car-item-2 .car-content a {
            font-size: 15px !important;
            line-height: 1.3;
            margin-bottom: 10px !important;
        }

        .car-item-2 .car-content .info p {
            font-size: 12px !important;
            line-height: 1.4;
        }
    /* -----------------------------------------
        Owl Carousel
        ----------------------------------------- */

    .owl-carousel {
        width: 100% !important;
        max-width: 100% !important;
    }

        .owl-carousel .owl-item {
            width: 100%;
        }

            .owl-carousel .owl-item img {
                width: 100% !important;
                height: auto !important;
            }

        .owl-carousel .owl-nav {
            display: none !important;
        }
    /* -----------------------------------------
        Prevent long text from breaking layout
        ----------------------------------------- */

    .image-content p,
    .start-journey p,
    .trade-buyer p,
    .feature-car p {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}

/* =========================================================
   OTHER RELATED LINKS
   ========================================================= */

.related-links-section {
    width: 100%;
    box-sizing: border-box;
}

    .related-links-section .section_wrapper,
    .related-links-section .mcb-section-inner,
    .related-links-section .wrap,
    .related-links-section .mcb-wrap-inner {
        box-sizing: border-box;
    }

    .related-links-section .header-text {
        font-size: 38px;
        line-height: 1.2;
        font-weight: 700;
        text-align: center;
        margin-bottom: 50px;
    }


/* -----------------------------------------
   Desktop Grid
   ----------------------------------------- */

.related-links-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    width: 100%;
    box-sizing: border-box;
}

.related-link-item {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

    .related-link-item .how_it_works {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .related-link-item a {
        display: block;
        width: 100%;
    }

    .related-link-item img {
        display: block;
        width: 100% !important;
        height: auto !important;
        max-width: 100%;
        box-sizing: border-box;
    }

.related-link-title {
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 991px) {

    .related-links-section .header-text {
        font-size: 32px;
        margin-bottom: 35px;
    }

    .related-links-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .related-link-title {
        font-size: 18px;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .related-links-section {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

        .related-links-section .section_wrapper {
            width: 100% !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .related-links-section .header-text {
            font-size: 26px;
            line-height: 1.2;
            margin-bottom: 25px;
        }
    /*
       One item per row
    */
    .related-links-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        width: 100%;
    }

    .related-link-item {
        width: 100%;
        max-width: 100%;
    }

        .related-link-item img {
            width: 100% !important;
            height: auto !important;
            border-width: 5px;
        }

    .related-link-title {
        font-size: 18px;
        line-height: 1.3;
        margin-top: 8px;
        margin-bottom: 10px;
    }
}
