/* Portrait */
@media (max-width: 768px) and (orientation: portrait) {
    /* Styles for portrait mode */
}

/* Landscape */
@media (max-width: 768px) and (orientation: landscape) {
    /* Styles for landscape mode */
}

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

@media (min-width: 1200px) and (max-width: 1399px) {
    /* Styles for extra large devices */

    .service-card__inner {
        width: 1100px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Styles for large devices */
    .service-card__inner {
        width: 940px;
    }
    .navbar-brand img {
        max-height: 40px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    /* Styles for medium devices */

    .service-card__inner {
        width: 700px;
    }
    .aplhacard {
        width: 25%;
    }
    .heretext {
        width: 19%;
    }
    .mobile-toggle.hideInDesktop {
        display: block;
    }
    .mobileMenu .nav-item img,
    .mobileMenu .accordion-item img {
        width: 32px;
        height: 32px;
        background-color: #0d6dfc;
        border-radius: 100%;
        padding: 6px;
    }
    .mobileMenu .accordion-item {
        border: 0;
    }
    .mobileMenu .accordion-button {
        padding: 10px;
        font-weight: 600;
    }
    .mobileMenu .nav-link {
        font-size: 18px;
        font-weight: 500;
        margin-left: 10px;
    }
    .customfont {
        font-size: 26px;
    }
    .tn-atom__img {
        width: 40.6%;
    }
    .fbads-cards {
        height: 340px;
    }
    .retail-list span {
        font-size: 14px;
    }
    .re-define-tab {
        justify-content: start !important;
    }
    .ion-hero-ambient-video {
        position: relative;
        width: 100%;
    }
    .carousel-item {
        height: 240px;
    }
    .newsCaption {
        bottom: 55px;
        left: 0;
    }

    .hero-video {
        width: 80%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    /* Styles for small devices */
}

@media (max-width: 576px) {
    /* Styles for extra small devices */
    .citebox {
        font-size: 30px;
    }

    .banner-slider .slick-track {
        left: -120px;
    }
    .hideInMobile {
        display: none;
    }
    .hideInDesktop {
        display: block;
    }

    #counter .item {
        width: 170px;
    }
    .service-card__inner {
        width: 350px;
        margin-inline: auto;
    }

    .performancemedia-slider img {
        height: 388px;
    }

    .fbads-cards {
        height: 200px;
    }
    .gbp-cards {
        height: 460px;
    }

    .seointro ul {
        margin: 0 0 !important;
    }

    .action-btn {
        overflow: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100%;
        margin-top: 5px;
    }

    .service-card .nav,
    .servicesbox {
        overflow: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 10px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .heroTitle {
        font-size: 50px;
        letter-spacing: 0rem;
        line-height: 52px;
    }
    .subTitle {
        font-size: 30px;
        letter-spacing: 0rem;
        line-height: 32px;
    }

    .ion-hero-ambient-video {
        width: 100%;
    }
    .heretext {
        width: 40%;
    }

    .mobileMenu .nav-link {
        font-size: 18px;
        font-weight: 500;
        margin-left: 10px;
    }
    .mobileMenu .nav-item {
        display: flex;
        align-items: center;
    }
    .mobileMenu .nav-item img,
    .mobileMenu .accordion-item img {
        width: 32px;
        height: 32px;
        background-color: #0d6dfc;
        border-radius: 100%;
        padding: 6px;
    }

    .mobileMenu .accordion-item {
        border: 0;
    }
    .mobileMenu .accordion-button {
        padding: 10px;
        font-weight: 600;
    }
    .mobileMenu .accordion-body a {
        color: black;
    }

    .mobileMenu .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color: #ffffff;
        box-shadow: none;
    }
    .mobileMenu .accordion-button:focus {
        box-shadow: none;
    }
    .hero-section {
        padding: 0px 0;
    }
    .hereBox {
        margin: 0px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .tab-content > .tab-pane .card {
        width: auto;
    }
    .card-text:last-child {
        font-size: 12px;
    }
    .hideInDesktop .servicescards .card {
        width: 50%;
    }

    .service-card {
        height: 800px;
        max-height: 100vh;
        overflow: hidden;
    }
    .hero-image img {
        width: 100% !important;
    }
    .aplhacard {
        width: 50%;
    }
    .servicecard .serviceHeading {
        width: 50%;
    }
    .contact-msg {
        font-size: 50px;
        background-color: #032a3e;
        color: #ffffff;
    }

    .servicecard .serviceContent {
        width: 60%;
    }
    .mobileNav {
        overflow-x: auto;
        width: 400px;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-bottom: 10px;
    }
    .teamphoto {
        margin-top: 0px;
    }

    .data_text_lin::before {
        right: 30%;
        top: 80px;
    }
    .serviceBanner p {
        text-wrap: auto;
    }
    .contactForm {
        margin-block: 10px;
    }

    .hero-content .heroheading,
    .hero-content .herosubheading {
        text-align: center;
        font-size: 30px;
    }
}

@media (max-width: 380px) and (min-width: 340px) {
    .mobileNav {
        overflow-x: auto;
        width: 350px;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-bottom: 10px;
    }
}
@media (max-width: 330px) {
    .mobileNav {
        overflow-x: auto;
        width: 300px;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-bottom: 10px;
    }
}