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

@media only screen and (max-width:1600px) {

	.am span.mh,
	.g span.mh,
	.mb span.mh {
		padding: 0 10% 10px 0
	}

	span.mh {
		padding: 0 6% 10px 0
	}
}

@media only screen and (max-width:1440px) {
	.unreal-game:before {
		width: 170px;
		height: 340px
	}

	.unreal-game:after {
		width: 180px;
		height: 460px
	}

	.unite-game:before {
		width: 210px;
		height: 340px;
		bottom: -30px
	}

	.unite-game:after {
		width: 200px;
		height: 380px;
		bottom: -10px
	}

	.android-app:before {
		width: 100px;
		height: 200px
	}

	.android-app:after {
		width: 350px;
		height: 613px;
		bottom: -388px;
		right: -35px
	}

	.xamarin-app:after {
		width: 639px;
		height: 902px;
		bottom: 0
	}

	.app_servis_head h2 {
		font-size: 30px
	}

	.industry_sec h2 {
		font-size: 39px;
		padding-right: 10%
	}

	.faqs .acccordian-tittle h2 {
		font-size: 40px
	}
}

@media only screen and (max-width:1366px) {
	.engaging:after {
		width: 680px;
		height: 780px
	}

	.case-studies {
		padding: 7% 0
	}

	.modal-content {
		background-color: transparent;
		border: none
	}

	.popupform {
		height: 760px
	}

	.unreal-game:before {
		width: 140px;
		height: 310px;
		left: -35px
	}

	.unite-game:before {
		width: 150px;
		height: 200px;
		bottom: 0
	}

	.unite-game:after {
		width: 160px;
		height: 330px;
		bottom: 0
	}

	.faqs .acccordian-tittle h2,
	.real-expert-sec h2 {
		font-size: 40px
	}

	.san-fran .left-firstwrap {
		padding-bottom: 0
	}

	.san-fran .celect-leftcontent {
		margin-left: 5%
	}

	.san-fran .hero-bg_text2 {
		bottom: 50%;
		font-size: 100px
	}

	.san-fran .hero-bg_text1 {
		left: -34%;
		bottom: 19%;
		font-size: 120px
	}

	.app_servis_head h2 {
		font-size: 30px;
		padding: 20px 0
	}

	.mob-app {
		min-height: 600px
	}

	.flutter-app:after {
		width: 510px;
		height: 660px
	}

	.xamarin-app:after {
		width: 490px;
		height: 640px;
		bottom: -40px
	}

	.android-app:before {
		width: 90px;
		height: 215px
	}

	.android-app:after {
		width: 360px;
		height: 673px
	}

	.menuSec img {
		display: block;
		margin: 3px 0
	}

	.iot-sec:before {
		width: 90px;
		height: 165px
	}

	.benfit_right h2 {
		font-size: 30px;
		padding: 10px 70px 45px 0
	}

	.industry_sec h2 {
		width: 100%;
		font-size: 30px;
		padding-right: 0
	}

	.mb span.mh {
		padding: 0 1% 10px 0;
		line-height: 26px
	}

	span.mh {
		font-size: 24px;
		padding: 0 5% 10px 0
	}

	.am span.mh {
		padding: 0 10% 10px 0;
		line-height: 26px
	}

	.green_bd {
		padding: 20px 30px
	}

	span.hm {
		font-size: 28px;
		line-height: 10px;
		width: 84%
	}

	.benfit_right p,
	.keyword-sec p {
		line-height: 25px
	}

	.gamings::after {
		height: 155px;
		width: 170px;
		bottom: -51px;
		left: 115px
	}

	.gaming-details h3 {
		width: 100%
	}

	.keyword-sec h3 {
		font-size: 36px
	}

	.keyword-sec p {
		font-size: 16px;
		padding-bottom: 12px
	}

	.convo-list {
		font-size: 16px;
		padding: 0 20px 20px
	}

	.flutter-app {
		padding: 80px 0
	}
}

@media only screen and (max-width:1280px) {

	.chosastin-tittle h2,
	.company-sec h3,
	.custom-unite h3,
	.faqs .acccordian-tittle h2,
	.gaming-title h2,
	.hire-right h3,
	.privacy_hero_text h2,
	.real-services-sec h2,
	.why_celect_sec h2 {
		font-size: 40px
	}

	.what-we-do-action span {
		font-size: 16px;
		text-align: center;
		margin: 0 auto;
		display: block
	}

	h2.section-title {
		font-size: 32px
	}

	.case-content p {
		padding: 5px 0
	}

	.privacy-content h3 {
		font-size: 35px
	}

	.unreal-game:after {
		width: 90px;
		height: 340px
	}

	.engaging h2,
	.key_head h2 {
		font-size: 30px;
		line-height: 35px
	}

	.engage-left li,
	.hire-left li {
		line-height: 2.5
	}

	.hire-left img {
		margin-left: -5%
	}

	.unite-game:before {
		width: 100px;
		height: 180px;
		bottom: 0
	}

	.unite-game:after {
		width: 100px;
		height: 250px;
		right: -20px
	}

	.amappd-content p {
		font-size: 22px;
		border-bottom: 1px solid
	}

	.index-jordan .hero-bg_text {
		font-size: 130px
	}

	.index-jordan {
		min-height: 90vh
	}

	.san-fran .hero-bg_text2 {
		left: -91%
	}

	.san-fran .hero-bg_text1 {
		left: -24%
	}

	.chicago .hero-bg_text {
		font-size: 150px
	}

	.blogs::after {
		z-index: -1
	}

	.mob-app {
		min-height: 610px
	}

	.flutter-app:after {
		width: 454px;
		height: 546px
	}

	.xamarin-app:after {
		width: 400px;
		height: 561px
	}

	.android-app:before {
		width: 70px;
		height: 140px
	}

	.iot-sec:before {
		width: 118px;
		height: 140px
	}

	.app_servis_head h2 {
		font-size: 38px
	}
}

@media only screen and (max-width:1024px) {

	.qote-left,
	.qote-right {
		width: 100%
	}

	.qote-left,
	.qote-right .gen-text {
		text-align: center
	}

	.ipad_app::before,
	.ipad_app:after,
	.unite-game:after,
	.unite-game:before,
	.unreal-game:after,
	.unreal-game:before {
		display: none
	}

	.case-hero strong {
		font-size: 32px
	}

	.what-we-do-action.text-center.svg-parent {
		width: 163px
	}

	h2.section-title {
		font-size: 26px
	}

	.case-studies {
		min-height: 100vh;
		max-height: 100vh;
		padding: 30% 0
	}

	.app-content span,
	.app_servis_head h2,
	.real-expert-sec h2 {
		font-size: 30px
	}

	.keycard {
		margin: 0 auto 20px
	}

	.amappd-content p,
	.card_inner h6,
	.cusapp-content span,
	.faqs .accordion-flush .accordion-item .accordion-button,
	.keycard h6 {
		font-size: 18px
	}

	.keycard p {
		line-height: 1.4
	}

	.engaging:after {
		width: 480px;
		height: 550px
	}

	.game-text p {
		font-size: 14px;
		line-height: 1.3
	}

	.company_left img,
	.hire-left img {
		margin-left: 0
	}

	.hire-right p {
		line-height: 1.8
	}

	.custom-unite p {
		line-height: 1.6
	}

	.health-sol-sec h5,
	.real-expert-sec .h5,
	.real-services-sec h5 {
		font-size: 22px
	}

	.expert-sec-btns .left_btn {
		padding: 12px 40px
	}

	.expert-sec-btns .right_btn {
		padding: 12px 30px
	}

	.real-services-sec h2 {
		font-size: 30px;
		padding-bottom: 6%
	}

	.index-austin {
		min-height: 80vh
	}

	.index-austin .celect-leftcontent .left-firstwrap {
		padding-bottom: 0
	}

	.chicago .celect-leftcontent .left-firstwrap .gen-heading,
	.chosastin-tittle h2 {
		font-size: 35px
	}

	.amappd-btn a {
		padding: 12px 50px
	}

	.chicago,
	.san-fran {
		min-height: 90vh
	}

	.san-fran .celect-leftcontent {
		margin-left: 15%
	}

	.san-fran .hero-bg_text1 {
		font-size: 100px
	}

	.chicago .hero-bg_text {
		font-size: 130px
	}

	.terms-of-use .bg_text {
		top: 8%;
		font-size: 67px
	}

	.blogs::before {
		height: 608px;
		width: 237px;
		bottom: 0;
		display: none
	}

	.blog-box {
		top: 185px
	}

	.blog-content p {
		font-size: 16px;
		line-height: 24px
	}

	.sec-box {
		position: absolute;
		top: 156px
	}

	.xamarin-app:after {
		width: 380px;
		height: 533px
	}

	.acccordian-tittle h4,
	.app-sol-content h3 {
		font-size: 20px
	}

	.faqs .acccordian-tittle h2 {
		font-size: 24px
	}

	.benfit_right h2 {
		font-size: 24px;
		padding: 10px 0 60px
	}

	.servis_card h4 {
		font-size: 20px;
		padding: 30px 0 10px
	}

	.industry_right ul li {
		font-size: 17px
	}

	.flutter-app:after {
		width: 220px;
		height: 260px;
		z-index: 0
	}

	.flutter-app {
		min-height: 600px !important
	}

	.sticky {
		border-bottom: 0 solid #fff !important
	}

	.android-app:after {
		width: 340px;
		height: 753px
	}

	.android-app:before {
		width: 80px;
		height: 187px
	}

	.iot-sec:before {
		width: 100px;
		height: 160px
	}

	span.hm {
		line-height: 40px
	}

	span.mh {
		font-size: 19px;
		padding: 0 4% 10px 0
	}

	.sitemap .bg_text {
		top: 1%;
		font-size: 88px
	}

	.react-native {
		padding: 300px 0
	}

	.appsol-btn a {
		padding: 12px 25px
	}

	.industry_sec,
	section.app {
		padding: 0 0 40px
	}

	.industry_left a {
		font-size: 16px;
		padding: 12px 20px
	}

	.let_discuss p {
		font-size: 14px
	}

	.let_discuss a {
		padding: 10px 20px;
		font-size: 16px
	}
	/*menu_responsive css satrt */
    .menuSec {
        padding: 8px 0;
        background: #fff;
    }
    .header-right {
          width: calc(70% - 185px);
    }
    .header_bottom {
        margin: 0 40px 0 0;
             width: 100%;
    }
    .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle {
        top: 10px;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #82b361;
        height: 40px;
        width: 40px;
        border-radius: 10px;
        padding: 0;
    }
    .stellarnav .menu-toggle span.bars {
        margin-right: 0;
            top: 0;

    }
    .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle span{ margin:0;}
    .stellarnav.mobile > ul > li{
            position: relative;
            

    }
    
    .stellarnav.mobile > ul > li > a {
        display: block;
    }
    .menuSec li:hover>ul {
        top: 0;
        padding: 0px 5px;
        border: 0;
        border-radius: 0px;
        position: inherit;
    }

    li.list-main.loc.ins ul, li.list-main.loc ul, li.list-main.loc.ind ul {
        width: 100%;
    }
    .menuSec li:hover>ul {
        top: 0;
        padding: 0px 5px;
        border: 0;
        border-radius: 0px;
        position: inherit;
        overflow: auto;
        max-height: 354px;
        overflow-x: hidden;
    }
    /*menu_responsive css end*/


}

@media only screen and (max-width:991px) {

	.faqs,
	.industry_sec,
	.react-native {
		padding: 40px 0
	}

	.unite-game .banner-formwrap {
		background: #fff
	}

	.what-we-do-action.text-center.svg-parent {
		width: 158px
	}

	.custom-unite h3,
	.hire-right h3,
	.unreal-game .gen-heading,
	.why_celect_sec h2 {
		font-size: 35px
	}

	.gaming-title h2 {
		font-size: 30px;
		width: 51%
	}

	.game-text h3 {
		font-size: 18px
	}

	.gaming-title p {
		line-height: 25px
	}

	.key_head p {
		line-height: 1.5;
		font-size: 14px
	}

	.engaging h2,
	.key_head h2 {
		font-size: 35px;
		line-height: 35px
	}

	.custtom-app li,
	.engaging p,
	.hire-right p {
		line-height: 1.6
	}

	.engaging p {
		font-size: 14px
	}

	.health-sol-sec h5 {
		font-size: 22px
	}

	a.aust-btn2 {
		padding: 10px 13px
	}

	.chicago {
		min-height: 80vh
	}

	.chicago .hero-bg_text {
		font-size: 110px
	}

	.react-native {
		min-height: 557px
	}

	.xamarin-app:after {
		width: 290px;
		height: 340px;
		bottom: 30px
	}

	.app_servis_head h2,
	.form_box_right .h5 {
		font-size: 30px
	}

	.servis_card h4 {
		font-size: 20px;
		padding: 30px 0 10px
	}

	.industry_right ul li {
		font-size: 16px
	}

	.flutter-app:after {
		width: 220px;
		height: 261px;
		z-index: 0
	}

	.android-app:after {
		width: 410px;
		height: 600px
	}

	.android-app:before {
		width: 75px;
		height: 174px
	}

	section.app {
		padding: 10px 0
	}

	.sticky {
		border-bottom: 0 solid #fff !important
	}

	.iot-sec:before {
		width: 80px;
		height: 108px
	}

	.industry_sec h2 {
		padding-right: 0;
		font-size: 30px
	}

	span.mh {
		font-size: 18px;
		padding: 0 4% 10px 0
	}

	span.hm {
		line-height: 38px;
		font-size: 24px
	}

	.experience-content h3 {
		font-size: 31px;
		line-height: 35px
	}

	.benfit_right h2 {
		font-size: 30px;
		padding: 6px 0 40px
	}

	.flutter-app {
		padding: 85px 0 !important
	}
	/*menu_responsive css satrt */
    .menuSec {
        padding: 8px 0;
        background: #fff;
    }
    .header-right {
      width: calc(100% - 185px);
    }
    .header_bottom {
        margin: 0 40px 0 0;
             width: 100%;
    }
    .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle {
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .stellarnav.mobile > ul > li{
            position: relative;

    }
    
    .stellarnav.mobile > ul > li > a {
        display: block;
    }
    .menuSec li:hover>ul {
        top: 0;
        padding: 0px 5px;
        border: 0;
        border-radius: 0px;
        position: inherit;
    }

    li.list-main.loc.ins ul, li.list-main.loc ul, li.list-main.loc.ind ul {
        width: 100%;
    }
    .menuSec li:hover>ul {
        top: 0;
        padding: 0px 5px;
        border: 0;
        border-radius: 0px;
        position: inherit;
        overflow: auto;
        max-height: 354px;
        overflow-x: hidden;
    }
    /*menu_responsive css end*/
        
}

@media only screen and (max-width:768px) {

	.cusapp-img,
	.qote-left,
	.why_celect_right {
		text-align: center
	}

	.app-content span,
	.chicago .celect-leftcontent .left-firstwrap .gen-heading,
	.chosastin-tittle h2,
	.custom-unite h3,
	.hire-right h3,
	.index-jordan .celect-leftcontent .left-firstwrap .gen-heading,
	.privacy-content h3 {
		font-size: 30px
	}

	.flutter-app:after,
	.index-uiux::before,
	.ipad_app:after,
	.ipad_app:before,
	.mybfaf:after,
	.mybfaf:before,
	.popupform h6,
	.react-native:after,
	.xamarin-app:after,
	.xamarin-app:before {
		display: none
	}

	.unreal-game .banner-formwrap {
		padding: 40px 15px
	}

	.industry_left a {
		padding: 10px 20px
	}

	.info_sec h2 {
		padding: 0 0 45px
	}

	.engaging:after {
		width: 200px;
		height: 230px;
		top: 60%;
		background-size: 100%
	}

	.engaging h2,
	.key_head h2 {
		font-size: 30px;
		line-height: 35px
	}

	.engage-left li,
	.hire-left li,
	.small_card p {
		font-size: 14px
	}

	.engaging,
	.keyword-sec {
		padding: 30px 0
	}

	.hire-left a {
		padding: 15px 30px;
		font-size: 16px
	}

	.company-sec h3,
	.hire-right h2 {
		font-size: 30px;
		line-height: 38px
	}

	.company_left p {
		line-height: 1.5;
		font-size: 14px
	}

	.custom-unite p,
	.real-expert-sec p {
		line-height: 1.4
	}

	.cusapp-content span,
	.small_card h6 {
		font-size: 18px
	}

	.custom-unite p {
		font-size: 14px
	}

	.why_celect_right img {
		margin: 5% 0
	}

	.why_celect_sec h2 {
		padding-bottom: 3%;
		font-size: 25px
	}

	.app_servis_head h2,
	.index-austin .uiux-small-heading,
	.real-expert-sec .h5 {
		font-size: 20px
	}

	.index-austin,
	.san-fran {
		min-height: 60vh
	}

	.index-austin .left-secondwrap .head-cta-btn {
		font-size: 16px;
		padding: 10px 20px !important
	}

	.amappd-content p {
		font-size: 16px;
		width: 70%
	}

	.custtom-app .row {
		flex-direction: inherit
	}

	.chicago,
	.index-jordan {
		min-height: 70vh
	}

	.index-jordan .hero-bg_text {
		font-size: 100px
	}

	.index-jordan .left-firstwrap {
		padding-bottom: 0
	}

	.san-fran .celect-leftcontent {
		margin-left: 10%
	}

	.san-fran .hero-bg_text1 {
		font-size: 80px;
		bottom: 13%
	}

	.san-fran .hero-bg_text2 {
		font-size: 80px;
		left: -88%
	}

	.app-title h2 {
		font-size: 25px;
		width: 100%
	}

	.terms-of-use .bg_text {
		top: 5%;
		font-size: 62px
	}

	.blog-box {
		top: 120px !important
	}

	.sec-box {
		top: 90px
	}

	.app-sol-content h3 {
		padding: 0
	}

	.app-sol-content p {
		font-size: 16px;
		line-height: 23px
	}

	.industry_right ul li {
		font-size: 16px;
		padding-left: 35px;
		padding-bottom: 25px
	}

	.faqs .accordion-flush .accordion-item .accordion-button {
		font-size: 16px;
		height: 60px
	}

	.android-app:after {
		width: 300px;
		height: 660px;
		bottom: -420px;
		right: -35px;
		z-index: 0
	}

	.android-app:before {
		width: 72px;
		height: 150px;
		top: -19px;
		left: 0
	}

	.sticky {
		border-bottom: 0 solid #fff !important
	}

	.game-main {
		display: block;
		padding: 0
	}

	.game-icon {
		left: 0;
		right: 0;
		display: flex
	}

	.game-box {
		margin: 70px auto 3px 20px;
		width: 46%;
		display: inline-table
	}

	.gaming-details h3 {
		font-size: 25px;
		width: 100%;
		line-height: 30px
	}

	.gaming-details p,
	.qote-right {
		width: 100%
	}

	.gaming-details {
		padding: 0 20px
	}

	.discus::after {
		height: 200px
	}

	.discus::before {
		height: 340px;
		width: 223px;
		bottom: -17px
	}

	.discus {
		height: auto;
		margin: 20px 0
	}

	.discus-text h3 {
		font-size: 36px;
		width: 100%
	}

	.iot-sec:before {
		width: 60px;
		height: 100px
	}

	.iot-sec:after {
		width: 220px;
		height: 490px
	}

	.benfit_right h2 {
		font-size: 17px;
		padding: 0 0 40px
	}

	.appsol-title h2 {
		font-size: 26px;
		line-height: 28px
	}

	span.mh {
		font-size: 14px;
		padding: 0 0 10px;
		line-height: 25px
	}

	span.hm {
		line-height: 0;
		font-size: 18px
	}

	.cynoteck_sec p {
		font-size: 14px;
		width: 100%;
		padding-bottom: 15px
	}

	.lab_box .hfive {
		font-size: 20px;
		line-height: 22px
	}

	.industry_left p {
		font-size: 16px;
		padding: 0 10px 12px 0;
		line-height: 24px
	}

	.industry_sec h2 {
		font-size: 23px;
		padding: 7px 0
	}

	.chos-icon img {
		padding: 13px 6px;
		width: 65px
	}

	.chos-content {
		padding: 5px 22px
	}

	.keyword-sec h3 {
		font-size: 29px
	}

    .popupform .fancybox-close-small {
        top: -26px !important;
        right: -20px !important;
    }

	.flutter-app {
		padding: 40px 0 !important
	}

	.servis_card p {
		line-height: 23px
	}

	.iot-sec {
		Padding: 32px 0;
		min-height: 610px !important
	}

	.iot-sec.gen-heading {
		font-size: 32px
	}

	.quote-wrapper .head-cta-btn {
		padding: 10px 25px !important
	}

	.qote-left {
		width: 100%
	}

	.let_discuss a {
		font-size: 16px;
		padding: 10px 20px
	}

	.benfit_right h2:before {
		width: 305px
	}

	.benefit_sec a {
		padding: 10px 40px
	}

	.powerfull-tittle h3 {
		font-size: 28px;
		width: 100%
	}
   .popupform {
        height: 470px!important;
    }
    .popupform span.h2 {
        margin: 0px 0 10px !important;
        display: block;
        text-align: left;
        font-size: 26px;
    }
    .popupform  p {
        font-size: 14px;
        line-height: 19px;
    }
    .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle {

        top: 10px;
    }
    
}

@media only screen and (max-width:585px) {
	.left-secondwrap .head-cta-btn {
		font-size: 14px;
		padding: 10px 16px !important
	}

	.what-we-do-action.text-center.svg-parent {
		width: 180px;
		margin: 10px 0
	}

	p.section-sub-title {
		font-size: 16px;
		line-height: 26px
	}

	h2.section-title {
		font-size: 23px
	}

	.sitemap .bg_text {
		top: 0;
		font-size: 80px
	}

	.privacy-content,
	.real-services-sec h5 {
		text-align: center
	}

	.chicago .celect-leftcontent .left-firstwrap .gen-heading,
	.chosastin-tittle h2,
	.index-jordan .celect-leftcontent .left-firstwrap .gen-heading,
	.privacy-content h3,
	.real-expert-sec h2 {
		font-size: 25px
	}

	.chicago .play-text .gen-text,
	.hire-right p {
		line-height: 1.5
	}

	.popupform .fancybox-close-small {
		top: -26px !important;
		right: -28px !important
	}
	.popupform {
        height: 470px!important;
    }
    .popupform span.h2 {
        margin: 0px 0 20px !important;
        display: block;
        text-align:left;
    }
    .popupform  p {
        font-size: 14px;
        line-height: 19px;
    }
	.cusapp-content span,
	.small_card h6 {
		font-size: 16px
	}

	.android-app:after,
	.android-app:before,
	.discus::after,
	.discus::before,
	.engaging:after,
	.flutter-app:after,
	.ios_app:after,
	.iot-sec:before,
	.mybfaf:after,
	.mybfaf:before,
	.xamarin-app:after,
	.xamarin-app:before {
		display: none
	}

	.health-sol-sec h5,
	.real-expert-sec .h5 {
		font-size: 18px
	}

	.why_celect_sec h2 {
		font-size: 22px
	}

	.real-expert-head {
		width: 90%
	}

	.expert-sec-btns .right_btn {
		padding: 10px 20px;
		font-size: 16px
	}

	.expert-sec-btns .left_btn {
		padding: 10px 30px;
		font-size: 16px
	}

	.real-services-sec h2 {
		font-size: 25px;
		width: 100%;
		text-align: center
	}

	.real-services-sec h2:before {
		right: 0;
		margin: 0 auto
	}

	.expert-sec-btns {
		padding: 6% 0
	}

	.index-austin .uiux-small-heading {
		color: #fff;
		font-size: 20px;
		font-weight: 600
	}

	.index-austin {
		min-height: 50vh;
		Padding: 70px 0
	}

	.amappd-content p {
		width: 80%
	}

	.index-jordan .left-secondwrap .head-cta-btn {
		font-size: 16px;
		padding: 10px 20px !important
	}

	.index-jordan {
		min-height: 60vh
	}

	.chicago,
	.san-fran {
		min-height: 50vh
	}

	.index-jordan .hero-bg_text {
		font-size: 70px
	}

	.chicago .hero-bg_text,
	.san-fran .hero-bg_text1,
	.san-fran .hero-bg_text2 {
		font-size: 60px
	}

	.chicago .left-secondwrap .head-cta-btn,
	.san-fran .left-secondwrap .head-cta-btn {
		font-size: 16px;
		padding: 8px 15px !important
	}

	.chicago .uiux-small-heading {
		font-size: 20px !important
	}

	.chicago {
		Padding: 50px 0
	}

	.app-title h2 {
		font-size: 22px;
		width: 100%
	}

	.terms-of-use .bg_text {
		top: 4%;
		font-size: 51px
	}

	.chose-title h2,
	.let_discuss h3 {
		font-size: 26px
	}

	.experience-title h2 {
		font-size: 26px;
		padding: 0
	}

	.keyword-sec h3 {
		font-size: 30px
	}

	.faqs,
	.key_card_main,
	.keyword-sec {
		padding: 30px 0
	}

	section.app {
		padding: 0 0 70px
	}

	.benfit_right h2 {
		font-size: 20px;
		padding: 7px 0 32px
	}

	.benefit_sec a {
		padding: 10px 15px;
		font-size: 16px
	}

	.app_servis_head h2 {
		font-size: 21px
	}

	.servis_card h4 {
		font-size: 14px;
		padding: 16px 0 4px
	}

	.appsol-btn a {
		padding: 8px 11px;
		font-size: 16px
	}

	.industry_sec h2 {
		font-size: 20px;
		padding-right: 0
	}

	.industry_left p {
		font-size: 16px;
		padding: 0 5px 15px 0;
		line-height: 26px
	}

	.industry_right ul li:before {
		width: 20px
	}

	.industry_right ul li {
		font-size: 15px;
		padding-left: 18px;
		padding-bottom: 20px
	}

	.faqs .accordion-flush .accordion-item .accordion-button {
		font-size: 16px;
		font-weight: 400
	}

	.techno_sec {
		margin-top: 0
	}

	.industry_right.aos-init.aos-animate {
		padding: 22px 30px
	}

	.industry_sec {
		padding: 10px 0
	}

	.appsol-title h2 {
		font-size: 20px;
		line-height: 26px
	}

	.app-box {
		margin: 8px 0
	}

	.appsol-title p,
	.discus-text p,
	.gaming-details p,
	.service-content-wrapper a {
		width: 100%
	}

	.flutter-app {
		min-height: 960px !important
	}

	.sticky {
		border-bottom: 0 solid #fff !important
	}

	.info_sec {
		padding: 64px 0;
		margin: 26px 0 0 !important
	}

	.gaming-title h2 {
		font-size: 25px;
		width: 100%;
		padding: 20px 0 1px;
		line-height: 38px
	}

	.game-main {
		display: block;
		padding: 0
	}

	.game-box {
		width: 69%;
		display: block;
		margin: 60px auto 40px !important
	}

	.game-icon {
		left: 0;
		right: 0;
		display: flex
	}

	.gaming-details h3 {
		font-size: 30px;
		width: 100%;
		line-height: 36px
	}

	.gaming-details {
		padding: 0 20px
	}

	.discus-text h3 {
		font-size: 24px;
		line-height: 33px;
		padding: 3px 0;
		width: 100%
	}

	section.powerfull {
		padding: 3px 10px 60px
	}

	.sec {
		margin: 130px 30px
	}

	.let_discuss_left {
		width: 450px
	}

	.let_discuss p {
		font-size: 16px;
		padding: 25px 154px 38px 0;
	}

	.let_discuss {
		padding: 50px 0
	}

	span.mh {
		font-size: 16px;
		padding: 0 0 10px;
		line-height: 24px
	}

	span.hm {
		line-height: 28px;
		font-size: 18px
	}

	.g span.mh {
		padding: 48px 10% 10px 0
	}

	.lb_img img {
		border-radius: 10px;
		height: auto;
		object-fit: revert;
		width: 100%
	}

	.servis_card {
		margin-bottom: 5px
	}

	.sec-box {
		top: 329px !important
	}

	.powerfull-tittle h3 {
		font-size: 20px;
		width: 100%
	}

	.popupform h2+p {
		margin: 0
	}

	.popupform h2 {
		font-size: 16px !important
	}

	.popupform ul li input[type=email],
	.popupform ul li input[type=text],
	.popupform ul li textarea,
	input.required.number {
		width: 100% !important;
		margin: 0 auto
	}

	.popupform ul li i {
		left: 9px;
		top: 11px !important
	}

	li.list-main.ser.has-sub {
	    position: relative;
	}

	.menuSec li:hover>ul {
	    position: inherit;
	}
	.service-content-wrapper a {
	    display: flex !important;
	    justify-content: left;
	    align-items: center;
	    padding: 5px 0 !important;
	    font-size: 14px !important;
	    margin: 0;
	    width: 100%;
	    text-align: left;
	}
	.service-content-wrapper .row {
	    display: block;
	}
	.menuSec li:hover>ul {
	    z-index: 9999;
	    background-color: #ffffff;
	    left: 0;
	    top: 0;
	    padding: 30px 10px;
	    border: 0;
	    border-radius: 0;
	}
	.col-sm-3 {
	    width: 100%;
	}

	.menuSec ul li a {
	    width: 100%;
	}
	li.list-main.loc.ins ul, li.list-main.loc ul, li.list-main.loc.ind ul {
	    width: auto;
	}
    .header-right {
     width: calc(100% - -192px);
    }
    a.tel_ {
    width: 37px !important;
    }
        .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle {

        top: 0px;
    }
}

@media only screen and (max-width:425px) {

	.gaming-btn,
	.small_car {
		text-align: center
	}

	.app_servis_head h2,
	.chose-title h2,
	.faqs .acccordian-tittle h2,
	h2.section-title {
		font-size: 20px
	}

	.health-care,
	.hire-right {
		padding-top: 50px
	}

	.popupform {
		background: #fff !important;
		width: 479px !important;
		padding-top: 12px !important;
		overflow: visible;
		border-radius: 12px;
		margin: 0 auto !important
	}

	.popupform .fancybox-close-small {
		top: -26px !important;
		right: -4px !important
	}

	.key_head h2 {
		font-size: 25px;
		line-height: 37px
	}

	.key_head p {
		padding-top: 20px;
		font-size: 14px
	}

	.key_head h2:before {
		bottom: -10px
	}

	.key_card_main {
		padding: 50px 0 20px
	}

	.engaging h2,
	.hire-right h3 {
		font-size: 25px
	}

	.company-sec h3,
	.custom-unite h3 {
		font-size: 25px;
		line-height: 30px
	}

	.real-expert-sec {
		background: #eef5fc;
		padding-bottom: 10%
	}

	.index-austin {
		min-height: 20vh;
		Padding: 30px 0
	}

	.index-jordan {
		min-height: 40vh;
		Padding: 50px 0
	}

	.san-fran .hero-bg_text1 {
		left: 0
	}

	.chicago .hero-bg_text {
		left: 0;
		font-size: 50px
	}

	.chicago .left-firstwrap {
		padding-bottom: 0
	}

	.chicago .play-text .gen-text {
		margin: 20px 0 0
	}

	.android-app,
	.mob-app {
		Padding: 40px 0
	}

	.terms-of-use .bg_text {
		top: 2%;
		font-size: 51px
	}

	.privacy_hero_text h2 {
		font-size: 36px
	}

	.privacy_hero_text p {
		line-height: 25px
	}

	.privacy-content p {
		line-height: 24px
	}

	.bg_text {
		top: 14%;
		font-size: 42px
	}

	.privacy-content h3 {
		font-size: 30px
	}

	.blog-box {
		top: 90px !important
	}

	.sec-box {
		top: 220px !important
	}

	.benfit_right h2 {
		font-size: 24px;
		padding: 10px 0 54px
	}

	.experience-img,
	.keyword-sec {
		padding: 30px 0
	}

	.android-app:after,
	.android-app:before,
	.discus::after,
	.discus::before,
	.flutter-app:after,
	.ios_app:after,
	.xamarin-app:after,
	.xamarin-app:before {
		display: none
	}

	.app-box {
		margin: 6px 0
	}

	.appsol-title span {
		font-size: 20px;
		line-height: 16px
	}

	.appsol-title p,
	.discus-text p,
	.gaming-details p,
	.service-content-wrapper a {
		width: 100%
	}

	.app_servis_head {
		padding-right: 0
	}

	.industry_sec {
		padding: 0
	}

	.industry_right.aos-init.aos-animate {
		padding: 35px 20px
	}

	.industry_right ul li {
		padding-bottom: 16px
	}

	.sticky {
		border-bottom: 0 solid #fff !important
	}

	header.sticky {
		background: 0 0 !important
	}

	.game-main {
		display: block
	}

	.game-box {
		margin: 59px 10px
	}

	.game-icon {
		left: 0;
		right: 0;
		display: flex
	}

	.gaming-details h3 {
		font-size: 22px;
		width: 100%;
		line-height: 36px
	}

	.gaming-details {
		padding: 0 20px
	}

	.gaming-btn {
		margin: 10px auto
	}

	.discus-text h3 {
		font-size: 24px;
		line-height: 33px;
		padding: 3px 0;
		width: 100%
	}

	section.powerfull {
		padding: 40px 0 70px
	}

	.keyword-sec h3 {
		font-size: 24px
	}

	.let_discuss_left {
		width: 400px
	}

	.let_discuss h3 {
		font-size: 26px
	}

	.let_discuss p {
		font-size: 16px;
		padding: 25px 154px 38px 0;
	}

	.appsol-title h2 {
		font-size: 24px;
		line-height: 40px
	}

	.app-title h2 {
		font-size: 24px;
		width: 100%;
		line-height: 35px
	}

	.iot-sec:before {
		width: 50px;
		height: 61px
	}

	.uiux-icon {
		width: 180px;
		height: 125px
	}

	.uiux-main {
		display: block;
		justify-content: center
	}

	.experience-title h2 {
		font-size: 20px;
		padding: 0
	}

	.uius-box {
		display: contents
	}

	.experience-content h3 {
		font-size: 20px;
		line-height: 20px
	}

	.experience-content {
		padding-top: 22px
	}

	.experience-content p {
		width: 100%;
		line-height: 22px
	}

	.servis_card {
		margin-bottom: 25px
	}

	.flutter-app {
		min-height: 1020px !important;
		Padding: 30px 0
	}

	.let_discuss a {
		padding: 7px 19px
	}

	.powerfull-tittle h3 {
		font-size: 20px;
		width: 100%
	}

	.popupform h2+p {
		margin: 0 0 0 10px
	}

	.popupform h2 {
		font-size: 16px !important
	}

	.popupform ul li input[type=email],
	.popupform ul li input[type=text],
	.popupform ul li textarea,
	input.required.number {
		width: 100% !important;
		margin: 0 !important
	}

	.popupform ul li i {
		left: 10px !important;
		top: 12px !important
	}
    .popupform {
        height: 470px!important;
    }
    .popupform span.h2 {
        margin: 0px 0 10px !important;
        display: block;
        text-align: left;
        font-size: 26px;
    }
    .popupform  p {
        font-size: 14px;
        line-height: 19px;
    }
    .header_bottom ul li a {
        font-size: 9px !important;
        padding: 9px 11px !important;
    }
    .header_bottom {
        margin: 0 20px 0 0;
        width: 180%;
    }
    .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle {
        right: -10px;
    }
    a.tel_ {
        width: 20px !important;
        height: 24px;
    }
    .header-right {
     width: calc(89% - 0px);
    }  
    .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle {
        right: 6px;
        width: 30px;
        height: 30px;
        top: 6px;
    }    

    
}

@media only screen and (max-width:375px) {
	.expert-sec-btns .left_btn {
		padding: 9px 20px;
		font-size: 14px
	}

	.what-we-do-action.text-center.svg-parent {
		width: 180px;
		margin: 19px auto;
		display: block
	}

	.popupform {
		background: #fff !important;
		width: 340px !important;
		padding-top: 12px !important;
		overflow: visible;
		border-radius: 12px;
		margin: 0 auto !important
	}

	.popupform .fancybox-close-small {
		top: -26px !important;
		right: -16px !important
	}

	.expert-sec-btns .right_btn {
		padding: 9px 15px;
		font-size: 14px
	}

	.app_servis_head h2,
	.index-austin .uiux-small-heading.mb-2.color_white,
	.index-jordan .celect-leftcontent .left-firstwrap .gen-heading,
	.privacy-content h3 {
		font-size: 20px
	}

	.index-austin .left-secondwrap .head-cta-btn {
		font-size: 16px;
		padding: 8px 10px !important
	}

	.index-jordan .hero-bg_text,
	.san-fran .hero-bg_text2 {
		font-size: 50px
	}

	.index-jordan {
		padding-top: 15px
	}

	.san-fran .hero-bg_text1 {
		font-size: 50px;
		bottom: 8%
	}

	.san-fran {
		min-height: 30vh;
		Padding: 50px 0
	}

	.chicago {
		padding-bottom: 10px
	}

	.privacy_hero_text h2 {
		font-size: 30px
	}

	.servis_card {
		margin-bottom: 25px
	}

	.gamings::after {
		height: 127px;
		width: 160px;
		left: 110px
	}

	.keyword-sec {
		padding: 30px 0
	}

	.benfit_right h2 {
		font-size: 20px;
		padding: 10px 0 54px
	}

	.mob-app {
		min-height: 1080px;
		max-height: 100vh
	}

	.android-app:after,
	.android-app:before,
	.discus::after,
	.discus::before,
	.flutter-app:after,
	.ios_app:after,
	.xamarin-app:after,
	.xamarin-app:before {
		display: none
	}

	.app-content span {
		font-size: 26px
	}

	section.app {
		padding: 0 0 30px
	}

	.appsol-title span {
		font-size: 20px;
		line-height: 30px
	}

	.appsol-title h2 {
		font-size: 18px;
		line-height: 34px
	}

	.benfit_right {
		padding-left: 10px;
		padding-top: 20px
	}

	.industry_sec h2 {
		font-size: 19px;
		padding-right: 0
	}

	.sticky {
		border-bottom: 0 solid #fff !important
	}

	.discus-text p,
	.experience-content p,
	.gaming-details p,
	.service-content-wrapper a {
		width: 100%
	}

	header.sticky {
		position: absolute;
		background: 0 0 !important
	}

	.game-main {
		display: block
	}

	.game-box {
		margin: 59px 10px
	}

	.game-icon {
		left: 0;
		right: 0;
		display: flex
	}

	.gaming-details h3 {
		font-size: 20px;
		width: 100%;
		line-height: 24px
	}

	.gaming-details {
		padding: 0 20px
	}

	.gaming-btn {
		margin: 10px auto;
		text-align: center
	}

	.discus-text h3 {
		font-size: 24px;
		line-height: 33px;
		padding: 3px 0;
		width: 100%
	}

	section.powerfull {
		padding: 3px 10px 60px
	}

	.keyword-sec h3,
	.let_discuss h3 {
		font-size: 24px
	}

	.servis_card h4 {
		font-size: 20px;
		padding: 0
	}

	.tech_head {
		padding-bottom: 0
	}

	.let_discuss {
		padding: 50px 0
	}

	.let_discuss_left {
		width: 386px
	}

	.let_discuss p {
		font-size: 16px;
		padding: 25px 204px 38px 0;
	}

	.app-title h2 {
		font-size: 20px;
		width: 100%;
		line-height: 28px
	}

	.iot-sec:before {
		width: 50px;
		height: 61px
	}

	.uiux-title h2 {
		font-size: 32px;
		line-height: 50px;
		width: 100%
	}

	.experience-title h2 {
		font-size: 19px;
		padding: 0;
		line-height: 32px
	}

	.experience-content h3 {
		font-size: 20px;
		line-height: 27px
	}

	.chos-icon img {
		padding: 10px 5px;
		width: 70px;
		height: 50px
	}

	.chos-content {
		padding: 4px 22px
	}

	.chose-title h2 {
		font-size: 20px;
		line-height: 29px;
		border-bottom: 0
	}

	.blog-box {
		top: 70px !important
	}

	.blog-content p {
		line-height: 25px
	}

	.sec-box {
		top: 185px !important
	}

	.let_discuss a {
		padding: 7px 16px;
		font-size: 16px
	}

	.faqs .acccordian-tittle h2 {
		font-size: 21px
	}

	.app-title h2 {
		padding: 1px 0
	}

	.sitemap .bg_text {
		top: -1%;
		font-size: 67px
	}

	.flutter-app {
		min-height: 1076px !important;
		Padding: 36px 0
	}

	.ipad_app,
	.xamarin-app {
		Padding: 40px 0
	}

	.app_servis_head h2 {
		padding: 10px 0 2px
	}

	.powerfull-tittle h3 {
		font-size: 20px;
		width: 100%
	}

	.popupform h2+p {
		margin: 0
	}

	.popupform h2 {
		font-size: 16px !important;
		margin: 0 !important
	}

	.popupform ul li input[type=email],
	.popupform ul li input[type=text],
	.popupform ul li textarea,
	input.required.number {
		width: 100% !important;
		margin: 0 !important
	}

	.popupform ul li i {
		position: absolute !important;
		top: 12px !important;
		left: 8px !important;
		color: #00000080
	}
	.popupform span.h2 {
        margin: 0px 0 10px !important;
        display: block;
        text-align: left;
        font-size: 18px;
    }
    
    .header-right {
        width: calc(100% - 13px);
    }
    .header_bottom {
        margin: 0 10px 0 0;
        width: 710%;
    }
    .header_bottom ul li a {
        font-size: 9px !important;
        padding: 9px 8px !important;
    }
    .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle {
        right: 3px;
        width: 25px;
        height: 25px;
        top: 7px;
            border-radius: 5px;

    }
    a.tel_ {
        width: 24px !important;
        height: 24px;
    }
    strong.hed {
        padding: 0 0 0 0;
        font-size: 15px;
        margin: 20px 0 10px 20px;
    }
}