.menu li a {
    padding: 7px 12px 8px;
}

#navbar {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.menu li a:not(.is-active) {
    color: #666 !important;
}

.menu {
    padding-top: 10px !important;
}

.menu li {
    font-family:"Citroen Regular",sans-serif;
    font-weight: 600;
    font-size:16px;
    text-decoration: none;
    background-color: #fff;
}

.navbar-toggle {
    background-color: #dc002e;
}

.navbar-collapse.collapse {
    margin-left: 0 !important;
}

.navbar-toggle span {
    background: #FFFFFF;
}

.menu li ul {
    display: none;
}

.menu li:hover a {
    text-decoration: none;
}
@media only screen and (min-device-width: 990px) {
    .feature-car img {
        margin-left:4%;
    }

    .feature-car {
        width: 265px !important;
    }

    .menu {
        display: inline-block;
        width:100%;
        float:left;
    }

    .menu li {
        padding-right: 3.5%;
        float:left;
        list-style: none;
    }

    .menu .is-active {
        border-bottom: 4px solid #dc002e;
        font-weight: 600;
        color: #666;
        background-color: #fff;
    }

    .menu ul li a {
        padding: 0 !important;
    }

    .menu li:hover > ul li {
        display: block;
        position: relative;
        z-index: 599;
        padding-bottom: 1px;
        border: 1px solid #ccc;
        width: 100%;
        text-align: center;

    }

    .menu li:hover > ul li a {
        font-weight: bold;
        color: #666;
        text-align: center;
        text-decoration: none;
    }

    .menu li:hover > ul {
        display: block;
        position: absolute;
        white-space: nowrap;
        z-index: 222;
        width: 13%;
        text-align: center;
        margin-left: -33px;
        text-decoration: none;
    }
}

@media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation: portrait) {

    .feature-car img {
        margin-left:4%;
    }

    .feature-car {
        width: 355px !important;
    }

    .menu {
        display: inline-block;
        width:100%;
        float:left;
    }

    .menu li {
        padding-right: 0;
        float:left;
        list-style: none;
    }

    .menu .is-active {
        border-bottom: 4px solid #dc002e;
        font-weight: 600;
        color: #666;
        background-color: #fff;
    }

    .menu ul li a {
        padding: 0 !important;
    }

    .menu li:hover > ul li {
        display: block;
        position: relative;
        z-index: 599;
        padding-bottom: 1px;
        border: 1px solid #ccc;
        width: 100%;
        text-align: center;

    }

    .menu li:hover > ul li a {
        font-weight: bold;
        color: #666;
        text-align: center;
        text-decoration: none;
    }

    .menu li:hover > ul {
        display: block;
        position: absolute;
        white-space: nowrap;
        z-index: 222;
        width: 13%;
        text-align: center;
        margin-left: -33px;
        text-decoration: none;
    }

    .header-block {
        border-bottom: 1px solid #ccc;
    }

    ul.menu {
        margin-top: 1%;
        padding: 0 !important;
    }
}

@media only screen and (max-device-width: 889px) {
    .services {
        text-align: left;
    }

    .facebook-feed iframe {
        padding: 2.5% !important;
    }

    .finance-form iframe {
        height: 3000px;
    }

    .feature-car {
        width: 290px !important;
    }

    .feature-car img {
        margin-left:4%;
    }

    .main-logo .logo-header {
        text-align: center;
    }

    .main-menu {
        border-top: 0 !important;
        width: 100%;
    }

    ul.menu {
       padding: 2%;
    }

    .menu ul li a {
        text-decoration: none;
    }

    .navbar-header {
        border-top: 1px solid #ccc !important;
    }

    .menu {
        padding-top: 0 !important;
    }

    .menu .is-active {
        text-underline-color: #dc002e;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 750px) and (orientation: landscape) {
    .team-member {
        width: 44% !important;
    }


    .facebook-feed iframe {
        padding: 0.8% !important;
    }

    .image-enlarger:hover .main-used-car-image-main {
        display: none;
    }

    .offer-description h2 {
        text-align: center;
    }

    .main-logo {
        text-align: center;
    }

    .nbs-flexisel-nav-right {
        width: 7%;
    }

    .main-used-car-image img {
        height: 100% !important;
    }

    .main-logo .logo-header {
        font-size: 2.6em;
    }

    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        margin-top: 20%;

    }

    .used-car-header {
        border-bottom: none;
    }

    .facebook-feed, .meet, .find-us {
        margin-left: 0;
    }

    .facebook-feed {
        width: 55%;
    }

    .find-us {
        width: 40%;
    }

    .region-featured-top .flexslider .flex-direction-nav a, .region-featured-top .flexslider .flex-direction-nav a {
        display: none !important;
    }

    .finance-form iframe {
        width: 80%;
    }

    .warranty-description {
        width: 90%;
        margin-left: 5%;
    }

    .car-servicing {
        padding: 4% !important;
        padding-top: 0 !important;
    }

    .workshop h1 {
        margin-left: 5%;
        width: 90%;
    }

    .services ul li {
        width: 100%;
    }

    .main-service h3, .main-service span {
        padding-top: 0 !important;
    }

    .car-servicing {
        padding: 5% !important;
    }

    .team img {
        height: 180px;
    }

    .offers {
        text-align:center;
    }

    #new-car-models ul li:not(.heading) i {
        padding-top: 1%;
    }

    .services ul li {
        width: 100%;
    }

    .used-car-secondary-header {
        border: 0;
    }

    .results {
        text-align: center;
    }

    .car-servicing {
        font-family: 'Citroen Regular', sans-serif !important;
        text-align: left;
    }

    .top-pagination {
        margin-left:35%;
        float: none;
    }

    .car-form select {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2%;
    }

    .car-form .button {
        width: 100%;
        margin-left: 0;
    }

    .car-form {
        padding-bottom: 5%;
    }

    .pagination ul li {
        margin-left: 0;
        margin-right: 2%;
    }

    .pagination-results ul {
        padding-left: 0;
    }

    .site-footer__bottom .menu {
        display: none;
    }

    .all-feeds {
        text-align: center;
    }

    .car-price-button {
        text-align: center;
        padding-top: 0%;
    }

    .used-car-header h1, .used-car-secondary-header {
        text-align: center;
        padding-top: 2%;
    }

    .top-sort {
        margin-right: 1%;
    }

    .top-sort ul {
        padding-top: 3%;
        padding-left: 0;
        text-align:center;
    }

    .overview-menu ul li {
        width: 100%;
        text-align: center;
    }

    .secondary-service img {
        width: 100%;
        max-height: 100%;
    }

    .main-service {
        max-height: 100%;
    }

    .nopadding {
        padding: auto;
    }

    .main-service {
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
    }

    .facebook-feed, .meet, .find-us {
        margin-left: 2%;
        margin-bottom: 2%;
    }

    .meet {
        width:97%;
    }

    .team div {
        width: 50%;
    }

    .ul.menu a.is-active, .menu li a {
        padding: 0;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 641px) and (orientation: portrait) {
    .facebook-feed iframe {
        padding: 0.5% !important;
    }

    .offer-description h2 {
        text-align: center;
    }

    .image-enlarger:hover .main-used-car-image-main {
        display: none;
    }

    .main-logo {
        text-align: center;
    }

    .nbs-flexisel-inner {
        width: 100%;
    }

    .nbs-flexisel-container {
        margin: auto;
    }

    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        margin-top: 20%;
    }

    .nbs-flexisel-nav-right {
        width: 12%;
    }

    .car-servicing {
        font-family: 'Citroen Regular', sans-serif !important;
        text-align: left;
    }

    .facebook-feed, .meet, .find-us {
        margin-left: 0;
        margin-bottom: 2%;
    }

    .finance-form iframe {
        width: 100%;
    }

    .main-used-car-image img {
        height: 250px;
    }

    .warranty-description {
        width: 90%;
        margin-left: 5%;
    }

    .car-servicing {
        padding: 4% !important;
        padding-top: 0 !important;
    }

    .workshop h1 {
        margin-left: 5%;
        width: 90%;
    }

    .main-service {
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
    }

    .car-price-button {
        text-align: center;
        padding-top: 0%;
    }

    .services ul li {
        width: 100%;
    }

    .offers, .offer-description, .offer-description h2 {
        text-align:center;
        float: none;
    }

    .region-featured-top .flexslider .flex-direction-nav a, .region-featured-top .flexslider .flex-direction-nav a {
        display: none !important;
    }
    .used-car-header {
        border-bottom: none;
    }
    .results {
        text-align: center;
    }

    .used-car-secondary-header {
        border: 0;
    }

    .results {
        text-align: center;
    }

    .top-pagination {
        margin-left:30%;
        float: none;
    }

    .top-sort {
        text-align:left;
    }

    .car-form select {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2%;
    }

    .car-form .button {
        width: 100%;
        margin-left: 0;
    }

    .car-form {
        padding-bottom: 5%;
    }

    .pagination ul li {
        margin-left: 0;
        margin-right: 2%;
    }

    .pagination-results ul {
        padding-left: 0;
    }

    .site-footer__bottom .menu {
        display: none;
    }

    .all-feeds {
        text-align: center;
    }

    .used-car-header h1, .used-car-secondary-header {
        text-align: center;
        padding-top: 2%;
    }

    .top-sort {
        margin-right: 1%;
    }

    .top-sort ul {
        padding-top: 3%;
        padding-left: 0;
        text-align: center;
    }

    .overview-menu ul li {
        width: 100%;
        text-align: center;
    }

    .secondary-service img {
        width: 100%;
        max-height: 100%;
    }

    .main-service {
        max-height: 100%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (device-width: 768px) {
    .facebook-feed iframe {
        padding: 0 !important;
    }

    .menu-item--expanded .menu {
        width: 20% !important;
    }

    .facebook-feed {
        overflow: auto;
    }

    .main-used-car-image img {
        min-height: 250px;
    }

    .warranty-image img {
        margin-top: 20%;
    }

    .region-featured-top .flexslider .flex-direction-nav a, .region-featured-top .flexslider .flex-direction-nav a {
        display: none !important;
    }

    .services ul li {
        width: 100%;
    }

    .new-car-buttons {
        margin-top: 8%;
    }

    .new-car-but {
        padding: 9px 9px 9px 9px;
        font-size: 10px;
    }

    .car-price-button {
        text-align: center;
    }

    .pagination-results ul {
        padding-left: 0;
    }

    .main-service img {
        width: 80%;
    }
}

/* iPads */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .menu {
        display: inline-block;
        width:100%;
        float:left;
        margin-top: 0.5%;
        margin-bottom: 0.5% !important;
        padding-bottom: 0.5% !important;
    }

    .main-menu {
        border-top: 1px solid #ccc !important;
    }

    .menu li {
        padding-right: 2%;
        float:left;
        list-style: none;
    }

    .menu .is-active {
        border-bottom: 4px solid #dc002e;
        font-weight: 600;
        color: #666;
        background-color: #fff;
    }

    .menu ul li a {
        padding: 0 !important;
    }

    .menu li:hover > ul li {
        display: block;
        position: relative;
        z-index: 599;
        padding-bottom: 1px;
        border: 1px solid #ccc;
        width: 100%;
        text-align: center;

    }

    .menu li:hover > ul li a {
        font-weight: bold;
        color: #666;
        text-align: center;
        text-decoration: none;
    }

    .menu li:hover > ul {
        display: block;
        position: absolute;
        white-space: nowrap;
        z-index: 222;
        width: 15%;
        text-align: center;
        margin-left: -33px;
        text-decoration: none;
    }

    #car-ad ul li {
        margin-bottom: 45%;
    }

    .car-price-button {
        padding-top: 23%;
    }

    .feature-car img {
        margin-left:4%;
    }

    .feature-car {
        width: 295px !important;
    }
    .facebook-feed, .facebook-feed iframe {
        margin: 0 !important;
        padding: 0;
    }

    .facebook-feed iframe {
        width: 100% !important;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    .new-car-buttons {
        margin-top: 15%;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .main-used-car-image img {
        min-height: 400px;
    }

    .feature-car img {
        margin-left:4%;
    }

    .feature-car {
        width: 325px !important;
    }

    .car-overview .col-lg-3 {
        width: 100% !important;
    }

    .region-featured-top .flexslider .flex-direction-nav a, .region-featured-top .flexslider .flex-direction-nav a {
        display: none !important;
    }

    /* For portrait layouts only */
    .warranty-image img {
        margin-top: 40% !important;
    }
}


@media only screen
and (min-device-width : 567px)
and (max-device-width : 570px)
and (orientation : landscape) {
    .main-used-car-image img {
        height: 300px;
    }

    .used-car-price {
        text-align: center;
    }
}

@media screen and (device-width: 640px) and (device-height: 360px) {
    .main-used-car-image img {
        height: 300px;
    }

    .used-car-secondary-header {
        border-bottom: none;
    }

    .used-car-header {
        border-bottom: none;
    }

    .top-pagination {
        float: left !important;
    }

    #car-ad ul li {
        margin-bottom: 6%;
    }

    .car-price-button {
        padding-top: 0;
        text-align: center;
    }
}

/* iPhone 6+ */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 3)
{
    .feature-car img {
        margin-left:4%;
    }

    .feature-car {
        width: 315px !important;
    }
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (device-width : 414px)
and (device-height : 736px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 3)
and (-webkit-device-pixel-ratio : 3)
{
    .feature-car img {
        margin-left:3%;
    }

    .feature-car {
        width: 330px !important;
    }
}