@media (max-width: 1501px) {
    .facts-bg .overlay .row div {
        padding: 0px 45px;
    }

    .case-study {
        height: 270px;
    }

        .case-study .overlay {
            max-width: 90%;
        }

    @media (max-width: 1001px) {


        .header {
            
            background-color: black;
            height: auto;         
            width: 100%;
            overflow: hidden;
            background: url(/Content/Images/Backgrounds/HomeWhite.jpg);
            background-position:center top;
            background-size:cover;
            background-repeat:no-repeat;
            
            
            
        }


        .video-title {
            text-align: center;
            color: #fff;
            font-size: 26px;
            margin-top: 35%;
            font-weight: 600;
            text-shadow: 1px 1px 2px black ;
        }

        .contentpage-header-inner {
            padding-top: 50%;
            padding-bottom: 5px;
            min-height: unset;
        }

        .contentpage-header {
            background: url('../Images/Backgrounds/car_country_lane_mobile.jpg');
            background-size:cover!important;
            height:25rem!important;
            background-position:top center!important;
            background-repeat:no-repeat;

        }

        .hidden-mobile {
            display: none;
        }

        .hidden-desktop {
            display: unset;
        }

        .navbar {
            background: rgba(0,0,0,0.6) !important;
        }

        .navbar-brand {
            height: inherit;
            width: 60%;
        }

            .navbar-brand img {
                height: unset;
                width: 69%;
            }

        .navbar-nav li a {
            text-align: center;
        }

        footer {
            text-align: center;
            bottom: -200px;
        }

        .contact-us div {
            padding: 0 15px !important;
        }

        .contactMessage {
            width: 100%;
        }

        .navbar-brand {
            padding: 15px;
        }

        .home-content-wrapper {
            left: 10%;
            top: 33%;
            width: 80%;
        }

        footer .redde-logo {
            width: 35%;
            display:inline-block;
            vertical-align: top;
            
        }

        .video-container {
            width: 100%;
        }

        .values .col-md-20pc {
            flex: 0 0 50%;
            max-width: 50%;
            padding: 10%;
        }

        .awards-list div {
            width: 50%;
        }

        .awards-list img {
            max-width: 100%;
        }

        .intro-text {
            border-left: 4px solid #9ad266;
            padding: 5px;
            margin: 5px;
        }

        .image-text-row {
            margin: 0;
        }

            .image-text-row div {
                padding: 0;
            }

        .case-study .overlay {
            max-width: 93%;
        }

        .contact-banner {
            padding: 15px;
        }

        .cs-banner {
            padding: 15px;
        }

        .bluelight {
            padding: 15px;
            background: #fff;
        }

        .awards {
            padding: 15px;
        }

        .video-text-wrapper .video-link {
            padding: 8px 11px;
        }

        .video-text-wrapper .video-title {
            font-size: 2rem;
        }

        .video-text-wrapper .video-subtitle {
            font-size: 1rem;
        }

        .facts-bg .overlay .row {
            margin: 0;
        }

            .facts-bg .overlay .row div {
                padding: 25px;
            }

        .article-row .modal-dialog, .job-vacancy .modal-dialog {
            max-width: 100%;
            width: 100%;
        }

        .values-icon .col-md-20pc {
            flex: 0 0 50%;
            max-width: 500%;
            padding: 10%;
        }

        .image-text-row div {
            height: unset;
        }

        .odd-col-mobile {
            margin: 0 25%;
        }

        .operational-board {
            padding: 30px;
        }

        .job-vacancy {
            height: unset;
        }

            .job-vacancy p {
                padding: 10px;
                padding-bottom: 0;
            }

            .job-vacancy button {
                padding: 10px;
                margin-bottom: 20px;
            }

        .cs-quote {
            font-size: 18px;
            padding: 10px 20px;
            border-left: 4px solid #9ad266;
            text-align: left;
            margin: 0;
        }

        .footer-menu {
            width: 100%;
           height:auto;
            margin: 0 auto;
            padding-top: 0px;
            text-align: center;
           
        }

        /*Web Fleet page styles*/

        .hideElementsMob{
            display:none;
        }

        .hideElementsDT
        {
            display:block;
        }

        .containerFleet {
            width: 100%;
        }

            .containerFleet h4 {
                margin: 40px 0px 25px 0px;
            }

        .iconsFleetWraper {
            width: 100%;
            height: auto;
            display: none;
            flex-direction:column;
            margin:20px 0px 0px 0px;
        }


        .iconsFleet {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
        }

            .iconsFleet img {
                height: 200px;
                width: auto;
            }

            .iconsFleet p {
                margin-top: 20px;
                font-size: 18px;
                text-align: center;
                line-height: 1.1;
            }

        .chevronFleet {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 0px;
        }


            .chevronFleet img {
                width: 8%;
                height: auto;
                transform:rotate(90deg);
                margin-bottom:20px;
            }


        .linkWrapper {
            width: 100%;
            display: flex;
            justify-content: center;
            margin: 20px 0px 20px 0px;
        }

        .fleetwebLink {
            height: auto;
            width: auto;
            max-width: 200px;
            padding: 5px;
            background-color: #9ad266;
            text-transform: uppercase;
            color: #ffff !important;
            border: 1px solid #9ad266;
            font-size: 12px;
            text-align: center;
            transition: color 500ms ease-out, background-color 500ms ease-out,border 500ms ease-out;
        }

            .fleetwebLink:hover {
                height: auto;
                width: auto;
                max-width: 200px;
                padding: 5px;
                background-color: #fff;
                text-transform: uppercase;
                color: #9ad266 !important;
                border: 1px solid #9ad266;
                font-size: 12px;
                text-align: center;
                transition: color 500ms ease-out, background-color 500ms ease-out,border 500ms ease-out;
            }


    }
}