﻿@media (max-width: 1111px) {
    #headerContainer,
    #menuContainer,
    #footerContainer {
        width: auto;
        margin: 0 auto;
    }

    div.main-content {
        width: auto;
    }

    .footer-nav {
        width: 100%;
    }

    .content-footer {
        padding: 15px 15px;
    }

    .charity-container .charity-text {
        margin-right: 0;
    }

    .charity-container .charity-logo {
        max-width: 55%;
        float: right;
    }

    .content-body {
        padding: 0 15px;
    }

    .content-header {
        padding: 0 15px;
    }
}


@media (min-width:1011px) and (max-width: 1111px) {
    .live-timings-container {
        left: 680px;
    }
}

@media (max-width: 730px) {
    /*.tbads a:nth-child(2n+2) img
    {
        margin-right: 0px;
    }

    .tbads a:nth-child(3n+3) img
    {
        margin-right: 10px;
    }*/
}

@media (max-width: 1000px) {
    body {
        background: none !important;
    }

    .footer-nav ul {
        padding-left: 5px;
        padding-right: 5px;
        width: 110px;
    }

        .footer-nav ul:first-child {
            margin-left: 10px;
        }

    .tb-main-sidebar-body {
        width: 720px;
        margin-left: 0px;
    }

        .tb-main-sidebar-body > div {
            float: left;
            margin-right: 10px;
        }

    .mainheader {
        height: 140px;
        /*min-width: 755px;*/
    }

    .mainfooter {
        /*min-width: 755px;*/
    }

    .header-graphic {
        right: 5px;
    }

    #headerContainer,
    #menuContainer,
    #footerContainer {
        width: auto;
        margin: 0 auto;
        min-width: 615px;
    }

    div.main-content {
        margin: 0 auto;
        width: auto;
        min-width: 615px;
    }

    .footer-nav {
        width: 100%;
    }

    .main-body {
        background: white;
    }

    .content-header {
        padding: 0px;
        /*height: 140px;*/
    }

        .content-header .logo {
            height: 107px;
            float: none !important;
        }

    .content-body {
        padding: 0 15px !important;
    }

    .main-nav {
        padding-top: 0px !important;
        padding-left: 0px !important;
        margin-left: 5px !important;
        float: none !important;
    }

    .sub-nav li {
        width: 115px;
    }

    .tbads {
        width: 100%;
        float: left !important;
    }

    .travel-updates {
        margin-left: 0px;
        width: 100%;
        float: left !important;
        margin-bottom: 20px;
    }

    .tb-live {
        min-width: 610px;
    }

        .tb-live .content .bysearch {
            border-right: none;
        }

    div.tb-live .content .bymap {
        width: 400px;
    }

    div.tb-live .bymap #divMap {
        width: 300px;
    }

    .fare-finder {
        margin-left: 0px;
        margin-top: 20px;
        width: 710px;
    }

        .fare-finder .content {
            position: relative;
        }

            .fare-finder .content .ticketType2,
            .fare-finder .content .ticketType {
                position: absolute;
                top: 28px;
                left: 240px;
                max-height: 287px;
            }

            .fare-finder .content .ticketType2 {
                left: 470px;
            }

    .travel-alert-widget {
        float: left;
        width: 436px;
        margin-left: 0px;
        position: relative;
        height: 206px;
    }

        .travel-alert-widget .ta-head {
            float: left;
        }

        .travel-alert-widget .content {
            margin-left: 230px;
            margin-top: -14px;
        }

        .travel-alert-widget .signup-btn {
            position: absolute;
            margin-top: -47px;
        }

        .travel-alert-widget h1 {
            text-align: left;
        }

    .ap-sidebarItems-portrait {
        width: 590px;
    }

        .ap-sidebarItems-portrait > div {
            float: left;
            margin-right: 10px;
        }

    .route-finder-main .rt-sidebar {
        width: 710px;
        margin-left: 0px;
    }

    .more-maps {
        width: 100%;
        margin-top: 20px;
    }


    .walloffame-contact .contact-info {
        padding-top: 10px;
    }








    /*#region MANGO */
    .mango-feedback, .mango-loggedOut {
        /*width: 448px;*/
    }

    .mango-main {
        /*width: 470px;*/
    }

    .mango-welcome .primary-links {
        /*min-height: 1000px;*/
    }

    .mango-welcome .secondary-links {
        /*min-height: 570px;*/
    }

    .mango-signup .mango-yourdetails .newsletterCheck,
    .mango-signup input[type="text"] {
        width: 180px;
    }

    .mango-card .actions {
        margin-left: 0px;
        margin-top: 15px;
    }
    /*#endregion MANGO */
}
