@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

@media (max-width: 767px) {
    .carousel-indicators {
        top: 0;
    }
    #carouselEx2 .slide-content {
        padding: 20px;
        position: relative;
        width: 100%;
    }
    #carouselEx2 .inner-white .carousel-item img {
        position: relative;
    }
    #carouselEx2 .buttons-row {
        height: 100%;
        width: 100%;
        right: 0;
        bottom: 0;
        position: relative;
    }
    #carouselEx2 .buttons-row a.btn-outline {
        margin-top: 20px;
    }
    .carousel .btn-container {
        padding: 20px;
    }
    .btn-outline {
        flex: 100%;
    }
    #carouselEx2.carousel {
        padding: 50px 0 0;
    }
    .case-study-section .d-flex {
        flex-wrap: wrap;
    }
    .case-study-section .d-flex a {
        margin-top: 20px;
    }
    .middle-col {
        border-top: 1px solid var(--secondarylight);
        border-bottom: 1px solid var(--secondarylight);
        margin: 28px 0;
        flex: 100%;
        padding: 20px;
        border-left: none;
        border-right: none;
    }
    .flag-contact li {
        display: block;
    }
    .social-media {
        display: flex;
        flex-flow: row;
    }
    .social-media li {
        width: 100%;
    }
    .banner-img-responsive {
        background-position: bottom center !important;
        background-size: cover;
        background-position: top right;
        background-repeat: no-repeat;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 1023px) {}

@media (max-width: 1439px) {}

@media (max-width: 2559px) {}

.navigation-toggler {
    border: none;
    background: transparent;
}

@media (max-width: 1199px) {
    .header-navigation {
        display: none;
    }
    ul.top-navigation {
        display: none;
    }
}

@media (max-width: 991px) {
    .container {
        max-width: 900px;
    }
    .carousel-indicators {
        bottom: 0;
    }
    /* .brand-image-block {overflow-x: scroll;} */
    .brand-logo {
        margin: 0 50px 20px 50px;
    }
    .case-img img {
        width: 100%;
        border-radius: 0;
    }
    .case-content-box {
        background-color: #fff;
        height: 90%;
        flex-grow: 1;
        padding: 30px;
        border-radius: 0;
    }
    .role-box {
        right: 0;
        bottom: -50;
        width: 100%;
        border-radius: 30px 0 0 0;
    }
    .role-box p {
        padding-right: 0;
    }
    .custom-row-scroll {
        flex-wrap: nowrap;
        overflow-x: scroll;
        margin: 0 15px;
    }
    .custom-row-scroll>.col-md-3 {
        width: 200px;
    }
}

@media (max-width: 767px) {
    .navigation-dark:hover {
        background: var(--secondary) !important;
    }
    .navigation-light .navigation-nav>li>a,
    .navigation-dark:hover .navigation-nav>li>a {
        color: var(--white);
    }
    .logo-hover,
    .logo:hover {
        background: url(../images/logo.svg) no-repeat 0 0 !important;
    }
    .carousel-caption {
        width: 100%;
    }
    .item1 {
        background-position: bottom center;
        background-size: contain;
    }
    .container {
        max-width: 900px;
        overflow: hidden;
    }
    .slider-1 {
        height: 640px;
        background-position: right bottom;
    }
    .client-speak {
        background-image: url(../images/client-1.webp);
        background-repeat: no-repeat;
        border-radius: 20px;
        padding: 40px;
        margin: 15px;
        background-position: -320px 0px;
    }
    .footer-contact-column:not(:last-child) {
        border-right: 0px solid var(--secondary6);
        padding-right: 0;
    }
    .subscribe {
        margin-top: 70px;
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .herotext {
        margin-top: 100px;
    }
    .futureblock:not(:last-child) {
        border-right: 0px solid var(--white);
    }
    .contact-section {
        margin: 15px;
    }
    .client-speak {
        background-position: -470px 145px;
    }
}

/* Media Queries */

@media screen and (min-width: 992px) {
    .navigation {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 0 5rem;
        position: relative;
    }
    .navigation-toggler {
        display: none;
    }
    .brand-and-icon {
        flex: 0 0 100px;
        border-bottom: none;
        padding: 0;
    }
    .navigation-collapse {
        display: block !important;
        overflow-y: hidden;
        flex: 1 0 auto;
    }
    .navigation-nav {
        display: flex;
        align-items: revert;
        flex-direction: row;
        justify-content: flex-end;
        margin-bottom: 0;
    }
    .sub-menu {
        position: absolute;
        left: 0;
        width: 100%;
        top: 80%;
        background: var(--white);
        z-index: 11;
    }
    .navigation-nav>li:hover .sub-menu {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        padding: 0 5rem;
    }
    .navigation-nav>li {
        border-bottom: 2px solid transparent;
        transition: border-bottom 0.4s ease;
        list-style: none;
    }
    .header {
        height: calc(100vh - 75px);
    }
    .header h2 {
        font-size: 6rem;
    }
    .header p {
        width: 40%;
    }
}