@media only screen and (max-width:1920px) {
    .contact_sec2 {
        margin-top: -2%
    }
    .menuSec ul li a {
        padding: 21px 8px 21px 0;
        font-size: 14px
    }
}

@media only screen and (max-width:1660px) {
    .sitemap .bg_text {
        top: 4%
    }
    .contact_sec2 {
        margin-top: -2%
    }
}

@media only screen and (max-width:1600px) {
    .contact_sec2 .bg_map {
        min-height: 550px
    }
}

@media only screen and (max-width:1440px) {
    .country_card {
        max-width: 200px;
        padding: 0
    }
    .sec2clocks {
        left: 3%;
        max-width: 290px !important
    }
    .contact-sec1 {
        min-height: 1030px
    }
    .sec2-rightimg {
        max-width: 190px
    }
    .index-right-banner:before {
        bottom: -10% !important;
        width: 920px !important;
        height: 760px !important
    }
    .index-right3 {
        left: 20% !important;
        bottom: 70px !important
    }
    .index-right5 {
        top: -90px !important;
        left: -40px !important
    }
    .index-right4 {
        top: -320px !important;
        right: 28% !important
    }
    .index-right2 {
        top: -240px !important;
        right: -10% !important
    }
    .index-right6 {
        right: 36% !important;
        bottom: -50px !important
    }
    .index-right7 {
        right: 50% !important;
        bottom: -150px !important
    }
    .index-right1 {
        top: -70px !important;
        right: -35% !important
    }
    .index-right8 {
        bottom: -195px !important;
        right: -22% !important
    }
    .app_servis_head h2:before {
        display: none
    }
}

@media only screen and (max-width:1366px) {
    .discus1::after,
    .discus1::before,
    .discus::after,
    .discus::before,
    .gamings::before {
        content: '';
        position: absolute
    }
    .let_discuss_left {
        width: 650px
    }
    .index-uiux::before {
        background-size: 122% 100%;
        bottom: -24%
    }
    .health-services-sec p {
        padding-bottom: 5px
    }
    .country_card a:last-child,
    .country_card a:nth-child(4) {
        font-size: 14px
    }
    .country_card p {
        font-size: 13px;
        min-height: 100px;
        align-items: center;
        display: flex
    }
    .app_servis_head h2:before {
        bottom: 75px
    }
    .index-sec-1 {
        min-height: 100vh;
        padding: 125px 0
    }
    .contact-sec1 {
        min-height: 1100px
    }
    .country_card {
        padding: 0 5px;
        max-width: 370px !important;
        margin: 25px 0 0
    }
    .appsol-box {
        min-height: 225px
    }
    .industry_sec h3 {
        padding-right: 0
    }
    .industry_right ul li {
        padding-bottom: 36px
    }
    .custtom-app {
        padding-top: 1%
    }
    .let_discuss {
        background-position: right !important
    }
    .gamings::before {
        background: url(../images/PngItem01.png) 0 0/cover no-repeat;
        height: 480px;
        width: 370px;
        right: 0;
        bottom: 0;
        z-index: 999
    }
    .discus::after {
        background: url(../images/gunman.png) 0 0/contain no-repeat;
        height: 500px;
        width: 100%;
        left: 0;
        bottom: -30px
    }
    .discus1::before {
        background: url(../images/game-banner-2.png) 0 0/contain no-repeat;
        height: 750px !important;
        width: 400px !important;
        right: 0 !important;
        bottom: -75px
    }
    .discus1::after {
        background: url(../images/gunman1.png) 0 0/contain no-repeat;
        height: 750px;
        width: 100%;
        left: 0;
        bottom: -30px
    }
    .discus::before {
        background: url(../images/game-banner-1.png) 0 0/contain no-repeat;
        height: 500px;
        width: 300px;
        right: 0;
        bottom: -75px
    }
    .ios_app:after {
        width: 200px !important;
        height: 430px !important;
        bottom: 200px !important
    }
    .let_discuss p {
        padding: 20px 150px 50px 0
    }
    .contact_box2 {
        background-size: 170%
    }
    .main_slider .carousel-caption {
    top: 0px !important;
}
    .faqs .acccordian-tittle h3,
    .gaming-details h3,
    .powerfull-tittle h3 {
        font-size: 36px
    }
    .gaming-title h2 {
        font-size: 46px
    }
    .company-sec h3,
    .hire-right h3 {
        font-size: 31px
    }
    .custom-unite h3 {
        font-size: 40px
    }
    .global_body {
        padding-top: 100px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between !important
    }
    .global_head:before {
        min-height: 80px;
        width: 77%
    }
    .form_box_left {
        margin: 0 0 0 auto
    }
    .form_box_left .h5 {
        font-size: 25px
    }
    .index-sec-1 .play-text .gen-text {
        max-width: 660px
    }
    .banner-formwrap {
        padding: 0 0 60px 40px
    }
    .appsol-title .h4,
    .banner-formwrap .gen-text,
    .benfit_right span,
    .color_green.mb-2 {
        font-size: 18px
    }
    .celect-sec2rightwrap .gen-heading span {
        margin-left: 60px
    }
    .contact_sec2 .bg_map {
        min-height: 400px
    }
    .contact_sec2 {
        margin-top: 0
    }
    .map_point1 {
        max-width: 180px
    }
    .map_point2 {
        max-width: 145px;
        top: -9%;
        left: 40%
    }
    .map_point3 {
        max-width: 160px
    }
    .map_point4 {
        max-width: 145px
    }
    .index-right-banner:before {
        width: 600px !important;
        height: 500px !important
    }
    .index-right5 {
        top: -20px !important;
        left: 70px !important;
        max-width: 70px !important
    }
    .celect-sec2rightwrap .gen-heading {
        font-size: 100px
    }
    .thumbnails .swiper-wrapper {
        display: flex;
        justify-content: flex-start
    }
    .image img {
        max-width: 100%;
        height: 500px !important;
        display: block;
        width: 85% !important
    }
    .thumbnails img {
        width: 60px !important
    }
    .thumbnail-wrapper {
        width: 80% !important
    }
    .text {
        transform: translate(0, 0) !important
    }
    .index-right3 {
        left: 40% !important;
        bottom: -30px !important;
        max-width: 80px !important
    }
    .index-right4 {
        top: -160px !important;
        right: 28% !important;
        max-width: 65px !important
    }
    .index-right2 {
        top: -130px !important;
        right: 0 !important;
        max-width: 75px !important
    }
    .index-right8 {
        bottom: -260px !important;
        right: -14% !important;
        max-width: 65px !important
    }
    .index-right7 {
        right: 40% !important;
        bottom: -310px !important;
        max-width: 65px !important
    }
    .index-right1 {
        top: 20px !important;
        right: -19% !important;
        max-width: 80px !important
    }
    .index-right6 {
        bottom: -150px !important;
        right: 30% !important
    }
    .acccordian-tittle h2,
    .app-title h2,
    .app_servis_head h2,
    .appsol-title h2,
    .benfit_right h2,
    .form_box_right .h5,
    .industry_sec h3,
    .info_sec h3,
    .let_discuss .h3,
    .tech_head .h4 {
        font-size: 35px;
        line-height: 45px
    }
    .index-sec-1 .celect-leftcontent .left-firstwrap .gen-heading {
        font-size: 31px;
        line-height: 36px
    }
    .portfolio .box-img img {
        display: block;
        width: 63%;
        margin: 0 auto;
        max-width: inherit
    }
}

@media only screen and (max-width:1280px) {
    .index-uiux::before {
        background-size: 145% 100%
    }
    .contact-sec1 {
        min-height: 1100px
    }
    .celect-sec2rightwrap .gen-heading {
        font-size: 90px;
        text-align: start
    }
    .sec3-headwrap .gen-heading,
    .sec3-headwrap .trans-heading {
        font-size: 100px
    }
    .blog_head p,
    .product-wrapper .h6,
    .review_head .p,
    .sm_heading {
        font-size: 22px
    }
    .blog_head h3,
    .celect-sec2leftwrap .gen-heading,
    .discuss_sec .gen-heading,
    .product-wrapper h4,
    .review_head h5 {
        font-size: 45px
    }
    .review_sec .nav-pills .nav-link {
        padding: 12px 25px
    }
    .appsol-title .h4,
    .benfit_right span,
    .color_green.mb-2,
    .discuss_sec .dis_para,
    .footer_bottom a,
    .footer_bottom p,
    .tab_cap a,
    .tab_head .nav-pills .nav-link {
        font-size: 18px
    }
    .global_head h3 {
        font-size: 45px;
        max-width: 450px
    }
    .global_head:before {
        min-height: 65px;
        width: 67%
    }
    .form_box_left .h5 {
        font-size: 25px
    }
    .form_box_right h5 {
        font-size: 23px
    }
    .contact_box {
        padding: 35px 50px
    }
    .country_card a:last-child,
    .round-wrapper .gen-text {
        font-size: 14px
    }
    .about-green-dot {
        display: none
    }
    .celect-sec2rightwrap .gen-heading span {
        margin-left: 0
    }
    .select-sec2imagewrap img {
        max-width: 540px
    }
    .sec2clocks {
        max-width: 230px !important;
        top: 65%
    }
    .box-contentwrap .box-img img {
        max-width: 100%
    }
    .box-heading:after {
        width: 270px
    }
    .celect-leftcontent .gen-heading,
    .contact_hero_head .gen-heading {
        font-size: 50px
    }
    .data-img-2,
    .index-right4,
    .index-right7,
    .index-right8 {
        max-width: 60px !important
    }
    .country_card {
        max-width: 200px
    }
    .country_card span {
        font-size: 70px
    }
    .contact_sec2 .bg_map {
        min-height: 400px
    }
    .contact_sec2 {
        margin-top: -16%
    }
    .contact_hero_text {
        max-width: 1000px
    }
    .map_point1 {
        max-width: 160px
    }
    .map_point2 {
        max-width: 140px
    }
    .map_point3 {
        max-width: 150px
    }
    .map_point4 {
        right: 8%;
        max-width: 140px
    }
    .index-right-banner:before {
        width: 800px !important
    }
    .index-right5 {
        top: -60px !important;
        left: -40px !important
    }
    .index-right3 {
        left: 15% !important;
        bottom: 40px !important
    }
    .index-right6 {
        right: 50% !important;
        bottom: -75px !important;
        max-width: 80px !important
    }
    .index-right7 {
        right: 60% !important;
        bottom: -160px !important
    }
    .index-right8 {
        bottom: -200px !important;
        right: -4% !important
    }
    .index-right4 {
        top: -210px !important;
        right: 42% !important
    }
    .index-right2 {
        top: -165px !important;
        right: 8% !important;
        max-width: 70px !important
    }
    .index-right1 {
        top: -35px !important;
        right: -10% !important;
        max-width: 70px !important
    }
    .appsol-box {
        min-height: 222px
    }
    .acccordian-tittle h2,
    .app_servis_head h2,
    .appsol-title h2,
    .benfit_right h2,
    .form_box_right .h5,
    .industry_sec h3,
    .info_sec h3,
    .let_discuss .h3,
    .tech_head .h4 {
        font-size: 30px;
        line-height: 35px
    }
    .index-sec-1 .celect-leftcontent .left-firstwrap .gen-heading {
        font-size: 31px;
        line-height: 36px
    }
    .app-title h2 {
        font-size: 35px;
        line-height: 45px
    }
    .app-sol-content h3 {
        font-size: 18px;
        font-weight: 700
    }
    .app-sol-content p,
    .benfit_right p,
    .industry_left p,
    .info_sec p,
    .let_discuss p {
        font-size: 14px;
        line-height: 24px
    }
}

@media only screen and (max-width:1024px) {
    .index-sec-1 .blogs {
        min-height: 100vh;
        padding: 0 0 40px
    }
    .gaming-details h3,
    .real-expert-head,
    .service-content-wrapper a {
        width: 100%
    }
    .slicknav_btn {
        z-index: 9
    }
    .form_box_main textarea {
        height: 70px
    }
    .form_box_main {
        padding: 20px 30px
    }
    header.sticky {
        background: 0 0
    }
    .slicknav_nav ul {
        display: flex;
        width: 50%
    }
    .nav-dropdown {
        display: unset;
        margin-left: 0 !important
    }
    .dropdown-box {
        width: 280px !important;
        border-bottom: 1px solid #000
    }
    .index-sec-1 .play-text .gen-text {
        max-width: 440px
    }
    .slid-logos {
        min-height: 100px;
        max-height: 100px
    }
    .navigat-wrap .custom-nav {
        justify-content: flex-end
    }
    .sec2-rightimg {
        max-width: 160px;
        bottom: 4%
    }
    .sec5-leftwrap .gen-heading {
        font-size: 29px
    }
    .navigat-wrap .head-cta-btn {
        max-width: 220px;
        text-align: center;
        margin: 10px auto 0
    }
    .custom-nav ul li a {
        color: #fff
    }
    .boxcontentwrap .gen-heading {
        font-size: 22px
    }
    .subject-input {
        padding: 10px 35px 10px 20px
    }
    .let_discuss {
        padding: 60px 0
    }
    .index-sec-5 {
        padding: 50px 0
    }
    .review_sec {
        padding: 30px 0 0
    }
    .award_sec {
        padding: 0
    }
    .product-wrapper h4 {
        padding: 20px 0 30px
    }
    .appsol-title .h4,
    .benfit_right .h4,
    .benfit_right span,
    .blog_head p,
    .color_green.mb-2,
    .product-wrapper .h6 {
        font-size: 18px
    }
    .market-content {
        top: 18%;
        right: -2%
    }
    .market-content img {
        max-width: 270px
    }
    .award-content img {
        max-width: 100px
    }
    .award-content .gen-text,
    .blog_card a,
    .contact_box .h4,
    .country_card a:last-child,
    .country_card a:nth-child(4),
    .footer_bottom a,
    .footer_bottom p,
    .review_sec .nav-pills .nav-link {
        font-size: 16px
    }
    .award-logo img,
    .form_bg_imgs .eclipse_right,
    .map_point2,
    .map_point3 {
        max-width: 120px
    }
    .review_head .p,
    .sm_heading {
        font-size: 20px
    }
    .review_box .review_user {
        margin-top: -90px;
        margin-right: 46px;
        max-width: 90px
    }
    .review_box {
        background-size: 100% 89%;
        padding: 50px;
        max-width: 550px
    }
    .main_slider .carousel-indicators {
        bottom: 80px;
        left: -120px
    }
    .global_head:before {
        min-height: 45px;
        width: 59%
    }
    .global_head h3 {
        font-size: 35px;
        max-width: 350px
    }
    .country_card span {
        font-size: 75px
    }
    .form_btn a {
        padding: 13px 0;
        font-size: 16px
    }
    .chosastin-tittle p,
    .chose-title p,
    .contact_box a,
    .cusapp-content p,
    .experience-content p,
    .experience-title p,
    .health_card p,
    .mb_text p {
        font-size: 13px
    }
    .info_sec {
        padding: 80px 40px
    }
    .global_body {
        justify-content: center
    }
    .country_card {
        max-width: 240px
    }
    .form_box_left .h5 {
        font-size: 20px;
        padding: 0
    }
    .form_box_left p {
        padding-left: 0;
        font-size: 14px
    }
    .form_bg_imgs .oval_left {
        top: -280px;
        left: -160px;
        max-width: 420px
    }
    .form_bg_imgs .oval_right {
        right: -7%;
        max-width: 200px
    }
    .form_bg_imgs .eclipse_left {
        bottom: 3%;
        max-width: 136px
    }
    .form_bg_imgs .text_left {
        top: 9%;
        max-width: 490px
    }
    .form_bg_imgs .text_right {
        max-width: 388px
    }
    .info_left {
        top: 60px;
        left: 0;
        max-width: 490px
    }
    .info_right {
        right: -25px;
        max-width: 410px
    }
    .discuss_sec .dis_para {
        font-size: 16px;
        max-width: 500px
    }
    .discuss_sec .gallery-btn {
        padding-top: 25px
    }
    .index-sec-2.about-sec-2 {
        padding: 120px 0
    }
    .about-sec-3 .green-img {
        max-width: 250px
    }
    .about-sec-3 .about-sec3-rightwrapper .aboutsec3-content .gen-heading {
        font-size: 32px
    }
    .aboutsec5-rightwrap {
        margin-left: 0
    }
    .aboutsec5-boxcontent {
        padding: 35px 20px
    }
    .contact-sec1 {
        padding: 13% 0 0
    }
    .contact_sec2 .bg_map {
        min-height: 380px
    }
    .contact_sec2 {
        margin-top: -34%
    }
    .map_point1,
    .map_point4 {
        max-width: 130px
    }
    .board_box::after {
        left: 106px
    }
    .board_box::before {
        left: 115px
    }
    .blog_sec {
        padding: 40px 0
    }
    .service-list-content {
        width: 300px
    }
    .index-right-banner:before {
        width: 620px !important
    }
    .index-right5 {
        top: -90px !important;
        left: -30px !important;
        max-width: 60px !important
    }
    .index-right3 {
        left: 14% !important;
        bottom: 50px !important;
        max-width: 60px !important
    }
    .index-right4 {
        right: 47% !important;
        top: -230px !important
    }
    .index-right2 {
        top: -165px !important;
        right: 18% !important;
        max-width: 55px !important
    }
    .index-right6 {
        bottom: -35px !important;
        max-width: 70px !important
    }
    .index-right7 {
        right: 65% !important;
        bottom: -100px !important;
        max-width: 50px !important
    }
    .index-right8 {
        bottom: -120px !important;
        right: 6% !important;
        max-width: 55px !important
    }
    .index-right1 {
        top: -55px !important;
        right: 0 !important;
        max-width: 60px !important
    }
    .appsol-box {
        min-height: 222px
    }
    .acccordian-tittle h2,
    .app_servis_head h2,
    .appsol-title h2,
    .benfit_right h2,
    .form_box_right .h5,
    .industry_sec h2,
    .industry_sec h3,
    .info_sec h2,
    .info_sec h3,
    .keyword-sec h2,
    .keyword-sec h3,
    .let_discuss .h3,
    .tech_head .h4 {
        font-size: 25px;
        line-height: 30px;
        padding: 0 0 40px
    }
    .app-title h2,
    .powerfull-tittle h3 {
        font-size: 25px;
        line-height: 35px
    }
    .acccordian-tittle span,
    .app-sol-content h3 {
        font-size: 18px;
        font-weight: 700
    }
    .app-sol-content p,
    .benfit_right p,
    .game-text p,
    .gaming-details p,
    .gaming-title p,
    .industry_left p,
    .info_sec p,
    .keyword-sec p,
    .let_discuss p,
    ol.convo-list li,
    ul.convo-list li {
        font-size: 14px;
        line-height: 24px;
        width: auto
    }
    .faqs .accordion-flush .accordion-item .accordion-button,
    .industry_right ul li {
        font-size: 15px
    }
    .index-sec-1 {
        padding: 50px 0;
        max-height: inherit;
        min-height: 60vh
    }
    .custtom-app li,
    .inner-content .gen-text {
        font-size: 14px
    }
    .app-title p,
    .appsol-title p,
    .faqs p,
    .servis_card p {
        font-size: 14px;
        line-height: 22px
    }
    .benfit_right {
        padding-left: 0
    }
    .industry_sec h2 {
        font-size: 25px;
        padding-right: 40%;
        line-height: 30px;
        margin: 0
    }
    .let_discuss p {
        padding: 10px 0 20px
    }
    .let_discuss_left.aos-init.aos-animate .h3 {
        width: 90%;
        display: block;
        padding: 0
    }
    a.aust-btn1 {
        padding: 10px 15px
    }
    a.aust-btn2 {
        padding: 10px 20px
    }
    .blog_head h3,
    .celect-sec2leftwrap .gen-heading,
    .creative-content .gen-heading,
    .discuss_sec .gen-heading,
    .index-sec-1 .celect-leftcontent .left-firstwrap .gen-heading,
    .product-wrapper h4,
    .review_head h5,
    .sec3-creative .creative-content .gen-heading {
        font-size: 30px;
        line-height: 35px
    }
    .digtal_left h2,
    .discus-text h3,
    .gaming-details h3,
    .health-services-sec h2,
    .health-sol-sec h2,
    .health-sol-sec h3,
    .health-tech-sec h2,
    .real-expert-sec h2,
    .why_celect_sec h3 {
        line-height: 36px;
        font-size: 25px
    }
    .sq_btn {
        padding: 12px 25px !important;
        font-size: 13px !important
    }
    .gaming-title h2,
    .real-services-sec h2 {
        font-size: 25px
    }
    .discus::after {
        height: 430px;
        width: 307px
    }
    .discus::before {
        height: 500px;
        width: 320px
    }
    .discus-text h3 {
        padding: 13px 0
    }
    section.powerfull {
        padding: 50px 0 190px
    }
    .chosastin-tittle span,
    .cusapp-content span {
        font-size: 18px;
        line-height: 22px
    }
    .amappd-content h2,
    .chosastin-tittle .h2,
    .chose-title h2,
    .cusapp-content h2,
    .cusapp-content strong,
    .experience-content h3,
    .experience-title h2,
    .faqs .acccordian-tittle h3,
    .uiux-title h2,
    span.hm {
        font-size: 25px;
        line-height: 30px
    }
    .chosastin-tittle strong {
        font-size: 22px;
        line-height: 30px
    }
    span.mh {
        font-size: 15px;
        line-height: 28px;
        padding: 0 2% 10px 0;
        text-align: left
    }
    .lab_box .hfive {
        font-size: 15px;
        line-height: 25px
    }
    .cynoteck_sec p {
        font-size: 14px;
        width: 100%;
        line-height: 22px
    }
    .sec5-box .col-12 {
        flex: 0 0 auto;
        width: 33%
    }
    .boxcatwrap {
        min-height: 440px
    }
    .game-text h3 {
        font-size: 15px;
        min-height: 47px
    }
    .stellarnav.mobile.light li a {
        color: #000 !important
    }
}

@media only screen and (max-width:991px) {
    .blog_sec .col-md-6,
    .sec5-box .col-12 {
        flex: 0 0 auto;
        width: 33%
    }
    .main_slider .carousel-indicators {
        bottom: 130px
    }
    .global_body {
        justify-content: center
    }
    .aboutsec3-boxwrap .row,
    .aboutsec5-boxes {
        align-items: center
    }
    .global_head:before {
        min-height: 39px;
        width: 52%
    }
    .aboutsec5-boxes {
        justify-content: space-between;
        padding: 0;
        margin: 0;
        flex-direction: column
    }
    .index-sec-1 {
        max-height: unset
    }
    .play-wrapper {
        width: 60px;
        height: 60px
    }
    .play-wrapper .play-icon {
        font-size: 22px
    }
    .green-img {
        top: 4%;
        right: 8%;
        max-width: 270px
    }
    .country_card {
        max-width: 290px;
        border: none
    }
    .global_body {
        padding-top: 80px
    }
    .tab_body .tab_cap {
        max-width: 860px;
        padding: 25px 50px
    }
    .tab_body {
        padding-top: 10px
    }
    .review_box {
        background-size: 100% 86%;
        max-width: 420px
    }
    .bannbg {
        min-height: 490px
    }
    .aboutsec4-box {
        min-height: 200px;
        max-height: 200px
    }
    .about-sec-3 .qote-right .gen-text,
    .about-sec3-rightwrapper .aboutsec3-content .gen-text,
    .aboutsec5-leftwrap .qote-right .gen-text,
    .boxcontentwrap .gen-text,
    .custtom-app li,
    .footer_list li a,
    .why_celect_left li {
        font-size: 14px
    }
    .contact_sec2 .bg_map {
        min-height: 370px
    }
    .contact_sec2 {
        margin-top: -33%
    }
    .board_box::before {
        left: 170px
    }
    .board_box::after {
        left: 161px
    }
    .board_box {
        max-width: 340px;
        margin: 60px auto 0;
        padding: 45px 40px 70px
    }
    .creative-content,
    .discuss_sec {
        padding: 20px 0
    }
    .celect-leftcontent,
    .clect-rightcontent {
        padding-top: 0
    }
    .aboutsec5-boxcontent {
        padding: 37px 15px
    }
    .sec3-gallery {
        padding: 10px 0 0
    }
    .celect-leftcontent .gen-heading {
        font-size: 35px
    }
    .banner-formwrap .gen-text {
        font-size: 18px;
        text-align: center
    }
    .play-text .gen-text {
        max-width: 370px
    }
    .input-wrap,
    .qote-right .gen-text {
        text-align: center
    }
    .subject-input {
        width: 90%
    }
    .contact-textarea {
        min-height: 90px;
        max-height: 90px;
        width: 90%;
        border-radius: 10px
    }
    .sec2clocks {
        max-width: 200px !important;
        top: 60%
    }
    .celect-sec2rightwrap .gen-heading {
        font-size: 70px
    }
    .android-app:after,
    .android-app:before,
    .benfit_right h2:before,
    .process-null1::before,
    .process-null1:after,
    .sec2-rightimg {
        display: none
    }
    .sec3-headwrap .gen-heading {
        font-size: 85px
    }
    .sec3-headwrap .trans-heading {
        font-size: 75px
    }
    .quote-wrapper {
        flex-direction: column-reverse;
        margin-bottom: 20px !important
    }
    .box-heading:after {
        width: 150px
    }
    .boxcontentwrap .gen-heading {
        font-size: 19px
    }
    .aboutsec5-boxcontent,
    .qote-right {
        margin-bottom: 20px
    }
    .sec3-creative {
        margin-top: 70px
    }
    .banner-formwrap .head-cta-btn {
        margin-left: 10px !important
    }
    .index-sec-2 {
        padding: 80px 0 100px
    }
    .boxcatwrap .boxcontentwrap .box-img img {
        max-width: 50px !important
    }
    .about-sec-2 .about-leftwrap .gen-heading.made-semi-bold {
        font-size: 100px
    }
    .aboutsec4-box,
    .aboutsec4-box img,
    .select-sec2imagewrap img {
        max-width: 100%
    }
    .index-sec-2.about-sec-2 {
        padding: 100px 0
    }
    .about-sec-3 .gen-heading.glob-heading {
        font-size: 34px
    }
    .about-sec-3 .green-img {
        top: 18%
    }
    .aboutsec3-content {
        padding: 30px 20px
    }
    .about-sec-3 .about-sec3-rightwrapper .aboutsec3-content .gen-heading {
        font-size: 25px
    }
    .aboutsec4-boxcont {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: inherit;
        padding: 0 30px
    }
    .box-colwrap {
        max-width: 31%;
        width: 100%;
        margin-bottom: 30px
    }
    .mtt-80 {
        margin-top: 0
    }
    .aboutsec5-boxes {
        flex-direction: column;
        align-items: center
    }
    .mll-20 {
        margin-left: 0
    }
    .aboutsec5-leftwrap {
        padding-left: 40px
    }
    .sec5-leftwrap .gen-heading {
        font-size: 27px
    }
    .map_point1 {
        max-width: 120px
    }
    .map_point2,
    .map_point3 {
        max-width: 110px
    }
    .contact_sec2 {
        padding: 0 30px 30px
    }
    .contact_hero_head .gen-heading {
        font-size: 40px
    }
    .index-sec-3 {
        padding: 50px 0 30px
    }
    .index-sec-5 {
        padding: 60px 0 0
    }
    .index-right5 {
        top: 0 !important;
        left: -50px !important;
        max-width: 50px !important
    }
    .index-right7 {
        right: 65% !important;
        bottom: -170px !important
    }
    .index-right6 {
        right: 55% !important;
        bottom: -100px !important
    }
    .index-right8 {
        bottom: -200px !important;
        right: 8% !important
    }
    .index-right2 {
        top: -75px !important
    }
    .index-right3 {
        left: 12% !important;
        bottom: -20px !important
    }
    .index-right4 {
        right: 49% !important;
        top: -140px !important;
        max-width: 50px !important
    }
    .index-right1 {
        top: 25px !important;
        right: 10% !important;
        max-width: 40px !important
    }
    .appsol-box {
        min-height: 202px
    }
    .acccordian-tittle h2,
    .app_servis_head h2,
    .appsol-title h2,
    .benfit_right h2,
    .form_box_right .h5,
    .industry_sec h3,
    .info_sec h3,
    .let_discuss .h3,
    .tech_head .h4 {
        font-size: 27px;
        line-height: 35px
    }
    .appsol-title .h4,
    .benfit_right span,
    .color_green.mb-2 {
        font-size: 18px
    }
    .app-title h2 {
        font-size: 25px;
        line-height: 35px
    }
    .app-sol-content h3 {
        font-size: 18px;
        font-weight: 700
    }
    .app-sol-content p,
    .benfit_right p,
    .industry_left p,
    .info_sec p,
    .let_discuss p {
        font-size: 14px;
        line-height: 24px
    }
    .tab_cap img {
        width: 40%
    }
    section.contact_sec .col-xs-12.col-md-6.col-lg-4:last-child {
        width: 100%
    }
    .appsol-btn a,
    .benefit_sec a,
    .industry_left a,
    .let_discuss a {
        font-size: 14px;
        padding: 10px 26px
    }
    .form_box_right .form_btn input[type=submit] {
        width: 120px;
        height: auto;
        font-size: 14px;
        padding: 10px 0
    }
    .app_servis_head {
        padding-right: 0
    }
    .android-app:before {
        background: url(../images/android-app/android-left.png) 0 0/98% no-repeat;
        width: 140px;
        height: 234px
    }
    .android-app:after {
        background: url(../images/android-app/android-right.png) 0 0/100% no-repeat;
        width: 350px;
        height: 513px;
        bottom: -90px;
        right: 0
    }
    .app-title p,
    .appsol-title p,
    .faqs p,
    .servis_card p {
        font-size: 14px;
        line-height: 22px
    }
    .industry_sec h2 {
        font-size: 25px;
        padding-right: 40%;
        line-height: 30px;
        margin: 0
    }
    .let_discuss p {
        padding: 10px 0 20px
    }
    .benfit_right {
        padding-left: 0
    }
    .app_services {
        padding: 35px 0 0
    }
    .index-sec-1 {
        min-height: 60vh
    }
    .sq_btn {
        padding: 10px 16px !important;
        font-size: 14px !important
    }
    .chosastin-tittle span,
    .cusapp-content span {
        font-size: 18px;
        line-height: 22px
    }
    .amappd-content h2,
    .cusapp-content h2,
    .cusapp-content strong,
    .faqs .acccordian-tittle h3,
    span.hm {
        font-size: 25px;
        line-height: 30px
    }
    .chosastin-tittle strong {
        font-size: 22px;
        line-height: 30px
    }
    .chosastin-tittle p,
    .cusapp-content p,
    .health_card p,
    .mb_text p {
        font-size: 13px
    }
    span.mh {
        font-size: 15px;
        line-height: 18px;
        padding: 0 2% 10px 0;
        text-align: left
    }
    .lab_box .hfive {
        font-size: 15px;
        line-height: 25px
    }
    .cynoteck_sec p {
        font-size: 14px;
        width: 100%;
        line-height: 22px
    }
    .review_head {
        padding: 40px 0
    }
    .blog_head h3,
    .celect-sec2leftwrap .gen-heading,
    .creative-content .gen-heading,
    .discuss_sec .gen-heading,
    .index-sec-1 .celect-leftcontent .left-firstwrap .gen-heading,
    .product-wrapper h4,
    .review_head h5,
    .sec3-creative .creative-content .gen-heading {
        font-size: 30px;
        line-height: 35px
    }
}

@media only screen and (max-width:768px) {
    .blog_head:before {
        left: 0;
        right: 0;
        margin: 0 auto
    }
    .blog_head,
    .celect-sec2rightwrap,
    .creative-content,
    .footer_body,
    .footer_bottom,
    .left-boxex,
    .right-boxex,
    .sec3-headwrap .trans-heading,
    .sec5-leftwrap,
    .sec5-rightwrap {
        text-align: center
    }
    .mobile_menu .navigation {
        padding: 0 10px;
        justify-content: space-between
    }
    .about-sec-3 .green-img,
    .android-app:after,
    .android-app:before,
    .benfit_right h2:before,
    .box-content:before,
    .box-heading:after,
    .health-services-sec h2:before,
    .health-tech-sec h2:before,
    .index-right-banner:before,
    .mybfaf:after,
    .mybfaf:before,
    .sec2clocks {
        display: none
    }
    .index-right-banner .index1_right {
        position: relative;
        display: none
    }
    .about-sec-5 .col-12.col-md-6.col-lg-6,
    .app-title h2,
    .contact-textarea,
    .contact_sec .col-md-6,
    .qote-right,
    .subject-input,
    section.contact_sec .col-xs-12.col-md-6.col-lg-4:last-child {
        width: 100%
    }
    .slicknav_nav ul {
        display: flex;
        width: 50%
    }
    .contact-sec1 {
        min-height: 510px
    }
    .footer_body .col-12.col-md-6.col-lg-5,
    li.list-main.ser .service-content-wrapper .col-md-3.col-sm-3.col-xs-12,
    section.techno_sec img {
        width: 50%
    }
    strong.hed {
        padding: 0 0 0 10px;
        font-size: 15px;
        margin: 10px 0 0 20px
    }
    header.sticky {
        position: inherit;
        background: 0 0 !important
    }
    .mh5 {
        font-size: 14px;
        padding: 10px 6px;
        line-height: 24px
    }
    .award-logo img {
        max-width: 90px
    }
    .aboutsec4-box {
        max-width: 240px;
        min-height: 160px;
        max-height: 190px
    }
    .aboutsec4-boxcont {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0
    }
    .sec5-rightwrap .gen-text {
        max-width: 750px
    }
    .footer_body,
    .main_slider {
        padding: 20px 0 0
    }
    .big_image img {
        width: 80%
    }
    .big_image a:before {
        right: 82px
    }
    .big_image:after {
        left: 198px;
        top: 50px;
        background-size: 40% 83%;
        height: 240px;
        width: 355px
    }
    .market-content img {
        margin: -50px 40px 0 0
    }
    .about-sec-3 .qote-right .gen-text {
        max-width: 530px
    }
    .info_sec {
        padding: 60px 0
    }
    .global_head:before {
        min-height: 33px;
        width: 412px;
        top: -60px
    }
    .aboutsec5-boxes {
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }
    .blog_card {
        margin-top: 15px
    }
    .play-text .gen-text {
        max-width: 470px
    }
    .clect-rightcontent {
        padding-top: 70px
    }
    .select-sec2imagewrap img {
        max-width: 100% !important
    }
    .celect-sec2leftwrap,
    .sm_heading {
        text-align: left
    }
    .celect-sec2rightwrap .gen-heading {
        font-size: 30px;
        text-align: center;
        margin-bottom: 30px
    }
    .celect-sec2rightwrap .gen-text,
    .sec5-rightwrap .gen-text {
        max-width: inherit;
        text-align: left;
        font-size: 14px
    }
    .award-leftwrapper,
    .celect-sec2rightwrap .gen-text {
        margin: 0 auto
    }
    .aboutsec5-leftwrap .about-sec3-leftwrapper .sec5-leftwrap,
    .aboutsec5-leftwrap .qote-right .gen-text,
    .box-contentwrap .box-img img,
    .left-firstwrap {
        max-width: 100%
    }
    .box-contentwrap {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0 auto
    }
    .inner-content {
        max-width: 510px;
        max-width: inherit;
        margin: 0 auto;
        text-align: start
    }
    .right-boxex {
        margin-top: 30px
    }
    .sec5-leftwrap {
        text-align: inherit
    }
    .sec5-leftwrap .gen-text {
        font-size: 18px
    }
    .round-wrapper .gen-text {
        border-bottom: none
    }
    .country_card span,
    .sec3-headwrap .gen-heading,
    .sec3-headwrap .trans-heading {
        font-size: 35px
    }
    .green-img {
        max-width: 180px
    }
    .contact_box {
        padding: 40px 50px
    }
    .footer_bottom .pp_links {
        text-align: center;
        padding-top: 10px
    }
    .testimoinal_sec .row {
        flex-direction: inherit
    }
    .techno_sec {
        margin-top: 0
    }
    .chosastin-tittle p,
    .cusapp-content p,
    .health_card p,
    .mb_text p,
    .tab_cap a {
        font-size: 13px
    }
    .big_image a {
        margin: 20px auto 0
    }
    .review_sec {
        padding: 30px 0 0
    }
    .main_slider .carousel-indicators {
        bottom: 130px;
        left: -97px
    }
    .contact_box3 .contact_content a {
        max-width: 140px;
        margin: 0 auto
    }
    .market-content {
        right: -10%
    }
    .market-content img {
        max-width: 270px
    }
    .award-rightwrapper {
        padding-top: 50px
    }
    .about-sec3-rightwrapper {
        max-width: 450px;
        margin: 0 auto
    }
    .about-sec-3 .sec5-leftwrap .gen-heading {
        max-width: 310px;
        text-align: center
    }
    .about-sec-3 .sec5-leftwrap {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        max-width: 340px;
        margin: 0 auto;
        text-align: center
    }
    .about-sec-2 .celect-sec2rightwrap .gen-text {
        max-width: 650px
    }
    .about-sec-3 .qote-right {
        margin: 0 auto 30px
    }
    .about-sec-1 .celect-leftcontent .gen-heading {
        font-size: 30px
    }
    .about-sec-3 .gen-heading.glob-heading {
        font-size: 25px
    }
    .aboutsec3-boxwrap {
        margin-top: 40px
    }
    .about-sec-4 .sec5-rightwrap .gen-text {
        max-width: 600px;
        margin: 0 auto
    }
    .about-sec-3 .qote-right .gen-text {
        max-width: inherit;
        margin: 0 auto;
        text-align: center
    }
    .contact-sec1 {
        padding: 190px 0 60px
    }
    .contact_sec2 {
        margin-top: -3%
    }
    .contact_sec2 .bg_map {
        min-height: 290px
    }
    .map_point1,
    .map_point3 {
        max-width: 100px
    }
    .map_point2 {
        max-width: 95px
    }
    .map_point4 {
        max-width: 105px
    }
    .contact_hero_text {
        top: -40px;
        max-width: 720px
    }
    .board_box {
        padding: 40px 40px 70px
    }
    .play-wrapper {
        width: 60px;
        height: 60px;
        position: absolute;
        right: 20px;
        bottom: 20px;
        flex-direction: inherit
    }
    .award_sec,
    .creative-content,
    .index-sec-1 .celect-leftcontent .left-firstwrap .gen-heading,
    .sec3-creative .creative-content .gen-heading {
        padding: 0
    }
    .round-wrapper .gen-text {
        max-width: 520px
    }
    .index-sec-1 {
        padding: 30px 0;
        min-height: 60vh
    }
    .index-sec-2 {
        padding: 20px 0 10px
    }
    .celect-sec2leftwrap .gen-heading {
        max-width: inherit;
        width: auto
    }
    .celect-sec2leftwrap .gen-text {
        margin: 0 !important;
        font-size: 18px
    }
    .index-sec-3 {
        padding: 20px 0
    }
    .inner-content .gen-heading {
        margin: 0 0 10px !important;
        font-size: 21px
    }
    .inner-content .gen-text {
        color: #000;
        margin: 0 0 10px !important;
        font-size: 14px
    }
    .box-contentwrap.mb-5 {
        margin-bottom: 10px !important
    }
    .box-content {
        padding-top: 20px
    }
    .gallery-btn .head-cta-btn {
        padding: 10px 20px !important
    }
    .sec5-leftwrap .gen-heading {
        font-size: 21px;
        line-height: 31px
    }
    .gallery-btn.info-btn {
        padding-top: 7px;
        text-align: left
    }
    .product-wrapper h4 {
        margin: 0 !important;
        padding: 0
    }
    .product-wrapper:before {
        top: 49%
    }
    .product-wrapper p {
        font-size: 14px;
        color: #282828;
        line-height: 21px
    }
    .chosastin-tittle span,
    .cusapp-content span,
    .review_head p {
        font-size: 18px;
        line-height: 22px
    }
    .blog_card h3,
    .blog_card p,
    .custtom-app li,
    .footer_list li a,
    .review_box .review_para {
        font-size: 14px
    }
    .color_green.mb-2,
    .footer_list li {
        line-height: 25px
    }
    .review_sec .nav-pills .nav-link {
        padding: 9px 23px;
        font-size: 14px
    }
    .review_tabs {
        min-height: 160px
    }
    .review_box {
        max-width: 100%;
        padding: 20px 11%;
        background-size: 104% 99%;
        margin: 20px 0 0
    }
    .main_slider .carousel-caption {
        bottom: 0;
        left: 0;
        width: 100%
    }
    .bannbg {
        min-height: 400px
    }
    .tab_body .tab_cap {
        gap: 8px;
        padding: 10px 23px;
        text-align: center
    }
    .blog_sec {
        padding: 30px 0
    }
    .blog_card p,
    .footer_list {
        padding: 10px 0
    }
    .blog_head h3 {
        margin: 0;
        padding: 0 0 30px
    }
    .form_box_left .h5 {
        font-size: 21px;
        padding: 0 !important
    }
    .form_box_right {
        padding: 10px
    }
    .form_box_right .form-control {
        height: auto
    }
    .form_box_right .form-control input {
        height: 45px
    }
    .form_box_right .form-control textarea {
        height: 120px !important;
        padding: 20px;
        overflow: hidden
    }
    .sec3-gallery {
        padding: 10px 0 0
    }
    .box-heading .gen-heading {
        font-size: 21px;
        text-align: center
    }
    .form_btn a {
        padding: 7px 0;
        font-size: 16px
    }
    .contact_box i {
        font-size: 20px
    }
    .contact_box .h4 {
        font-size: 21px
    }
    .contact_content {
        gap: 0;
        display: block
    }
    .footer_list li {
        font-size: 15px;
        text-align: left
    }
    .footer_body .col-12.col-md-12.col-lg-6 {
        margin: 0 0 20px
    }
    .index-sec-1 .play-text .gen-text {
        max-width: 800px;
        padding: 0
    }
    .creative-content .gen-text {
        font-size: 18px;
        padding: 0
    }
    .qote-right .gen-text {
        text-align: center;
        font-size: 14px
    }
    .review_head {
        padding: 0 0 30px
    }
    .tab_cap>div {
        gap: 6px
    }
    .contact-textarea {
        width: 100%;
        border-radius: 16px
    }
    .left-secondwrap {
        position: relative
    }
    .aboutsec5-leftwrap,
    .benfit_right {
        padding-left: 0
    }
    .aboutsec5-boxes {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        padding: 0 80px
    }
    .aboutsec5-boxcontent {
        margin: 0 !important
    }
    .discuss_sec .dis_para {
        font-size: 14px;
        max-width: 500px;
        line-height: 24px
    }
    .service-btn .head-cta-btn {
        padding: 10px 50px !important;
        font-size: 14px;
        text-align: left;
        display: table
    }
    .celect-sec2rightwrap .head-cta-btn {
        font-size: 14px;
        padding: 12px 40px !important;
        border-radius: 50px;
        text-align: left;
        display: table
    }
    .contact_box {
        display: inline-flex;
        justify-content: flex-start;
        width: 100%
    }
    .acccordian-tittle h2,
    .app_servis_head h2,
    .appsol-title h2,
    .benfit_right h2,
    .form_box_right .h5,
    .industry_sec h3,
    .info_sec h3,
    .let_discuss .h3,
    .tech_head .h4 {
        font-size: 20px;
        line-height: 25px;
        padding: 0 0 10px
    }
    .appsol-title .h4,
    .benfit_right span,
    .color_green.mb-2 {
        font-size: 15px
    }
    .app-title h2 {
        font-size: 20px;
        line-height: 35px
    }
    .app-sol-content h3 {
        font-size: 18px;
        font-weight: 700
    }
    .app-sol-content p,
    .benfit_right p,
    .industry_left p,
    .info_sec p,
    .let_discuss p {
        font-size: 14px;
        line-height: 24px
    }
    .tab_cap img {
        width: 40%
    }
    .app-box {
        height: 91px;
        margin: 0 0 40px
    }
    .app-content span,
    .blog_head h3,
    .celect-sec2leftwrap .gen-heading,
    .creative-content .gen-heading,
    .discuss_sec .gen-heading,
    .index-sec-1 .celect-leftcontent .left-firstwrap .gen-heading,
    .product-wrapper h4,
    .review_head h5,
    .sec3-creative .creative-content .gen-heading {
        font-size: 30px;
        line-height: 35px
    }
    .app-content strong {
        font-size: 18px;
        line-height: 24px
    }
    .appsol-box {
        padding: 30px;
        margin: 0 0 30px;
        min-height: 196px
    }
    .banner-formwrap {
        height: 375px;
        padding: 0 20px;
        background: #246073;
        border-radius: 25px;
        width: 100%;
        margin: 0 auto
    }
    .social_icon {
        text-align: center;
        padding: 10px 0 0
    }
    .app .row+.row .col-sm-12,
    .sec5-box .col-12 {
        flex: 0 0 auto;
        width: 50%
    }
    .appsol-btn a,
    .benefit_sec a,
    .industry_left a,
    .left-secondwrap .head-cta-btn,
    .let_discuss a {
        font-size: 14px;
        padding: 10px 26px !important
    }
    .let_discuss_left {
        width: 70%
    }
    .appsol-btn a,
    .benefit_sec a,
    .industry_left a,
    .let_discuss a {
        font-size: 14px;
        padding: 10px 26px
    }
    .form_box_right .form_btn input[type=submit] {
        width: 120px;
        height: auto;
        font-size: 14px;
        padding: 10px 0
    }
    .app_servis_head {
        padding-right: 0
    }
    .app-title p,
    .appsol-title p,
    .faqs p,
    .servis_card p {
        font-size: 14px;
        line-height: 22px
    }
    .amappd-content h2,
    .cusapp-content h2,
    .cusapp-content strong,
    .faqs .acccordian-tittle h3,
    .industry_sec h2,
    span.hm {
        font-size: 25px;
        line-height: 30px
    }
    .let_discuss p {
        padding: 10px 0 20px
    }
    .industry_right ul li {
        padding-left: 30px;
        font-size: 13px
    }
    .industry_sec h2 {
        padding-right: 40%
    }
    .cusapp-img img {
        height: auto;
        margin: 30px auto 0;
        width: 100%;
        display: block
    }
    .cusapp-content .sq_btn {
        padding: 10px 11px !important;
        font-size: 13px !important
    }
    .amappd {
        padding: 19px 0 0
    }
    .chosastin-tittle strong {
        font-size: 22px;
        line-height: 30px
    }
    span.mh {
        font-size: 15px;
        line-height: 18px;
        padding: 0 2% 10px 0;
        text-align: left
    }
    .lab_box .hfive {
        font-size: 15px;
        line-height: 25px
    }
    .cynoteck_sec p {
        font-size: 14px;
        width: 100%;
        line-height: 22px
    }
    .boxcatwrap {
        min-height: 360px
    }
    .aboutsec5-boxes {
        justify-content: space-evenly
    }
    .unreal-game .banner-formwrap {
        background: #fff
    }
    .popupform {
        background: #fff !important;
        width: 100% !important;
        height: 430px !important;
        padding-top: 12px !important;
        overflow: visible;
        border-radius: 12px;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center;
        justify-content: center
    }
    form.validate-popup.pop-new {
        margin-right: 0
    }
    .banner-formwrap.austin-wrap,
    .education .banner-formwrap,
    .health-care .banner-formwrap,
    .on-demand .banner-formwrap,
    .real-state .banner-formwrap,
    .social-media .banner-formwrap {
        background: #fff;
        height: 425px !important;
        min-height: auto;
        border-radius: 20px;
        padding: 0 30px
    }
}

@media only screen and (max-width:767px) {
    .banner-formwrap {
        height: 375px;
        padding: 0 20px;
        background: #246073;
        border-radius: 25px;
        width: 50%;
        margin: 0 auto
    }
    .site-main ul li {
        width: 48%
    }
    .sitemap-content h3 {
        font-size: 21px
    }
    .app-title p,
    .appsol-title p,
    .faqs p,
    .servis_card p {
        font-size: 14px;
        line-height: 22px
    }
    .benfit_right {
        padding-left: 0
    }
    .android-app:after,
    .android-app:before {
        display: none
    }
    .let_discuss p {
        padding: 10px 0 20px
    }
    .industry_sec h2 {
        font-size: 25px;
        padding-right: 40%;
        line-height: 30px
    }
    .appsol-box {
        min-height: 166px
    }
    .servis_card span {
        font-size: 15px;
        line-height: 26px
    }
    .chosastin-tittle span,
    .cusapp-content span {
        font-size: 18px;
        line-height: 22px
    }
    .amappd-content h2,
    .cusapp-content h2,
    .faqs .acccordian-tittle h3 {
        font-size: 25px;
        line-height: 30px
    }
    .chosastin-tittle strong {
        font-size: 22px;
        line-height: 30px
    }
    .chosastin-tittle p,
    .cusapp-content p,
    .health_card p {
        font-size: 13px
    }
    .cusapp-img img {
        height: auto;
        margin: 30px auto 0;
        width: 69%;
        display: block
    }
    .cusapp-content .sq_btn {
        padding: 10px 11px !important;
        font-size: 13px !important
    }
    section.chose-austin .col-md-4.col-sm-6.col-xs-12:last-child {
        float: none;
        margin: 30px auto 0
    }
    .boxcatwrap {
        min-height: 360px
    }
    .about-sec-5 .col-12.col-md-6.col-lg-6 {
        width: 100%
    }
    .aboutsec5-boxes {
        justify-content: space-evenly
    }
    .unreal-game .banner-formwrap {
        background: #fff
    }
    .popupform {
        background: #fff !important;
        width: 100% !important;
        height: 430px !important;
        padding-top: 12px !important;
        overflow: visible;
        border-radius: 12px;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center;
        justify-content: center
    }
    form.validate-popup.pop-new {
        margin-right: 0
    }
    .digtal_right img {
        margin-top: 8%
    }
    .blog_head h3,
    .celect-sec2leftwrap .gen-heading,
    .creative-content .gen-heading,
    .discuss_sec .gen-heading,
    .index-sec-1 .celect-leftcontent .left-firstwrap .gen-heading,
    .product-wrapper h4,
    .review_head h5,
    .sec3-creative .creative-content .gen-heading {
        font-size: 30px;
        line-height: 35px
    }
}

@media only screen and (max-width:585px) {
    .app_services .col-sm-4,
    .blog_card img,
    .box-contentwrap,
    .contact-textarea,
    .cynoteck_sec .col-xs-12.col-sm-4.col-md-4.col-lg-4,
    .cynoteck_sec .col-xs-12.col-sm-6.col-md-6.col-lg-6,
    .cynoteck_sec .col-xs-12.col-sm-8.col-md-8.col-lg-8,
    .let_discuss_left,
    .menu-01,
    .site-main ul li,
    section.contact_sec .col-xs-12.col-md-6.col-lg-4:last-child {
        width: 100%
    }
    .global_head h3 {
        font-size: 29px;
        max-width: 400px
    }
    #myModal form.validate-popup.pop-new {
        margin: 0 auto !important;
        float: none !important
    }
    .menu-01 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: inherit;
        padding: 0
    }
    #myModal form.validate-popup {
        width: 362px !important;
        padding: 20px !important
    }
    #myModal .modal-content {
        width: 90% !important;
        margin: 0 auto
    }
    .index-right-banner .index1_right {
        display: none !important
    }
    .android-app:after,
    .android-app:before,
    .benfit_right h2:before,
    .green-img,
    .index-right-banner:before,
    .line-1,
    .mybfaf:after,
    .mybfaf:before,
    .play-wrapper,
    .review_box:after,
    .review_box:before {
        display: none
    }
    .testimoinal_sec .row {
        flex-direction: column-reverse
    }
    .menu-01,
    .play-btnwrap {
        flex-direction: column
    }
    .social_icon {
        text-align: center;
        padding: 10px 0 0
    }
    .appsol-title p,
    .process-title,
    li.list-main.ser .service-content-wrapper .col-md-3.col-sm-3.col-xs-12 {
        width: auto
    }
    .blog_head:before {
        width: 330px
    }
    .global_body {
        justify-content: center !important;
        padding-top: 50px
    }
    .line-1 {
        border: 1px solid #fff
    }
    .form_bg_imgs .text_right {
        max-width: 278px
    }
    .form_bg_imgs .oval_right {
        max-width: 130px
    }
    .form_bg_imgs .eclipse_left {
        max-width: 96px
    }
    .form_bg_imgs .eclipse_right {
        max-width: 90px;
        top: 3%
    }
    .form_bg_imgs .oval_left {
        top: 10px;
        left: -70px;
        max-width: 160px
    }
    .form_bg_imgs .text_left {
        top: 6%;
        left: 110px;
        max-width: 360px
    }
    .tab_head .nav-pills .nav-link {
        font-size: 14px;
        padding: 0
    }
    .contact_box3 .contact_content a,
    .tab_cap img {
        max-width: inherit
    }
    .big_image:after {
        left: 300px
    }
    .review_box {
        background: #246073;
        border-radius: 40px
    }
    .review_tabs ul {
        justify-content: center
    }
    .market-content {
        top: 22%;
        right: -10px
    }
    .product-wrapper:before {
        left: 23%;
        width: 300px;
        top: 49%
    }
    .footer_list,
    .review_head,
    .sm_heading {
        text-align: center
    }
    .footer_list li,
    .sm_heading {
        text-align: left
    }
    .card_border {
        border: none
    }
    .review_tabs {
        min-height: 160px
    }
    .bannbg {
        min-height: 350px
    }
    .blog_sec,
    .discuss_sec {
        padding: 30px 0
    }
    .footer_body .col-12.col-md-6.col-lg-5,
    .sec5-box .col-12.col-md-4.col-lg-4 {
        width: 50%
    }
    .contact_box i {
        color: #fff
    }
    .celect-leftcontent .gen-heading {
        font-size: 30px
    }
    .gen-small-heading {
        font-size: 22px
    }
    .play-text .gen-text {
        max-width: 450px
    }
    .select-sec2imagewrap img {
        max-width: 350px
    }
    .celect-sec2rightwrap .gen-heading {
        font-size: 60px;
        margin: 20px 0 10px
    }
    .sec3-headwrap .gen-heading {
        font-size: 29px
    }
    .sec3-headwrap .trans-heading {
        font-size: 30px;
        margin-bottom: 20px !important;
        text-align: center
    }
    .sec3-creative {
        margin-top: 40px
    }
    .clect-rightcontent {
        padding-top: 50px
    }
    .box-contentwrap .box-img img {
        max-width: inherit;
        width: 100%;
        max-width: inherit
    }
    .gallery-btn .head-cta-btn {
        margin-bottom: 20px
    }
    .qote-right .gen-text {
        text-align: center;
        font-size: 14px
    }
    .discuss_sec .gen-heading {
        padding: 0;
        margin: 0
    }
    .discuss_sec .dis_para {
        max-width: inherit;
        font-size: 14px;
        line-height: 22px;
        padding: 3px 0 0
    }
    .about-sec-2 .about-leftwrap .gen-heading.made-semi-bold {
        font-size: 70px
    }
    .about-sec-3 .gen-heading.glob-heading {
        text-align: center;
        padding-right: 0
    }
    .aboutsec4-box {
        min-height: 140px;
        max-height: unset;
        padding: 34px 5px;
        margin: 0 13px 20px;
        width: 91%;
        float: left
    }
    .bannbg,
    .index-sec-1,
    .review_tabs {
        min-height: inherit
    }
    .contact_hero_text {
        max-width: 560px;
        top: -13%
    }
    .map_point1,
    .map_point2 {
        max-width: 100px
    }
    .contact_hero_head .gen-heading {
        font-size: 35px
    }
    .contact-sec1 {
        padding: 10% 0 0
    }
    .contact_sec2 .bg_map {
        min-height: 230px
    }
    .map_point2 {
        left: 45%
    }
    .map_point3 {
        max-width: 80px;
        right: 25%
    }
    .map_point4 {
        max-width: 85px;
        right: 5%;
        top: 30%
    }
    .box-colwrap,
    .left-firstwrap,
    .review_box {
        max-width: 100%
    }
    .round-wrapper .gen-text {
        max-width: 520px;
        font-weight: 600
    }
    .header-awards .logo-slider img {
        width: 100% !important
    }
    .index-sec-1 {
        padding: 67px 0 20px
    }
    .index-sec-2 {
        padding: 20px 0 10px
    }
    .celect-sec2leftwrap .gen-text {
        font-size: 18px;
        line-height: 22px;
        margin: 0 !important
    }
    .index-sec-3 {
        padding: 20px 0
    }
    .inner-content .gen-heading {
        margin: 0 0 10px !important;
        font-size: 21px
    }
    .inner-content .gen-text {
        color: #000;
        margin: 0 0 10px !important;
        font-size: 14px
    }
    .box-contentwrap.mb-5 {
        margin-bottom: 10px !important
    }
    .box-content {
        padding-top: 20px
    }
    .sec5-leftwrap .gen-heading {
        font-size: 21px;
        line-height: 27px
    }
    .info_sec {
        padding: 60px 0
    }
    .gallery-btn.info-btn {
        text-align: center;
        padding-top: 10px;
        text-align: inherit
    }
    .info_sec p {
        padding: 0;
        margin: 0 0 10px
    }
    .review_tabs,
    p.btn-text {
        margin: 0
    }
    .award_sec,
    .creative-content,
    .sec3-gallery {
        padding: 0
    }
    .product-wrapper h4 {
        padding: 0;
        margin: 0 !important
    }
    .product-wrapper p {
        font-size: 14px !important;
        color: #282828;
        line-height: 21px;
        padding: 0
    }
    .review_sec .nav-pills .nav-link {
        padding: 6px 7px;
        font-size: 14px
    }
    .review_box {
        padding: 20px
    }
    .blog_card p,
    .footer_list li a,
    .review_box .review_para {
        font-size: 14px
    }
    .main_slider .carousel-caption {
        bottom: 0;
        left: 0;
        width: 100%
    }
    .global_head:before {
        right: 10%;
        min-height: 33px;
        width: 412px;
        top: -60px
    }
    .blog_card p,
    .footer_list {
        padding: 10px 0
    }
    .form_box_left .h5 {
        font-size: 19px;
        padding: 0 !important
    }
    .form_box_right {
        padding: 10px
    }
    .form_box_right .form-control {
        height: 42px
    }
    .form_box_right .form-control input {
        height: 45px
    }
    .form_box_right .form-control textarea {
        height: 120px !important;
        padding: 20px;
        overflow: hidden
    }
    .box-heading .gen-heading,
    .contact_box .h4,
    .sec3-creative .creative-content .gen-heading {
        font-size: 21px
    }
    .form_btn a {
        padding: 7px 0;
        font-size: 16px
    }
    .contact_box i {
        font-size: 20px
    }
    .contact_content {
        gap: 0
    }
    .footer_body {
        padding: 20px 0 0
    }
    .footer_list li {
        font-size: 15px;
        line-height: 25px
    }
    .footer_body .col-12.col-md-12.col-lg-6 {
        margin: 0 0 20px
    }
    .blog_card h3 {
        font-size: 19px
    }
    .tech_head:before {
        left: 10%
    }
    .index-sec-1 .play-text .gen-text {
        max-width: 570px;
        padding: 0
    }
    .box-colwrap {
        width: 100%;
        margin: 0 auto
    }
    .aboutsec5-boxcontent {
        padding: 30px 15px
    }
    .aboutsec5-rightwrap {
        margin-top: 0;
        margin-left: 0
    }
    .mtt-70 {
        margin-top: 0
    }
    .aboutsec5-boxes {
        padding: 0;
        margin: 0 0 20px
    }
    .market-content img {
        max-width: 240px
    }
    .main_slider .carousel-indicators {
        left: 0;
        right: 30px;
        bottom: -277px
    }
    .tab_body .tab_cap {
        gap: 8px;
        text-align: center;
        padding: 10px 53px
    }
    .app .row+.row .col-sm-12,
    .blog_sec .col-md-6,
    .sec5-box .col-12,
    section.mobile_app_sec .col-sm-6.pd0 {
        flex: 0 0 auto;
        width: 100%
    }
    .review_sec {
        padding: 90px 0 70px
    }
    .slicknav_nav ul {
        width: 57%
    }
    .logo-slider img {
        width: 69% !important;
        aspect-ratio: 3/1;
        margin: 0 auto
    }
    .sec5-rightwrap .gen-text {
        max-width: inherit;
        font-size: 14px
    }
    .gallery-btn .head-cta-btn {
        padding: 10px 30px !important
    }
    .quote-wrapper .head-cta-btn {
        padding: 15px 40px !important
    }
    .celect-sec2rightwrap .head-cta-btn {
        font-size: 14px;
        padding: 12px 20px !important
    }
    .sec5-leftwrap .gen-text {
        font-size: 16px
    }
    .contact_box a {
        font-size: 13px
    }
    .creative-content .gen-text {
        font-size: 18px;
        padding: 0
    }
    .service-btn .head-cta-btn {
        padding: 10px 20px !important;
        font-size: 14px
    }
    .form_box_right textarea#exampleFormControlTextarea1 {
        height: 90px !important
    }
    .banner-formwrap {
        height: 375px;
        padding: 0 20px;
        background: url(../images/form-ban.png) no-repeat;
        border-radius: 25px;
        width: 70%;
        margin: 0 auto
    }
    .content {
        width: 100%;
        flex-direction: column
    }
    .image img {
        height: 300px !important;
        display: block
    }
    .slider .content {
        margin: unset !important
    }
    .slider .thumbnails img {
        width: 35px !important
    }
    .unreal-game .banner-formwrap {
        background: #fff
    }
    .app_servis_head span,
    .appsol-title .h4,
    .benfit_right span,
    .color_green.mb-2 {
        font-size: 15px
    }
    .app-title h2 {
        font-size: 20px;
        line-height: 35px
    }
    .app-sol-content h3 {
        font-size: 18px;
        font-weight: 700
    }
    .app-sol-content p,
    .benfit_right p,
    .industry_left p,
    .info_sec p,
    .let_discuss p {
        font-size: 14px;
        line-height: 24px
    }
    .tab_cap img {
        width: 40%
    }
    .app-box {
        height: 91px;
        margin: 0 0 40px
    }
    .app-content span {
        font-size: 30px;
        line-height: 35px
    }
    .app-content strong {
        font-size: 18px;
        line-height: 24px
    }
    .appsol-box {
        padding: 30px;
        margin: 0 0 30px;
        min-height: auto
    }
    .industry_right ul li {
        padding-bottom: 20px
    }
    .industry_right ul {
        column-count: 1
    }
    .industry_left p {
        font-size: 14px;
        padding: 20px 10px 20px 0
    }
    .left-secondwrap .head-cta-btn {
        font-size: 14px;
        padding: 10px 20px !important
    }
    .form_box_right .form_btn input[type=submit] {
        width: 120px;
        height: auto;
        font-size: 14px;
        padding: 10px 0
    }
    .app_servis_head {
        padding-right: 0
    }
    .app-title p,
    .appsol-title p,
    .chosastin-tittle p,
    .cusapp-content p,
    .digtal_left p,
    .faqs p,
    .health-services-sec p,
    .health_card p,
    .process-content p,
    .process-title p,
    .servis_card p,
    .why_celect_left p {
        font-size: 14px;
        line-height: 22px
    }
    .benfit_right {
        padding-left: 0
    }
    .let_discuss p {
        padding: 10px 0 20px
    }
    .industry_sec {
        padding: 0 0 20px
    }
    .let_discuss_left.aos-init.aos-animate .h3 {
        width: 100%;
        font-size: 16px
    }
    .acccordian-tittle h2,
    .app_servis_head h2,
    .appsol-title h2,
    .benfit_right h2,
    .form_box_right .h5,
    .industry_sec h2,
    .industry_sec h3,
    .info_sec h2,
    .info_sec h3,
    .let_discuss .h3,
    .tech_head .h4 {
        font-size: 18px;
        line-height: 30px;
        padding: 0 0 20px
    }
    .health_card {
        min-height: 200px;
        margin: 30px 5px 0
    }
    .amappd-content p {
        font-size: 16px;
        line-height: 25px;
        max-width: inherit
    }
    .chosastin-tittle span,
    .cusapp-content span {
        font-size: 18px;
        line-height: 22px
    }
    .amappd-content h2,
    .cusapp-content h2,
    .faqs .acccordian-tittle h3,
    .process-title strong {
        font-size: 25px;
        line-height: 30px
    }
    .chosastin-tittle strong {
        font-size: 22px;
        line-height: 30px
    }
    .cusapp-img img {
        height: auto;
        margin: 30px auto 0;
        width: 69%;
        display: block
    }
    .cusapp-content .sq_btn {
        padding: 10px 11px !important;
        font-size: 13px !important
    }
    section.chose-austin .col-md-4.col-sm-6.col-xs-12:last-child {
        float: none;
        margin: 30px auto 0
    }
    .mb_text {
        display: flex;
        align-items: center !important;
        text-align: center !important
    }
    .amappd-content h2,
    .cusapp-content h2,
    .cusapp-content strong,
    .faqs .acccordian-tittle h3,
    span.hm {
        font-size: 19px;
        line-height: 30px
    }
    .lb_img img {
        height: auto;
        width: 100%;
        margin: 20px 0
    }
    .blog_head h3,
    .celect-sec2leftwrap .gen-heading,
    .creative-content .gen-heading,
    .discuss_sec .gen-heading,
    .index-sec-1 .celect-leftcontent .left-firstwrap .gen-heading,
    .product-wrapper h4,
    .review_head h5 {
        font-size: 25px;
        line-height: 36px
    }
    .main-power {
        margin: 0 0 70px
    }
    .contact_sec2 {
        margin-top: 6%
    }
    .mobile_menu .nav-toggle {
        width: 32px;
        right: 7px
    }
    .chicago .banner-formwrap .head-cta-btn p,
    .chicago .head-cta-btn .btn-text,
    .chicago .play-text .gen-text,
    .index-process .banner-formwrap .head-cta-btn p,
    .newheader ul li a {
        color: #000 !important
    }
}

@media only screen and (max-width:430px) {
    header#test {
        display: contents
    }
    .header-right,
    .stelar_main {
        display: flex;
        flex-direction: column;
        align-items: center
    }
    .header_bottom ul {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: -10px
    }
    a.head-cta-btn.sq_btn {
        display: ruby-text
    }
    a.dd-toggle {
        display: none !important
    }
    .case-hero.aos-init.aos-animate img.img-fluid,
    .footer_body .col-12.col-md-6.col-lg-5 {
        width: 50%
    }
    .ourslcs .itemsz {
        margin-bottom: 30px
    }
    .lab_box:hover {
        box-shadow: -2.517px 3.109px 38px 0 #15162b
    }
    .box-3:hover {
        background: url(assets/images/education/box-3.png) 0 0/cover no-repeat !important
    }
    .lab_box:hover .hfive {
        color: #e70008
    }
    .gamings::before {
        display: none
    }
    .content,
    .info_sec .gallery-btn {
        display: flex
    }
    .award_sec,
    .creative-content,
    .footer_body,
    .game,
    .main_slider,
    .review_head,
    .sec3-gallery,
    section.process {
        padding: 0
    }
    .mobile_menu a.head-cta-btn {
        color: #fff !important;
        padding: 0 10px !important;
        height: 40px !important;
        display: flex;
        align-items: center;
        font-size: 11px !important
    }
    .industry_sec h3 {
        font-size: 22px;
        padding-right: 0
    }
    .mobile_menu .navigation-portrait .nav-search-buttonn {
        font-size: 17px
    }
    .testimoinal_sec .row {
        flex-direction: column-reverse
    }
    #myModal form.validate-popup.pop-new {
        margin: 0 auto !important;
        float: none !important
    }
    #myModal form.validate-popup {
        width: 100% !important;
        padding: 25px !important
    }
    #myModal .modal-content {
        width: 90% !important
    }
    #myModal .popupform,
    .image img,
    .slider .thumbnail-wrapper {
        width: 100% !important
    }
    #myModal .popupform {
        margin: 0 auto !important
    }
    .menu_item {
        width: 97%
    }
    .blog_card p,
    .footer_bottom,
    .footer_list {
        padding: 10px 0
    }
    .inner-content,
    .sec3-headwrap {
        padding-left: 0
    }
    .info_sec .gallery-btn .head-cta-btn {
        padding: 10px 17px !important;
        margin-bottom: 0;
        font-size: 14px
    }
    .inner-content .gen-heading {
        line-height: 1
    }
    .inner-content {
        max-width: inherit
    }
    .box-contentwrap .box-img img,
    .image img,
    .left-firstwrap,
    .select-sec2imagewrap img {
        max-width: 100%
    }
    .inner-content .gallery-btn.info-btn {
        text-align: inherit
    }
    .award-content .gen-text,
    .index-sec-4 .owl-carousel .owl-item img {
        margin: 0 auto
    }
    .qote-right {
        margin-left: 0;
        text-align: center;
        width: 100%
    }
    .play-text .gen-text {
        max-width: 300px
    }
    .celect-sec2rightwrap .gen-heading {
        font-size: 50px;
        line-height: 50px;
        margin: 20px 0
    }
    .aboutsec5-boxes,
    .content {
        width: 100%;
        flex-direction: column
    }
    .image img {
        height: 300px !important;
        display: block
    }
    .slider .content {
        margin: unset !important
    }
    .slider .thumbnails img {
        width: 35px !important
    }
    .mh5 {
        font-size: 12px;
        padding: 10px 6px;
        line-height: 20px
    }
    .sec3-headwrap .gen-heading {
        font-size: 26px;
        display: block
    }
    .sec3-headwrap .trans-heading {
        font-size: 30px;
        text-align: center
    }
    .contact_box i,
    .contact_hero_head .gen-text,
    .gen-small-heading {
        font-size: 20px
    }
    .product-wrapper p {
        padding: 0 20px
    }
    .product-wrapper:before {
        left: 17%;
        width: 270px
    }
    .info_right {
        bottom: -10px;
        max-width: 290px
    }
    .info_left {
        top: 40px;
        left: -90px;
        max-width: 400px
    }
    .review_head:before {
        width: 300px;
        left: 13%
    }
    .big_image a {
        margin: unset
    }
    .big_image:after {
        left: 120px;
        top: 25px
    }
    .tab_body .tab_cap {
        flex-wrap: wrap;
        gap: 20px
    }
    .tab_head ul {
        justify-content: center;
        gap: 10px
    }
    .country_card span {
        font-size: 60px
    }
    .blog_head:before {
        width: 250px;
        left: 20%
    }
    .blog_head h3 {
        padding: 0 0 40px
    }
    .blog_card p,
    .footer_bottom a,
    .footer_bottom p,
    .review_box .review_para {
        font-size: 14px
    }
    .tech_head:before {
        width: 270px
    }
    .market-content {
        position: unset;
        width: 100%;
        max-width: 300px;
        margin: 80px auto 0
    }
    .award-content {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        text-align: center
    }
    .footer_list li,
    .sm_heading {
        text-align: left
    }
    .form_bg_imgs .eclipse_left {
        max-width: 66px
    }
    .form_bg_imgs .eclipse_right {
        max-width: 50px
    }
    .contact_sec2 {
        padding: 0 10px 30px;
        margin-top: 0
    }
    .map_point1 {
        max-width: 70px;
        bottom: 15%;
        left: 22%
    }
    .map_point2 {
        max-width: 80px;
        top: 2px
    }
    .map_point3 {
        max-width: 70px;
        right: 27%;
        bottom: 4%
    }
    .map_point4 {
        max-width: 80px;
        top: 20%
    }
    .contact_hero_text {
        max-width: 400px
    }
    .contact_hero_head .gen-heading {
        font-size: 30px
    }
    .contact_hero_head p {
        max-width: 300px;
        font-size: 14px
    }
    .contact_sec2 .bg_map {
        min-height: 210px;
        margin-top: 40px
    }
    .contact_sec3 {
        padding: 0 0 100px
    }
    .play-btnwrap {
        flex-direction: column
    }
    .index-sec-1 .celect-leftcontent .left-firstwrap .gen-heading {
        font-size: 20px;
        line-height: 1.3
    }
    .index-sec-1 {
        padding: 80px 0
    }
    .index-sec-2 {
        padding: 20px 0 10px
    }
    .celect-sec2leftwrap .gen-heading {
        font-size: 21px;
        line-height: 29px
    }
    .celect-sec2leftwrap .gen-text {
        margin: 0 !important
    }
    .index-sec-3 {
        padding: 20px 0
    }
    .inner-content .gen-heading {
        margin: 0 0 10px !important;
        font-size: 21px
    }
    .inner-content .gen-text {
        color: #000;
        margin: 0 0 10px !important;
        font-size: 14px
    }
    .box-contentwrap.mb-5 {
        margin-bottom: 10px !important
    }
    .box-content {
        padding-top: 20px
    }
    .blog_card h3,
    .blog_head h3,
    .contact_box .h4,
    .sec5-leftwrap .gen-heading,
    .tech_head .h4 {
        font-size: 21px
    }
    .box-heading .gen-heading,
    .info_sec h3 {
        font-size: 21px;
        line-height: 25px
    }
    .info_sec {
        padding: 60px 0
    }
    .gallery-btn.info-btn {
        padding-top: 10px;
        text-align: center
    }
    .info_sec p {
        font-size: 14px;
        line-height: 22px
    }
    .product-wrapper h4 {
        padding: 10px 0 30px;
        font-size: 21px;
        margin: 0 !important
    }
    .product-wrapper:before {
        top: 49%
    }
    .product-wrapper p {
        font-size: 14px;
        color: #282828;
        line-height: 21px
    }
    .review_head h5 {
        font-size: 21px;
        line-height: 25px;
        padding: 10px 0 0
    }
    .review_sec .nav-pills .nav-link {
        padding: 6px 7px;
        font-size: 14px
    }
    .review_tabs {
        min-height: 160px
    }
    .review_box {
        max-width: 100%;
        padding: 20px
    }
    .main_slider .carousel-caption {
        bottom: 0;
        left: 0;
        width: 100%
    }
    .bannbg {
        min-height: 410px
    }
    .global_head:before {
        right: 1%;
        min-height: 33px;
        width: 412px;
        top: -60px;
        display: none
    }
    .blog_sec {
        padding: 30px 0
    }
    .form_box_left .h5 {
        font-size: 18px;
        padding-right: 0 !important
    }
    .form_box_right {
        padding: 10px
    }
    .form_box_right .form-control,
    .form_box_right .form-control input {
        height: 45px
    }
    .form_box_right .form-control textarea {
        height: 120px !important;
        padding: 20px;
        overflow: hidden
    }
    .sec3-creative .creative-content .gen-heading {
        font-size: 21px;
        padding: 0;
        line-height: 24px
    }
    .form_btn a {
        padding: 7px 0;
        font-size: 16px
    }
    .contact_content {
        gap: 0
    }
    .footer_body {
        padding: 20px 0 0
    }
    .footer_list li {
        font-size: 15px;
        line-height: 25px
    }
    .footer_body .col-12.col-md-12.col-lg-6 {
        margin: 0 0 20px
    }
    .tech_head:before {
        left: 10%
    }
    .index-sec-1 .play-text .gen-text {
        max-width: 570px;
        padding: 0
    }
    .banner-formwrap {
        height: 375px;
        padding: 0 20px;
        background: url(../images/form-ban.png) no-repeat;
        border-radius: 25px;
        width: 70%;
        margin: 0 auto
    }
    .play-wrapper {
        right: 20px
    }
    .box-contentwrap,
    .contact-textarea {
        width: 100%
    }
    .sec5-box .col-12.col-md-4.col-lg-4 {
        width: auto;
        float: none;
        margin: 0 auto
    }
    .box-colwrap {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }
    .aboutsec4-box {
        width: 42%;
        float: left
    }
    .aboutsec4-boxcont {
        flex-wrap: wrap
    }
    .aboutsec5-rightwrap {
        margin-top: 0;
        margin-left: 0
    }
    .mtt-70 {
        margin-top: 0
    }
    .aboutsec5-boxcontent {
        padding: 30px 15px;
        margin: 0 0 20px !important
    }
    .market-content img {
        max-width: 310px
    }
    .main_slider .carousel-indicators {
        left: auto;
        bottom: 0;
        right: -270px;
        display: none
    }
    .tab_body .tab_cap {
        gap: 6px;
        text-align: center;
        padding: 10px 70px;
        display: flex;
        align-items: flex-end
    }
    .blog_sec .col-md-6 {
        flex: 0 0 auto;
        width: 100%
    }
    .review_sec {
        padding: 50px 0
    }
    .slicknav_nav ul {
        width: 75%
    }
    .creative-content .gen-text {
        font-size: 18px;
        padding: 0
    }
    .service-btn .head-cta-btn {
        padding: 10px 20px !important;
        font-size: 14px
    }
    .form_box_right textarea#exampleFormControlTextarea1 {
        height: 90px !important
    }
    .color_green.mb-2 {
        font-size: 18px
    }
    .tab_cap img {
        max-width: inherit;
        width: 40%
    }
    .form_box_right .h5 {
        font-size: 20px !important
    }
    .clutch-box {
        background: #f4f6fa;
        width: 370px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
        gap: 10px;
        border-radius: 5px
    }
}

@media only screen and (max-width:375px) {
    header#test {
        display: contents
    }
    #myModal .modal-content,
    #myModal .popupform {
        margin: 0 auto !important
    }
    #myModal .popupform,
    .sec5-box .col-12.col-md-4.col-lg-4 {
        width: 100% !important
    }
    .testimoinal_sec .row {
        flex-direction: column-reverse
    }
    .play-wrapper {
        right: 0;
        bottom: auto;
        top: -20px
    }
    .industry_sec h3 {
        font-size: 20px;
        padding-right: 0
    }
    #myModal form.validate-popup.pop-new {
        margin: 0 auto !important;
        float: none !important
    }
    #myModal form.validate-popup {
        width: 85% !important;
        padding: 25px !important
    }
    .round-wrapper .gen-text {
        max-width: 240px
    }
    .index-sec-1 .play-text .gen-text {
        max-width: 370px;
        font-size: 14px
    }
    .box-contentwrap,
    .slicknav_nav ul {
        width: 100%
    }
    .bannbg {
        min-height: 420px
    }
    .info_sec h3:before {
        width: 260px
    }
    .product-wrapper:before {
        width: 250px
    }
    .tech_head:before {
        width: 240px;
        left: 0;
        right: 0;
        margin: 0 auto
    }
    .global_head:before {
        min-height: 27px;
        width: 330px;
        right: 3%
    }
    .blog_head:before,
    .review_head:before {
        width: 210px
    }
    .form_bg_imgs .eclipse_left {
        max-width: 36px
    }
    .form_bg_imgs .text_right {
        max-width: 208px
    }
    .form_bg_imgs .text_left {
        max-width: 250px
    }
    .review_head h5 {
        font-size: 25px
    }
    .discuss_sec .gen-heading {
        font-size: 20px
    }
    .discuss_sec .dis_para {
        font-size: 14px;
        margin-top: 10px;
        max-width: inherit
    }
    .aboutsec4-boxcont {
        justify-content: flex-start;
        flex-wrap: wrap
    }
    .contact_hero_head .gen-heading {
        font-size: 23px
    }
    .contact_hero_head p {
        max-width: 260px
    }
    .contact_hero_text {
        max-width: 310px;
        top: -2%
    }
    .contact-sec1 {
        padding: 10% 0 0
    }
    .contact_sec2 .bg_map {
        min-height: 180px;
        margin-top: 100px
    }
    .contact_sec2 {
        margin-top: -30px;
        padding: 0 10px 30px
    }
    .map_point1 {
        max-width: 75px
    }
    .map_point2 {
        max-width: 70px
    }
    .map_point3,
    .map_point4 {
        max-width: 60px
    }
    .map_point4 {
        right: 5%
    }
    .board_box {
        max-width: 300px;
        padding: 30px 30px 60px
    }
    .board_box h6 {
        font-size: 18px
    }
    .board_box::before {
        left: 145px
    }
    .board_box::after {
        left: 136px
    }
    .contact_sec3 {
        padding: 0 0 100px
    }
    .footer_body .col-12.col-md-12.col-lg-6 {
        margin: 0 0 20px
    }
    .box-colwrap {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }
    .aboutsec4-box {
        width: 100%;
        float: none
    }
    .aboutsec5-boxcontent {
        padding: 30px 15px
    }
    .aboutsec5-rightwrap {
        margin-top: 0;
        margin-left: 0
    }
    .mtt-70 {
        margin-top: 0
    }
    .market-content img {
        max-width: 310px
    }
    #myModal .modal-content {
        width: 90% !important
    }
    a.tel_ {
        width: 30px;
        height: 30px;
        font-size: 13px
    }
    .mobile_menu a.head-cta-btn {
        font-size: 11px;
        margin: 0 30px 0 0
    }
    strong.hed {
        padding: 0 0 0 10px;
        font-size: 15px;
        margin: 10px 0 0 20px
    }
    .main_slider .carousel-indicators {
        bottom: -240px;
        left: 200px
    }
    .review_sec {
        padding: 60px 0 100px
    }
    .app_services .col-sm-4 {
        width: auto
    }
    .health_card {
        min-height: inherit
    }
    .cusapp-content .sq_btn {
        padding: 10px 11px !important;
        font-size: 13px !important;
        display: table;
        margin: 0 auto 10px
    }
    .health-services-sec h2:before,
    .health-tech-sec h2:before {
        display: none
    }
    .main-power {
        margin: 20px 0 130px !important
    }
    .tab_body .tab_cap {
        padding: 10px 47px
    }
    .clutch-box {
        width: 350px
    }
    .clutch-text p {
        font-size: 14px
    }
}

@media only screen and (max-width:320px) {
    .footer_list li,
    .sm_heading {
        text-align: left
    }
    .info_sec .gallery-btn {
        display: unset;
        text-align: center !important
    }
    .info_sec .gallery-btn .head-cta-btn {
        margin-bottom: 20px
    }
    .review_box .review_user {
        margin-right: 13px
    }
    .review_box .review_title .h6 {
        font-size: 20px;
        line-height: 1.6
    }
    .big_image img {
        max-width: 170px
    }
    .big_image a:before {
        right: 47px
    }
    #myModal .modal-content {
        width: 90% !important;
        margin: 0 auto
    }
    .info_sec h3:before {
        width: 190px;
        bottom: 15%
    }
    .contact_sec2 .bg_map,
    .review_tabs {
        min-height: 160px
    }
    .map_point1 {
        max-width: 65px;
        left: 17%
    }
    .map_point2 {
        max-width: 60px;
        top: 0
    }
    .map_point3 {
        max-width: 50px
    }
    .box-content,
    .clect-rightcontent {
        padding-top: 20px
    }
    .play-btnwrap {
        flex-direction: column-reverse
    }
    .index-sec-1 .celect-leftcontent .left-firstwrap .gen-heading {
        font-size: 21px;
        line-height: 29px
    }
    .round-wrapper .gen-text {
        max-width: 260px
    }
    .index-sec-1,
    .index-sec-3 {
        padding: 70px 0
    }
    .index-sec-2 {
        padding: 20px 0 10px
    }
    .celect-sec2leftwrap .gen-heading {
        font-size: 17px;
        line-height: 29px
    }
    .celect-sec2leftwrap .gen-text {
        margin: 0 !important
    }
    .sec3-headwrap .trans-heading {
        text-align: center
    }
    .award_sec,
    .creative-content,
    .industry_sec {
        padding: 0
    }
    .inner-content .gen-heading {
        margin: 0 0 10px !important;
        font-size: 21px
    }
    .inner-content .gen-text {
        color: #000;
        margin: 0 0 10px !important;
        font-size: 14px
    }
    .box-heading .gen-heading,
    .info_sec h3,
    .review_head h5,
    .sec3-creative .creative-content .gen-heading,
    .sec5-leftwrap .gen-heading {
        font-size: 21px
    }
    .box-contentwrap.mb-5 {
        margin-bottom: 10px !important
    }
    .info_sec h3 {
        padding: 0 0 10px
    }
    .info_sec {
        padding: 60px 0
    }
    .info_sec p {
        font-size: 14px;
        line-height: 22px
    }
    .product-wrapper:before {
        top: 39%
    }
    .product-wrapper p {
        font-size: 14px;
        color: #282828;
        line-height: 21px
    }
    .review_sec .nav-pills .nav-link {
        padding: 6px 10px;
        font-size: 14px
    }
    .review_box {
        max-width: 100%;
        padding: 20px
    }
    .review_box .review_para {
        font-size: 14px
    }
    .main_slider .carousel-caption {
        bottom: 0;
        left: 0;
        width: 100%
    }
    .bannbg {
        min-height: 510px
    }
    .tech_head .h4 {
        font-size: 19px
    }
    .global_head:before {
        min-height: 23px;
        width: 282px;
        top: -40px
    }
    .blog_sec {
        padding: 30px 0
    }
    .blog_card p,
    .footer_list {
        padding: 10px 0
    }
    .blog_head h3 {
        font-size: 21px;
        padding: 0
    }
    .form_box_left .h5 {
        font-size: 21px;
        padding-right: 0
    }
    .form_box_right {
        padding: 10px
    }
    .form_box_right .form-control,
    .form_box_right .form-control input {
        height: 45px
    }
    .form_box_right .form-control textarea {
        height: 120px !important;
        padding: 20px;
        overflow: hidden
    }
    .form_btn a {
        padding: 7px 0;
        font-size: 16px
    }
    .contact_box i {
        font-size: 20px
    }
    .contact_box .h4 {
        font-size: 15px;
        margin: 0 0 10px
    }
    .contact_content {
        gap: 0
    }
    .footer_body {
        padding: 20px 0 0
    }
    .footer_body .col-12.col-md-6.col-lg-5 {
        width: 50%
    }
    .footer_list li {
        font-size: 13px;
        line-height: 25px
    }
    .footer_body .col-12.col-md-12.col-lg-6 {
        margin: 0 0 20px
    }
    .sec5-box .col-12.col-md-4.col-lg-4 {
        float: none;
        margin: 0 auto;
        width: 100% !important
    }
    .box-colwrap {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }
    .aboutsec4-box {
        width: 100%;
        float: none;
        margin: 0 auto 20px
    }
    .aboutsec5-boxcontent {
        padding: 30px 15px
    }
    .aboutsec5-rightwrap {
        margin-top: 0;
        margin-left: 0
    }
    .mtt-70 {
        margin-top: 0
    }
    .aboutsec5-boxes {
        width: 100%;
        flex-direction: column
    }
    .market-content img {
        max-width: 270px
    }
    .blog_sec .col-md-6 {
        flex: 0 0 auto;
        width: 100%
    }
    .banner-formwrap,
    .slicknav_nav ul {
        width: 100%
    }
    .quote-wrapper .head-cta-btn {
        padding: 7px 27px !important
    }
    .main_slider .carousel-indicators {
        bottom: -260px;
        left: auto;
        right: 0
    }
    .review_sec {
        padding: 60px 0 100px
    }
    .product-wrapper h4 {
        font-size: 21px;
        margin: 0 !important;
        padding: 0
    }
    .blog_card h3 {
        font-size: 16px
    }
    .form_box_content {
        max-width: inherit;
        padding: 20px
    }
    .app_services .col-sm-4 {
        width: auto
    }
    .digi-health-sec .digital-sec-btns .left_btn,
    .digi-health-sec .digital-sec-btns .right_btn {
        font-size: 12px !important
    }
    .tab_body .tab_cap {
        gap: 32px;
        gap: 8px;
        padding: 10px 20px
    }
    .clutch-box {
        width: 300px
    }
    .clutch-text p {
        font-size: 12px
    }
}