@media screen and (min-width:1700px) {
    .decad-shwn p {
        width: 80%;
        margin: 0 auto
    }
}

@media screen and (max-width:1700px) {
    #smpsetup-fine .caplist li:first-child .banimg {
        top: 19%;
        left: 0
    }

    #hlthcare .caplist li:first-child .banimg {
        left: 1% !important
    }

    #hlthcare .caplist li:first-child .banimg img {
        width: 70%
    }
}

@media screen and (min-width:1500px) {
    #hlthcare .caplist li:first-child .banimg {
        top: 20%;
        left: 8%
    }

    .caplist li:first-child .banimg {
        left: 5%
    }

    .caplist {
        padding-bottom: 355px
    }

    .caplist.vartim {
        padding-bottom: 405px
    }

    .transfrmsec {
        padding-top: 0
    }
}

@media only screen and (min-width :1300px) and (max-width :1499px) {
    .page-uiux.page-web .caplist li:first-child .banimg img {
        width: 75%
    }

    .caplist li:first-child .banimg {
        left: -1%
    }

    .caplist {
        padding-bottom: 350px
    }

    .transfrmsec {
        padding-top: 0
    }

    .decad-shwn { width: 82%; }



}

@media only screen and (min-width :1201px) and (max-width :1299px) {
    .caplist li:first-child .banimg {
        left: -3%
    }

    .banimg img {
        width: 90%
    }

    .caplist {
        padding-bottom: 280px
    }

    .bancap {
        margin-top: 50px
    }

    .transfrmsec {
        padding-top: 0
    }
}

@media only screen and (min-width :1000px) and (max-width :1199px) {
    .caplist li:first-child .banimg {
        left: -10%
    }

    .banimg img {
        width: 80%
    }

    .caplist {
        padding-bottom: 280px
    }

    .bancap {
        margin-top: 00px
    }

    .transfrmsec {
        padding-top: 0
    }
}

@media screen and (max-width:1400px) {
    #hlthcare .caplist li:first-child .banimg {
        left: -5% !important
    }

    .decad-shwn p {
        font-size: 16px;
        min-height: 260px
    }

    .hidusten li {
        font-size: 24px
    }

    .box-inn h4 {
        font-size: 24px
    }

    #partners .caplist li:first-child .banimg {
        left: 9.5%
    }

    #smpsetup-fine .caplist li:first-child .banimg {
        left: -100px
    }

    .decad-shwn .sub-ser-titles {font-size: 25px;
        line-height: 28px; min-height: 80px; }




}

@media screen and (max-width:1290px) {
    #partners .caplist li:first-child .banimg {
        top: 15%
    }

    .decad-shwn p {
        font-size: 15px
    }

    .cse-std h4 {
        font-size: 17px;
        line-height: 26px;
        margin-top: 15px
    }

    .serv.cst-des h4 span {
        font-size: 26px;
        line-height: 46px
    }

    .serv h4 {
        margin-bottom: 20px
    }

    .capab-lst .col-lg-4 {
        padding: 0;
        width: 48%;
        margin-right: 14px;
        float: left
    }

    #strategy-fine .capab-lst .boxing {
        min-height: 200px;
        padding: 23px 20px 13px 20px
    }

    #strategy-fine .capab-lst p {
        text-align: left
    }

    #strategy-fine .caplist li:first-child .banimg {
        top: 18%
    }

    #page-mobapp .caplist li:first-child .banimg {
        top: 18%
    }

    #hlthcare .capab-lst .boxing {
        min-height: 200px;
        padding: 23px 20px 13px 20px
    }

    #hlthcare .capab-lst p {
        text-align: left
    }

    #hlthcare .caplist li:first-child .banimg {
        top: 22%
    }

    .caplist li:first-child .banimg {
        left: -13%
    }

    .page-webapp .caplist li:first-child .banimg {left: 0px; width: 50%; }

    .page-uiux.page-web .caplist li:first-child .banimg img {
        width: 50%; 
    }

    .page-uiux.page-webapp .caplist li:first-child .banimg img {
        width: 95%; }

        .page-uiux.page-webapp .caplist {
            padding-bottom: 240px;
          }

    #strategy-fine.page-mobapp .caplist li:first-child .banimg img {
        width: 70%
    }

    .page-uiux.page-mobapp .caplist li:first-child .banimg {top: 10% !important;
        width: 60%; left: 0; }

    .transfrmsec.servintro .highlited-content br {
        display: none
    }

    #strategy-fine p.highlited-content {
        margin: 30px auto 20px;
        font-size: 30px;
        line-height: 40px
    }

    #hlthcare p.highlited-content {
        margin: 30px auto 20px;
        font-size: 30px;
        line-height: 40px
    }

    ul.dig-det::before {
        display: none
    }

    .bst-lvls .section_title h4 {
        font-size: 22px;
        line-height: 33px
    }

    .lvls-lst.fst {
        margin-left: 40px
    }

    .lvls-lst.snd {
        margin-right: 40px
    }

    .bst-lvls .intro_content::before {
        bottom: -470px;
        left: 0;
        right: auto;
        background-size: 70%;
        background-repeat: no-repeat
    }

    .mix-together {
        padding-top: 30px
    }

    ul.dig-det li {
        width: 31%
    }

    .contact_details .content {
        font-size: 22px
    }

    .homePage-banner .slick-dots {
        right: 8%
    }

    .about_crisp .text {
        font-size: 40px
    }

    .section_openings .jobs .title {
        font-size: 50px
    }
}

@media screen and (min-width:1200px) {



.page-webapp .caplist li:first-child .banimg {
    left: 0px;
    width: 50%;
  }
  .page-uiux.page-webapp .caplist li:first-child .banimg img {
    width:85%;
  }

}

@media screen and (min-width:999px) {
    a.marketsec {
        height: 260px
    }
}

@media screen and (max-width:1080px) {
    #hlthcare.page-uiux section .uiuxprocess-box .marketsecwrap li {
        width: 22%
    }

    #itcompanies .bancap p,
    #hlthcare .bancap p,
    #sepsetup-fine .bancap p {
        text-align: center;
    }

    .nyn-rspnsve .off-ings {
        width: 19%
    }

    .upside-ul {
        top: 35px;
        right: 115px
    }

    .nav-fixed .upside-ul {
        top: 30px;
        right: 115px
    }

    #hlthcare .caplist li:first-child .banimg {
        left: -18% !important
    }

    #hlthcare .caplist li:first-child .banimg img {
        width: 60%
    }

    #smpsetup-fine .caplist li:first-child .banimg {
        left: -180px
    }

    .smo-stup .section_title .fancy-title .text {
        letter-spacing: 0;
        line-height: 54px;
        font-size: 50px
    }

    #smpsetup-fine .section_title .fancy-title .fancy-text {
        font-size: 90px !important;
        line-height: 50px
    }

    .chkse-boxe .section_title .fancy-title .fancy-text {
        font-size: 90px !important;
        line-height: 50px
    }

    .timeline>li>.timeline-panel {
        width: 100%
    }

    .timeline>li {
        width: 100%
    }

    li.timeline-inverted {
        width: 100%;
        float: left
    }

    .timeline>li .timeline-info {
        float: left
    }

    .timeline {
        padding-left: 20%
    }

    .timeline::before {
        left: -40%
    }

    .timeline>li>.timeline-badge {
        left: -140px
    }

    .timeline>li.timeline-inverted .timeline-badge {
        left: -84px
    }

    .timeline>li:nth-child(9)::before {
        left: -230px
    }

    .timeline>li:nth-child(5)::before {
        left: 60%;
        bottom: -40%
    }

    .socal-icnsdim::after {
        right: 70px
    }

    .timeline>li:nth-child(1)::before {
        display: none
    }

    .chk-bxni {
        padding: 18px 15px 15px 50px
    }

    .expeect-range li {
        font-size: 18px;
        line-height: 30px
    }

    .rng-serv-ces li {
        font-size: 19px;
        line-height: 28px
    }

    #partners .caplist li:first-child .banimg {
        left: -40px
    }

    .rng-serv-ces ul {
        margin-top: 30px
    }

    #partners .caplist li:first-child .banimg img {
        width: 70%
    }

    .off-txt span {
        font-size: 19px;
        line-height: 32px
    }

    .off-txt {
        font-size: 24px;
        line-height: 25px
    }

    #partners .bancap {
        left: 20px
    }

    .innerPage-banner .banner-img .texture:before {
        opacity: .15
    }

    .expeect-range ul::before {
        right: 30px
    }

    .homePage-banner .item {
        height: 640px
    }

    .navbar-toggle {
        right: 5%
    }

    .header_wrapper .social_links {
        right: 12%
    }

    .solution_boxes .boxes_wrapper {
        padding: 60px 40px
    }

    .contact_details {
        text-align: center;
        max-width: 96vw
    }

    .menu_container {
        padding: 0 15px 0 30px
    }

    .head.nav_list>a {
        font-size: 30px;
        line-height: 28px
    }

    .banner-content .container,
    .header_wrapper .container {
        padding: 0 5%
    }

    .case_studies {
        overflow-x: hidden
    }

    a.stories {
        padding: 40px 20px
    }

    .btnlinr::after,
    .btnlinr::before {
        width: 22%
    }

    .marketsecwrap li {
        width: 28%
    }

    .marketsecwrap li:nth-child(4) {
        margin-right: 20px
    }

    .page-uiux .bancap h1 {
        font-size: 33px;
        line-height: 40px
    }

    .webprocess-box .innerdet {
        min-height: 170px
    }


    .page-webapp .caplist li:first-child .banimg {
         
        width: 50%;
      }
      .page-uiux.page-webapp .caplist li:first-child .banimg img {
        width: 95%;
      }



      .innerPage-banner .banner-title span{line-height: 45px; font-size: 40px;}
      .boxins-boxes .col-md-3 { width:50% }
      .decad-shwn .sub-ser-titles {min-height: auto;}
      .decad-shwn p {min-height: 180px;}
      .page-serviceBranding .innerPage-banner .banner-img { height: 500px; } 
      .brand_bg {z-index: 9;}
      .breadCrumb_wrapper span.ban-tpr {font-size: 21px !important;}


}

@media screen and (max-width:999px) {
    .upside-ul ul li a {
        padding: 5px 5px;
    }

    .nyn-rspnsve .off-ings {
        width: 19%
    }

    .boxing {
        min-height: auto
    }

    .boxing p {
        min-height: auto
    }

    .tps-rowpin .col-md-4.nopad-right {
        padding-right: 15px
    }

    .tps-rowpin .col-md-4.nopad-left {
        padding-left: 15px
    }

    .chk-bxni.text-center {
        text-align: left
    }

    .chk-bxni h5 br {
        display: none
    }

    .chk-bxni {
        padding: 20px 20px 20px 65px
    }

    .shw-hid-form {
        margin-top: 00px;

    }


    .frm-fields .nopad-right {
        padding-right: 15px
    }

    .form-data.cnt input {
        margin-bottom: 15px
    }

    .shw-hid-form {
        padding: 30px 10px
    }

    .chk-bxni:hover .chks-rep {
        top: -140px
    }

    .chk-bxni h5 {
        margin-bottom: 0
    }

    .ch-ken {
        position: absolute;
        right: 25px;
        top: 25px
    }

    .chk-bxni {
        margin-bottom: 30px
    }

    #smpsetup-fine .bancap h1 {
        text-align: center
    }

    #smpsetup-fine .bancap p {
        text-align: center
    }

    .senduy.goa-way {
        margin-bottom: 30px
    }

    .goa-way {
        display: block
    }

    .cme-way {
        display: none !important
    }

    .modes-set {
        padding: 45px 15px 25px 15px
    }

    .frts.goa-way .modes-set {
        background-color: #fff
    }

    .modes-set:hover {
        box-shadow: none
    }

    .our-sucful li {
        width: 21%
    }

    .engagemet {
        padding: 100px 0 35px
    }

    .partners-ays p {
        width: 74%
    }

    .rt-free {
        margin-top: 0
    }

    .rt-free .label-free span {
        left: 20px
    }

    .rt-free .label-free {
        padding-left: 120px
    }

    .label-free {
        min-height: auto;
        padding: 20px 20px 20px 120px;
        margin-top: 0;
        margin-bottom: 5px
    }

    .label-free span {
        top: 20px;
        left: 20px
    }

    #partners .caplist li:first-child .banimg img {
        width: 50%
    }

    .boxins-boxes {
        text-align: center
    }

    .boxins-boxes .col-md-4.col-sm-6.col-xs-12.no-pad {
        float: none;
        display: inline-block;
        width: 49.5%
    }

    .rng-serv-ces li {
        width: 30%;
        vertical-align: top
    }

    .cme-way {
        display: none !important
    }

    .go-way {
        display: block !important
    }

    .ovrl-txt p br {
        display: none
    }

    .bst-lvls .intro_content::before {
        bottom: 50px
    }

    #strategy-fine .common-pad70.transfrmsec.servintro {
        margin-top: 0
    }

    #hlthcare.common-pad70.transfrmsec.servintro {
        margin-top: 0
    }

    .bst-lvls .content-container p {
        margin-bottom: 40px
    }

    #strategy-fine .capab-lst .boxing {
        min-height: auto
    }

    #hlthcare .capab-lst .boxing {
        min-height: auto
    }

    .capab-lst .col-lg-4 {
        width: 100%
    }

    .mtc-60 {
        margin-top: 0
    }

    #sepsetup-fine .bancap h1,
    #strategy-fine .bancap h1 {
        text-align: center;
        margin-top: 20px
    }

    #sepsetup-fine .bancap p,
    #strategy-fine .bancap p {
        text-align: center
    }

    #hlthcare .bancap h1,
    #sepsetup-fine .bancap h1 {
        text-align: center;
        margin-top: 20px
    }

    #hlthcare .bancap p,
    #sepsetup-fine .bancap p {
        text-align: center
    }

    ul.dig-det li {
        width: 30%
    }

    .webprocess-new-ul-list {
        padding-top: 75px;
        background-size: 97%
    }

    .masonry-selector {
        width: calc(49% - 1px)
    }

    .innerPage-banner .banner-img .texture {
        opacity: 0
    }

    .blog_stories,
    .case_studies_content {
        display: block
    }

    .case_studies_content .content_wrapper {
        min-height: inherit
    }

    .case_studies .stories_content,
    .case_studies_content {
        width: 50%;
        float: left;
        min-height: 340px;
        background-position: bottom center
    }

    .blog_stories {
        width: 100%;
        float: left
    }

    .case_studies .stories_content {
        background-position: center
    }

    .contact_wrapper:before {
        position: relative;
        margin-bottom: 10px
    }

    .contact_details {
        padding: 30px 20px
    }

    .contact_wrapper {
        padding-left: 0
    }

    .contact_details .content {
        font-size: 20px
    }

    .contact_details .title {
        font-size: 18px
    }

    .solution_boxes {
        display: block;
        float: left;
        width: 100%
    }

    .study_boxes {
        width: 100%
    }

    .grid_design .solution_boxes>a .title,
    .tri_design .solution_boxes .title {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: -1.5px
    }

    .solution_boxes.elementInview .boxes_wrapper:before {
        opacity: .23;
        transform: scale(1.25);
        transition-delay: .25s
    }

    .solution_boxes:first-child {
        margin-top: 0
    }

    .section_intro .brand_img {
        max-width: 30vw;
        bottom: -40%;
        right: 10vw;
        opacity: 0
    }

    .solution_boxes .boxes_wrapper {
        padding-left: 10%
    }

    .quick_links li {
        line-height: normal;
        padding: 0 5px
    }

    .quick_links a {
        font-size: 12px
    }

    .contact_form .form_wrapper {
        padding: 20px 0 40px
    }

    .about_crisp .text {
        padding: 30px 20px;
        font-size: 35px;
        margin-top: 20px
    }

    .page-aboutUs .solution_boxes .boxes_wrapper {
        padding: 6% 30px
    }

    .section_openings .content-container,
    .section_openings .openings {
        display: block;
        width: 100%
    }

    .section_openings .content_wrapper {
        padding: 14% 0
    }

    .innerPage-banner .banner-title span {
        font-size: 40px;
        line-height: 42px
    }

    h2.banner-title-secondery.banner-title span {
        font-size: 30px;
        line-height: 32px
    }

    .learning_sub_list {
        display: block
    }

    .learning_sub_list .list_wrapper {
        display: block;
        float: right;
        padding-left: 270px;
        width: 100%;
        text-align: left
    }

    .learning_sub_list .list_wrapper.bg_brain {
        float: left;
        padding-left: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%
    }

    .left .learning_sub .content_wrapper:after {
        left: 0;
        opacity: 1
    }

    .solutions_link .links_wrap:before {
        width: 90%;
        left: 5%
    }

    .grid_design .solution_boxes.elementInview>a .title,
    .tri_design .solution_boxes.elementInview .title {
        transform: translateY(0)
    }

    .grid_design .solution_boxes.elementInview .disp {
        transform: translateY(0);
        opacity: 1;
        transition-delay: 1s
    }

    .grid_design .solution_boxes.elementInview .icons,
    .tri_design .solution_boxes.elementInview .icons {
        transform: translateY(0);
        opacity: 1;
        transition-delay: 1.5s
    }

    .solution_features-list .content-container {
        padding-right: 20px;
        max-width: calc(100% - 370px)
    }

    .solution_features-list .feature_img {
        max-width: 360px
    }

    .caplist li:first-child .banimg {
        left: -15%
    }

    .banimg img {
        width: 70%
    }

    .bancap {
        margin-top: 0
    }

    .caplist {
        padding-bottom: 170px
    }

    .transfrmsec {
        padding-top: 0
    }

    .marketsecwrap li {
        width: 30%
    }

    a.marketsec {
        min-height: 240px
    }

    .marketsecwrap li:nth-child(4) {
        margin-right: 20px
    }

    .btnlinr::before {
        width: 20%
    }

    .btnlinr::after {
        width: 20%
    }

    .clientlogolist li {
        width: 20%
    }

    .clientlogolist li:nth-child(6) {
        border-right: 1px solid rgba(0, 0, 0, .18)
    }

    .clientlogolist li:nth-child(10),
    .clientlogolist li:nth-child(5) {
        border-right: 0
    }

    a.stories {
        width: 100%;
        margin-bottom: 20px
    }

    .caplist li:first-child .banimg {
        position: static
    }

    .caplist li {
        width: 100%
    }

    .caplist {
        padding: 80px 0;
        padding-bottom: 220px
    }
	
	.page-uiux .caplist{
		padding-bottom: 140px;
	}
	.page-uiux .common-pad70.servintro{
		padding-top: 0px !important;
	}

    .transfrmsec {
        margin-top: -9%;
        position: relative;
        z-index: 1
    }

    .marketsecwrap li {
        width: 46%
    }

    .clientlogolist li {
        width: 30%
    }

    .clientlogolist li:nth-child(10),
    .clientlogolist li:nth-child(5) {
        border-right: 1px solid rgba(0, 0, 0, .18)
    }

    .clientlogolist li:nth-child(3),
    .clientlogolist li:nth-child(6),
    .clientlogolist li:nth-child(9) {
        border-right: 0
    }

    .clientlogolist li:last-child {
        border-right: 0;
        border-left: 1px solid rgba(0, 0, 0, .18);
        border-bottom: 0
    }

    .clientlogolist li:nth-child(10) {
        border-right: 0;
        border-bottom: 0
    }

    .page-uiux section .marketsecwrap li a.marketsec {
        height: auto;
        min-height: auto
    }

    .page-uiux section .uiuxprocess-box .marketsecwrap li {
        width: 48%
    }

    .page-uiux section .marketsecwrap li {
        width: 20%;
        display: inline-block
    }

    .page-uiux section .clientlogolist li:nth-child(9) {
        border-right: 1px solid rgba(0, 0, 0, .18)
    }

    .page-uiux section .clientlogolist li:nth-child(10),
    .page-uiux section .clientlogolist li:nth-child(12) {
        border-bottom: 1px solid rgba(0, 0, 0, .18)
    }

    .page-uiux section .clientlogolist li:last-child,
    .page-uiux section .clientlogolist li:nth-child(11) {
        border-left: 0 solid rgba(0, 0, 0, .18)
    }

    .page-uiux section .clientlogolist li:last-child {
        border-bottom: 1px solid rgba(0, 0, 0, .18)
    }

    .page-uiux.page-web section .webprocess-box .marketsecwrap li {
        width: 29%;
        display: inline-block
    }

    .banner-title.thank-title span {
        font-size: 80px
    }

    .bancap {
        text-align: center
    }

    #sepsetup-fine .innerPage-banner .banner-img {
        background-position: bottom 80px center
    }

    .main-menu {
        width: 54vw
    }

    .main-div.active {
        transform: scale(.8) translateX(-55vw) translateZ(0)
    }

    .button_close {
        right: 51.5vw
    }

    .page-uiux.page-mobapp .caplist li:first-child .banimg {width: 90%; }
    #strategy-fine.page-mobapp .caplist li:first-child .banimg img {width: 65%}
    .page-webapp .caplist li:first-child .banimg {
        width:70%;
    }      


}

@media screen and (max-width:820px) {
    .timeline>li>.timeline-badge {
        left: -117px
    }

    .timeline>li.timeline-inverted .timeline-badge {
        left: -62px
    }

    .socal-icnsdim::after {
        right: 0;
        background-size: 58%
    }

    .timeline>li:nth-child(1):before {
        background-size: 58%
    }

    .timeline>li:nth-child(2):before {
        background-size: 58%
    }

    .timeline>li:nth-child(5):before {
        background-size: 58%
    }

    .timeline>li:nth-child(6):before {
        background-size: 58%
    }

    .timeline>li:nth-child(9):before {
        background-size: 58%
    }

    .timeline>li:nth-child(10):before {
        background-size: 58%
    }

    #performance-marketing .innerPage-banner .banner-img {
        background-position: right -100px
    }

    #performance-marketing .caplist li:first-child .banimg {
        margin-top: 40px
    }

    #performance-marketing .bancap {
        margin: 0 auto;
        margin-top: 30px
    }

    #performance-marketing .bancap br {
        display: block
    }

    .lnks-tips.bx-4 {
        margin-top: 41px
    }

    .our-sucful li {
        width: 23%
    }

    .bancap br {
        display: none
    }

    #partners .bancap h1 {
        font-size: 38px;
        line-height: 43px
    }

    .rng-serv-ces li {
        font-size: 16px;
        line-height: 27px
    }

    .expeect-range li {
        width: 32%
    }

    #performance-marketing section.gray-bg .bg-white .facebook img,
    #performance-marketing section.gray-bg .bg-white .instagram img,
    #performance-marketing section.gray-bg .bg-white .twitter img,
    #performance-marketing section.gray-bg .bg-white .youtube img,
    #performance-marketing section.gray-bg img.pintrest {
        max-width: 70px;
        animation-name: none
    }

    #performance-marketing section.gray-bg .bg-white .whatsapp img {
        max-width: 60px
    }

    #performance-marketing section.gray-bg .linkedin:before {
        width: 70px;
        height: 70px;
        animation-name: none
    }

    #performance-marketing section.gray-bg .bg-white .instagram {
        left: -30px;
        top: -40px;
        animation-name: none
    }

    #performance-marketing section.gray-bg .bg-white .twitter {
        left: -30px;
        animation-name: none
    }

    #performance-marketing section.gray-bg .bg-white .youtube {
        right: -40px;
        animation-name: none
    }

    #performance-marketing section.gray-bg .bg-white .facebook {
        right: -40px;
        animation-name: none
    }

    #performance-marketing section.gray-bg .bg-white .whatsapp {
        animation-name: none
    }

    
}

@media only screen and (min-width:320px) and (max-width:767px) {

    #performance-marketing section.gray-bg .bg-white .facebook img,
    #performance-marketing section.gray-bg .bg-white .instagram img,
    #performance-marketing section.gray-bg .bg-white .twitter img,
    #performance-marketing section.gray-bg .bg-white .youtube img,
    #performance-marketing section.gray-bg img.pintrest {
        max-width: 50px;
        animation-name: none
    }

    #performance-marketing section.gray-bg img.pintrest {
        top: 20px
    }

    #performance-marketing section.gray-bg .bg-white .whatsapp img {
        max-width: 40px
    }

    #performance-marketing section.gray-bg .linkedin {
        width: 50px;
        height: 50px;
        top: 5%
    }

    #performance-marketing section.gray-bg .linkedin:before {
        width: 50px;
        height: 50px;
        right: 0;
        animation-name: none
    }

    #performance-marketing section.gray-bg .bg-white .youtube {
        right: -30px
    }

    #performance-marketing .bancap {
        max-width: 90%
    }

    #performance-marketing section.gray-bg .bg-white {
        padding: 15px
    }

    #performance-marketing section.gray-bg a.blue-btn {
        margin-top: 50px
    }

    .hide-mobile {
        display: none !important
    }

    .show-mobile {
        display: block !important
    }

    #DownloadModal.modal.fade.in .modal-dialog,
    #FormModal.modal.fade.in .modal-dialog {
        top: 0;
        height: auto;
        transform: none
    }

    #DownloadModal .modal-dialog,
    #FormModal .modal-dialog {
        margin: 30px 10px
    }

    #FormModal .modal-body {
        padding: 0
    }

    form.performance-marketing-service-form {
        padding: 10px 0 20px 0;
        margin: 0 0 20px 0
    }

    form.performance-marketing-service-form .input-field {
        background: 0 0;
        padding-top: 30px
    }

    form.performance-marketing-service-form .input-field input {
        background: #fff
    }

    form.performance-marketing-service-form .input-field label {
        top: 0;
        left: 0
    }

    form.performance-marketing-service-form .input-field input:focus~label,
    form.performance-marketing-service-form .input-field input:valid~label {
        top: 0;
        left: 0;
        font-size: 15px
    }

    form.performance-marketing-service-form .input-field label small {
        display: none
    }

    .video-overlay iframe {
        min-height: 300px;
        width: 95%
    }

    #performance-marketing section.gray-bg .common-head h5 {
        max-width: 100%
    }

    #performance-marketing section.gray-bg .common-head h5 br {
        display: none
    }

    #performance-marketing section.gray-bg .video-play-icon {
        right: 50px
    }

    #DownloadModal .modal-body {
        padding: 20px 10px
    }

    #DownloadModal button.close {
        right: -5px
    }

    #performance-marketing section.gray-bg .section_title .fancy-title .font-extraBold {
        font-size: 36px;
        line-height: 40px
    }

    #performance-marketing section.gray-bg .common-head h5 img {
        right: 0;
        top: inherit;
        bottom: -10px;
        transform: rotate(90deg);
        animation-name: none
    }

    #performance-marketing section.gray-bg .video-play-button:after,
    #performance-marketing section.gray-bg .video-play-button:before {
        width: 50px;
        height: 50px
    }

    #performance-marketing section.gray-bg .video-play-button {
        display: flex;
        justify-content: center;
        align-items: center
    }

    #performance-marketing section.gray-bg .video-play-button span {
        border-left: 12px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent
    }

    .boxins-boxes .col-md-4.col-sm-6.col-xs-12.no-pad {
        float: none;
        display: inline-block;
        width: 100%
    }

    .new-set p.bnr-texit {
        width: 95%;
        font-size: 14px
    }

    .new-set .innerPage-banner::before {
        display: none
    }

    .new-set .innerPage-banner::after {
        display: none
    }

    .decad-shwn p {
        min-height: auto
    }

    .mt-30 {
        margin-top: 36.3636363636px !important
    }

    .mt-40 {
        margin-top: 30.7692307692px !important
    }

    .mt-50 {
        margin-top: 33.3333333333px !important
    }

    .mt-60 {
        margin-top: 33.3333333333px !important
    }

    .mt-70 {
        margin-top: 35px !important
    }

    .mt-80 {
        margin-top: 40px !important
    }

    .mt-90 {
        margin-top: 45px !important
    }

    .mt-100 {
        margin-top: 50px !important
    }

    .mb-30 {
        margin-bottom: 27.2727272727px !important
    }

    .mb-40 {
        margin-bottom: 30.7692307692px !important
    }

    .mb-50 {
        margin-bottom: 33.3333333333px !important
    }

    .mb-60 {
        margin-bottom: 33.3333333333px !important
    }

    .mb-70 {
        margin-bottom: 35px !important
    }

    .mb-80 {
        margin-bottom: 40px !important
    }

    .mb-90 {
        margin-bottom: 45px !important
    }

    .mb-100 {
        margin-bottom: 50px !important
    }

    .mr-30 {
        margin-right: 27.2727272727px !important
    }

    .mr-40 {
        margin-right: 30.7692307692px !important
    }

    .mr-50 {
        margin-right: 33.3333333333px !important
    }

    .ml-30 {
        margin-left: 27.2727272727px !important
    }

    .ml-40 {
        margin-left: 30.7692307692px !important
    }

    .ml-50 {
        margin-left: 33.3333333333px !important
    }

    .pt-30 {
        padding-top: 27.2727272727px !important
    }

    .pt-40 {
        padding-top: 30.7692307692px !important
    }

    .pt-50 {
        padding-top: 33.3333333333px !important
    }

    .pt-60 {
        padding-top: 33.3333333333px !important
    }

    .pt-70 {
        padding-top: 35px !important
    }

    .pt-80 {
        padding-top: 40px !important
    }

    .pt-90 {
        padding-top: 45px !important
    }

    .pt-100 {
        padding-top: 50px !important
    }

    .pt-110 {
        padding-top: 55px !important
    }

    .pt-120 {
        padding-top: 60px !important
    }

    .pt-130 {
        padding-top: 66.6666666667px !important
    }

    .pt-140 {
        padding-top: 63.6363636364px !important
    }

    .pt-150 {
        padding-top: 65.2173913043px !important
    }

    .pt-160 {
        padding-top: 66.6666666667px !important
    }

    .pt-170 {
        padding-top: 68px !important
    }

    .pb-30 {
        padding-bottom: 27.2727272727px !important
    }

    .pb-40 {
        padding-bottom: 30.7692307692px !important
    }

    .pb-50 {
        padding-bottom: 33.3333333333px !important
    }

    .pb-60 {
        padding-bottom: 33.3333333333px !important
    }

    .pb-70 {
        padding-bottom: 35px !important
    }

    .pb-80 {
        padding-bottom: 40px !important
    }

    .pb-90 {
        padding-bottom: 45px !important
    }

    .pb-100 {
        padding-bottom: 50px !important
    }

    .pb-110 {
        padding-bottom: 55px !important
    }

    .pb-120 {
        padding-bottom: 60px !important
    }

    .pb-130 {
        padding-bottom: 61.9047619048px !important
    }

    .pb-140 {
        padding-bottom: 63.6363636364px !important
    }

    .pb-150 {
        padding-bottom: 65.2173913043px !important
    }

    .pb-160 {
        padding-bottom: 66.6666666667px !important
    }

    .pb-170 {
        padding-bottom: 68px !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mt-30 {
        margin-top: 36.3636363636px !important
    }

    .mt-40 {
        margin-top: 30.7692307692px !important
    }

    .mt-50 {
        margin-top: 35.7142857143px !important
    }

    .mt-60 {
        margin-top: 42.8571428571px !important
    }

    .mt-70 {
        margin-top: 50px !important
    }

    .mt-80 {
        margin-top: 57.1428571429px !important
    }

    .mt-90 {
        margin-top: 64.2857142857px !important
    }

    .mt-100 {
        margin-top: 71.4285714286px !important
    }

    .mb-30 {
        margin-bottom: 27.2727272727px !important
    }

    .mb-40 {
        margin-bottom: 33.3333333333px !important
    }

    .mb-50 {
        margin-bottom: 35.7142857143px !important
    }

    .mb-60 {
        margin-bottom: 42.8571428571px !important
    }

    .mb-70 {
        margin-bottom: 50px !important
    }

    .mb-80 {
        margin-bottom: 57.1428571429px !important
    }

    .mb-90 {
        margin-bottom: 64.2857142857px !important
    }

    .mb-100 {
        margin-bottom: 71.4285714286px !important
    }

    .mr-30 {
        margin-right: 27.2727272727px !important
    }

    .mr-40 {
        margin-right: 33.3333333333px !important
    }

    .mr-50 {
        margin-right: 35.7142857143px !important
    }

    .ml-30 {
        margin-left: 27.2727272727px !important
    }

    .ml-40 {
        margin-left: 33.3333333333px !important
    }

    .ml-50 {
        margin-left: 35.7142857143px !important
    }

    .pt-30 {
        padding-top: 27.2727272727px !important
    }

    .pt-40 {
        padding-top: 33.3333333333px !important
    }

    .pt-50 {
        padding-top: 35.7142857143px !important
    }

    .pt-60 {
        padding-top: 42.8571428571px !important
    }

    .pt-70 {
        padding-top: 50px !important
    }

    .pt-80 {
        padding-top: 57.1428571429px !important
    }

    .pt-90 {
        padding-top: 64.2857142857px !important
    }

    .pt-100 {
        padding-top: 71.4285714286px !important
    }

    .pt-110 {
        padding-top: 78.5714285714px !important
    }

    .pt-120 {
        padding-top: 85.7142857143px !important
    }

    .pt-130 {
        padding-top: 93.3333333333px !important
    }

    .pt-140 {
        padding-top: 87.5px !important
    }

    .pt-150 {
        padding-top: 88.2352941176px !important
    }

    .pt-160 {
        padding-top: 88.8888888889px !important
    }

    .pt-170 {
        padding-top: 89.4736842105px !important
    }

    .pb-30 {
        padding-bottom: 27.2727272727px !important
    }

    .pb-40 {
        padding-bottom: 33.3333333333px !important
    }

    .pb-50 {
        padding-bottom: 35.7142857143px !important
    }

    .pb-60 {
        padding-bottom: 42.8571428571px !important
    }

    .pb-70 {
        padding-bottom: 50px !important
    }

    .pb-80 {
        padding-bottom: 57.1428571429px !important
    }

    .pb-90 {
        padding-bottom: 64.2857142857px !important
    }

    .pb-100 {
        padding-bottom: 71.4285714286px !important
    }

    .pb-110 {
        padding-bottom: 78.5714285714px !important
    }

    .pb-120 {
        padding-bottom: 85.7142857143px !important
    }

    .pb-130 {
        padding-bottom: 86.6666666667px !important
    }

    .pb-140 {
        padding-bottom: 87.5px !important
    }

    .pb-150 {
        padding-bottom: 88.2352941176px !important
    }

    .pb-160 {
        padding-bottom: 88.8888888889px !important
    }

    .pb-170 {
        padding-bottom: 89.4736842105px !important
    }
}

@media screen and (max-width:878px) {
    #hlthcare.page-uiux section .uiuxprocess-box .marketsecwrap li {
        width: 30%
    }

    .webprocess-new-ul-list {
        padding-top: 65px;
        background-size: 95%
    }

    .lvls-lst.snd {
        margin-right: 10px
    }

    .lvls-lst.fst {
        margin-left: 0
    }

    .perdix-modules .resp-tabs-list li {
        font-size: 14px
    }

    #strategy-fine .list-heading.common-head br {
        display: none
    }

    #hlthcare .list-heading.common-head br {
        display: none
    }

    .digi-bx br {
        display: none
    }

    .bst-lvls .intro_content::before {
        bottom: 95px
    }
}

@media screen and (max-width:768px) {
    #itcompanies .caplist li:first-child .banimg img {
        width: 90%;
    }

    #sepsetup-fine h4.tab-heading {
        display: none
    }

    .bst-lvls .intro_content::before {
        display: none
    }

    .grid li {
        width: 50%
    }

    .contact_details,
    .copyRights_text,
    .footer_bottom .links_wrapper {
        text-align: center
    }

    .main-menu {
        width: 71vw
    }

    .main-div.active {
        transform: scale(.8) translateX(-75vw) translateZ(0)
    }

    .button_close {
        right: 67vw
    }

    .innerPage-banner .banner-img {
        height: 350px
    }

    .innerPage.page-solutionDetails .banner-img {
        height: 450px
    }

    .works_content {
        width: 50%
    }

    .works_content:last-child {
        width: 100%
    }

    .blog_stories .content_wrapper,
    .case_studies_content .content_wrapper {
        padding: 40px 30px
    }

    .contact_details .contacts {
        width: 49%;
        margin-bottom: 40px
    }

    .banner-title,
    .learning_sub .content_wrapper {
        margin-bottom: 10px
    }

    .contact_details {
        padding-bottom: 0;
        max-width: 100%
    }

    .contact_wrapper:before {
        position: absolute;
        left: 0
    }

    .contact_wrapper {
        padding-left: 70px
    }

    .contact_details .content {
        font-size: 18px
    }

    .section-wrapper {
        padding: 40px 0 30px
    }

    .section_title .fancy-title .text {
        font-size: 40px;
        line-height: 36px
    }

    .section_title .fancy-title .fancy-text {
        line-height: 20px;
        font-size: 60px
    }

    .banner-title {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 0
    }

    .title-wrapper .banner-sub {
        font-size: 20px;
        line-height: 22px
    }

    .btns-text {
      /*  font-size: 14px;
        line-height: 22px;
        padding: 6px 10px;*/
        min-width: 115px
    }

    .section-solution_slides .title {
        font-size: 24px
    }

    .intro_content .content-container p {
        font-size: 18px
    }

    .about_crisp .text {
        font-size: 44px
    }

    .about_crisp .text.blue:after {
        visibility: hidden
    }

    .page-aboutUs .solution_boxes .title {
        font-size: 38px;
        line-height: 38px
    }

    .learning_sub .content_wrapper:after {
        bottom: 8px
    }

    .copy-rights,
    .quick_links {
        float: none;
        width: 100%;
        text-align: center
    }

    .footer_bottom {
        position: relative
    }

    .quick_links a {
        font-size: 14px;
        padding: 10px 5px
    }

    .footer_bottom:before {
        width: calc(100% + 34px);
        height: 100%;
        left: -16px
    }

    .section_about .crips_content {
        padding: 8%
    }

    .grid_design .holder.half_bg,
    .grid_design .solution_boxes.half_bg,
    .tri_design .full.solution_boxes,
    .tri_design .half_bg.solution_boxes {
        width: 100%;
        display: block
    }

    .grid_design .has-single>a>.boxes_wrapper,
    .grid_design .holder .solution_boxes .boxes_wrapper {
        padding: 16% 75px
    }

    .tri_design .solution_boxes .boxes_wrapper {
        padding: 16% 20px
    }

    .solution_features-list .content-container {
        padding-right: 0;
        max-width: initial;
        margin-bottom: 20px
    }

    .solution_features-list .feature_img {
        max-width: 500px;
        display: block;
        margin: 0 auto
    }

    .solutions-features {
        max-width: 500px;
        margin: 0 auto 40px;
        padding-bottom: 40px
    }

    .solution_features-list .content-container:hover {
        padding-left: 20px
    }

    .solutions-features .feature_img.elementInview .img {
        transform: scale(1.35)
    }

    p.ftr-content {
        width: 90%
    }

    .whatsapp-chat a {
        width: 50px;
        height: 50px;
        font-size: 0;
        padding: 0;
        text-align: center
    }

    .whatsapp-chat a span,
    span.onlinesatus {
        font-size: 0 !important
    }

    .custwhats.whatsapp-chat a i {
        left: -2px
    }

    .whatsapp-chat a i {
        font-size: 30px;
        padding-right: 2px;
        position: relative;
        top: 9px;
        left: 1px
    }

    .cs-clients {
        margin: 30px 0 0
    }

    .page-uiux .caplist li:first-child .banimg img {
        width: 100%
    }

    .section_title .fancy-title .fancy-text-sec {
        font-size: 65px
    }


    #strategy-fine.page-mobapp .caplist li:first-child .banimg img {width: 100%}

    .mobprocess {width:100%; margin: 0 auto;}

}

@media screen and (max-width:767px) {
    #itcompanies .serv.cst-des h4 {
        line-height: normal;
        letter-spacing: 0px;
    }

    .its-hero h1 {
        font-size: 38px;
    }

    .page-uiux section .marketsecwrap li a.marketsec {
        width: 100%
    }

    .upside-ul {
        top: 31px;
        right: 105px
    }

    .upside-ul ul li i {
        display: block;
        font-size: 20px
    }

    .upside-ul ul li a {
        font-size: 0;
        display: inline-block;
        padding: 6px 10px;
        line-height: 0
    }

    .nav-fixed .upside-ul {
        top: 25px;
        right: 105px
    }

    .nav-fixed .upside-ul ul li i {
        display: block;
        font-size: 20px
    }

    .nav-fixed .upside-ul ul li a {
        font-size: 0 !important;
        display: inline-block;
        padding: 6px 10px;
        line-height: 0
    }

    .common-pad70.transfrmsec.servintro.smo-stup {
        padding: 70px 0 20px
    }

    .text-sec.font-extraBold.text-uppercase br {
        display: none
    }

    .smo-stup .section_title .fancy-title .text-sec {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: 0
    }

    #smpsetup-fine .section_title .fancy-title .fancy-text {
        font-size: 80px !important
    }

    .timeline::before {
        display: none
    }

    .timeline>li>.timeline-badge {
        display: none
    }

    .timeline>li>.timeline-panel {
        padding-left: 0
    }

    .chkse-boxe .section_title .fancy-title .text {
        font-size: 40px;
        line-height: 46px
    }

    .cse-stds.bst-lvls.chkse-boxe {
        padding: 80px 0
    }

    .chk-bxni h5 br {
        display: none
    }

    .ch-ken {
        display: inline-block;
        text-align: center
    }

    .ch-ken input {
        left: 0
    }

    .checkmark {
        left: 0
    }

    .socal-icnsdim::after {
        right: -60px
    }

    .timeline {
        padding-left: 0
    }

    .timeline>li {
        padding-top: 0
    }

    .timeline>li:nth-child(2)::before {
        right: -90px;
        bottom: -150px
    }

    .timeline>li:nth-child(5)::before {
        left: 75%;
        bottom: 0
    }

    .smo-stup .section_title .fancy-title .text br {
        display: none
    }

    .smo-stup .text.font-extraBold.text-uppercase.pb-70 {
        line-height: 41px;
        font-size: 32px
    }

    .timeline>li>.timeline-badge {
        left: -95px
    }

    #partners .bancap p,
    #sepsetup-fine .bancap p {
        text-align: center
    }

    #partners .bancap h1 {
        text-align: center
    }

    #partners .bancap {
        left: 0
    }

    #partners .bancap h1 {
        font-size: 22px;
        line-height: 28px
    }

    #partners .bancap h1 {
        margin-top: 20px
    }

    #partners .bancap p,
    #sepsetup-fine .bancap p {
        font-size: 18px;
        margin-top: 12px
    }

    #partners .section_title .fancy-title .text-sec {
        font-size: 24px;
        line-height: 34px
    }

    .offshore {
        margin-top: 70px
    }

    .expeect-range li {
        width: 49%
    }

    .offshore .section_title .fancy-title .text {
        line-height: 44px
    }

    .offshore .section_title .fancy-title.drk-grn span.fancy-text.font-fancy {
        font-size: 70px
    }

    .our-sucful .section_title .fancy-title.drk-grn .fancy-text {
        font-size: 70px
    }

    .row.brtyr {
        padding-bottom: 40px
    }

    .rng-serv-ces li {
        width: 41%;
        font-size: 18px;
        line-height: 28px
    }

    .seo-setup {
        margin-top: 50px
    }

    .webprocess-new-ul-list {
        background: 0 0
    }

    .webprocess-new-ul-list li {
        width: 16%;
        margin-left: -17px
    }

    #sepsetup-fine .digi-bx.lwr,
    #sepsetup-fine .digi-bx.upr {
        min-height: auto
    }


    .boxins-boxes .col-md-3 { width:100% } 
    .page-serviceBranding .innerPage-banner .banner-img {height: 450px;}


}

@media screen and (max-width:680px) {
    #hlthcare.page-uiux section .uiuxprocess-box .marketsecwrap li {
        width: 46%
    }

    .off-ings {
        width: 50%;
        float: left;
        min-height: 220px
    }

    #strategy-fine .common-head h2 br {
        display: none
    }

    #hlthcare .common-head h2 br {
        display: none
    }

    ul.dig-det li {
        margin: 0;
        width: 100%;
        margin-bottom: 15px
    }

    .lvls-lst li {
        margin: 0;
        width: 100%;
        margin-bottom: 15px
    }

    .lvls-lst.snd {
        margin: 0
    }

    .content-container br {
        display: none
    }

    .bst-lvls {
        padding: 100px 0 0
    }

    .resp-vtabs .resp-tab-content:last-child {
        border: none
    }

    .cse-stds {
        padding: 60px 0
    }

    .cse-std {
        border-bottom: 2px solid #dfdfdf;
        margin-bottom: 10px
    }

    .webprocess-new-ul-list {
        padding-top: 25px
    }

    .webprocess-new-ul-list li {
        width: 17%;
        margin-left: -17px
    }

    .testimonial-filter li {
        margin: 3px 0
    }

    .brand-logo {
        width: 140px
    }

    .breadCrumb {
        bottom: 15px
    }

    .active_nav .brand-logo,
    .nav-fixed .brand-logo {
        width: 100px
    }

    .case_studies .stories_content,
    .case_studies_content,
    .contacts.contact_mail,
    .learning_sub_list .list_wrapper.bg_brain,
    .solution_boxes,
    .works_content,
    .works_content.half_block {
        width: 100%
    }

    .social_links .links {
        font-size: 16px;
        padding: 0 5px
    }

    .header_wrapper .social_links {
        top: calc(50% - 12px);
        right: 18%
    }

    .solution_boxes {
        margin: 0 !important
    }

    .section_intro .brand_img {
        bottom: -30%;
        opacity: .5
    }

    .homePage-banner .slick-dots {
        right: -2%
    }

    .contact_details .contacts {
        width: 100%;
        text-align: left
    }

    .about_crisp .text {
        display: block;
        font-size: 260%;
        padding: 30px 0
    }

    .section_openings .life .title {
        font-size: 70px;
        line-height: normal
    }

    .section_openings .jobs .title {
        font-size: 30px;
        line-height: normal
    }

    .section_openings .jobs p {
        font-size: 16px;
        line-height: normal
    }

    .about_crisp .text:after {
        visibility: hidden
    }

    .crips_content {
        padding: 60px 8% 40px
    }

    .crips_content .title {
        font-size: 40px;
        line-height: 40px
    }

    .innerPage-banner .banner-title span {
        font-size: 26px;
        line-height: 28px;
        letter-spacing: -1px;
    }

    h2.banner-title-secondery.banner-title span {
        font-size: 20px;
        line-height: 22px
    }

    .study_boxes:nth-child(even),
    .study_boxes:nth-child(odd) {
        padding-left: 0;
        text-align: left
    }

    .list_wrapper.bg_brain .content_container:after,
    .list_wrapper.bg_brain .content_container:before,
    .list_wrapper.bg_brain:before {
        opacity: 0
    }

    .learning_sub_list .list_wrapper {
        padding-left: 0
    }

    .learning_sub_list {
        padding-top: 330px
    }

    .list_wrapper.bg_brain .bg_clip {
        left: calc(50% - 120px)
    }

    .openings_list .openings_title .title {
        font-size: 30px;
        line-height: 25px;
        letter-spacing: -1.5px
    }

    .openings_list .openings_title .exp-text {
        font-size: 14px; width: 60%;
    }

    .career-heading {font-size: 22px; line-height: 25px;}
    .career-heading .career-btn {top:10px;}
    
    .case_studies_list .studies_content .disp {
        font-size: 20px
    }

    .case_studies_list .studies_content .cotnent_wrapper {
        padding: 25% 10px
    }

    .marketsecwrap li {
        display: block;
        width: 100%;
        margin-right: 0
    }

    .clientlogolist li, .pxs-clts .clientswrap .clientlogolist li {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        padding: 20px 0;
        margin: 0 0px;
        margin-bottom: 0;
        border: 1px solid rgba(0, 0, 0, .18);
        margin-bottom: 10px
    }

    .clientlogolist li:last-child,
    .clientlogolist li:nth-child(6) {
        border: 1px solid rgba(0, 0, 0, .18)
    }

    .clientlogolist li:nth-child(10) {
        border-right: 1px solid rgba(0, 0, 0, .18);
        border-bottom: 1px solid rgba(0, 0, 0, .18)
    }

    .storieshead h3 {
        font-size: 25px
    }

    a.stories {
        margin-bottom: 20px
    }

    .common-head h3 {
        font-size: 25px
    }

    .btnlinr::before {
        display: none
    }

    .btnlinr::after {
        display: none
    }

    .serv h4 span {
        display: block;
        font-size: 28px
    }

    .serv h4 {
        font-size: 22px
    }

    .list-heading ul li a {
        font-size: 16px
    }

    .list-heading ul li {
        font-size: 15px;
        margin-right: 2px
    }

    a.marketsec {
        width: 100%
    }

    .list-heading ul li a {
        font-size: 30px
    }

    .list-heading ul li {
        font-size: 30px;
        margin-right: 5px
    }

    a.marketsec {
        min-height: auto
    }

    .clientlogolist li:nth-child(3),
    .clientlogolist li:nth-child(9) {
        border-right: 1px solid rgba(0, 0, 0, .18)
    }

    .modal-dialog.custom-form {
        margin: 20px
    }

    .page-uiux section .clientlogolist li {
        width: 50%;
        margin-bottom: 0
    }

    .page-uiux section .marketsecwrap li {
        display: inline-block;
        width: 46%
    }

    .page-uiux section a.marketsec h3 span.blk {
        display: block
    }

    .banner-title.thank-title span {
        font-size: 64px !important
    }

    .page-uiux.page-web section .webprocess-box .marketsecwrap li {
        width: 48%;
        display: inline-block
    }

    .googlepartner {
        width: 100%;
        transform: scale(.7);
        position: relative;
        top: 0;
        z-index: 9;
        left: 0
    }


    .page-webapp .caplist li:first-child .banimg {
        width: 100%;
      }





}

@media screen and (max-width:580px) {
    #itcompanies .serv.cst-des h4 span a {
        font-weight: 900;
        font-size: 27px;
    }

    .nyn-rspnsve .off-ings {
        width: 33%
    }

    #partners .bancap h1 {
        font-size: 30px;
        line-height: 36px
    }

    .rng-serv-ces li {
        width: 46%
    }

    .serv a.combtn {
        padding: 12px 25px
    }

    .bst-lvls {
        padding: 30px 0 40px
    }

    .homePage-banner .item.slider5 {
        background-position: right -250px top
    }

    .testimonial-cnt {
        padding: 15px
    }

    .list-heading ul li a {
        font-size: 25px
    }

    .list-heading ul li {
        font-size: 25px
    }

    .list-heading p {
        font-size: 18px
    }

    .page-uiux section .marketsecwrap li {
        width: 46%;
        display: inline-block
    }

    .common-pad70.transfrmsec {
        padding-top: 0;
        margin-top: 0
    }

    .common-pad70.uiuxprocess {
        padding-top: 0
    }

    .page-uiux section .uiuxprocess-box .marketsecwrap li {
        width: 100%;
        margin: 0 auto;
        min-height: auto
    }

    .uiuxprocess-box .innerdet {
        min-height: auto
    }

    .page-uiux section .clientlogolist li {
        border: 1px solid rgba(0, 0, 0, .18) !important;
        margin-top: 5px
    }

    .uiux-casestuides .resp-tab-content {
        padding: 0 0
    }

    .common-pad70.transfrmsec.servintro {
        margin-top: -10%
    }

    p.highlited-content {
        width: 100%
    }

    .serv.cst-des h4 span {
        line-height: 36px
    }

    .subnav-sec-level li {
        padding: 5px 5px 10px 15px
    }

    .subnav-sec-level li::after {
        right: -10px
    }

    .expeect-range ul::before {
        display: none
    }

    .expect-us {
        overflow: hidden;
        padding: 60px 0 10px
    }

    #partners .common-pad70 {
        padding: 0 0 40px
    }

    @media screen and (max-width:520px) {
        #hlthcare .boxing {
            min-height: auto
        }

        .off-txt {
            font-size: 18px
        }

        .off-txt span {
            font-size: 14px;
            line-height: 22px
        }

        .our-sucful li {
            width: 43%;
            margin-bottom: 30px
        }

        .sucess-colabration {
            padding: 80px 0
        }

        .engagemet {
            padding: 10px 0 0
        }

        .expeect-range li {
            font-size: 15px
        }

        #partners .bancap h1 {
            font-size: 23px;
            line-height: 30px
        }

        .rng-serv-ces li {
            width: 49%;
            font-size: 16px;
            line-height: 26px
        }

        .offshore .section_title .fancy-title .text {
            line-height: 34px;
            letter-spacing: .1px
        }

        .our-sucful .section_title .fancy-title .text {
            line-height: 34px;
            letter-spacing: .1px
        }

        .expeect-range ul::before {
            right: -40px;
            bottom: -165px;
            background-size: 80%
        }

        .label-free p {
            width: 100%
        }

        h2 {
            font-size: 34px;
            line-height: normal
        }

        .head.nav_list>a {
            font-size: 28px
        }

        .links i {
            font-size: 18px
        }

        .head.nav_list {
            padding: 10px 0 0
        }

        .menu_container,
        .nav_list {
            padding-left: 0
        }

        .nav_list {
            margin-right: 5px
        }

        .button_close {
            right: 75.5vw
        }

        .button_close .navbar-toggle.active {
            transform: scale(.8)
        }

        .solution_boxes .boxes_wrapper {
            padding-left: 40px
        }

        .solution_nav_wrap .nav_lists.slick-active:after {
            opacity: 1
        }

        .footer .social_links .links {
            padding: 10px 20px
        }

        .main-menu {
            width: 75vw
        }

        .main-div.active {
            transform: scale(.8) translateX(-90vw) translateZ(0)
        }

        .page-aboutUs .solution_boxes .boxes_wrapper {
            padding: 60px 15px
        }

        .section_openings .content_wrapper {
            padding: 90px 30px
        }

        .study_boxes .title {
            font-size: 22px;
            line-height: 24px;
            margin-bottom: 10px
        }

        .study_boxes .title>span {
            font-size: 16px
        }

        .study_boxes .content_wrapper {
            margin-left: 20px;
            width: 100%;
            max-width: initial
        }

        .openings_list_wrapper {
            padding: 20px
        }

        .contact_form .form_group.captcha,
        .contact_form .form_group.submit {
            width: 100%
        }

        .tri_design .solution_boxes .boxes_wrapper {
            padding: 90px 20px
        }

        .solution_features-list .title {
            font-size: 30px
        }

        .solution_features-list .text {
            font-size: 20px;
            line-height: normal
        }

        .bancap h3 span {
            font-size: 30px;
            display: inline;
            line-height: 0
        }

        .bancap h2 {
            margin-top: 16px;
            line-height: 58px
        }

        .transfrmsec {
            margin-top: -15%
        }

        .list-heading ul li a {
            font-size: 22px
        }

        .list-heading ul li {
            font-size: 22px
        }

        .marketsecwrap {
            margin-top: 30px
        }
    }

    @media screen and (max-width:480px) {
        #itcompanies .serv.cst-des h4 span {
            display: block !important
        }

        .its-hero {
            padding: 110px 0px 30px;
        }

        .its-hero h1 {
            font-size: 30px;
        }

        .ch-ken {
            position: absolute;
            right: 35px;
            top: 25px
        }

        #hlthcare .bancap h1,
        #smpsetup-fine .bancap h1 {
            font-size: 27px
        }

        #hlthcare .bancap h1 span {
            font-size: 25px
        }

        #hlthcare.page-uiux section .uiuxprocess-box .marketsecwrap li {
            width: 44%;
            margin: 20px 10px !important;
            display: inline-block
        }

        .nyn-rspnsve .off-ings {
            width: 48%;
            min-height: 170px
        }

        .timeline .timeline-info h3 {
            line-height: 22px
        }

        .chk-bxni h5 {
            font-size: 16px
        }

        .socal-icnsdim::after {
            right: 0;
            background-size: 38%
        }

        .timeline>li:nth-child(1):before {
            background-size: 38%
        }

        .timeline>li:nth-child(2):before {
            background-size: 38%
        }

        .timeline>li:nth-child(5):before {
            background-size: 38%
        }

        .timeline>li:nth-child(6):before {
            background-size: 38%
        }

        .timeline>li:nth-child(9):before {
            background-size: 38%
        }

        .timeline>li:nth-child(10):before {
            background-size: 38%
        }

        .smo-stup .section_title .fancy-title .text-sec {
            font-size: 30px;
            line-height: 36px;
            letter-spacing: 0
        }

        .chkse-boxe .section_title .fancy-title .text {
            font-size: 30px;
            line-height: 36px;
            letter-spacing: 0
        }

        #smpsetup-fine .section_title .fancy-title .fancy-text {
            font-size: 60px
        }

        .expeect-range li {
            width: 49%;
            margin-left: 0;
            font-size: 15px;
            line-height: 30px;
            padding-left: 70px
        }

        .expeect-range li::before {
            left: 56px
        }

        .expeect-range li span {
            font-size: 42px
        }

        .rng-serv-ces li {
            width: 100%
        }

        .rng-serv-ces li::before {
            top: 3px
        }

        .section_title .fancy-title .text {
            font-size: 26px
        }

        .expeect-range ul::before {
            right: 0;
            bottom: -225px;
            background-size: 60%
        }

        .tin-meet h4 {
            font-size: 28px;
            line-height: 44px
        }

        .partners-ays p {
            width: 90%
        }

        .common-pad70.transfrmsec.servintro br {
            display: none
        }

        .modal-dialog.custom-form {
            width: 89% !important
        }

        .custom-form.modal-dialog button.close {
            right: 0
        }

        .masonry-selector {
            width: calc(100% - 1px);
            margin-bottom: 20px
        }

        .input_labels.uploads:before {
            content: "\f093";
            font: normal normal normal 14px/1 FontAwesome;
            text-rendering: auto;
            font-size: 22px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .input_labels.uploads {
            font-size: 0;
            width: 60px;
            text-align: center
        }

        .fakepath {
            width: calc(100% - 62px)
        }

        .breadCrumb_wrapper a {
            font-size: 12px
        }

        .section_title .fancy-title .text {
            font-size: 30px;
            line-height: 28px
        }

        .bst-lvls .section_title .fancy-title .fancy-text,
        .bst-lvls .section_title.fourlvl .fancy-title .fancy-text,
        .section_title .fancy-title .fancy-text,
        .section_title .fancy-title .fancy-text-sec {
            font-size: 70px;
            line-height: 50px
        }

        .section_intro .brand_img {
            opacity: 0
        }

        .social_links .links {
            padding: 0 5px
        }

        .header_wrapper .social_links {
            right: 20%;
            visibility: hidden
        }

        .page-aboutUs .solution_boxes .title {
            font-size: 28px;
            line-height: 28px
        }

        .page-aboutUs .solution_boxes p {
            font-size: 16px;
            line-height: normal
        }

        .crips_content .crisp {
            font-size: 18px
        }

        .crips_content .title {
            font-size: 28px;
            line-height: 30px
        }

        .study_boxes .disp {
            font-size: 14px;
            line-height: 20px
        }

        .crips_content {
            padding: 30px 10px 10px
        }

        .innerPage-banner .banner-title span {
            font-size: 24px
        }

        h2.banner-title-secondery.banner-title span {
            font-size: 20px;
            line-height: 24px
        }

        .study_boxes {
            padding: 40px 30px 40px 0
        }

        .blog_stories .content_wrapper,
        .case_studies_content .content_wrapper {
            padding: 40px 15px
        }

        .footer .social_links .links {
            padding: 10px 12px;
            font-size: 26px
        }

        .quick_links li {
            margin-bottom: 10px
        }

        .contact_wrapper:before {
            position: relative;
            display: block;
            padding: 35px 30px
        }

        .contact_wrapper,
        .contacts.contact_mail .contact_wrapper {
            padding-left: 0
        }

        .contact_details .contacts {
            margin-bottom: 30px
        }

        .page-uiux .bancap h1 {
            font-size: 30px;
            line-height: 32px
        }

        .page-uiux section .marketsecwrap li {
            width: 49%;
            display: inline-block;
            margin: 0
        }

        .page-uiux section .clientlogolist li  {
            width: 46%;
            margin: 0 1% 3%;
            margin-top: 0;
            margin-right: 5px
        }

        .page-uiux section .uiuxprocess-box .marketsecwrap li {
            width: 95%;
            margin: 0 auto !important;
            display: block
        }

        .grid li {
            width: 100%
        }

        .decad-shwn .sub-ser-titles {
            margin-bottom: 30px; }

            .pxs-ctabox h2 span { font-size: 25px; line-height: 30px; }
            .pxs-ctabox h2 {line-height: 30px;}

    }

    @media screen and (max-width:400px) {
        #hlthcare.page-uiux section .uiuxprocess-box .marketsecwrap li {
            width: 98%;
            margin: 20px 10px !important;
            display: block
        }

        .upside-ul {
            top: 25px;
            right: 82px
        }

        .nav-fixed .upside-ul {
            top: 25px;
            right: 82px
        }

        .ch-ken {
            right: 35px;
            top: 37px
        }

        .smo-stup .section_title .fancy-title .text-sec {
            font-size: 30px;
            line-height: 36px;
            letter-spacing: 0
        }

        .chkse-boxe .section_title .fancy-title .text {
            font-size: 30px;
            line-height: 36px;
            letter-spacing: 0
        }

        #smpsetup-fine .section_title .fancy-title .fancy-text {
            font-size: 60px !important;
            line-height: 26px !important
        }

        .timeline>li:nth-child(10)::before {
            animation: heart linear 3s infinite;
            bottom: -100px
        }

        .timeline>li:nth-child(6)::before {
            bottom: -90px
        }

        li .timeline-info img {
            width: 28%
        }

        li .timeline-info {
            padding-left: 106px
        }

        #performance-marketing section.gray-bg a.blue-btn {
            padding: 10px
        }

        .sustiary {
            font-size: 16px
        }

        .timeline .timeline-info h3 {
            font-size: 16px
        }

        form.performance-marketing-service-form .input-field.mob-pad-top {
            padding-top: 60px
        }

        .timeline>li {
            margin-bottom: 25px
        }

        .off-ings {
            width: 100%;
            float: none;
            min-height: 220px
        }

        .testimonial-filter li {
            margin: 5px 0;
            width: 49%
        }

        .testimonial-filter li .button {
            width: 100%
        }

        .timeline>li:nth-child(1):before {
            background-size: 38%
        }

        .timeline>li:nth-child(2):before {
            background-size: 38%
        }

        .timeline>li:nth-child(5):before {
            background-size: 38%
        }

        .timeline>li:nth-child(6):before {
            background-size: 38%
        }

        .timeline>li:nth-child(9):before {
            background-size: 38%
        }

        .timeline>li:nth-child(10):before {
            background-size: 38%
        }

        .bancap h2 {
            margin-top: 0;
            line-height: 30px;
            font-size: 70px
        }

        .banimg img {
            width: 100%
        }

        .bancap h3 span {
            font-size: 23px
        }

        .bancap h3 {
            margin-bottom: 10px
        }

        .caplist {
            padding-bottom: 200px
        }

        .list-heading ul li a {
            font-size: 16px
        }

        .list-heading ul li {
            font-size: 16px
        }

        .list-heading p {
            font-size: 14px;
            line-height: 16px
        }

        .common-head p {
            font-size: 16px;
            line-height: 26px
        }

        .subnav-sec-level li a {
            font-size: 11px
        }

        .page-uiux .bancap h1 {
            font-size: 27px;
            line-height: 32px
        }

        .page-uiux section .common-head h2 {
            font-size: 26px
        }

        .page-uiux section .common-head h3 {
            font-size: 23px;
            text-transform: uppercase
        }

        .page-uiux.page-web section .webprocess-box .marketsecwrap li {
            width: 80%;
            display: inline-block
        }

        .webprocess-box .innerdet {
            min-height: auto
        }


        .page-serviceBranding .innerPage-banner .banner-img {
            height: 520px;
          }
       



    }

    @media screen and (max-width:330px) {
        .list-heading ul li a {
            font-size: 16px
        }

        .list-heading ul li {
            font-size: 16px
        }

        .transfrmsec {
            margin-top: -32%
        }

        .list-heading p {
            font-size: 14px;
            line-height: 14px
        }

        a.stories h3 {
            font-size: 23px
        }
    }
}