
@media screen and (min-width: 901px) {
    .mobile-only {
        display: none !important;
    }

    .header .menu .menu-items .menu-item:hover .sub-items {
        position: absolute;
        min-width: 100%;
        right: 0;
        top: 100%;
        text-align: left;
        display: block;
    }

        .header .menu .menu-items .menu-item:hover .sub-items a {
            padding-left: .22rem;
            padding-right: .22rem;
            font-size: .12rem;
            line-height: 2.5em;
            display: block;
            white-space: nowrap;
        }

    section.store .content {
        background-color: transparent !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 901px) {

    .container {
        padding-left: .2rem;
        padding-right: .2rem;
    }

    .select2-container {
        width: 100% !important;
        max-width: 100%;
    }


    /* Header */

    .header .container {
        width: 100%;
    }

    .header .logo {
        max-width: 1.5rem;
        max-height: .5rem;
        left: .2rem;
    }

    .header .menu .info .icons > span {
        margin-right: .16rem;
    }

        .header .menu .info .icons > span:last-child {
            margin-right: .24rem;
        }

    .header .menu .info .title {
        padding-left: .3rem;
    }

        .header .menu .info .title span {
            font-size: .12rem;
        }

            .header .menu .info .title span b {
                font-size: .14rem;
                padding-left: .2rem;
            }

        .header .menu .info .title:after {
            width: calc(100% + .5rem);
        }

    .header .menu .menu-items:after {
        width: calc(100% + .4rem);
    }

    .header .menu .menu-items .menu-item {
        margin-left: .1rem;
    }

        .header .menu .menu-items .menu-item:first-child {
            margin-left: .16rem;
        }

        .header .menu .menu-items .menu-item:hover .sub-items a {
            padding-left: .2rem;
            padding-right: .2rem;
        }


    /* Boxes */

    section.boxes .box .text {
        font-size: .16rem;
    }


    /* Footer */

    .footer {
        padding-top: .24rem;
    }

        .footer .left {
            width: 2.4rem;
        }

            .footer .left .social .text {
                font-size: .12rem;
            }

            .footer .left .social .icons a {
                margin-left: .12rem;
            }

                .footer .left .social .icons a svg {
                    width: .24rem;
                    height: .24rem;
                }

            .footer .left .logo:after {
                width: calc(100% + .61rem);
            }

            .footer .left .logo img {
                max-width: 1.5rem;
                max-height: .5rem;
            }

        .footer .right {
            width: calc(100% - 2.4rem);
            padding-left: .5rem;
        }

            .footer .right .column {
                width: 25%;
                text-align: left;
                display: inline-block;
                vertical-align: top;
            }

                .footer .right .column .title {
                    margin-bottom: .12rem;
                    font-size: .14rem;
                    font-weight: 700;
                }

                .footer .right .column a {
                    margin-top: .08rem;
                    font-size: .14rem;
                    display: block;
                }
}

@media screen and (max-width: 900px) {
    .desktop-only {
        display: none !important;
    }

    /* General Bootstrap */

    html {
        font-size: 31.25vw;
    }

    section {
        padding-top: .07rem;
        padding-bottom: .07rem;
    }

        section:last-of-type {
            padding-bottom: .3rem;
        }

    .container {
        padding-left: .15rem;
        padding-right: .15rem;
    }

    .lightbox .button {
        width: auto;
        height: .28rem;
        min-width: .7rem;
    }

        .lightbox .button span {
            font-size: .12rem;
        }


    /*Road Date*/
    .road-date span {
        font-size: .12rem !important;
    }

    .road-date img {
        width: .2rem;
    }

    /* Form */

    .form .title {
        padding: .1rem;
        font-size: .14rem;
    }

    .form form {
        padding: .1rem .1rem .2rem .1rem;
    }

    .form .form-item {
        margin-top: .1rem;
    }

    .form [data-section] {
        margin-top: .1rem;
    }

    .form .form-item.half {
        width: calc((100% - .08rem) / 2);
    }

        .form .form-item.half + .form-item.half {
            margin-left: .08rem;
        }

    .form .form-item:first-child {
        margin-top: 0;
    }

    .form .form-item.half:nth-child(2) {
        margin-top: 0;
    }

    .form.multiple-column .form-item {
        display: block;
        width: 100%;
        margin-left: 0;
    }

        .form.multiple-column .form-item:nth-child(2) {
            margin-top: .1rem;
        }

        .form.multiple-column .form-item.full-width {
            width: 100%;
            margin-left: 0;
        }

            .form.multiple-column .form-item.full-width + .form-item {
                margin-top: .1rem;
            }

    .form .form-item label {
        font-size: .12rem;
    }

    .form .form-item input {
        height: .36rem;
        padding-left: .1rem;
        padding-right: .1rem;
    }

    .form .form-item textarea {
        height: 1.2rem;
        padding: .1rem;
    }

    .select2-container .select2-selection--single {
        height: .36rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: .34rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: .34rem;
    }

    .form .form-item.form-item-with-input-button input {
        padding-right: 1.3rem;
    }

    .form .form-item.form-item-with-input-button .button {
        width: 1.2rem;
        height: .36rem;
    }

        .form .form-item.form-item-with-input-button .button span {
            font-size: .12rem;
        }

    .select2-container {
        width: 100% !important;
        max-width: 100%;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: .12rem;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: .2rem;
        font-size: .12rem;
    }

    .form .form-item [type="checkbox"]:not(:checked) + label,
    .form .form-item [type="checkbox"]:checked + label,
    .form .form-item [type="checkbox"]:not(:checked) + input[type="hidden"] + label,
    .form .form-item [type="checkbox"]:checked + input[type="hidden"] + label,
    .form .form-item [type="radio"]:not(:checked) + label,
    .form .form-item [type="radio"]:checked + label,
    .form .form-item [type="radio"]:not(:checked) + input[type="hidden"] + label,
    .form .form-item [type="radio"]:checked + input[type="hidden"] + label {
        padding-left: .21rem;
        font-size: .12rem;
        line-height: 1.42em;
    }

        .form .form-item [type="checkbox"]:not(:checked) + label.small,
        .form .form-item [type="checkbox"]:checked + label.small,
        .form .form-item [type="checkbox"]:not(:checked) + input[type="hidden"] + label.small,
        .form .form-item [type="checkbox"]:checked + input[type="hidden"] + label.small,
        .form .form-item [type="radio"]:not(:checked) + label.small,
        .form .form-item [type="radio"]:checked + label.small,
        .form .form-item [type="radio"]:not(:checked) + input[type="hidden"] + label.small,
        .form .form-item [type="radio"]:checked + input[type="hidden"] + label.small {
            font-size: .1rem;
            line-height: 1.4em;
        }

        .form .form-item [type="checkbox"]:not(:checked) + label:before,
        .form .form-item [type="checkbox"]:checked + label:before,
        .form .form-item [type="checkbox"]:not(:checked) + input[type="hidden"] + label:before,
        .form .form-item [type="checkbox"]:checked + input[type="hidden"] + label:before,
        .form .form-item [type="radio"]:not(:checked) + label:before,
        .form .form-item [type="radio"]:checked + label:before,
        .form .form-item [type="radio"]:not(:checked) + input[type="hidden"] + label:before,
        .form .form-item [type="radio"]:checked + input[type="hidden"] + label:before {
            width: .16rem;
            height: .16rem;
        }

        .form .form-item [type="checkbox"]:not(:checked) + label:before,
        .form .form-item [type="checkbox"]:checked + label:before,
        .form .form-item [type="checkbox"]:not(:checked) + input[type="hidden"] + label:before,
        .form .form-item [type="checkbox"]:checked + input[type="hidden"] + label:before {
            border-radius: .03rem;
        }

        .form .form-item [type="checkbox"]:not(:checked) + label:after,
        .form .form-item [type="checkbox"]:checked + label:after,
        .form .form-item [type="checkbox"]:not(:checked) + input[type="hidden"] + label:after,
        .form .form-item [type="checkbox"]:checked + input[type="hidden"] + label:after,
        .form .form-item [type="radio"]:not(:checked) + label:after,
        .form .form-item [type="radio"]:checked + label:after,
        .form .form-item [type="radio"]:not(:checked) + input[type="hidden"] + label:after,
        .form .form-item [type="radio"]:checked + input[type="hidden"] + label:after {
            left: .03rem;
            top: .03rem;
        }

        .form .form-item [type="checkbox"]:not(:checked) + label:after,
        .form .form-item [type="checkbox"]:checked + label:after,
        .form .form-item [type="checkbox"]:not(:checked) + input[type="hidden"] + label:after,
        .form .form-item [type="checkbox"]:checked + input[type="hidden"] + label:after {
            border-radius: .01rem;
        }

    .form .form-item .label-item[type="checkbox"]:not(:checked) + label,
    .form .form-item .label-item[type="checkbox"]:checked + label,
    .form .form-item .label-item[type="checkbox"]:not(:checked) + input[type="hidden"] + label,
    .form .form-item .label-item[type="checkbox"]:checked + input[type="hidden"] + label,
    .form .form-item .label-item[type="radio"]:not(:checked) + label,
    .form .form-item .label-item[type="radio"]:checked + label,
    .form .form-item .label-item[type="radio"]:not(:checked) + input[type="hidden"] + label,
    .form .form-item .label-item[type="radio"]:checked + input[type="hidden"] + label {
        font-size: .09rem;
    }


    /* Button */

    .button span {
        font-size: .14rem;
    }

        .button span svg {
            width: .15rem;
            height: .15rem;
        }


    /* Header */

    .header {
        margin-bottom: .07rem;
        z-index: 10;
    }

        .header .container {
            width: 100%;
            padding-top: .2rem;
            padding-bottom: .2rem;
        }

        .header .logo {
            position: relative;
            display: inline-block;
            vertical-align: top;
            width: calc(100% - .4rem);
            max-width: unset;
            max-height: unset;
            left: auto;
            top: auto;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
        }

            .header .logo img {
                max-width: 1.6rem;
                max-height: .5rem;
            }

        .header .btn-menu {
            position: relative;
            display: inline-block;
            vertical-align: top;
            width: .4rem;
            height: .4rem;
            border-radius: .04rem;
            background-color: #ed7228;
            z-index: 11;
        }

            .header .btn-menu span {
                position: absolute;
                width: 57.5%;
                height: .03rem;
                left: 21.25%;
                top: 50%;
                border-radius: .03rem;
                background-color: white;
            }

                .header .btn-menu span:nth-child(1) {
                    margin-top: -.09rem;
                }

                .header .btn-menu span:nth-child(2) {
                    margin-top: -.02rem;
                }

                .header .btn-menu span:nth-child(3) {
                    margin-top: .05rem;
                }

        .header .menu {
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            text-align: left;
            background-color: rgba(0,0,0,.3);
            z-index: 10;
        }

            .header .menu.active {
                display: block;
            }

            .header .menu .info {
                display: none;
            }

            .header .menu .menu-items {
                position: relative;
                display: block;
                width: 75%;
                height: 100%;
                padding-top: .8rem;
                padding-bottom: .8rem;
                margin-left: 25%;
                background-color: white;
                overflow: auto;
            }

                .header .menu .menu-items:before {
                    content: '';
                    display: inline-block;
                    vertical-align: middle;
                    width: 0;
                    height: 100%;
                }

                .header .menu .menu-items:after {
                    display: none;
                }

                .header .menu .menu-items > div {
                    display: inline-block;
                    vertical-align: middle;
                    height: auto;
                    width: 100%;
                }

                .header .menu .menu-items .menu-item {
                    position: relative;
                    display: block;
                    height: auto;
                    margin-left: 0;
                    border-top: 1px solid rgba(230,230,230);
                }

                    .header .menu .menu-items .menu-item:first-child {
                        margin-left: 0;
                        border-top: none;
                    }

                    .header .menu .menu-items .menu-item > a {
                        position: relative;
                        padding: .15rem .2rem;
                    }

                        .header .menu .menu-items .menu-item > a + a:before {
                            content: '';
                            position: absolute;
                            width: 1px;
                            height: 50%;
                            top: 25%;
                            left: 0;
                            background-color: #000000;
                        }

                        .header .menu .menu-items .menu-item > a span {
                            font-size: .12rem;
                            font-weight: 700;
                            color: black !important;
                        }

                            .header .menu .menu-items .menu-item > a span svg {
                                width: .08rem;
                                height: .05rem;
                                margin-left: .03rem;
                                margin-bottom: .02rem;
                            }

                                .header .menu .menu-items .menu-item > a span svg path {
                                    fill: black !important;
                                }

                    .header .menu .menu-items .menu-item.sub-active > a span svg {
                        transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                    }

                    .header .menu .menu-items .menu-item .sub-items {
                        padding: 0 .2rem .2rem .2rem;
                    }

                    .header .menu .menu-items .menu-item.sub-active .sub-items {
                        display: block;
                    }

                    .header .menu .menu-items .menu-item .sub-items a {
                        display: block;
                        font-size: .12rem;
                        color: black !important;
                    }

                        .header .menu .menu-items .menu-item .sub-items a + a {
                            margin-top: .12rem;
                        }

                        .header .menu .menu-items .menu-item .sub-items a svg {
                            display: inline-block;
                            vertical-align: middle;
                            width: .06rem;
                            height: .04rem;
                            margin-right: .03rem;
                            transform: rotate(-90deg);
                            -webkit-transform: rotate(-90deg);
                            -ms-transform: rotate(-90deg);
                            -moz-transform: rotate(-90deg);
                            -o-transform: rotate(-90deg);
                        }


        /* Header Secondary */

        .header.secondary {
            padding-top: 0;
            padding-bottom: 0;
        }

            .header.secondary .menu {
                display: none;
                vertical-align: top;
                width: 100%;
            }

                .header.secondary .menu.active {
                    display: block;
                }

                .header.secondary .menu .menu-items .menu-item > a {
                    padding: .15rem .2rem;
                }

                    .header.secondary .menu .menu-items .menu-item > a span {
                        font-size: .12rem;
                    }


    /* Banner With Search */

    section.banner-with-search .container {
        width: 100%;
    }

    section.banner-with-search .search {
        width: 100%;
        display: block;
    }

        section.banner-with-search .search .form form {
            padding: .2rem .1rem;
        }

        section.banner-with-search .search .form .form-item label .swap-icon {
            margin-top: 0;
        }

    section.banner-with-search .banner {
        width: 100%;
        margin-left: 0;
    }

    section.banner-with-search * + .banner {
        margin-top: .14rem;
    }

    section.banner-with-search .owl-carousel .item {
        height: auto;
    }

        section.banner-with-search .owl-carousel .item img {
            position: relative;
            width: 100% !important;
            height: auto !important;
            top: auto !important;
            left: auto !important;
        }

    section.banner-with-search .owl-dots {
        bottom: .07rem;
    }

        section.banner-with-search .owl-dots .owl-dot {
            width: .05rem;
            height: .05rem;
            margin: .01rem;
        }


    /* Banner With Search Secondary */

    section.banner-with-search-secondary {
        height: auto !important;
    }

        section.banner-with-search-secondary .form .form-item {
            display: block;
            width: 100%;
            margin-top: .1rem;
        }

            section.banner-with-search-secondary .form .form-item:first-child {
                margin-top: 0;
            }

            section.banner-with-search-secondary .form .form-item label {
                font-size: .12rem;
            }

        section.banner-with-search-secondary .form .button-container {
            display: block;
            width: 100%;
            margin-top: .1rem;
        }

            section.banner-with-search-secondary .form .button-container .button {
                padding: 0 .1rem;
            }

        section.banner-with-search-secondary .form form {
            padding: .2rem .1rem;
        }

            section.banner-with-search-secondary .form form > * + * {
                margin-left: 0;
                margin-top: .1rem;
            }

        section.banner-with-search-secondary .banner .item .content {
            width: 100%;
            left: 0;
            bottom: 0;
            padding: .15rem;
            font-size: .32rem;
            transform: none;
            -webkit-transform: none;
            -ms-transform: none;
            -moz-transform: none;
            -o-transform: none;
        }

        section.banner-with-search-secondary .banner .owl-nav {
            display: none;
        }


    /* Boxes */

    section.boxes .container {
        width: 100%;
    }

    section.boxes .box {
        padding-top: 35%;
        margin-left: .14rem;
        border-width: .04rem;
        border-radius: .04rem;
    }

        section.boxes .box.box4 {
            width: calc((100% - .28rem) / 2);
        }

            section.boxes .box.box4:nth-child(2n + 1) {
                margin-left: 0;
            }

            section.boxes .box.box4:nth-child(n + 3) {
                margin-top: .14rem;
            }

        section.boxes .box.box2 {
            width: 100%;
            margin-left: 0;
        }

            section.boxes .box.box2:nth-child(n + 2) {
                margin-top: .14rem;
            }

        section.boxes .box.box3 {
            width: 100%;
            margin-left: 0;
        }

            section.boxes .box.box3:nth-child(n + 2) {
                margin-top: .14rem;
            }

        section.boxes .box:before {
            width: 65%;
            height: .12rem;
            left: -.05rem;
            border-bottom-right-radius: .04rem;
        }

        section.boxes .box:after {
            width: 45%;
            height: .09rem;
            left: -.03rem;
            top: .12rem;
            border-bottom-right-radius: .03rem;
        }

        section.boxes .box .text {
            padding: .1rem;
            font-size: .1rem;
        }


    /* Full Image */

    section.full-image {
        padding-bottom: .15rem;
    }

        section.full-image .container {
            width: 100%;
        }

        section.full-image img {
            border-radius: .05rem;
        }


    /* List Search */

    section.list-search .form form {
        padding: 0;
    }

    section.list-search .form .form-item {
        display: block;
        width: 100%;
    }

        section.list-search .form .form-item + .form-item {
            border-left-width: 1px;
            border-left-style: solid;
            border-top: none;
        }

        section.list-search .form .form-item input {
            padding-left: .2rem;
        }

        section.list-search .form .form-item label {
            height: 0;
            font-size: 0;
            line-height: 0;
        }

    section.list-search .form .button-container {
        display: block;
        width: 100%;
        margin-top: .06rem;
        vertical-align: middle;
        text-align: center;
    }

        section.list-search .form .button-container .button {
            width: 100%;
        }

            section.list-search .form .button-container .button span {
                font-size: .13rem;
            }


    /* List Search Secondary */

    section.list-search-secondary {
        height: auto !important;
    }

        section.list-search-secondary .form .form-item {
            display: block;
            width: 100%;
            margin-top: .1rem;
        }

            section.list-search-secondary .form .form-item:first-child {
                margin-top: 0;
            }

            section.list-search-secondary .form .form-item label {
                font-size: .12rem;
            }

        section.list-search-secondary .form .button-container {
            display: block;
            width: 100%;
            margin-top: .1rem;
        }

            section.list-search-secondary .form .button-container .button {
                padding: 0 .1rem;
            }

        section.list-search-secondary .form form {
            padding: .2rem .1rem;
        }

            section.list-search-secondary .form form > * + * {
                margin-left: 0;
                margin-top: .1rem;
            }

        section.list-search-secondary .banner .item .content {
            width: 100%;
            left: 0;
            bottom: 0;
            padding: .15rem;
            font-size: .32rem;
            transform: none;
            -webkit-transform: none;
            -ms-transform: none;
            -moz-transform: none;
            -o-transform: none;
        }

        section.list-search-secondary .banner .owl-nav {
            display: none;
        }


    /* List Dates */

    section.list-dates .boxes {
        white-space: nowrap;
        overflow: auto;
    }

        section.list-dates .boxes .box {
            width: 1.2rem;
            padding: .12rem;
        }


    /* Message */

    section.message {
        padding-top: .03rem;
        padding-bottom: .03rem;
    }

        section.message .message {
            padding: .06rem .2rem .08rem .1rem;
            font-size: .1rem;
        }


    /* List Results */

    section.list-results .no-results {
        padding: .5rem 0;
        font-size: .14rem;
        font-weight: 600;
        text-align: center;
    }

    section.list-results .results .row {
        padding-left: .1rem;
        padding-right: .1rem;
    }

        section.list-results .results .row > span:nth-child(1) {
            width: 36%;
        }

        section.list-results .results .row > span:nth-child(2) {
            width: 36%;
        }

        section.list-results .results .row > span:nth-child(3) {
            width: 36%;
        }

        section.list-results .results .row > span:nth-child(4) {
            width: 36%;
        }

        section.list-results .results .row > span:nth-child(5) {
            display: none;
        }

        section.list-results .results .row > span:nth-child(6) {
            width: 28%;
        }

    section.list-results .results .titles {
        display: none;
    }

    section.list-results .results .item {
        position: relative;
        margin-top: .05rem;
        padding-top: .08rem;
    }

    section.list-results .results .titles + .item {
        margin-top: 0;
    }

    section.list-results .results .item > span:nth-child(1) {
        position: relative;
        font-size: .16rem;
    }

        section.list-results .results .item > span:nth-child(1):after {
            content: '';
            position: absolute;
            width: .12rem;
            height: .1rem;
            top: 50%;
            right: .2rem;
            margin-top: -.05rem;
            background-image: url(Icons/icon-right.png);
        }

    section.list-results .results .item > span:nth-child(2) {
        font-size: .16rem;
        font-weight: 600;
    }

    section.list-results .results .item > span:nth-child(3) {
        font-size: .1rem;
        margin-top: .09rem;
    }

    section.list-results .results .item > span:nth-child(4) {
        margin-top: .09rem;
    }

        section.list-results .results .item > span:nth-child(4) img {
            height: .08rem;
            margin-right: .04rem;
        }

    section.list-results .results .item > span:nth-child(6) {
        position: absolute;
        top: .16rem;
        right: .1rem;
    }

        section.list-results .results .item > span:nth-child(6) .button {
            height: .26rem;
            padding-left: 0;
            padding-right: 0;
        }

            section.list-results .results .item > span:nth-child(6) .button span {
                font-size: .12rem;
            }

    section.list-results .results .item .note {
        margin-top: .06rem;
        margin-bottom: .12rem;
        font-size: .1rem;
    }

    section.list-results .results .item .detail .legend {
        width: 100%;
        padding-left: 0;
        display: block;
    }

        section.list-results .results .item .detail .legend span {
            display: inline-block;
            vertical-align: middle;
            margin-top: 0;
            font-size: .08rem;
        }

            section.list-results .results .item .detail .legend span + span {
                margin-left: .03rem;
            }

            section.list-results .results .item .detail .legend span:first-child {
                margin-top: 0;
            }

            section.list-results .results .item .detail .legend span:before {
                width: .12rem;
                height: .12rem;
                margin-right: .03rem;
                border-radius: .03rem;
            }

    section.list-results .results .item .detail .bus {
        display: block;
        max-width: 100%;
        margin-top: .12rem;
        font-size: 33px;
    }

    section.list-results .results .item .detail .cell-selector {
        width: 1rem;
        height: auto;
        padding: .11rem .13rem;
    }

        section.list-results .results .item .detail .cell-selector .gender .text {
            margin-top: .04rem;
            font-size: .1rem;
        }

    section.list-results .results .item .detail .continue {
        width: 100%;
        padding: 0 .1rem .16rem .1rem;
        margin-top: 0;
        margin-left: 0;
        text-align: center;
        background-color: transparent !important;
    }

    section.list-results .results .item .detail .seats {
        max-width: unset;
        font-size: .12rem;
        display: inline-block;
        vertical-align: middle;
    }

        section.list-results .results .item .detail .seats svg {
            margin-left: .05rem;
        }

            section.list-results .results .item .detail .seats svg text {
                font-size: .14rem;
            }

    section.list-results .results .item .detail .price {
        display: block;
        width: auto;
        margin-right: 0;
        margin-top: .1rem;
        font-size: .12rem;
    }

        section.list-results .results .item .detail .price span {
            font-size: .14rem;
        }

    section.list-results .results .item .detail .continue .button {
        width: auto;
        height: .26rem;
        margin-top: .15rem;
        padding-left: .07rem;
        padding-right: .07rem;
    }

        section.list-results .results .item .detail .continue .button span {
            font-size: .12rem;
        }


    /* List Result Secondary */

    section.list-results.secondary .results .item {
        padding: .1rem;
    }

        section.list-results.secondary .results .item.selected {
            padding-bottom: 0;
        }

    section.list-results.secondary .results .titles + .item {
        margin-top: 0;
    }

    section.list-results.secondary .results .row > span {
        text-align: left;
    }

        section.list-results.secondary .results .row > span:nth-child(1) {
            width: 22%;
        }

        section.list-results.secondary .results .row > span:nth-child(2) {
            width: 20%;
            text-align: center;
        }

        section.list-results.secondary .results .row > span:nth-child(3) {
            width: 22%;
        }

        section.list-results.secondary .results .row > span:nth-child(4) {
            width: 50%;
            margin-top: .04rem;
            padding-left: 0;
        }

        section.list-results.secondary .results .row > span:nth-child(5) {
            width: 50%;
        }

        section.list-results.secondary .results .row > span:nth-child(6) {
            width: 28%;
            top: .1rem;
        }

    section.list-results.secondary .results .item > span:nth-child(1) {
        font-size: .16rem;
    }

        section.list-results.secondary .results .item > span:nth-child(1):after {
            display: none;
        }

    section.list-results.secondary .results .item > span:nth-child(2) {
        font-size: .13rem;
    }

    section.list-results.secondary .results .item > span:nth-child(3) {
        margin-top: 0;
        font-size: .16rem;
    }

    section.list-results.secondary .results .item > span:nth-child(4) {
        font-size: .12rem;
    }

    section.list-results.secondary .results .item > span:nth-child(5) {
        font-size: .16rem;
    }

    section.list-results.secondary .results .item > span .route-name {
        font-size: .11rem;
        white-space: break-word;
    }

    section.list-results.secondary .results .item > span sub {
        font-size: inherit;
    }

    section.list-results.secondary .results .item .note {
        margin-top: .1rem;
        margin-bottom: 0;
    }


    /* Small Message */

    section.small-message {
        padding-bottom: .2rem;
    }

        section.small-message .message {
            font-size: .1rem;
        }


    /* Footer */

    .footer {
        padding-top: .2rem;
    }

        .footer .container {
            width: 100%;
        }

        .footer .left {
            display: block;
            width: 100%;
            margin-top: .2rem;
        }

            .footer .left .social .text {
                font-size: .1rem;
            }

            .footer .left .social .icons a {
                margin-left: .15rem;
            }

                .footer .left .social .icons a svg {
                    width: .22rem;
                    height: .22rem;
                }

            .footer .left .logo {
                height: .6rem;
                margin-top: .18rem;
            }

                .footer .left .logo:after {
                    width: 85%;
                    left: -14%;
                    border-top-right-radius: .15rem;
                }

                .footer .left .logo img {
                    max-width: 1.5rem;
                    max-height: .48rem;
                }

        .footer .right {
            display: block;
            width: 100%;
            padding-left: 0;
            margin-bottom: 0;
            text-align: left;
        }

            .footer .right .column {
                width: 50%;
            }

                .footer .right .column:nth-child(n+3) {
                    margin-top: .2rem;
                }

                .footer .right .column .title {
                    margin-bottom: .1rem;
                    font-size: .12rem;
                }

                .footer .right .column a {
                    margin-top: .05rem;
                    font-size: .12rem;
                }


    /* Static Text */

    section.static-text .text {
        padding: .2rem .13rem;
        border-radius: .03rem;
    }

        section.static-text .text > div {
            font-size: .1rem;
            line-height: 1.4em;
        }

            section.static-text .text > div strong,
            section.static-text .text > div b {
                font-size: .12rem !important;
            }


    /* Breadcrumb */

    section.breadcrumb {
        display: none !important;
    }


    /* Offices */

    section.static-list .titles > div {
        width: 31%;
        padding-left: .08rem;
        padding-right: .08rem;
        font-size: .12rem;
    }

        section.static-list .titles > div:nth-child(3n) {
            width: 38%;
        }

    section.static-list .list .list-item > div {
        width: 31%;
        padding: .11rem .08rem;
        font-size: .12rem;
    }

        section.static-list .list .list-item > div:nth-child(3n) {
            width: 38%;
        }

        section.static-list .list .list-item > div img,
        section.static-list .list .list-item > div svg {
            width: .12rem;
            height: .12rem;
            margin-right: .04rem;
        }

            section.static-list .list .list-item > div img:last-child,
            section.static-list .list .list-item > div svg:last-child {
                margin-right: 0;
            }

    section.static-list-double .titles > div {
        font-size: .12rem;
        padding-left: .08rem;
        padding-right: .08rem;
    }

    section.static-list-double .list .list-item > div {
        padding: .11rem .08rem;
        font-size: .12rem;
    }

        section.static-list-double .list .list-item > div img,
        section.static-list-double .list .list-item > div svg {
            width: .12rem;
            height: .12rem;
            margin-right: .04rem;
        }

            section.static-list-double .list .list-item > div img:last-child,
            section.static-list-double .list .list-item > div svg:last-child {
                margin-right: 0;
            }


    /* Login */

    section.login .form .form-item {
        width: 100%;
    }

    section.login .form .button-container {
        display: block;
        margin-top: .18rem;
        margin-left: 0;
        text-align: center;
    }


    /* Pnr Search */

    section.pnr-search .form .form-item {
        width: 100%;
    }

    section.pnr-search .form .button-container {
        display: block;
        margin-top: .18rem;
        margin-left: 0;
        text-align: center;
    }


    /* Eticket */

    section.eticket .form .form-item {
        width: 100% !important;
        margin-left: 0 !important;
    }

    section.eticket .form .button-container {
        display: block;
        margin-top: .18rem;
        margin-left: 0;
        text-align: center;
    }

    section.eticket .form .button-container {
        width: 100% !important;
    }

    section.eticket .form .form-item label {
        font-size: .14rem;
    }

    section.eticket .info .item {
        width: 100%;
    }

        section.eticket .info .item + .item {
            margin-top: .1rem;
            margin-left: 0;
        }

    section.eticket embed {
        height: 4rem;
        margin-top: .3rem;
        margin-bottom: .2rem;
    }


    /* Order Summary */

    section.order-summary .infos .info {
        display: block;
        width: 100%;
        padding: .08rem .1rem .09rem .1rem;
    }

        section.order-summary .infos .info + .info {
            border-top-width: 1px;
            border-top-style: solid;
            border-left: none;
        }

        section.order-summary .infos .info .title {
            font-size: .1rem;
        }

        section.order-summary .infos .info .text {
            font-size: .12rem;
        }

            section.order-summary .infos .info .text svg {
                margin-right: .02rem;
            }


    /* Payment */

    section.payment .form form {
        padding: 0;
    }

    section.payment .form .column {
        margin-left: 0;
        width: 100%;
        display: block;
    }

        section.payment .form .column + .column {
            margin-top: .2rem;
        }

        section.payment .form .column .column-content {
            padding: .1rem .1rem .2rem .1rem;
        }

    section.payment .form .form-item [type="checkbox"]:not(:checked) + label,
    section.payment .form .form-item [type="checkbox"]:checked + label,
    section.payment .form .form-item [type="checkbox"]:not(:checked) + input[type="hidden"] + label,
    section.payment .form .form-item [type="checkbox"]:checked + input[type="hidden"] + label,
    section.payment .form .form-item [type="radio"]:not(:checked) + label,
    section.payment .form .form-item [type="radio"]:checked + label,
    section.payment .form .form-item [type="radio"]:not(:checked) + input[type="hidden"] + label,
    section.payment .form .form-item [type="radio"]:checked + input[type="hidden"] + label {
        margin-right: .12rem;
        margin-top: .05rem;
    }

    section.payment .form .form-item input[type='text'] + [type="checkbox"]:not(:checked) + label,
    section.payment .form .form-item input[type='text'] + [type="checkbox"]:checked + label,
    section.payment .form .form-item input[type='text'] + [type="checkbox"]:not(:checked) + input[type="hidden"] + label,
    section.payment .form .form-item input[type='text'] + [type="checkbox"]:checked + input[type="hidden"] + label,
    section.payment .form .form-item input[type='text'] + [type="radio"]:not(:checked) + label,
    section.payment .form .form-item input[type='text'] + [type="radio"]:checked + label,
    section.payment .form .form-item input[type='text'] + [type="radio"]:not(:checked) + input[type="hidden"] + label,
    section.payment .form .form-item input[type='text'] + [type="radio"]:checked + input[type="hidden"] + label {
        margin-top: 0;
    }

    section.payment .form .total {
        margin-top: .18rem;
        font-size: .14rem;
    }

        section.payment .form .total span {
            font-size: .18rem;
        }

    section.payment .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: .1rem;
    }


    /* Success */

    section.order-success {
        margin-bottom: .03rem;
    }

        section.order-success .message {
            position: relative;
            padding-left: .28rem;
            font-size: .12rem;
        }

            section.order-success .message svg {
                position: absolute;
                top: 50%;
                left: 0;
                margin-top: -.11rem;
            }


    /* Ticket Detail */

    section.ticket-detail .info .logo {
        padding: .1rem 0;
    }

    section.ticket-detail .info .line .item {
        width: 38%;
        padding: .08rem;
        padding-right: .04rem;
        vertical-align: top;
    }

        section.ticket-detail .info .line .item:nth-child(3n-1) {
            width: 22%;
            padding-left: .04rem;
        }

        section.ticket-detail .info .line .item:nth-child(3n) {
            width: 40%;
            padding-left: .04rem;
            padding-right: .08rem;
        }

    section.ticket-detail .info .line.passenger .item:nth-child(3n) .text {
        font-size: .1rem;
    }

    section.ticket-detail .info .line .item .title {
        font-size: .1rem;
    }

    section.ticket-detail .info .line .item .text {
        font-size: .12rem;
        word-break: break-word;
    }

    section.ticket-detail .info .line:not(.passenger) .item {
        display: block;
        width: 100%;
        padding: .08rem;
        border-width: 1px;
        border-style: solid;
        border-right: none;
        border-left: none;
        border-bottom: none;
    }

        section.ticket-detail .info .line:not(.passenger) .item:last-child {
            border-bottom-width: 1px;
            border-bottom-style: solid;
        }

        section.ticket-detail .info .line:not(.passenger) .item:first-child {
            border-left: none;
        }

    section.ticket-detail .info .line .item svg {
        width: .12rem;
        height: .11rem;
        margin-right: .02rem;
    }

    section.ticket-detail .print-container {
        margin-top: .12rem;
    }

    section.ticket-detail .print svg {
        margin-right: .03rem;
    }


    /* Contact Us */

    section.contact-us .column {
        width: 100%;
        display: block;
    }

        section.contact-us .column + .column {
            margin-left: 0;
            margin-top: .1rem;
        }

    section.contact-us .info .title {
        padding: .11rem;
        padding-bottom: .12rem;
        font-size: .14rem;
        text-align: center;
    }

    section.contact-us .info .icon {
        display: block;
        width: .61rem;
        padding: 0;
        margin-top: .17rem;
        margin-left: auto;
        margin-right: auto;
    }

    section.contact-us .info .text {
        padding: .12rem .2rem .2rem .2rem;
        font-size: .18rem;
        line-height: 1.666em;
    }

        section.contact-us .info .text span {
            font-size: .25rem;
        }

    section.contact-us .info .bottom {
        padding: .18rem .2rem .19rem .2rem;
        font-size: .12rem;
        line-height: 1.3333em;
    }


    /* My Tickets */

    section.my-tickets .container {
        padding-left: .15rem;
        padding-right: .15rem;
    }

    section.my-tickets .no-results {
        padding: .11rem .08rem;
        font-size: .12rem;
    }

    section.my-tickets .ticket-detail + .ticket-detail {
        margin-top: .2rem;
    }

    section.my-tickets .ticket-detail .top {
        padding: .1rem;
        padding-bottom: .16rem;
    }

        section.my-tickets .ticket-detail .top .logo {
            width: 1rem;
        }

            section.my-tickets .ticket-detail .top .logo img {
                max-width: 100%;
                max-height: .4rem;
            }

        section.my-tickets .ticket-detail .top .buttons {
            width: calc(100% - 1rem);
        }

            section.my-tickets .ticket-detail .top .buttons .button {
                width: .7rem;
                height: .26rem;
            }

                section.my-tickets .ticket-detail .top .buttons .button span {
                    font-size: .1rem;
                }

    section.my-tickets .ticket-detail .info {
        border-width: 1px;
        border-style: solid;
        border-radius: .04rem;
    }

        section.my-tickets .ticket-detail .info .line .item {
            width: 100%;
            padding: .08rem;
        }

        section.my-tickets .ticket-detail .info .line.passenger .item {
            width: 60%;
            padding: .08rem;
            padding-right: .04rem;
            vertical-align: top;
        }

            section.my-tickets .ticket-detail .info .line.passenger .item:nth-child(2n) {
                width: 40%;
                padding-left: .04rem;
                padding-right: .08rem;
            }

        section.my-tickets .ticket-detail .info .line .item .title {
            font-size: .1rem;
        }

        section.my-tickets .ticket-detail .info .line .item .text {
            font-size: .12rem;
        }

        section.my-tickets .ticket-detail .info .line:not(.passenger) .item {
            border-left: none;
        }

            section.my-tickets .ticket-detail .info .line:not(.passenger) .item:first-child {
                border-left: none;
            }

        section.my-tickets .ticket-detail .info .line .item svg {
            width: .12rem;
            height: .11rem;
            margin-right: .02rem;
        }

        section.my-tickets .ticket-detail .info .line .actions {
            padding: .08rem;
            padding-bottom: .2rem;
        }

            section.my-tickets .ticket-detail .info .line .actions form + form {
                margin-left: .1rem;
            }

            section.my-tickets .ticket-detail .info .line .actions .button {
                width: .7rem;
                height: .26rem;
            }

                section.my-tickets .ticket-detail .info .line .actions .button span {
                    font-size: .1rem;
                }


    /* Small Boxes */

    section.small-boxes .title {
        font-size: .2rem;
        text-align: center;
    }

    section.small-boxes * + .box-container {
        margin-top: .16rem;
    }

    section.small-boxes .boxes {
        display: block;
        width: 100%;
        padding: .15rem .1rem;
    }

        section.small-boxes .boxes .box {
            width: calc(50% - .24rem);
            padding: .1rem;
            margin: .12rem;
        }

            section.small-boxes .boxes .box .icon {
                padding: .06rem;
                text-align: center;
            }

        section.small-boxes .boxes .note {
            margin: .04rem .12rem .04rem .12rem;
            text-align: center;
        }

    section.small-boxes .image {
        position: relative;
        width: 100%;
        height: 0;
        left: auto;
        top: auto;
        padding-top: 63.83%;
    }


    /* Quadruple Boxes */

    section.quadruple-boxes .title {
        font-size: .2rem;
        text-align: center;
    }

    section.quadruple-boxes .boxes {
        margin-left: -.08rem;
        margin-right: -.08rem;
    }

    section.quadruple-boxes * + .boxes {
        margin-top: .08rem;
    }

    section.quadruple-boxes .boxes .box {
        width: calc(50% - .16rem);
        margin: .08rem;
        padding-top: calc(50% - .16rem);
    }

        section.quadruple-boxes .boxes .box .content {
            padding: .08rem;
        }

            section.quadruple-boxes .boxes .box .content .text {
                font-size: .12rem;
            }
    /* MAP */

    .map .container {
        width: 100%;
        height: 100%;
    }

        .map .container .leaflet-popup-content-wrapper .title p {
            font-size: .16rem;
            margin: .1rem 0;
        }

        .map .container .map-container {
            border: .1rem solid #fff;
        }

            .map .container .map-container #map .leaflet-bottom.leaflet-right {
                display: none;
            }

        .map .container .leaflet-popup-content-wrapper .details .detail-item b, span {
            font-size: .12rem;
        }

        .map .container #map {
            height: 3.2rem;
            font-size: .14rem !important;
        }

    .leaflet-popup-content-wrapper {
        width: 100%;
    }

    /* STATIC LIST */

    section.static-list-quadruple {
        overflow-x: scroll;
    }

        section.static-list-quadruple .container {
            width: 8rem;
            max-width: none;
        }

            section.static-list-quadruple .container .title {
                font-size: .18rem;
                font-weight: 700;
                margin-bottom: .16rem;
                border-bottom: 1px solid rgba(0, 0, 0, 0.2);
                padding-bottom: .1rem;
            }

        section.static-list-quadruple .list .list-item > div {
            width: 25%;
            padding: .1rem .05rem;
            font-size: .12rem;
            border-width: 1px;
            border-style: solid;
            border-bottom: none;
            border-right: none;
            display: inline-block;
            vertical-align: top;
        }

            section.static-list-quadruple .list .list-item > div:first-child {
                border-left: none;
            }

        section.static-list-quadruple .list .list-item:first-child > div {
            border-top: none;
        }

        section.static-list-quadruple .titles > div {
            width: 25%;
            font-size: .14rem;
            display: inline-block;
            vertical-align: top;
            padding-left: .05rem;
        }

        section.static-list-quadruple .list {
            margin-top: .08rem;
            border-width: 1px;
            border-style: solid;
            border-radius: .04rem;
        }

    /* NO RESULT */

    .no-result .container {
        width: 100%;
    }

    /* Store */

    section.store .image {
        display: none !important;
    }

    section.store .content {
        position: relative;
        width: 100%;
        top: auto;
        padding: .15rem;
        margin-top: 0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        border-radius: .04rem;
    }

        section.store .content .title {
            font-size: .3rem;
        }

        section.store .content .text {
            font-size: .14rem;
        }

        section.store .content * + .text {
            margin-top: .1rem;
        }

        section.store .content .link {
            margin-top: .2rem;
            width: calc(50% - .05rem);
        }

            section.store .content .link img {
                width: 100%;
            }

            section.store .content .link + .link {
                margin-left: .1rem;
            }

    /* Plate Search */
    .plate-search {
        width: 100%;
        margin-left: 0;
        margin-top: .14rem;
    }
}

@media print {
    @page {
        size: 330mm 427mm;
        margin: 14mm;
    }

    .mobile-only {
        display: none !important;
    }

    .header,
    .footer,
    .print-hide,
    .print-container,
    section.order-success,
    section.pnr-search,
    section.my-tickets .ticket-detail .info .line .actions {
        display: none !important;
    }
}
