@media screen and (max-width: 1720px) {
    .listwraper ul {
        gap:0 100px
    }

    .banner-text {
        padding-left: 5rem
    }

    .entry-box .form-control {
        margin-bottom: .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: -18rem;
        bottom: auto;
        top: 20rem
    }

    .logowraper {
        justify-content: center
    }

    .isohdg {
        top: 11rem;
        right: -13rem
    }

    .slider-one .banner-text {
        padding-top: 0
    }

    .main-banenr .banner-text {
        padding-left: 6rem
    }

    .lookaroundsec {
        padding: 5rem 0 5rem 3rem
    }

    section {
        padding: 5rem 1.2rem
    }

    .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: 560px;
        max-width: 965px
    }

    .entry-box .form-text-1 p {
        font-size: 18px
    }

    .popimgarea img {
        margin-bottom: 0
    }

    .form-text-1 {
        margin-bottom: 15px
    }

    .headingpopup {
        padding: 2rem 0 1.6rem 2rem
    }

    .col-sm-12.entry-right {
        padding: 20px
    }

    :is(.popimgarea :is(h3,h2)) {
        font-size: 31px;
    }

    .custom-navigation,.our-recent .owl-stage-outer {
        margin-left: 0
    }

    textarea.form-control {
        height: 80px!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: -5rem
    }

    .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: 9.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
    }
    .headingpopup{
        padding: 1rem 2rem 1rem 3rem;
    }

}

@media (max-width: 991px) {
    .navbar-nav li,.our_sec .list-type .list_wrap:first-child {
        text-align:left
    }

    .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: red!important
    }

    :has(.dropdown-content.show).simplemenu .dropbtn.nav-link {
        width: 100%;
        color: red!important
    }

    :has(.dropdown-content.show).simplemenu .dropbtn.nav-link::after {
        content: '-';
        background-color: red
    }

    .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
    }
}

@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
    }
}

@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: 9rem 0 0
    }

    .bannrimg {
        bottom: 0;
        left: 3rem;
        right: 0;
        margin: 5rem auto 7rem;
        width: 80%!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: 3rem
    }

    .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: .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: 4rem!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: 4rem;
        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
    }
}

@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
    }
}