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

    .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: auto;
        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,
    .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: 14px 14px;
    }

    .listwraper li {
        width: 100px
    }

    .tabs_num a {
        text-align: center;
        padding: 0 15px
    }

    .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: 12px !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 15px;
        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
    }
}