@media screen and (max-width: 1720px) {
    .listwraper ul {
        gap: 0 100px;
    }
    .banner-text {
        padding-left: 5rem;
    }
    .entry-box .form-control {
        margin-bottom: 0.5rem;
    }
    .main-header .navbar-nav .nav-link {
        font-size: 14px;
        padding: 1rem 11px;
    }
    html {
        font-size: 15px;
    }
    .slider-item .container-fluid {
        padding-left: 3rem;
    }
    .slider-item {
        height: 660px;
        padding: 2rem 0 0;
    }
    .banner-text p {
        margin-bottom: 2rem;
    }
    .tab_img {
        right: -6rem;
    }
    .newswraper h3 {
        letter-spacing: 4px;
        top: 9rem;
    }
    .section-righthdg {
        font-size: 9rem;
        right: -16rem;
        bottom: auto;
        top: 20rem;
    }
    .logowraper {
        justify-content: center;
    }
    .isohdg {
        top: 11rem;
        right: -13rem;
    }
      .slider-one .banner-text {
        padding-top: 40px;
    }
    .main-banenr .banner-text {
        padding-left: 6rem;
    }
    .lookaroundsec {
        padding: 5rem 0 5rem 3rem;
    }
       section {
        padding: 4rem 0rem;
    }
    .case-sec {
        padding-right: 0;
        padding-left: 0;
    }
    .casetext {
        padding-left: 8rem;
    }
    .study-ctn {
        padding-right: 5rem;
    }
    .casetext p,
    .tabs_sec {
        padding-right: 0;
    }
    .portfolio-sec .col-md-6:last-child {
        text-align: right;
    }
    .tabs_sec .nav-tabs {
        padding-left: 10rem;
    }
    .form_area::before {
        left: -6rem;
        top: 16rem;
    }
    .entry-box {
        height: 570px;
        max-width: 965px;
    }
    .entry-box .form-text-1 p {
        font-size: 18px;
    }
    .popimgarea img {
        margin-bottom: 103px;
    }
    .form-text-1 {
        margin-bottom: 15px;
    }
    .headingpopup {
        padding: 2rem 0 1.6rem 2rem;
    }
       .col-sm-12.entry-right {
        height: 100% !important;
        padding: 13px 10px;
    }
    :is(.popimgarea :is(h3, h2)) {
        font-size: 23px;
    }
    .custom-navigation,
    .our-recent .owl-stage-outer {
        margin-left: 0;
    }
    textarea.form-control {
        height: 100px !important;
    }
    .accordionbg-color {
        padding: 5rem 10%;
    }
}
@media (max-width: 1440px) {
    .main-footer .container {
        padding: 0 2rem;
    }
    .client-icon li {
        margin-bottom: 1.6rem;
    }
    .accordion-sec .section-heading {
        padding-left: 1rem;
    }
    .footersocialicons a {
        width: 40px;
        height: 40px;
    }
    .tabs_sec .nav-tabs {
        padding-left: 5rem;
        display: block;
    }
    .numbrbtn a {
        font-size: 14px;
    }
    .cta2 {
        margin-bottom: 10rem;
    }
    .main-header .navbar-nav .nav-link {
        padding: 15px 10px;
    }
    .slider-item .container-fluid {
        padding-left: 15px;
    }
    .banner-text p {
        padding-right: 0;
    }
    :is(.what-wedo, .ftrlogos, .clinetlogos, .technologies-icons, .graph-sec) .owl-carousel .owl-item img {
        width: auto;
        margin: auto;
    }
    .we-provide .owl-carousel .owl-item img {
        width: auto;
    }
    .tabswrper a.active::after {
        bottom: -19px;
    }
    .pltext {
        padding-left: 4rem;
    }
    .newswraper h3 {
        letter-spacing: 0;
        top: 7rem;
        left: -30px;
    }
    .isohdg {
        right: -7rem;
    }
    .slider-item {
        height: 620px;
    }
    .bannrimg {
        position: relative;
        /*bottom: 2rem;*/
    }
    .cta2 .section-heading p {
        padding-right: 17rem;
    }
    .entry-box .form-control {
        margin-bottom: 1rem;
    }
    .numbrbtn {
        padding-right: 15px;
    }
    .main-header .navbar-brand {
        padding-left: 15px;
        width: 170px;
        margin-right: 1rem;
        padding-top: 6px;
    }
    .topheader {
        padding: 0 15px;
    }
    header .dropdown-menu {
        height: max-content;
        padding: 1rem 0 0;
    }
    .menu_pic img {
        width: 75%;
    }
    .banner-text h1 {
        font-size: 4rem;
    }
    .game_img img {
        width: 550px;
    }
    .game_img {
        top: -90px;
    }
    section.custom_sec {
        padding-top: 10rem;
    }
    .extra-pad {
        margin: 5rem 0 10rem;
    }
    .our_hd h2,
    .our_hd h3 {
        font-size: 7rem;
        margin: 0;
    }
    .our_hd {
        width: 100%;
        top: 4.5rem;
    }
    section.our_cta {
        padding: 5rem 0;
    }
    .casetext {
        padding-left: 5rem;
    }
    .study-ctn {
        padding-right: 3rem;
    }
    :is(.casetext, .study-ctn) p {
        padding-right: 0;
    }
    :is(.casetext, .study-ctn) {
        margin: 3rem 0;
    }
    .client-icon {
        grid-template-columns: auto auto auto auto auto;
    }
}
@media (min-width: 1200px) {
    .accordionbg-color {
        padding: 5rem 0;
    }
    .container {
        max-width: 1400px;
    }
}
@media (max-width: 1280px) {
    .whatlogoslider {
        padding-top: 0;
    }
    .values-ctn {
        top: 40%;
    }
    :is(.countries-sec, .mission-sec) .section-heading p {
        padding-right: 11%;
    }
    .serviceswrper {
        padding: 0;
    }
    .white-bg-sec {
        padding-top: 5rem;
    }
    .numbrbtn a {
        font-size: 11px;
    }
    .footersocialicons a {
        margin: 10px 5px;
    }
    .main-banenr .banner-text {
        padding-left: 2rem;
    }
    .profession-sec .col-md-4 {
        flex: 100%;
        max-width: 100%;
        text-align: center;
    }
    .our_hd {
        top: 8rem;
    }
    .served-heading h3:before {
        left: 26rem;
    }
    .profession-sec .row {
        justify-content: center !important;
    }
    .served-img h4 {
        padding-left: 1rem;
    }
    .headinglinebig {
        left: 83px;
    }
    .served-heading h3 {
        font-size: 32px;
    }
    .client-icon {
        grid-template-columns: auto auto auto auto;
    }
    .main-header .navbar-brand {
        margin-right: 1rem;
    }
    .game_img img {
        width: 480px;
    }
    .extra-pad {
        margin: 0;
    }
    .cta2img {
        width: 60%;
    }
    .defult-btn {
        padding: 0 20px;
        font-size: inherit;
    }
    .cta2 .section-heading p {
        padding-right: 0;
    }
    .main-header .navbar-nav .nav-link {
        font-size: 14px;
        padding: 12px 7px;
    }
    html {
        font-size: 12;
    }
    .sliderbuttons::before {
        height: 75px;
    }
    .our_hd h3 {
        font-size: 9rem;
    }
    .our_hd h2 {
        font-size: 8rem;
    }
    .tab_img {
        right: -4rem;
    }
    .custom-navigation,
    .our-recent .owl-stage-outer {
        margin-left: 0;
    }
    .form_sec .col-md-5 {
        position: relative;
        padding-right: 0;
    }
    .banner-text h1 {
        font-size: 4rem;
    }
    .slider-item {
        height: 562px;
    }
    .section-righthdg {
        top: 29rem;
    }
    .tabs_sec .nav-tabs {
        padding-left: 0;
    }
}
@media (max-width: 1120px) {
    .details-text,
    .twobuttons {
        margin-top: 4rem;
    }
    .our_img {
        top: 9rem;
        z-index: 1;
    }
    .our_sec .col-md-4 {
        z-index: 2;
    }
    .casetext a {
        margin-bottom: 1rem;
    }
    .main-banenr .banner-text {
        padding-left: 0;
    }
    .app-buttons img {
        width: 110px;
    }
    .our_hd {
        top: 6rem;
    }
    .serviceswrper h3 {
        font-size: 16px;
    }
    .bannrimg {
        bottom: -10rem;
    }
    .logowraper {
        display: block;
    }
    .logowraper img {
        margin-bottom: 3rem;
    }
    .numbrbtn {
        margin-top: 8px;
    }
    .icon::before {
        top: 0;
    }
    .about-section-line {
        top: 20rem;
        width: 31px;
    }
    .cta2img {
        width: 55%;
    }
    .cta2 {
        margin-bottom: 6rem;
    }
    .iostext h3 span {
        left: -9rem;
    }
    .worktext h3 span {
        left: -7rem;
    }
    .lookaroundsec .owl-dots {
        width: 30%;
    }
    .our-work-slider .col-md-3,
    .tabs_sec .col-md-5 {
        flex: 100%;
        max-width: 100%;
        width: 100%;
    }
    .icontext h5 {
        margin-top: 2rem;
    }
    .main-services-sec .newswraper {
        max-width: 100%;
        flex: 100%;
    }
    .main-services-sec .newswraper h3 {
        top: 23rem;
    }
    .menu_pic img {
        width: 100%;
    }
    section.custom_sec {
        padding: 5rem 0;
    }
    .servic_img {
        top: 2rem;
    }
    .servic_img h4,
    .servic_img p {
        line-height: normal;
    }
    .case-sec .pr-60,
    header .bg-info {
        padding-right: 0;
    }
    :is(.topheader :is(a, p)) {
        font-size: 14px;
    }
    .numbrbtn a:last-child {
        display: none;
    }
    .ios-opption .owl-carousel .owl-item img {
        width: auto;
        margin: auto;
    }
    :is(.casetext, .study-ctn, .iostext) h3 span {
        display: none;
    }
    .casetext {
        padding-left: 2rem;
        padding-bottom: 1rem;
    }
    :is(.casetext, .study-ctn) img {
        margin: auto;
    }
    .entry-box .form-text-1 p {
        font-size: 18px;
    }
    .col-sm-12.entry-right {
        padding: 17px 30px;
    }
    .values-ctn {
        top: 25%;
        padding: 0 2rem;
    }
    .ftrlogos .owl-theme .owl-dots .owl-dot span {
        background: #fff;
    }
}
@media (max-width: 991px) {
    .navbar-nav li,
    .our_sec .list-type .list_wrap:first-child {
        text-align: left;
    }
    .column-testmonials {
        width: 100%;
    }
    .mobile-offcanvas,
    html:lang(ar) .mobile-offcanvas {
        transform: translateX(100%);
    }
    .dropdown-content,
    .navbar-nav li,
    .simplemenu,
    header .dropdown-menu,
    header .dropdown-menu.show {
        position: relative;
    }
    .copyrightwrpr {
        justify-content: center;
        gap: 20px;
    }
    .sticky {
        padding: 8px 1rem !important;
        width: 100%;
        height: 58px !important;
    }
    .main-header .navbar-brand {
        padding-left: 0;
        padding-top: 0;
    }
    .client-sec .section-heading p,
    .ios_wrap span,
    .list_wrap p,
    .lookaroundsec .section-heading p,
    .numbrbtn a,
    .yearstext p {
        font-size: 15px;
    }
    .header-button {
        margin-left: 0;
    }
    :is(.countries-sec, .mission-sec) .section-heading p {
        padding-right: 0;
        font-size: 14px;
    }
    .testitext p,
    .values-ctn p {
        font-size: 14px;
    }
    .values-ctn {
        top: 6%;
        padding: 0 2rem;
    }
    .factBox {
        padding: 4rem 2rem 2rem;
    }
    .botom-hdr-ul li::after,
    .game_img,
    .headinglinebig,
    .ios_wrap:before,
    .list-type br,
    .main-services-sec .newswraper h3 span,
    .menu_pic,
    .our_img,
    .promo-text .border1,
    .sectionbottom,
    .sectionleft,
    .social-icon p {
        display: none;
    }
    .app-buttons.col-md-5,
    .our-work-slider .col-md-4 {
        flex: 100%;
        max-width: 100%;
    }
    .healthprovide .serviceswrper {
        padding: 5rem 0 0;
    }
    .services-wrpr {
        height: 455px;
    }
    .details-text {
        order: 2;
    }
    .entry-box .form-text-1 p {
        font-size: 18px !important;
    }
    :is(.popimgarea :is(h3, h2)) {
        font-size: 27px;
        margin-bottom: 2rem;
    }
    .dropbtn::after {
        font-size: 16px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "+";
        right: 0;
        top: 11px;
        position: absolute;
        bottom: 0;
        font-weight: 400;
        background-color: #000;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        color: #fff;
        display: block;
        text-align: center;
    }
    .social-icon a:last-child {
        margin-right: 0;
    }
    .dropdown-content .nav-item {
        font-weight: 500;
    }
    :has(.dropdown-content.show).bg-info .serfont.dropbtn::after {
        content: "-";
        color: red;
    }
    .dropdown-content li:last-child,
    .test-wraper.border1 {
        border: 0;
    }
    .arrownone::after {
        display: none !important;
    }
    .navbar-nav li {
        border-bottom: 1px solid #0000003b;
        padding: 15px 0;
    }
    .numbrbtn a:last-child {
        display: inline-flex;
    }
    .numbrbtn a:first-child {
        font-size: 15px;
        margin-bottom: 2rem;
        display: block;
    }
    .dropbtn.serfont::after {
        background-color: transparent;
        width: auto;
        height: auto;
        color: #000;
        top: 6px;
    }
    .simplemenu {
        display: block;
    }
    .main-header .navbar-nav {
        display: grid;
        padding: 4rem 2rem;
    }
    .dropdown-content {
        display: none;
        min-width: 100%;
        z-index: 1;
    }
    .dropdown-content li {
        padding: 5px 0;
        text-decoration: none;
        display: block;
        text-align: left;
    }
    .dropdown-content li a {
        color: #000000a1;
        text-decoration: none;
        font-size: 14px !important;
        padding: 7px 2rem;
    }
    :has(.dropdown-content.show).bg-info .serfont {
        border-bottom: 1px solid #0000003b;
        color: #FFC107 !important;
    }
    :has(.dropdown-content.show).simplemenu .dropbtn.nav-link {
        width: 100%;
        color: #FFC107 !important;
    }
    :has(.dropdown-content.show).simplemenu .dropbtn.nav-link::after {
        content: "-";
        background-color: #FFC107;
    }
    .serfont {
        display: block;
        color: #000 !important;
    }
    .dropdown-item,
    .navbar-light .navbar-toggler span {
        color: #fff;
    }
    .dropdown-content .serfont {
        font-size: 16px !important;
    }
    .bg-info li {
        border-color: #0000003b;
    }
    .dropdown-content.show {
        display: grid;
    }
    :is(.case-study-sec) :is(.col-md-4, .col-md-5) {
        order: 2;
        margin: 2rem 0;
        padding: 0;
    }
    :is(.case-study-sec) :is(.col-md-4, .col-md-5) img {
        margin: auto;
        display: block;
    }
    .boxtop-bt {
        padding: 0;
    }
    .served-heading h3:before {
        left: 0;
        right: 0;
        margin: auto;
    }
    :is(.casetext, .study-ctn) a {
        font-size: 14px;
    }
    :is(.casetext, .study-ctn) img {
        width: 110px;
        margin-top: 2rem;
    }
    .study-ctn img {
        margin-right: 2rem;
    }
    .banner-text,
    .pageslinks ul:last-child,
    .pltext {
        padding-left: 0;
    }
    .innerbanner .banner-text p,
    .pagesabout p {
        padding-right: 0;
    }
    .testitext,
    .top-nav {
        height: auto;
    }
    .listwraper ul {
        padding: 0;
        gap: 45px;
    }
    .dropdown,
    .dropleft,
    .dropright,
    .dropup {
        z-index: 2;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 6px;
        height: 6px;
    }
    .owl-theme .owl-dots .owl-dot.active::before {
        width: 20px;
        height: 20px;
    }
    .client-icon li,
    .cta2,
    .icontext {
        margin-bottom: 0;
    }
    #dropdown,
    #survey-form label,
    .calliconftr a,
    .categorys span,
    .heading-ios p,
    .healthcaretext p,
    .mini-heading p,
    .pin_wrap li h5,
    .serviceswrper p,
    .setup p,
    .tick_img li {
        font-size: 14px;
    }
    .heading-ios .defult-btn {
        padding: 0 3rem;
        font-size: 15px;
    }
    .setup span {
        font-size: 30px;
    }
    .benifit_are h3 {
        margin-bottom: 2rem;
    }
    .categorys {
        gap: 0 75px;
    }
    .client-sec .container {
        margin: inherit;
    }
    .our_hd {
        top: 8rem;
    }
    .main-services-sec .servicemainpage-slider {
        margin: auto;
    }
    .setup,
    .tabs_sec p {
        margin-bottom: 3rem;
    }
    .col-md-7,
    :is(.white-smoke-sec, .white-bg-sec, .details-sec) .col-md-5 {
        flex: 100%;
        max-width: 100%;
    }
    .details-sec .col-md-5 {
        text-align: center;
        margin-top: 1rem;
    }
    :is(.white-smoke-sec, .white-bg-sec, .innerbanner, .revolution-sec, .ios-opption) {
        text-align: center;
    }
    .foot_icon .col-md-3 {
        flex: 100%;
        max-width: 13%;
    }
    .foot_icon .favicondiv {
        flex: 60%;
        max-width: 65%;
    }
    .heading-ios h3 {
        line-height: 1.5;
    }
    .innerbanner {
        height: 50vh;
    }
    ul.list-type img {
        order: -1;
    }
    .our_sec .col-md-4,
    .revolution-sec .col-md-2 {
        flex: 100%;
        max-width: 100%;
    }
    :is(.white-smoke-sec, .white-bg-sec) img {
        margin-top: 2rem;
    }
    .list-type h4 {
        font-size: 19px;
    }
    :is(.white-smoke-sec, .white-bg-sec) .col-md-5 {
        order: 2;
    }
    .mrigntop200 {
        margin-top: 60px;
    }
    .buttons404,
    .numbrbtn {
        margin-top: 2rem;
    }
    .newswraper h6 {
        line-height: 150%;
    }
    section {
        padding: 5rem 0;
    }
    .we-provide {
        padding: 2rem 0 8rem;
    }
    footer {
        padding: 3rem 0 0;
    }
    .tabswrper a.active::after {
        bottom: -16px;
    }
    .bannrimg {
        bottom: -16rem;
        right: -5rem;
    }
    .offcanvas-header,
    .top-nav {
        display: block;
    }
    .navbar2 {
        justify-content: space-between;
    }
    .navbar2.navbar.d-lg-none {
        display: flex !important;
    }
    .mobile-offcanvas {
        visibility: hidden;
        border-radius: 0;
        display: block;
        position: fixed;
        top: 0;
        left: auto;
        right: 0;
        height: 100%;
        z-index: 1200;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: 1s;
        background-color: #fff !important;
    }
    .dropdown-item,
    .navbar-light .navbar-toggler {
        background-color: #000;
    }
    .mobile-offcanvas.show {
        visibility: visible;
        transform: translateX(0);
        transition: 1s;
    }
    .nav-cont {
        display: block !important;
        padding-right: auto !important;
        padding-left: auto !important;
    }
    #navbar_main {
        box-shadow: 0 3px 17px #00000047;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
        padding: 1rem 1.2rem;
        font-size: 1.3rem;
    }
    .navbar-expand-lg .navbar-toggler.btn-close {
        padding: 1rem 1.7rem;
        font-size: 2.5rem;
        border-radius: 0;
    }
    .dropdown-menu {
        border: none;
    }
    .main-header .navbar-nav .nav-link {
        height: auto;
        padding: 8px 2rem;
        font-size: 18px;
    }
    .botom-hdr-ul,
    .bottom-header {
        flex-wrap: wrap;
        overflow: visible;
    }
    .botom-hdr-ul {
        padding: 0 2rem;
        gap: 20px;
    }
    .botom-hdr-ul a {
        padding: 0 1rem;
        font-size: 1.2rem;
    }
    .bottom-header {
        height: 25%;
        padding: 2rem 0;
    }
    .navbar-nav .dropdown-menu {
        width: 100%;
        position: relative !important;
        float: left;
        top: 0 !important;
    }
    :is(.topheader :is(a, p)) {
        font-size: 12px;
    }
    .next-btn {
        padding-left: 5rem;
    }
    html {
        font-size: 10px;
    }
    .bannrimg {
        width: 100% !important;
    }
    .nav-tabs .tabs_num .active {
        height: auto;
        font-size: 2rem;
    }
    .tabs_num a {
        font-size: 2rem;
        padding: 0 29px;
    }
    .lookaround-slider .active.center img {
        width: auto;
        margin-left: auto;
        height: auto;
        transform: none;
    }
    .lookaroundsec .owl-carousel .owl-stage-outer {
        height: 480px;
    }
    .lookaroundsec .owl-dots {
        width: 35%;
    }
    .tabs_sec p {
        line-height: 170%;
    }
    .tab_img {
        right: auto;
        top: 0;
    }
    .about-section-line {
        width: 25px;
    }
    .cta-wraper img {
        right: 0;
    }
    .cta2img {
        top: 0;
    }
    :is(.services-ul, .firsttext, .details-text, .helping-sec, .cta3, .services-details, .ser-ctn) p {
        font-size: 14px;
    }
    .healthprovide .owl-carousel .owl-item img {
        margin: auto !important;
    }
    .entry-box {
        height: 100%;
    }
    .banner-text p,
    .entry-box .form-control,
    .entry-box label {
        font-size: 14px;
        font-weight: 600;
    }
    .buttons404 a {
        width: 200px;
        height: 45px;
    }
    .iostext .defult-btn {
        font-size: inherit;
        text-transform: capitalize;
    }
    .dropdown:hover .dropdown-menu {
        display: inherit;
    }
    .dropdown-menu .col-md-4,
    .dropdown-menu .col-md-8 {
        flex: 50%;
        max-width: 50%;
    }
    .dropdown-menu .row {
        justify-content: center;
    }
    ul.dropdown-menu {
        padding: 3rem 0;
    }
    .sub-menu {
        columns: 1;
    }
    :is(.casetext, .study-ctn) p {
        font-size: 14px;
    }
    :is(.tabs_sec :is(.col-md-4, .col-md-8)) {
        max-width: 100%;
        flex: 100%;
    }
    .tabs_sec .nav-tabs {
        display: flex !important;
        flex-wrap: wrap;
        gap: 10px 31px;
        margin-bottom: 3rem;
    }
    .tabswrper a,
    .topi-ctn p {
        font-size: 14px;
    }
    .form_sec .col-md-5 {
        max-width: 100%;
        flex: 100%;
    }
    .numbrbtn {
        float: left;
    }
    .calliconftr {
        padding-bottom: 2rem;
    }
    .case-sec .container-fluid {
        padding: 0 15px;
    }
    .case-sec .pr-60 {
        padding-right: 15px;
    }
    .client-icon {
        gap: 13px;
    }
    .location-cover {
        display: none;
    }
    .ios__content {
        color: #000;
        width: 100%;
    }
    .ios__content {
        padding-top: 0px;
    }
    .bg-info {
        background-color: transparent !important;
    }
    .bg-info {
        padding: 20px 0px;
        text-align: left;
    }
    header .bg-info {
        height: auto;
    }
}
@media screen and (max-width: 768px) {
    .card-body p,
    .we-provide .defult-btn {
        font-size: 15px;
    }
    .card-title {
        font-size: 17px;
    }
    .card-body p {
        padding-right: 0;
    }
    .paddingright {
        padding-right: 15px;
    }
    .paddingleft {
        padding-left: 15px;
    }
    .boxtop-bt .col-md-6.pl-5 {
        padding-left: 15px !important;
    }
    .profession-sec .container-fulid {
        padding: 0 15px;
    }
    .pt130 {
        padding-top: 5rem;
    }
    :is(.case-study-sec :is(.col-md-4, .col-md-6, .col-md-2, .col-md-3, .col-md-5)) .served-heading p {
        font-size: 14px;
    }
    .served-img h4 {
        left: 0;
        right: 0;
        text-align: center;
    }
    .case-study-sec p {
        font-size: 14px;
    }
    .we-provide .owl-carousel,
    .we-provide .owl-carousel .owl-item img {
        margin: auto;
    }
    .twobuttons {
        margin-top: 4rem;
    }
    .ios-opption .owl-carousel .owl-item img {
        margin: inherit;
        width: auto;
    }
    section.our_sec .col-md-4,
    section.sport_box .col-md-3 {
        flex: 100%;
        max-width: 100%;
    }
    .sub-menu {
        padding-left: 0;
    }
    .main-header .navbar-nav .nav-link {
        height: auto;
        text-align: left;
        font-weight: 700;
    }
    .foot_icon .favicondiv {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }
    .foot_icon .col-md-3 {
        max-width: 100%;
    }
    .calliconftr,
    .calliconftr ul,
    .calliconftr ul li {
        display: block;
    }
    .calliconftr {
        padding-bottom: 2rem;
    }
    .calliconftr img {
        width: 20px;
        margin-right: 15px;
    }
       .clinet-logo-slider img {
        width: 100px !important;
        height: 60px !important;
        object-fit: contain;
    }
    .logowraper, .logowraper ul, .clinetlogos ul {
        gap: 15px;
    }
    ul.clinet-logo-slider li {
        padding: 0px;
    }
    .lets-level-up .inner-level-up .text-cont h2 {
        font-size: 24px;
        line-height: 32px;
    }

    
}
@media screen and (max-width: 767px) {
    .testimonials-page .col-md-6 {
        padding: 4rem 15px;
    }
    .services-ul,
    .testimonials-page .testitext {
        height: auto;
    }
    .client-icon {
        grid-template-columns: auto auto;
    }
    .client-icon li {
        width: 267px;
    }
    .values-ctn {
        top: 0;
        padding: 0 5rem;
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .details-text,
    .steptext {
        margin-bottom: 2rem;
    }
    :is(.researchtogher, .featuredtext, .casetext, .study-ctn, .care-btn, .visit-ctn) a {
        font-size: 16px;
    }
    .col-sm-12.entry-right,
    .headingpopup,
    .tabs_sec .tab-content .row {
        padding: 0;
    }
    .entry-box .form-text-1 p {
        display: none;
        text-align: center;
        font-size: 16px;
    }
    .copyright *,
    .defult-btn,
    .desktop-none,
    .pageslinks,
    .pageslinks a {
        font-size: 14px;
    }
    .entry-box {
        padding: 20px 35px;
        position: relative;
    }
    .iostext p,
    .prtext,
    .worktext p {
        padding-right: 0;
    }
    .entry-box .form-control::placeholder {
        color: #00000096;
        font-weight: 500;
    }
    .entry-box::after {
        background: url(../images/usaflagbig.webp) center/cover no-repeat;
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: 0;
    }
    .bannrimg,
    .cta-wraper img,
    .entry-box .row,
    .firsttext h1,
    .tab_img {
        position: relative;
    }
    .entry-box .row {
        z-index: 1;
    }
    .about-section-line,
    .isohdg,
    .mobobile-none,
    .popimgarea img,
    .sectionbottom,
    .sectionleft {
        display: none;
    }
    .case-sec .col-md-6,
    .order1 {
        order: -1;
    }
    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 10px;
    }
    .banner-text h3,
    .banner-text p {
        font-size: 15px;
        line-height: 160%;
    }
    .border-0,
    .border1,
    .steps-details .col-md-4 {
        border: 0;
    }
    .mrigntop100,
    .mt--8,
    .setup span {
        margin-top: 0;
    }
    .contactusdetails,
    .form_area,
    .tabs_sec p {
        margin-top: 3rem;
    }
    .lookaroundsec {
        height: 100%;
    }
    .logowraper,
    .top-nav,
    .topheader {
        display: block;
        text-align: center;
    }
    .form-btn button {
        margin-top: 1rem;
        font-size: 15px;
    }
    .lookaround-slider .zoom-inimage img {
        width: auto;
        margin: auto;
    }
    .lookaroundsec .owl-theme .owl-dots .owl-dot span {
        width: 10px;
    }
    .lookaroundsec .owl-dot.active span {
        width: 30px !important;
    }
    :is(.topheader :is(a, p)) {
        margin-bottom: 1rem;
    }
    .social-icon,
    .topheaderul {
        justify-content: space-between;
    }
    .slider-item {
        height: 100%;
        text-align: center;
        padding: 2rem 0 40px;
    }
    .bannrimg {
        bottom: 0;
        left: 0rem;
        right: 0;
        margin: 5rem auto 7rem;
        width: 100% !important;
    }
    .slider-two img {
        width: 70% !important;
        margin: 4rem auto;
    }
    .sliderbuttons::before {
        width: 600px;
    }
    .yearstext h3,
    .yearstext h3 span,
    .yearstext p {
        text-align: left;
        font-size: 16px;
    }
    .logowraper ul li {
        justify-content: center;
        margin-top: 1rem;
    }
    .lookaround-slider {
        margin-top: 4rem;
    }
    .lookaround-slider .active.center img {
        margin: auto;
    }
    .we-provide .owl-carousel .owl-item img {
        margin: auto;
        width: auto;
    }
    .we-provide .twobuttons {
        margin-top: 4rem;
        text-align: center;
    }
    .our_hd {
        top: 1rem;
    }
    .our_hd h2,
    .our_hd h3 {
        font-size: 6rem;
    }
    .tab-content .col-md-5 p {
        font-size: 14px;
        margin: 1rem 0;
    }
    .tabs_sec .nav-tabs {
        display: flex !important;
        gap: 0;
    }
    .setup,
    .setup li {
        flex-wrap: wrap;
    }
    .setup {
        gap: 30px 70px;
    }
    .technologies-icons .owl-carousel .owl-item img {
        width: auto;
        margin: auto auto 25px;
    }
    #entry-popup .form-group,
    .form-btn,
    .form-text-1,
    .icontext {
        margin-bottom: 0;
    }
    .tabswrper a.active::after {
        bottom: -16px;
    }
    .pageslinks ul:last-child,
    .pltext {
        padding-left: 0;
    }
    .newswraper h3 {
        letter-spacing: 0;
        top: 19rem;
        left: -10px;
        font-size: 17px;
    }
    .pageslinks.d-flex.justify-content-end {
        justify-content: flex-start !important;
    }
    .copyright * {
        justify-content: center;
        gap: 30px;
    }
    .headingbtn {
        display: block;
    }
    .form_sec .col-md-5,
    .pr-60 {
        padding-right: 15px;
    }
    .firsttext h1 {
        top: 5rem;
        right: 0;
    }
    .order2 {
        order: 2;
    }
    .order3 {
        order: 3;
    }
    .leftimg.text-right.mt-4 {
        text-align: left !important;
    }
    .firsttext,
    .topi-ctn {
        padding: 2rem 0;
    }
    .leftimg img {
        width: 100%;
    }
    .excellence-sec {
        padding-bottom: 5rem;
    }
    .col-md-5.services-texts,
    .tothrtext {
        margin-bottom: 5rem;
    }
    .favicondiv {
        justify-content: flex-start;
        margin-bottom: 3rem;
    }
    .cta2img {
        width: 65%;
        opacity: 0.2;
    }
    .services-ul h5 {
        font-size: 18px;
    }
    .defult-btn {
        padding: 0 25px;
    }
    .healthprovide .serviceswrper {
        padding-bottom: 0;
    }
    .healthprovide .row {
        padding-bottom: 8rem;
    }
    .iostext {
        margin-bottom: 5rem;
        padding-left: 15px;
        order: 2;
    }
    .iostext p {
        font-size: inherit;
        line-height: 170%;
    }
    .iostext strong,
    .numbrbtn a:first-child {
        font-size: 17px;
    }
    .lookaroundsec .owl-stage-outer,
    .numbrbtn {
        margin-left: 0;
    }
    .main-content img {
        width: 30%;
    }
    .portfolio-sec .row {
        justify-content: center !important;
    }
    .desktop-none {
        display: inline-flex;
        margin-top: 3rem;
    }
    .profession-sec .col-md-2 {
        flex: 45%;
        max-width: 45%;
        margin: 1rem;
        padding: 0;
    }
    .section-righthdg {
        top: 17rem;
    }
    :is(.popimgarea :is(h3, h2)) {
        font-size: 19px;
        line-height: 1.5;
        margin-bottom: 5px;
    }
    textarea.form-control {
        height: 60px !important;
    }
    .entry-box .form-control {
        margin-bottom: 5px;
        min-height: 44px;
        padding: 10px 15px;
        border-color: #999;
        border-width: 1px;
        background: #fff;
    }
    .headingpopup h4 {
        font-size: 16px;
    }
    :is(.casetext, .study-ctn) {
        margin: 5rem 0;
    }
    .contactus .section-heading p,
    .contactusdetails p,
    .contactusform button,
    .contactusform label,
    .detailsboxex a,
    .detailsboxex p,
    .iossercives-sec p,
    .steptext h3,
    .steptext ul li {
        font-size: 15px !important;
    }
    :is(.form_area, .contactusform) .form-control {
        font-size: 15px;
    }
    .social-icon,
    .topheaderul {
        flex-wrap: wrap;
        gap: 18px;
    }
    .contactusdetails p {
        margin-bottom: 1rem;
    }
    .ser-ctn {
        padding: 2rem 0 0;
    }
    :is(.revolution-sec, .ios-opption) .owl-carousel {
        margin: auto;
    }
    .we-provide {
        padding: 0 0 4rem;
    }
    .testimonials-page .col-md-6:nth-of-type(7) {
        border-bottom: 1px solid #c9c9c9;
    }
    .popular-sec .section-heading {
        margin-bottom: 3rem;
    }
    .ftrlogos h4 {
        top: -15px;
    }
    .accordionbg-color {
        padding: 5rem 0;
    }
}
@media (max-width: 575px) {
    .client-icon li,
    .icontext,
    .we-provide .defult-btn {
        width: auto;
    }
    .cta2img,
    .img404 {
        width: 100%;
    }
    .game_img {
        top: 5px;
        position: relative;
        left: 50px;
    }
    .footersocialicons {
        justify-content: flex-start;
    }
    .listwraper ul {
        gap: 35px 50px;
    }
    .listwraper li {
        width: 100px;
    }
    .tabs_num a {
        padding: 0 18px;
    }
    .tabs_num {
        margin: 8px 3px;
        border: 1px solid var(--blue-color);
        border-radius: 50px;
        height: 42px;
        display: flex;
        align-items: center;
    }
    .portfolio-sec {
        padding-top: 0;
    }
    .client-icon {
        grid-template-columns: auto auto;
    }
    .servic_img {
        top: 10rem;
    }
    .box_wrap {
        margin: 2rem;
    }
    body {
        font-size: 1.8rem;
    }
    .section-heading h2,
    .section-heading h3,
    .technologies-icons .section-heading h2 {
        font-size: 3rem !important;
        line-height: 120%;
    }
    :is(.researchtogher, .featuredtext) a {
        font-size: inherit;
    }
    .contactus .section-heading p,
    .section-heading p {
        line-height: 150%;
    }
    .iostext .defult-btn {
        padding: 0 45px;
    }
    .main-services-sec .newswraper p {
        height: auto;
    }
    .section-heading,
    .what-wedo .section-heading h3 {
        margin-bottom: 20px;
    }
    :is(.topheader :is(p)) {
        display: none;
    }
    .nav-tabs .tabs_num .active,
    .tabs_num a,
    .tabs_num span {
        font-size: 16px !important;
    }
    .tabs_sec .nav-tabs {
        justify-content: center;
        margin-bottom: 0;
    }
    .tabs_sec .headingbtn {
        padding-bottom: 1rem;
    }
    .favicondiv img,
    .form_sec::before,
    .logowraper ul li strong,
    .social-icon p {
        display: none;
    }
    .nav-tabs .tabs_num .active {
        height: 42px;
        padding: 0 29px;
        border: 0;
    }
    .defult-btn {
        padding: 0 30px;
        font-size: 14px;
        height: 45px;
    }
    .section-heading h3 {
        margin-bottom: 15px;
    }
    .img404 {
        margin-left: 5rem;
    }
    .container-fluid.pr-0 {
        padding-right: 15px !important;
    }
    .lookaroundsec {
        padding-left: 0;
    }
    .tick_img {
        columns: 1;
    }
    .numbrbtn a:first-child {
        font-size: 15px;
        margin-bottom: 2rem;
        display: block;
    }
    #counter {
        width: 80px;
    }
    .sliderbuttons {
        padding-left: 5rem;
    }
    .newswraper h3 {
        top: 7rem;
    }
    .banner-text h1 {
        font-size: 3rem;
        line-height: 130%;
        margin-bottom: 2rem;
    }
    .steps-details .col-md-4 {
        padding: 0 2rem;
    }
    .steptext ul li::before {
        top: 6px;
        background-size: 50%;
        left: -15px;
    }
    .contactusdetails {
        margin-top: 30px;
    }
    .social-icon a {
        font-size: 13px;
        width: 30px;
        height: 30px;
        margin: 0 5px;
    }
    .detailsboxex a {
        font-size: inherit;
    }
    .yearstext h3 {
        text-align: center;
    }
    .persentline li {
        font-size: 14px;
    }
    .detailsboxex {
        height: 150px;
    }
    .heading-ios h4 {
        font-size: 2.5rem;
    }
}
@media screen and (max-width: 414px) {
    .ftrlogos h4 {
        top: -18px;
    }
    .icon-quits img {
        width: 20%;
    }
    .card-title {
        font-size: 14px;
    }
    .values-ctn {
        padding: 0 3rem;
    }
    .helping-sec {
        padding-bottom: 2rem;
    }
    .social-icon,
    .topheaderul {
        gap: 0;
    }
    :is(.iossercives-sec :is(.col-md-4, .col-md-6)) {
        margin-bottom: 4rem;
    }
    :is(.popimgarea :is(h3, h2)) {
        font-size: 17px;
    }
    .entry-box {
        padding: 20px 25px;
    }
    .topheaderul li {
        margin: 0 5px;
    }
    .client-icon {
        grid-template-columns: auto;
    }
    .lookaroundsec .owl-dots {
        width: 24%;
    }
    .innerbanner {
        height: 100%;
    }
    .servic_img {
        top: 2rem;
    }
    .main-header .navbar-nav .nav-link {
        padding: 0;
        height: auto;
    }
    .bg-info .nav-link {
        font-size: 15px !important;
    }
    .bg-info .nav-link::after {
        right: -24px;
    }
    .bg-info h2 {
        font-size: 26px !important;
    }
    .bg-info h3 {
        font-size: 25px !important;
    }
    header .dropdown-menu.show {
        top: 80px;
    }
    .Experiencedteams .twobuttons a {
        margin-bottom: 2rem;
    }
    .main-header hr {
        margin: 0;
    }
    .topheader {
        padding: 0 4px;
    }
    .main-header {
        margin: 0;
        padding: 0;
    }
    .topheaderul {
        align-items: center;
        justify-content: space-between;
    }
    .navbar {
        padding: 9px 1rem;
    }
    .slider-item {
        padding: 5rem 0 0;
    }
    .copyright {
        padding: 1rem 0 2.5rem;
    }
    .profession-sec .col-md-2 {
        flex: 100%;
        max-width: 100%;
        margin: 1rem auto;
        text-align: center;
    }
    .banner-text h1 {
        font-size: 3rem;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 375px) {
    .defult-btn {
        font-size: 11px;
    }
    .Experiencedteams {
        padding-bottom: 0;
    }
    .we-provide .defult-btn {
        font-size: 13px;
        padding: 20px;
    }
    .form-wrap label,
    :is(.form_area, .contactusform) .form-control {
        font-size: 14px;
    }
    .our-client-sec .owl-carousel .owl-item img {
        width: 20%;
    }
    .icon-quits a:first-child img {
        width: 120px !important;
    }
    .newswraper h3 span {
        display: none;
    }
    .favicondiv {
        display: block;
        text-align: center;
    }
    .lookaroundsec .owl-dots {
        width: 40%;
    }
    .lookaroundsec .owl-next {
        background-size: 60% !important;
    }
    .port_wrap1 img {
        margin: 0 0 2rem;
    }
    .mini-heading h2,
    .section-heading h2,
    .section-heading h3,
    .technologies-icons .section-heading h2 {
        font-size: 3.2rem !important;
        line-height: 120%;
    }
    .next-btn {
        padding-left: 1rem;
    }
    .served-heading h3 {
        font-size: 27px;
    }
    .served-heading h3:before {
        top: 46px;
    }
    .listwraper ul {
        gap: 35px 10px;
    }
}