@media (min-width:320px) and (max-width:767px) {
    .section-padding {
        padding: 60px 0;
    }

    .top-bar,
    .desktop-header,
    .hero-banner,
    .sticky-footer-bar {
        display: none;
    }
    
    .team-member .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    

    .d-flex {
        flex-wrap: wrap;
        gap: 15px !important;
    }

    .mobile-header {
        display: block;
    }

    .mobile-header .navbar {
        padding: 12px 0 !important;
    }

    .mobile-header .logo img {
        width: 200px;
    }

    #mobileMenu .offcanvas-body {
        padding: 0;
    }
    .client-logo p {
    font-size: 26px;
    line-height: 38px !important;
    }

    #mobileMenu .mobile-menu-head {
        display: flex;
        height: 50px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        justify-content: space-between;
        align-items: center;
        z-index: 501;
        position: sticky;
        top: 0;
    }

    #mobileMenu .mobile-menu-head .go-back {
        height: 50px;
        width: 50px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color: #000000;
        font-size: 15px;
    }

    #mobileMenu .mobile-menu-head .mobile-menu-close {
        height: 50px;
        width: 50px;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color: #000000;
        font-size: 15px;
    }

    #mobileMenu {
        overflow: hidden;
    }

    #mobileMenu .menu-main>li>a,
    #mobileMenu .menu-main>li>.sub-menu>ul>li>a,
    #mobileMenu .menu-main>li>.sub-menu>ul>li>.sub-menu>ul>li>a {
        line-height: 50px;
        height: 50px;
        padding: 0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #252422;
        font-size: 15px;
        letter-spacing: 0.4px;
        font-weight: 600;
        position: relative;
    }

    #mobileMenu .menu-main>li>a i,
    #mobileMenu .menu-main>li>.sub-menu>ul>li>a i {
        position: absolute;
        height: 50px;
        width: 50px;
        top: 0;
        right: 0;
        text-align: center;
        line-height: 50px;
        font-size: 15px;
    }

    #mobileMenu .menu-main>li>.sub-menu,
    #mobileMenu .menu-main>li>.sub-menu>ul>li>.sub-menu {
        background-color: #fff;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 50px;
        z-index: 500;
        transform: translateX(100%);
        transition: transform 0.30s linear;
    }

    #mobileMenu .menu-main>li>.sub-menu.active {
        transform: translateX(0);
    }

    /* services */

    .services .main-heading {
        padding-bottom: 30px;
    }

    .services .main-heading .section-title {
        font-size: 28px;
        line-height: 38px;
    }

    .services .main-heading p {
        font-size: 16px;
        line-height: 32px;
        letter-spacing: 0.4px;
    }

    .services .left-bar .nav {
        margin-bottom: 20px !important;
    }

    .services .right-bar {
        padding: 20px;
        border-radius: 20px;
    }

    .services .right-bar .tab-content .tab-pane .content-area h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    /* about section */

    .about-us .content-area {
        padding: unset;
    }

    .about-us .content-area h2,
    .process .main-heading .section-title,
    .industries .main-heading .section-title,
    .testimonial .main-heading .section-title,
    .technology .main-heading .section-title,
    .blogs .main-heading .section-title,
    .filter-faq .main-heading h2, .team-member .main-heading h2 {
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 14px;
    }
    
    .team-member .team-grid .team-box .content .name {
        font-size: 20px;
        line-height: 26px;
    }
    
    .one-team{
        display:none;
    }
    
    .team-member .team-grid .team-box .content .postion{
            text-align: left !important;
    font-size: 14px;
    line-height: 22px !important;
    }

    /* milestone */

    .milestone .counter {
        grid-template-columns: 50% 50%;
        row-gap: 20px;
    }

    .milestone .counter .counter-item {
        display: block;
        padding: 0 15px;
    }

    .milestone .counter .counter-item .number h4 {
        font-size: 32px;
        margin-bottom: 6px;
    }

    .milestone .counter .counter-item .name p, .team-member .main-heading p {
        font-size: 16px;
        line-height: 28px !important;
    }

    /* process */

    .process .processSlider,
    .testimonial .testimonialSlider {
        width: unset;
        margin: unset;
        overflow: unset;
    }

    .process .main-heading p {
        font-size: 16px;
    }

    .about-us .img-box {
        margin-top: 15px;
    }


    .technology .tech-tab-main ul,
    .filter-faq {
        overflow: scroll;
        scrollbar-width: none;
    }

    .ecommerce {
        padding: 30px 10px 30px 10px;
    }

    .ecommerce .content-area h1 {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .innerServices-breadcrumb .content-area p {
        font-size: 15px;
        line-height: 29px;
        margin-bottom: 20px;
    }

    .about-intro img {
        height: 260px !important;
    }

    .about-intro .content-area {
        padding: 15px 0 0 0;
        padding-left: 0 !important;
    }

    .about-intro .content-area h2,
    .why-choose-us .left-side h2,
    .industry-service h2,
    .project-sec .main-heading h2,
    .choose-us .content-area h2,
    .faq .main-heading h2,
    .cta .cta-content h2,
    .expertise-sec .main-heading h2,
    .goal-sec h2,
    .industries-sec .main-heading h2 {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .about-intro .content-area .sub-heading,
    .challenge-sec .left-side p,
    .faq .main-heading p,
    .expertise-sec .main-heading p {
        font-size: 16px;
    }

    p {
        line-height: 28px !important;
    }



    .why-choose-us .left-side .works {
        padding-right: 0px;
        padding-bottom: 10px;
    }

    .goal-sec .goal-box {
        display: block;
    }

    .goal-sec .goal-box .img-box img {
        height: 250px;
        margin-bottom: 15px;
    }

    .goal-sec .goal-box {
        padding: 15px;
        margin-bottom: 12px;
    }

    footer {
        padding: 0 12px;
    }

    footer .ps-4,
    footer .ps-5,
    footer .pe-4,
    footer .ps-3,
    footer {
        padding-left: 0 !important
    }

    footer .pe-4 {
        padding-right: 0 !important
    }

    .choose-us .content-area {
        padding: 25px 15px;
    }

    footer .container-fluid {
        padding: 0 15px;
    }

    footer .logo-box {
        margin-bottom: 20px;
    }

    footer .logo-box img {
        width: 300px;
    }

    .get-in-touch .contact-details {
        display: block;
    }

    .get-in-touch .text p {
        margin-bottom: 20px !important;
    }

    .footer-menu {
        display: block;
    }

    .get-in-touch .contact-details .contact-block p {
        margin-bottom: 15px !important;
    }

    .industries-sec .ps-4 {
        padding-left: 10px !important;
    }

    .industries-sec .industry-row .industry-box .inner-industry {
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .industries-sec .industry-row .industry-box .inner-industry .content h3 {
        font-size: 18px;
    }

    .industries-sec .industry-row {
        display: flex;
        overflow: scroll;
        scrollbar-width: none;
    }

    .industries-sec .industry-row {
        margin-top: 20px;
    }

    .industries-sec .industry-row .industry-item {
        flex: 0 0 300px;
        max-width: 300px;
    }

    .copyright .footer-links {
        justify-content: center;
        gap: 25px;
    }

    .get-in-touch {
        padding-left: 15px !important;
    }

    .copyright .copyright-row p,
    .social-links {
        text-align: center;
        margin-bottom: 8px !important;
    }

    .openings .designation .card .card-header .designation-details ul {
        display: block;
    }

    .openings .designation .card .card-header .designation-details ul li:last-child {
        border-bottom: 0;
    }

    .innerServices-breadcrumb .content-area h1,
    .innerServices-breadcrumb .content-area h2,
    .openings .main-heading h2 {
        font-size: 28px;
    }

    .tour-banner {
        padding: 40px 5px !important;
    }

    .innerServices-breadcrumb {
        position: relative;
    }

    .innerServices-breadcrumb::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

    .innerServices-breadcrumb>* {
        position: relative;
        z-index: 2;
    }

    .innerServices-breadcrumb .content-area {
        position: relative;
        z-index: 5;
    }

    .openings .designation .card .card-header {
        padding: 15px;
       display: block;
    }
    
    .openings .designation .card .card-header .primary-btn {
       padding: 0px 12px;
       font-size: 13px;
       line-height: 32px;
    }

    .openings .designation .card .card-header .designation-details h3 {
        font-size: 22px;
        margin-bottom: 18px;
    }

    .openings .designation .card .card-header .designation-details ul li {
        padding: 0 0 15px 0;
        font-size: 15px;
        border-right: 0px;
        border-bottom: 1px solid #ddd;
    }

    .industries .industrie-details {
        display: flex;
        gap: 10px;
        flex-wrap: nowrap;
        overflow: scroll;
        scrollbar-width: none;
        justify-content: start;
    }

    .industries .industrie-details .column {
        flex: 0 0 300px;
        max-width: 300px;
    }

    .industries .industrie-details .content-area {
        padding: 22px;
    }

    .industries .industrie-details .content-area h4 {
        font-size: 18px;
    }

    .industries .industrie-details .extra {
        grid-area: unset;
    }

    .industries .industrie-details .overlay {
        background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 92%);
    }

    .mobile-herobanner {
        display: block !important;
    }

    .mobile-herobanner .swiper .swiper-slide {
        position: relative;
    }

    .mobile-herobanner .swiper {
        height: 420px;
    }

    .mobile-herobanner .swiper .swiper-slide .program-box .program-content {
        position: absolute;
        bottom: 55px;
        left: 20px;
        right: 41px;
    }

    .mobile-herobanner .swiper .swiper-slide .program-box .mobile-image {
        filter: brightness(0.5);
        height: 420px;
        width: 100%;
        object-fit: cover;
        object-position: 68%;
    }

    .mobile-herobanner .swiper .swiper-slide .program-box .program-content h2 {
        display: block;
        margin-bottom: 13px;
        color: #fff;
        font-family: "Cormorant Garamond", serif;
        font-size: 22px;
        line-height: 35px;
        font-weight: 700;
        letter-spacing: 0.8px;
    }

    .mobile-herobanner .swiper .swiper-slide .program-box .program-content p {
        font-size: 15px;
        line-height: 26px;
        font-family: var(--body-text);
        letter-spacing: 0.8px;
        color: #fff;
        font-weight: 500;
    }

    .mobile-herobanner .swiper .swiper-slide .program-box .program-content a {
        padding: 0px 24px;
        color: rgb(255, 255, 255);
        font-size: 15px;
        font-weight: 500;
        line-height: 38px;
        display: inline-block;
        letter-spacing: 0.4px;
        border-radius: 8px;
        border: 1px solid #fff;
        box-shadow: 2px 2px 0 0 #fff;
    }

    .mobile-herobanner .swiper .swiper-slide .program-box .program-content a img {
        filter: brightness(0) invert(1);
        margin-left: 6px;
        transform: translateY(-1px);
    }

    .mobile-herobanner .swiper .custom-progress {
        display: flex;
        gap: 12px;
        margin-top: 10px;
        position: relative;
        z-index: 9999;
        width: 340px;
        left: 15px;
        margin-top: -25px;
    }

    .mobile-herobanner .swiper .progress-bar {
        flex: 1;
        height: 4px;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 4px;
        overflow: hidden;
    }

    .mobile-herobanner .swiper .progress-bar span {
        display: block;
        height: 100%;
        width: 0;
        background: #fff;
        transition: width linear;
    }

    .testimonial .main-heading .slider-button button {
        font-size: 20px;
        gap: 16px;
    }

    .testimonial .main-heading .slider-button {
        gap: 45px;
    }

    .technology .tech-tab-main ul li span {
        padding: 0 30px 20px 0;
        width: max-content;
    }

    .tech-tab-main .justify-content-center {
        justify-content: start !important;
    }

    .filter-faq .filter-tab ul {
        flex-wrap: nowrap;
        overflow: scroll;
        scrollbar-width: none;
        justify-content: start;
    }

    .filter-faq .filter-content .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 16px;
        line-height: 28px;
        padding: 20px 50px 20px 20px;
    }

    .filter-faq .filter-content .accordion .accordion-item .accordion-body p {
        font-size: 15px;
    }

    .maintenance-sec {
        padding: 60px 10px 280px;
    }

    .maintenance-sec h1 {
        font-size: 28px;
    }

    .maintenance-sec span,
    .maintenance-sec p {
        font-size: 16px;
    }

    .maintenance-sec .img-box dotlottie-wc {
        width: 320px !important;
        height: 320px !important;
    }

    .maintenance-sec a {
        margin-bottom: 15px;
    }

    .makes-unique .content-area {
        padding-right: 0px;
    }

    .makes-unique .content-area h2,
    .quality-sec .content h2,
    .service-breadcrumb .content-area h1,
    .philosophy-sec h2,
    .web-service h2,
    .marketing-services .content-area h2,
    #process .content-area h2,
    .technology-sec .main-heading h2,
    .cms-services .content-area h2,
    .why-us h2,
    .ui-service h2,
    .mobile-serviceContent .content-area h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .makes-unique .unique-boxes {
        margin-top: 30px;
        flex-wrap: nowrap;
        scrollbar-width: none;
        justify-content: start;
        overflow: scroll;
        flex-direction: row;
        padding-left: 0;
        border: 0;
        gap: 12px;
    }

    .makes-unique .unique-boxes .column h5 {
        font-size: 24px;
        line-height: 32px;
    }

    .quality-sec .content {
        padding: 25px;
    }

    .quality-sec img {
        margin-top: 20px;
    }

    .process .main-heading .slider-button button {
        font-size: 20px;
        gap: 15px;
    }

    .openings .main-heading h2 {
        margin-bottom: 25px;
    }

    .openings .designation .card .card-body {
        padding: 20px !important;
    }

    .openings .designation .card .card-body .desc li {
        line-height: 28px;
    }

    .career-modal .contact-us .mainheading h2 {
        font-size: 20px;
    }

    .contact-us .contactForm {
        padding: 20px;
    }

    .service-breadcrumb {
        margin: 0 10px;
        padding: 40px 0 !important;
    }

    .all-faqs .faq-sections {
        padding: 25px 0;
    }

    .nav-sec .nav-tab ul {
        flex-wrap: nowrap;
        overflow: scroll;
        scrollbar-width: none;
        justify-content: start;
        gap: 50px;
    }

    .nav-sec .nav-tab ul li a {
        display: block;
        width: max-content;
    }

    .philosophy-sec .pillars,
    .web-service .pillars,
    .cms-services .service-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .web-service .pillars .card h3,
    .cms-services .service-grid .column h3 {
        font-size: 18px;
    }

    .marketing-services .service-box .column h5,
    .cta-section h2 {
        font-size: 24px;
    }

    .marketing-services .content-area,
    .contact-us .content-area {
        padding: 0;
    }

    #Process .content-area p,
    #process .content-area p,
    .cms-services .content-area p,
    .why-us p,
    .ui-service p {
        font-size: 16px;
    }

    .cta-section {
        padding: 40px 10px;
    }

    .why-us .choose-us-box {
        border: 1px solid #454545;
        ;
    }

    .marketing-services .content-area img {
        margin-bottom: 30px;
    }

    .marketing-services .service-box .column {
        padding: 20px;
    }

    .innerServices-breadcrumb .ps-5 {
        padding-left: 15px !important;
    }

    .contact-us .content-area h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .social-section {
        padding-bottom: 30px;
    }

    .contact-us .contactForm .bottom-wrap {
        display: block;
    }

    .contact-us .contactForm .bottom-wrap .email-wrap a {
        display: block;
        text-align: end;
    }

    #process .unique-boxes .column .number {
        font-size: 24px;
    }

    #process .column .d-flex {
        flex-wrap: nowrap;
    }

    .makes-unique .unique-boxes .column p {
        font-size: 15px;
        text-align: left;
        margin-bottom: 5px;
    }

    #process .column {
        flex: 0 0 325px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    #process .unique-boxes .column h5::after {
        display: none;
    }

    .technology-sec .main-heading p {
        font-size: 16px;
        margin-bottom: 25px !important;
    }

    .technology-sec .tech-details ul {
        flex-wrap: wrap;
        gap: 30px;
        justify-content: flex-start;
    }

    .technology-sec .tech-details ul li img {
        max-width: 40px;
    }


    .technology-sec .tech-details ul li span {
        font-size: 14px;
    }

    .choose-us .accordion-item button {
        font-size: 18px;
    }

    .choose-us .accordion-item .accordion-body p,
    .para,
    .technology .main-heading p {
        font-size: 16px !important;
    }

    .cta-sec .cta h2 {
        font-size: 25px;
        line-height: 38px;
    }

    .cta-sec .cta p {
        text-align: left;
        margin-bottom: 20px !important;
    }

    .cta-sec .cta .col-md-4,
    .cta-sec .cta .col-md-3 {
        text-align: start !important;
    }

    .cta-sec .cta .btn {
        padding: 12px 20px;
        font-size: 15px;
    }

    .why-us .choose-us-box {
        padding: 20px;
    }

    .why-us .choose-us-box .title {
        font-size: 18px;
    }

    .innerServices-breadcrumb {
        padding: 50px 0 !important;
    }

    .client-row {
        grid-template-columns: repeat(3, 1fr);
    }

    .client-box {
        padding: 20px !important;
    }

    .ourClients {
        padding: 60px 0;
    }

    .mobile-serviceContent .content-area {
        padding: 20px 10px;
    }

    .philosophy-sec .pe-5 {
        padding-right: 10px !important;
    }

    .philosophy-sec .grid-row {
        margin-top: 25px;
    }

    .philosophy-sec .grid-row,
    .why-hire-us .hire-boxes,
    .portfolio-sec .caseStudy-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .industries-sec .industry-row .industry-box .inner-industry .content p {
        font-size: 15px;
    }

    .choose-us .pe-2 {
        padding-right: 0 !important;
    }

    .engagement-sec .side-img {
        height: 100% !important;
    }

    .engagement-sec .unique-boxes {
        display: block;
        padding-left: 30px !important;
        border-left: 1px solid #C6C6C6 !important;
        overflow: visible;
    }

    .engagement-sec .unique-boxes .column h5::after {
        left: -41px;
    }


    .engagement-sec .unique-boxes .column {
        margin-bottom: 15px;
    }

    #process .unique-boxes {
        margin-top: 30px;
        flex-wrap: nowrap;
        scrollbar-width: none;
        justify-content: start;
        overflow: scroll;
        flex-direction: row;
        padding-left: 0 !important;
        border: 0 !important;
        gap: 12px;
        display: flex;
    }


    .faq img {
        margin-bottom: 15px;
    }

    .why-choose-us .left-side .works .works-content-box .icons {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    .why-choose-us .left-side .works .works-content-box .content {
        padding-left: 65px;
    }

    .tech-breadcrumb {
        margin: 0 8px;
        padding: 30px 10px;
    }

    .tech-breadcrumb .content-area h1,
    .why-hire-us .main-heading h2 {
        font-size: 22px;
        line-height: 34px;
    }

    .tech-breadcrumb .row {
        flex-direction: column-reverse;
    }

    .tech-breadcrumb img {
        width: 50px;
        margin-bottom: 20px;
    }

    .tech-breadcrumb .content-area p {
        font-size: 15px;
        margin-bottom: 22px;
    }

    .tech-breadcrumb .col-md-5 {
        text-align: start !important;
    }

    .tech-breadcrumb .arrow-btn img {
        width: unset;
        margin-bottom: unset;
    }

    .why-hire-us .hire-boxes .hire-linking .why-hire-title {
        font-size: 18px;
    }

    .techservice-sec .hire-boxes .hire-linking {
        padding: 15px;
    }

    .choose-us .ps-3 {
        padding-left: 0 !important;
    }

    .choose-us .content h2,
    .hiring-models .main-heading h2 {
        font-size: 22px;
        line-height: 34px;
        margin-top: 15px;
    }

    .why-choose-us .left-side .works .works-content-box .icons p {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .cta .img-box img:nth-child(1),
    .cta .img-box img:nth-child(2) {
        display: none;
    }


    .hiring-breadcrumb .content-area {
        padding: 20px;
    }

    .hiring-breadcrumb .content-area h2 {
        font-size: 25px;
        line-height: 34px;
    }

    .hiring-breadcrumb .content-area p,
    .hiring-breadcrumb .content-area ul li {
        font-size: 15px;
    }

    .hiring-breadcrumb .content-area ul {
        margin-right: 0 !important;
    }

    .hiring-breadcrumb .hire-form {
        padding: 20px !important;
    }

    .hiring-breadcrumb img {
        display: none;
    }

    .hiring-models .container-fluid {
        padding: 0 10px;
    }

    .hiring-models .time-block {
        padding: 20px;
    }

    .hiring-models .col-md-3 {
        margin-bottom: 12px;
    }

    .web-services .content-area h2 {
        font-size: 25px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    .hire-sec .service-grid {
        margin-top: 30px;
        flex-wrap: nowrap;
        scrollbar-width: none;
        justify-content: start;
        overflow: scroll;
        flex-direction: row;
        gap: 12px;
        display: flex;
    }

    .web-services .service-grid .service-box {
        flex: 0 0 280px;
    }

    .page-breadcrumb {
        padding: 50px 0;
    }

    .page-breadcrumb .title h2 {
        font-size: 28px;
    }

    .case-study .filters-tech {
        display: block;
    }

    .portfolio-sec {
        padding: 0;
    }

    .portfolio-sec .tech-tab-main ul {
        flex-wrap: nowrap;
        scrollbar-width: none;
        justify-content: start;
        overflow: scroll;
        flex-direction: row;
        gap: 12px;
        display: flex;
        margin-bottom: 25px;
    }

    .portfolio-sec .tech-tab-main ul li {
        padding: 0px 15px;
        min-width: max-content;
    }

    .case-study .filters-tech ul li span {
        font-size: 16px;
    }

    .case-study .filters-tech ul li {
        min-width: 120px;
        width: 120px;
    }

    #mobileMenu .menu-main>li>.sub-menu.active>ul>li>.sub-menu.active {
        transform: translateX(0);
    }

    .video-gallery-modal iframe {
        height: 220px !important;
    }

    .video-gallery-modal .modal-body button {
        right: -4px;
        top: -2px;
    }

    .top-sec .main-heading h2,
    .stat-box .counter,
    .stat-box .plus,
    .oceanic-philospy .bg h2,
    .video-section .content h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .stat-box {
        padding: 10px;
    }

    .stat-box p {
        font-size: 16px;
        line-height: 25px;
    }

    .stat-box small {
        font-size: 14px;
        line-height: 24px;
    }

    .fancy-card .content .secondary {
        padding: 0 20px;
    }

    .fancy-card .content h3,
    .fancy-card .content h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .oceanic-philospy .bg {
        padding: 25px;
    }

    .oceanic-philospy .bg p,
    .oceanic-philospy .bg ul li,
    .video-section .content p,
    .video-section .content ul li {
        font-size: 16px;
    }

    .oceanic-philospy .row {
        gap: 12px;
    }

    .oceanic-philospy .col-md-4 {
        padding: 0;
    }

    .video-section .content {
        padding: 50px 0;
    }

    .ecommerce .arrow-btn {
        color: #fff !important;
        border-color: #fff !important;
    }

    .ecommerce .content-area a img {
        filter: brightness(0) invert(1) !important;
    }

    .ecommerce .content-area h1,
    .ecommerce .content-area p {
        color: #fff !important;
    }

    .industry-service .ps-5,
    .industry-service .ps-4 {
        padding-left: 15px !important;
    }

    .privacy-content {
        margin: 0 10px;
    }

    .privacy-content .content-area {
        padding-left: 0px;
    }

    .privacy-content .sidebar {
        display: none;
    }
    
     
     .error-sec{
         display:none !important;
     }


}

@media only screen and (min-width: 1441px) and (max-width: 1599px) {
    header .navbar {
        padding: 0px 20px;
    }
}

@media only screen and (min-width: 850px) and (max-width: 1039px) {
    header .navbar {
        padding: 0px 10px;
    }

    header .navbar .navigation .menu-inner {
        gap: 10px;
    }

    header .navbar .navigation .header-button {
        padding: 10px 15px;
    }

    header .navbar .logo-box img {
        width: 160px;
    }

    header .navbar .navigation .menu-inner li .menu-dropdown {
        font-size: 13px;
    }

    header .navbar .navigation,
    .copyright .footer-links {
        gap: 10px;
    }

    header .navbar .navigation .menu-inner li .menu-dropdown {
        padding: 34px 18px 34px 0px
    }

    header .navbar .navigation .menu-inner li .menu-dropdown::after {
        right: 8px;
        width: 8px;
        height: 5px;
    }

    .sticky-footer-bar .sticky-bar-inner .stickyBar-image {
        max-width: 180px;
    }

    .sticky-footer-bar .sticky-bar-inner .sticky-book-now-link a {
        line-height: 25px;
    }

    .sticky-footer-bar .sticky-bar-inner .sticky-info-list ul li {
        font-size: 13px;
    }

    .sticky-footer-bar .sticky-bar-inner .sticky-info-text h2,
    header .navbar .navigation .menu-inner li .dropdown-menu .right .tab-content .tab-pane .inner .getQuote h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .sticky-footer-bar .sticky-bar-inner .sticky-info-text {
        margin-left: 2%;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .left {
        padding: 18px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .left h2 {
        font-size: 24px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .center .nav .nav-link,
    header .navbar .navigation .menu-inner li .dropdown-menu .right .tab-content .tab-pane .inner .services ul li,
    header .navbar .navigation .menu-inner li .dropdown-menu .right .tab-content .tab-pane .inner .services ul li a {
        font-size: 14px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .right .tab-content .tab-pane .inner .getQuote a {
        line-height: 40px;
        padding: 0 35px;
    }

    header .navbar .navigation .menu-inner li .industry-dropdown .center .tech-sec .tech-row span {
        font-size: 16px;
    }

    header .navbar .navigation .menu-inner li .industry-dropdown .center .tech-sec .tech-row ul li a {
        line-height: 22px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .custom {
        font-size: 20px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .custom .industry-sec .item-box .text span,
    .get-in-touch .contact-details .contact-block p {
        font-size: 14px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .custom .industry-sec .item-box .text p {
        font-size: 12px;
        text-align: left;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .custom .industry-sec {
        gap: 20px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .custom .industry-sec .item-box .img img {
        width: 116px;
    }

    header .navbar .navigation .menu-inner li .about-dropdown .custom,
    header .navbar .navigation .menu-inner li .technology-dropdown .custom {
        padding: 30px;
    }

    .hero-banner .swiper-slide .banner-info .brand-no-case h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .hero-banner .swiper-slide .banner-info {
        width: 580px;
    }

    .hero-banner .swiper-slide .banner-info .brand-no-case p {
        font-size: 16px;
        line-height: 27px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1000px;
    }

    footer .container-fluid {
        padding: 0 20px;
    }

    footer .ps-5 {
        padding-left: 0px !important;
    }

    .get-in-touch .main-heading ul li a {
        font-size: 13px;
    }

    .get-in-touch .main-heading ul li i {
        margin-right: 6px;
    }

    footer .footer-widget h3 {
        font-size: 19px;
    }
}

@media only screen and (min-width: 1040px) and (max-width: 1110px) {
    header .navbar {
        padding: 0px 10px;
    }

    header .navbar .navigation .menu-inner {
        gap: 10px;
    }

    header .navbar .navigation .header-button {
        padding: 10px 15px;
    }

    header .navbar .logo-box img {
        width: 200px;
    }

    header .navbar .navigation .menu-inner li .menu-dropdown {
        font-size: 14px;
    }

    header .navbar .navigation,
    .copyright .footer-links {
        gap: 10px;
    }

    header .navbar .navigation .menu-inner li .menu-dropdown {
        padding: 34px 24px 34px 0px
    }

    header .navbar .navigation .menu-inner li .menu-dropdown::after {
        right: 8px;
        width: 8px;
        height: 5px;
    }

    .sticky-footer-bar .sticky-bar-inner .stickyBar-image {
        max-width: 180px;
    }

    .sticky-footer-bar .sticky-bar-inner .sticky-book-now-link a {
        line-height: 25px;
    }

    .sticky-footer-bar .sticky-bar-inner .sticky-info-list ul li {
        font-size: 13px;
    }

    .sticky-footer-bar .sticky-bar-inner .sticky-info-text h2,
    header .navbar .navigation .menu-inner li .dropdown-menu .right .tab-content .tab-pane .inner .getQuote h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .sticky-footer-bar .sticky-bar-inner .sticky-info-text {
        margin-left: 2%;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .left {
        padding: 18px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .left h2 {
        font-size: 24px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .center .nav .nav-link,
    header .navbar .navigation .menu-inner li .dropdown-menu .right .tab-content .tab-pane .inner .services ul li,
    header .navbar .navigation .menu-inner li .dropdown-menu .right .tab-content .tab-pane .inner .services ul li a {
        font-size: 14px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .right .tab-content .tab-pane .inner .getQuote a {
        line-height: 40px;
        padding: 0 35px;
    }

    header .navbar .navigation .menu-inner li .industry-dropdown .center .tech-sec .tech-row span {
        font-size: 16px;
    }

    header .navbar .navigation .menu-inner li .industry-dropdown .center .tech-sec .tech-row ul li a {
        line-height: 22px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .custom {
        font-size: 20px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .custom .industry-sec .item-box .text span,
    .get-in-touch .contact-details .contact-block p {
        font-size: 14px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .custom .industry-sec .item-box .text p {
        font-size: 12px;
        text-align: left;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .custom .industry-sec {
        gap: 20px;
    }

    header .navbar .navigation .menu-inner li .dropdown-menu .custom .industry-sec .item-box .img img {
        width: 116px;
    }

    header .navbar .navigation .menu-inner li .about-dropdown .custom,
    header .navbar .navigation .menu-inner li .technology-dropdown .custom {
        padding: 30px;
    }

    .hero-banner .swiper-slide .banner-info .brand-no-case h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .hero-banner .swiper-slide .banner-info {
        width: 580px;
    }

    .hero-banner .swiper-slide .banner-info .brand-no-case p {
        font-size: 16px;
        line-height: 27px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1000px;
    }

    footer .container-fluid {
        padding: 0 20px;
    }

    footer .ps-5 {
        padding-left: 0px !important;
    }

    .get-in-touch .main-heading ul li a {
        font-size: 13px;
    }

    .get-in-touch .main-heading ul li i {
        margin-right: 6px;
    }

    footer .footer-widget h3 {
        font-size: 19px;
    }
}


@media only screen and (min-width: 1111px) and (max-width: 1440px) {
    header .navbar {
        padding: 0px 20px;
    }

    header .navbar .navigation .menu-inner {
        gap: 30px;
    }

    header .navbar .navigation .header-button {
        padding: 10px 15px;
    }

    header .navbar .logo-box img {
        width: 200px;
    }

    header .navbar .navigation .menu-inner li .menu-dropdown {
        font-size: 15px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1250px;
    }
}