@media (max-width: 1160px) {
    .mobile-toggle {
        display: block !important;
    }

    .mobile-menu.open {
        display: block;
    }

    .mobile-menu {
        display: none;
        background: white;
        border-top: 1px solid #dde3e8;
        padding: 12px 24px 20px;
    }

    .topimage-homepage {
        background-image: url(/Graphics/Images/TopOfPage/Homepage_Top.png);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .toba-image {
        background-image: url(/Graphics/Images/TopOfPage/Terms_of_Business_Agreement.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .partners-image {
        background-image: url(/Graphics/Images/TopOfPage/Organisations_we_Work_With.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .partners-image {
        background-image: url(/Graphics/Images/TopOfPage/Organisations_we_Work_With.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .principles-image {
        background-image: url(/Graphics/Images/TopOfPage/Principles.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .peoplewalkinginafield-homepage {
        background-image: url(/Graphics/Images/TopOfPage/PeopleWalkingInAField.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .archive-image {
        background-image: url(/Graphics/Images/TopOfPage/Archive.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .why-choose-ram-image {
        background-image: url(/Graphics/Images/TopOfPage/Why_Choose_RAM.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
        color: #fff;
    }


    .requested-image {
        background-image: url(/Graphics/Images/TopOfPage/Requested.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .grouplifeimage-homepage {
        background-image: url(/Graphics/Images/TopOfPage/Homepage_Top.png);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
    }

    .people-around-a-laptop {
        background-image: url(/Graphics/Images/TopOfPage/people-around-laptop.jpeg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
    }

    .gdpr-image {
        background-image: url(/Graphics/Images/TopOfPage/GDPR.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
    }

    .history-image {
        background-image: url(/Graphics/Images/TopOfPage/History.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
    }

    .faqs-image {
        background-image: url(/Graphics/Images/TopOfPage/FAQs.jpg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
    }

    .people-walking-with-a-dog {
        background-image: url(/Graphics/Images/TopOfPage/homepage-footer.jpeg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
    }

    .people-on-a-beach {
        background-image: url(/Graphics/Images/TopOfPage/People_On_Beach_Banner_1.png);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
    }

    .bottomimage-homepage {
        background-image: url(/Graphics/Images/TopOfPage/homepage-footer.jpeg);
        background-size: cover;
        background-position: center;
        min-height: auto;
        display: flex;
        padding: 0;
    }

    .blue-gradient {
        background-image: linear-gradient(90deg,rgba(2,38,70,.97) 0%,rgba(2,38,70,.86) 42%,rgba(2,38,70,.22) 68%,rgba(2,38,70,.03) 100%);
        align-items: center;
        background-position: center;
        background-size: cover;
        width: 100%;
        display: flex;
        padding: 70px 0;
    }

    .blue-gradient-full {
        background-image: linear-gradient(90deg,rgba(3,45,82,.94),rgba(3,45,82,.58));
        background-position: center;
        background-size: cover;
        width: 100%;
        display: flex;
        padding: 70px 0;
    }

    .blue-block {
        background: linear-gradient(135deg,#032e52,#073b69);
        color: #fff;
        padding: 70px 0;
    }

    .hero-text-720 {
        color: #fff;
        font-size: 20px;
        max-width: 720px;
        text-align: justify;
        font-weight: 400;
    }

    .shell {
        width: min(100% - 30px,1180px);
    }

    .brand {
        width: 210px
    }

    .top-grid {
        grid-template-columns: 1fr;
    }

    .card {
        margin-bottom: 38px
    }

    .credentials-grid {
        grid-template-columns: 1fr 1fr
    }

        .credentials-grid div {
            padding: 18px 12px
        }

    .desktop-nav {
        display: none !important;
    }

    .search-btn {
        display: none !important;
    }

    .contact-link {
        display: none !important;
    }

    .callrequest {
        display: none !important;
    }
    
    .narrow-left {
        padding-right: 0;
        background: rgba(255,255,255,.82);
        padding: 25px;
        border-radius: 14px;
    }

    .reframe-grid {
        grid-template-columns: 1fr;
    }

    .reframe-services-grid {
        grid-template-columns: 1fr;
    }

    .btn-white-with-border {
        margin-top: 5px;
        text-align: center !important;
        align-items: center;
    }
}



@media (min-width: 900px) {
    .topimage-homepage {
        background-image: url(/Graphics/Images/TopOfPage/Homepage_Top.png);
        background-size: cover;
        background-position: center;
        min-height: 650px;
        display: flex;
        padding: 0;
    }

    .archive-image {
        background-image: url(/Graphics/Images/TopOfPage/Archive.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .requested-image {
        background-image: url(/Graphics/Images/TopOfPage/Requested.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .grouplifeimage-homepage {
        background-image: url(/Graphics/Images/TopOfPage/Homepage_Top.png);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
    }

    .people-around-a-laptop{
        background-image: url(/Graphics/Images/TopOfPage/people-around-laptop.jpeg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
    }

    .people-on-a-beach {
        background-image: url(/Graphics/Images/TopOfPage/People_On_Beach_Banner_1.png);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
    }

    .gdpr-image {
        background-image: url(/Graphics/Images/TopOfPage/GDPR.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
    }

    .history-image {
        background-image: url(/Graphics/Images/TopOfPage/History.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
    }

    .faqs-image {
        background-image: url(/Graphics/Images/TopOfPage/FAQs.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
    }

    .peoplewalkinginafield-homepage {
        background-image: url(/Graphics/Images/TopOfPage/PeopleWalkingInAField.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
    }

    .people-walking-with-a-dog {
        background-image: url(/Graphics/Images/TopOfPage/homepage-footer.jpeg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
    }

    .planting-tree {
        background-image: url(/Graphics/Images/TopOfPage/Our_History.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
    }


    .why-choose-ram-image {
        background-image: url(/Graphics/Images/TopOfPage/Why_Choose_RAM.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .principles-image {
        background-image: url(/Graphics/Images/TopOfPage/Principles.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .planting-tree {
        background-image: url(/Graphics/Images/TopOfPage/Our_History.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
    }

    .partners-image {
        background-image: url(/Graphics/Images/TopOfPage/Organisations_we_Work_With.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .toba-image {
        background-image: url(/Graphics/Images/TopOfPage/Terms_of_Business_Agreement.jpg);
        background-size: cover;
        background-position: center;
        min-height: 380px;
        display: flex;
        padding: 0;
        color: #fff;
    }

    .bottomimage-homepage {
        background-image: url(/Graphics/Images/TopOfPage/homepage-footer.jpeg);
        background-size: cover;
        background-position: center;
        min-height: 650px;
        display: flex;
        padding: 0;
    }

    .radimage {
        background-image: url(/Graphics/Images/people/rad_img.png);
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: 100%;
    }

    .hero-text-720 {
        color: #e7edf2;
        font-size: 20px;
        max-width: 720px;
        text-align: justify;
        font-weight: 400;
    }

    .hero-text-440 {
        font-size: 17px;
        max-width: 440px;
        text-align: justify;
    }
}

.blue-gradient {
    background-image: linear-gradient(90deg,rgba(2,38,70,.97) 0%,rgba(2,38,70,.86) 42%,rgba(2,38,70,.22) 68%,rgba(2,38,70,.03) 100%);
    align-items: center;
    background-position: center;
    background-size: cover;
    width: 100%;
    display: flex;
}

.blue-gradient-full {
    background-image: linear-gradient(90deg,rgba(3,45,82,.94),rgba(3,45,82,.58));
    background-position: center;
    background-size: cover;
    width: 100%;
    display: flex;
}

.blue-block {
    background: linear-gradient(135deg,#032e52,#073b69);
    color: #fff;
    padding: 95px 0 88px;
}

.orange-gradient {
    background: linear-gradient(90deg, rgba(241,122,32,1), rgba(252,176,69,0) 100%);
}

.white-gradient {
    background-image: linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.88) 55%,rgba(255,255,255,.15));
    align-items: center;
    background-position: center;
    background-size: cover;
    width: 100%;
    display: flex;
}


@media (min-width: 576px) {
 }

@media (min-width: 768px) {
 }

@media (min-width: 992px) {
 }

@media (min-width: 1200px) {
 }

.icon-search {
    padding-left: 55px !important;
    background: url("/Graphics/Images/icons/search.png") no-repeat 10px 10px;
    background-size: 30px;
}