﻿@media (max-width: 767px) {
    .header-actions-visible-mobile {
        height: 55px;
    }

        .header-actions-visible-mobile,
        .header-actions-visible-mobile .row,
        .header-actions-visible-mobile .col-xs-6,
        .header-actions-visible-mobile .dropdown {
            position: static;
        }

            .header-actions-visible-mobile .dropdown-menu {
                background: #E5E3E4;
                border-radius: 0;
                width: 100%;
                margin: 0;
                border-left: none;
                border-right: none;
                padding: 10px;
                top: auto;
                border: none;
            }

                .header-actions-visible-mobile .dropdown-menu .dropdown-menu {
                    padding-left: 10px;
                    padding-right: 10px;
                    position: relative;
                }

            .header-actions-visible-mobile .input-group {
                padding: 10px;
            }

    .supply-management-text {
        font-size: 25px;
        line-height: 18px;
    }

    .header-actions-visible-mobile > .row > .col-xs-6 > .dropdown > .dropdown-toggle {
        color: #890000;
        text-align: center;
        font-family: "tenso", sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 8px;
        padding-top: 7px;
    }

    .header-actions-visible-mobile .dropdown-toggle:after {
        display: none;
    }

    .header-actions-visible-mobile > .row > .col-xs-6 > .dropdown.open > .dropdown-toggle {
        color: #000000;
    }

    .header-actions-visible-mobile .dropdown-menu .input-group-addon {
        border-radius: 0;
        background: none;
        color: #890000;
        border: none;
    }

    .mobile-cips-link {
        background: #063968;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mobile-sign-in-dropdown,
    .mobile-sign-in-dropdown .dropdown-menu {
        background: #FFFFFF;
    }

        .mobile-sign-in-dropdown a,
        .mobile-sign-in-dropdown a:hover {
            color: inherit;
            text-decoration: none;
        }

    .mobile-sign-in-dropdown {
        padding: 15px;
    }

    .regionLoggedIn {
        margin-top: 20px;
    }

    .header-actions-visible-mobile > .row > .col-xs-6 > .dropdown > .dropdown-menu > div.dropdown {
        padding-left: 10px;
        padding-right: 10px;
        border-bottom: 1px solid #D1CFD0;
    }

    .header-actions-visible-mobile > .row > .col-xs-6 > .dropdown > .dropdown-menu > .dropdown-menu div {
        border: none;
    }

    .header-actions-visible-mobile > .row > .col-xs-6 > .dropdown {
        margin-top: 20px;
    }

        .header-actions-visible-mobile > .row > .col-xs-6 > .dropdown.open {
            background: #E5E3E4;
        }

        .header-actions-visible-mobile > .row > .col-xs-6 > .dropdown > .dropdown-menu > a {
            display: block;
            font-family: "tenso", sans-serif;
            padding-left: 10px;
            padding-right: 10px;
            color: #000000;
        }

            .header-actions-visible-mobile > .row > .col-xs-6 > .dropdown > .dropdown-menu > a.mobile-jobs-link {
                font-size: 23px;
                line-height: 37px;
            }

            .header-actions-visible-mobile > .row > .col-xs-6 > .dropdown > .dropdown-menu > a.mobile-commercial-links {
                font-size: 17px;
                line-height: 37px;
                border-top: 1px solid #D1CFD0;
            }

    .custom-grid-view div.pagination li > span > span,
    .custom-grid-view div.pagination li > a > span {
        display: none;
    }

    .custom-grid-view tr > td > div {
        margin-right: auto;
        margin-left: auto;
    }

        .custom-grid-view tr > td > div > a > .col-md-12,
        .custom-grid-view tr > td > div > a > .col-md-6 {
            padding-left: 0;
            padding-right: 0;
        }

    .listing-article-row .listing-article-featured .listing-article-featured-inner {
        background: #890000;
        position: relative !important;
        left: 0 !important;
        bottom: 0 !important;
        padding: 10px;
    }

    .listing-article-row .listing-article-title {
        font-size: 22px !important;
        line-height: 30px !important;
        margin-top: -6px !important;
    }

    .listing-article-row .listing-article-featured .listing-article-title {
        border-left: 10px solid #890000 !important;
        max-width: 100% !important;
        width: 100%;
        font-size: 26px !important;
        line-height: 32px !important;
    }

        .listing-article-row .listing-article-featured .listing-article-title span,
        .listing-article-row .listing-article-featured .listing-article-date span {
            display: inline !important;
            padding: 0 !important;
        }

    .listing-article-row .col-md-6.col-xs-4 {
        padding-right: 0;
    }

    .listing-article-row .col-md-6.col-xs-8 {
        padding-left: 10px;
    }

    .popular-articles-content ul li:nth-child(n+2) {
        border-bottom: none;
    }

    .popular-articles-content ul li:nth-child(n+3) {
        display: none;
    }

    .author-row .pull-right {
        float: left !important;
    }

    .contact,
    .info,
    .topic,
    .tag,
    .regional,
    .campaign,
    .search,
    .sm-homepage-content {
        padding-top: 5px;
    }

        .contact h1,
        .topic h1,
        .tag h1,
        .regional h1,
        .info h1,
        .campaign h1 {
            font-size: 30px;
            line-height: 40px;
            padding-bottom: 0;
            padding-top: 10px;
        }

        .topic .intro,
        .tag .intro,
        .regional .intro,
        .campaign .intro {
            font-size: 18px;
            line-height: 27px;
            padding-bottom: 10px;
        }

            .campaign .intro .col-md-7 img {
                margin-bottom: 15px;
                margin-top: 15px;
            }

        .contact h3 {
            font-size: 21px;
            line-height: 27px;
        }

        .contact h4 {
            font-size: 21px;
            line-height: 25px;
        }

        .contact h5 {
            font-size: 21px;
            line-height: 27px;
            padding-bottom: 10px;
        }

        .contact .list-group-item {
            line-height: 27px;
            font-size: 16px;
        }

        .contact .sectionpadding {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .contact .sectionpaddingleft {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .author-details .author-details-name {
        padding-top: 15px;
    }

    .PromoWidget.newsletter-widget {
        display: none;
    }

    .article-main-image-row {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .author-row .col-md-4 > div > i {
        display: none;
    }

    .footer-upper .email-bulletin-container {
        text-align: center;
    }

        .footer-upper .email-bulletin-container > .seperator,
        .footer-upper .panel + .seperator {
            border-bottom: 2px solid #000;
            clear: both;
            margin: 0 15px 25px;
            padding-bottom: 28px;
        }

    .footer-upper .email-bulletin-title {
        display: inline-block;
        text-align: center;
    }

    .footer-upper > .container > .row > .col-md-10.col-md-offset-1 > .row > .col-md-5 > .row > .col-xl-8 > div {
        text-align: center;
    }

    .footer-upper .panel {
        margin-bottom: 20px;
    }

    .footer-upper .panel-image + .panel {
        margin-bottom: 0;
    }

    .footer-upper .panel-image {
        margin: 20px;
        text-align: center;
    }

    .footer-lower {
        padding-bottom: 15px;
    }

        .footer-lower .find-us-social-control {
            font-size: 25px;
            text-align: center;
        }

        .footer-lower .supply-management-text .col-xs-4 {
            text-align: center;
        }

            .footer-lower .supply-management-text .col-xs-4 > a {
                border: 1px solid #373A3C;
                color: #373A3C;
                display: inline-block;
                font-size: 18px;
                height: 60px;
                line-height: 1;
                padding: 0 4px 4px;
                width: 60px;
            }

        .footer-lower .footer-links {
            margin-bottom: 10px;
            padding: 0 40px;
        }

        .footer-lower .footer-links-title ~ div:last-child {
            margin-bottom: 20px;
        }

        .footer-lower .cips-link {
            background: #073a69;
            margin: 0 15px;
            padding: 10px;
            text-align: center;
        }

            .footer-lower .cips-link a {
                display: inline-block;
                width: 100%;
            }

    .search .nav.nav-tabs .nav-item:first-child {
        padding-left: 0 !important;
    }

    .search .nav.nav-tabs .nav-item {
        padding-right: 0 !important;
    }

        .search .nav.nav-tabs .nav-item .nav-link {
            font-size: 15px !important;
            height: 60px !important;
            line-height: 20px !important;
            padding: .5em !important;
        }

        .search .nav.nav-tabs .nav-item:nth-child(2) .nav-link {
            line-height: 36px !important;
        }

        .search .nav.nav-tabs .nav-item .nav-link.active {
            font-size: 15px !important;
            line-height: 12px !important;
        }

            .search .nav.nav-tabs .nav-item .nav-link.active > span {
                font-size: 11px !important;
                line-height: 18px !important;
                margin-top: 5px;
            }

    .search .results-filter {
        border: 1px solid #d8d8d8;
        background: #f6f5f5;
        padding: 10px;
    }

        .search .results-filter a.pull-right {
            padding: 0 20px;
            background: #FFFFFF;
            border: 1px solid;
            line-height: 22px;
            display: inline-block !important;
        }

        .search .results-filter label {
            margin-bottom: 0;
        }

        .search .results-filter .form-group {
            margin-bottom: 5px;
        }

    .now-read-control .now-read-title {
        text-align: center;
    }

    .footer-lower .footer-links-title::after {
        width: 45% !important;
    }

    .author-row > .col-md-12 > div {
        border-top: 1px solid #CDCDCD;
        padding-top: 15px;
    }

    .member-name.dropdown-toggle .fa.fa-caret-down {
        color: #000000;
        float: right;
    }

    .events-promo .carousel-item {
        border: 1px solid #000000;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .events-promo .carousel-control .icon-prev,
    .events-promo .carousel-control .icon-next {
        width: 50px;
        height: 50px;
        margin-top: -50px;
        font-size: 50px;
    }

    .events-promo .carousel-item .col-md-6 {
        display: none !important;
    }

    .events-promo .carousel-item .events-promo-image-container {
        display: block !important;
    }

        .events-promo .carousel-item .events-promo-image-container img {
            display: block;
            margin-right: auto;
            margin-left: auto;
            width: auto;
        }

    .sm-home-opinion-col {
        background: #F6F6F6;
        margin-right: 0 !important;
    }

    .sm-home-opinion > .row,
    .sm-home-analysis > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .sm-home-analysis-col {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .sm-analysis-article-title,
    .sm-opinion-article-title {
        font-size: 23px !important;
        line-height: 28px !important;
    }

    .campaign-row > .col-lg-7 {
        padding-left: 0;
    }

    .sm-homepage-content > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .sm-home-article-col {
        margin-right: 0 !important;
    }

    .sm-home-main-news-col {
        margin-left: 0 !important;
    }

    .sm-home-advert-col {
        margin-left: 0 !important;
        width: 100%;
    }

    .sm-home-main-news-col > .row > div:nth-child(1) {
        padding-bottom: 0;
    }

    .sm-home-main-news-col > .row > div:nth-child(2) {
        padding-top: 0;
    }

    .more-news-promo,
    .cips-magazine {
        margin-bottom: 15px;
    }

        .sm-home-main-news-col .col-md-6:nth-child(2) a:nth-of-type(1) .news-article-title,
        .more-news-promo .row > .col-md-6:nth-child(2) .news-article-title {
            border-top: 1px solid #CECECE !important;
            margin-top: 15px !important;
            padding-top: 15px !Important;
        }

    .latest-cips-knowledge {
        margin-top: 15px;
    }

    .in-your-region {
        height: auto !important;
    }

    .sm-home-opinion > .row > .col-md-10,
    .sm-home-opinion > .row > .col-md-12,
    .sm-home-analysis > .row > .col-md-10,
    .sm-home-analysis > .row > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .sm-homepage-content .latest-jobs-widget {
        margin-bottom: 0 !important;
        margin-top: 15px !important;
    }

    .sm-home-opinion .col-md-12 > .row > div > div:nth-child(1) {
        font-size: 14px;
        line-height: 18px;
    }

    .sm-home-opinion .col-md-12 > .row > div > div:nth-child(2) {
        font-size: 16px;
        line-height: 20px;
    }

    .cips-magazine img {
        display: none;
    }

    .cips-magazine > .row > .col-md-6 > a {
        padding-bottom: 15px;
    }

    .sm-home-opinion .col-lg-3.col-sm-2.col-xs-3 {
        padding-right: 0;
    }

    .mobile-sign-in-dropdown .member-name .col-xs-9 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    #cookie-bar p span {
        display: block;
    }
}

@media (max-width: 350px) {
    .find-us-social-control .fa-lg {
        font-size: 30px;
    }
}

@media (max-width: 320px) {
    .campaign-expiry-date-counter.flip-clock-wrapper ul {
        width: 25px !important;
    }
}

@media (min-width: 543px) and (max-width: 1199px) {
    .topics-row .col-xl-2 a .topic-article-title {
        min-height: 85px;
    }
}

@media (max-width: 543px) {
    .topics-row .col-xl-2 {
        border: 1px solid #000000 !important;
        border-top: none !important;
    }

        .topics-row .col-xl-2:nth-child(1) {
            border-top: 1px solid #000000 !important;
        }

        .campaign-expiry-date-container .campaign-expiry-date-counter,
        .campaign-expiry-date-container .campaign-expiry-date-message {
            display: block !important;
            padding-left: 0 !important;
            max-width: 100% !important;
        }
}

@media (max-width: 420px) {
    .latest-cips-knowledge > div > a {
        display: block;
        border-left: none !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}
