@media (max-width: 991px) {
    .header-buttons a {
        color: #1850d9;
        font-size: 13px;
        background: #fff;
        font-weight: 700;
        vertical-align: middle;
    }
    .header-buttons {
        padding: 10px 0px;
    }
    .header-bottom {
        width: 100%;
        display: inline-block;
    }
    .main-header {
        padding: 0px;
    }
    .header-top {
        padding: 10px 0px;
        background: #1850d9;
    }
    .logo img {
        filter: brightness(0) saturate(100%) invert(92%) sepia(93%) saturate(0%)
            hue-rotate(202deg) brightness(106%) contrast(106%);
    }
    .top-contact-image {
        filter: brightness(0) saturate(100%) invert(92%) sepia(93%) saturate(0%)
            hue-rotate(202deg) brightness(106%) contrast(106%);
    }
    .border-left-md {
        border-left: 1px solid #1850d9;
    }
    .main-nav {
        display: none;
    }
    .top-contact-number,
    .top-contact-title {
        color: #fff;
    }
    .about-title {
        margin-top: 30px;
    }
    .feature-title {
        margin-top: 30px;
        text-align: center;
    }
    .featured-content {
        text-align: center;
    }
    .mobile-app-image-container {
        margin-bottom: 20px;
    }
    .faq-accordion-section {
        height: auto;
        margin-top: 30px;
        margin-left: 0px;
    }
    .footer-call-on {
        top: -235px;
    }
}
@media (max-width: 767px) {
    .border-left {
        border: 0px;
    }
    .welcome-title {
        font-weight: 600;
        font-size: 22px;
        padding-left: 0px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 30px;
        vertical-align: middle;
    }

    .home-about-section {
        background: #1850d9;
    }
    .about-big-title {
        margin: 0;
        font-size: 48px;
        font-weight: 600;
        line-height: 53px;
    }
    .about-container {
        padding: 0px;
    }
    .about-content {
        display: none;
    }
    .about-content-mobile {
        display: block;
    }
    .about-title {
        margin-top: 30px;
        text-align: center;
        margin-bottom: 20px;
        font-weight: 400;
        line-height: 38px;
        text-align: center;
        vertical-align: middle;
    }
    .feature-title {
        font-size: 29px;
        font-weight: 600;
        line-height: 36px;
        text-align: center;
    }
    .featured-content {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
    }
    .features-service-item {
        margin-bottom: 20px;
    }
    .trust-us-main-title {
        font-size: 29px;
        line-height: 38px;
        text-align: center;
        margin-bottom: 30px;
    }
    .trust-us-content-mobile {
        display: block;
    }
    .trust-us-content {
        display: none;
    }
    .discover-button {
        width: 100%;
        padding: 15px 0px;
    }
    .mobile-app-small-title {
        font-size: 10.7px;
        text-align: center;
    }
    .mobile-app-title {
        font-size: 25px;
        line-height: 32px;
        text-align: center;
    }
    .mobile-app-content {
        font-size: 14px;
        text-align: center;
        line-height: 22.2px;
    }
    .mobile-app-downloads {
        text-align: center;
    }
    .logo-slider-title {
        font-size: 18px;
    }
    .faq-section-title {
        font-size: 28.2px;
        line-height: 37.6px;
    }
    .faq-section-content {
        font-size: 14px;
        line-height: 22px;
        margin: 10px 0px 20px;
    }
    .faq-accordion-section .accordion-button {
        font-size: 14px;
        line-height: 15.67px;
    }
    .faq-accordion-section .accordion-body {
        font-size: 12px;
        line-height: 20px;
    }
    .bottom-video-title {
        font-size: 33.56px;
        line-height: 39.75px;
    }
    .bottom-video-content {
        font-size: 14px;
        text-align: center;
        line-height: 25.61px;
    }
    .bottom-video-section-button {
        margin-top: 15px;
    }
    .call-on-icon {
        margin-bottom: 15px;
    }
    .main-footer {
        padding-top: 250px;
    }
    .footer-call-on {
        top: -365px;
    }
    .main-footer-logo img {
        height: 70px;
    }
    .main-footer-content {
        font-size: 14px;
        line-height: 26.39px;
    }
    .main-footer-logo img {
        margin-bottom: 15px;
    }

    .footer-widget-title {
        margin-bottom: 5px;
        margin-top: 25px;
    }
    .news-letter .input-group {
        display: block;
    }
    .news-letter .input-group input {
        width: 100%;
        height: 50px;
    }
    .news-letter .input-group button {
        width: 100%;
        justify-content: center;
    }
    .socila-icons {
        display: flex;
        justify-content: space-between;
    }
    .hide-mobile {
        display: none;
    }
    .service-mobile-section {
        display: block;
    }
    .whatsapps {
        display: block;
    }
}
@media (max-width: 576px) {
    .footer-call-on {
        width: 95%;
        padding: 30px 20px 0;
    }
    .call-on-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 35px;
    }
    .call-on-content {
        font-size: 12px;
        margin-bottom: 30px;
    }
    .pad-right-0 {
        padding-right: 0px !important;
    }
    .logo img {
        height: auto;
        max-height: 40px;
    }
    .top-contact-image {
        height: 27px;
    }
    .top-contact-title {
        font-size: 9px;
    }
    .top-contact-number {
        font-size: 12px;
    }
    .top-contact-number img {
        height: 13px;
    }
    .header-buttons a {
        font-size: 12px;
    }
    .mobile-app-downloads img {
        height: 33px;
    }
    .mobile-app-container {
        padding: 30px;
    }
    .welcome-section {
        padding: 50px 0px;
    }
    .faq-section {
        padding: 30px 0px;
    }
    .service-page-main-title {
        display: none;
    }
    .service-tile {
        padding: 5px 0px;
    }
    .service-tile img {
        height: 30px;
    }
    .service-tile p {
        font-size: 8px;
    }
    .services-list a {
        margin: 5px 3px;
        font-size: 10px;
        padding: 5px 10px;
    }
    .service-page-section nav .nav-pills {
        flex-direction: column;
    }
    .service-page-section nav .nav-item {
        border-bottom: 1px solid #ffffff36;
    }
    .about-welcome-section{
        padding:20px 0px;
    }
}
