.steelblue{background: steelblue;}

@media(min-width:1600px){
    .banner-txt {        
        bottom: -36px;
        right: -21px;
    }
}
@media(min-width:1583px){
    .brainstorm-main{ background-size: 54% 100%;height: 660px;}
    .brain-us{ bottom: 31px; left: -32%;}        
    .pbc-text {top: 116px !important;top: 111px !important;}
    .leadership {
    width: 247px;
}        
}
/*@media(max-width:1366px){
    .career-bg {
        height: 100%;
    }
}*/

@media(max-width:1200px){
    .error-pbc-logo{ left:29px; top: 295px;}
    .try-again{left: 161px; top: 296px;}
    
}
@media screen and (min-width:737px) {
    
    /*update 14-8-2018*/
    .career-arrow {
        display: none;
    }
    .career-bg .slide-career .swiper-slide {
        width: auto;
    }
    .job-open .swiper-slide {
        width: 33.33%;
        float: left;
    }
    .job-open .swiper-slide .job-opening {
        width: 100%;
    }
    
}
/*media 1024*/
@media screen and (max-width:1024px){
/*    .location-metro:not(:root:root){margin-left: 150px !important;}*/
    .contact_error { top: 31px; left: 0;}
    .full-col.last .contact_error {top:56px;}
    .services-menu li:hover {background-size: contain;}
    .raincheck-logo {width:46%;}
    .location-metro:not(:root:root){    margin-top: 258px;}
    .pbc-text:not(:root:root){    left: 39px;    top: 19px;}
    .call-numbers ul {margin-top: 6px;}
    .map-div {margin-top: 22px;}
    .call-div { margin-top: 8px;}
    .call-div img {width:40px;}
    .direction-arrow  {margin-top: 18px;margin-left: 35px;}
    .blue-btn button {margin-top: 0px;}
    .our-erk-blog-profile {right: 1% !important;}
    .location, .form-bg {background-size: contain;} 
    .contact-numbers{background-size: 443px;} 
    .location-metro { margin-left: 158px; margin-top: 255px; font-size: 10px;}
    .service-launch-project{    background-size: 97%;  }
    .service-launch-project h5 {  left: 47px;    top: 28px;}
    .service-launch-project p {left: 47px;}
    .half-col label { padding-top: 8px;}
    .less-width {width:97%;}
    .crt-blg {left: 9px;}
    .office-address {width: 32%; margin-top: 30px;}
    .office-name {width: 34%; padding: 5px 0;}
    .communication-address { width: 45%; padding: 10px 6px 13px 14px;font-size: 12px; line-height: 18px; margin-left: -32px;}
    .qoute-text{width: 38%; margin-top: 0; margin-right: 12%;}
    .banner-txt{right: 15px;bottom: 80px; }
    .lions-bg{height: 320px;padding-top: 0;}
    .client-list {width: 100%;}
    .client-list ul li{margin: 3px 0px; width: 25%;}
    .clientlist{ padding-top: 15px; padding-bottom: 25px;}
    /*---- About us---*/
    .advertising-banner {height: 550px; background-size: 978px;}
    .pbc-text {left: 54px; top: 119px;}
/*    .pbc-txt-box{top: 200px; position: relative;}*/
    @-moz-document url-prefix(){ .pbc-text{ left: 55px;    top:115px;}}
    .leadership {bottom: 86px; left: 184px;width: 226px;}
    .mission { bottom: 70px; right: 61px;width: 254px;}
    .sociallogo { display: none;}
    .pbc-text p{ font-size: 11px; }
    
    /*service css*/
    .ser-tab ul{margin-left: 7%;}
    .btndetail { width: 30px; height: 30px;}    
    #menu ul li{margin: 10px !important;}
    #menu ul li a{width: 220px;}
    /*.brainstorm-main{background: #F5B517;}*/
    .brainstorm-main .right{height: 410px;}
    /*.talk-us,.by-att{position: inherit; display: inline-block;}*/
    .brain-us {bottom: 100px;left: -29%;}
    .talk-us {background-size: 100%;width: 150px;height: 55px;}
    .talk-us h4 {display: inline-block;font-size: 12px;padding-top: 5px;padding-left: 65px;}
    .by-att h4{display: inline-block;font-size: 12px;}
    
    /*blog-details*/
    .container {width:100%;}
    .article1 {width:274px; background-size: 100%;} 
    .article2 {width:274px; background-size: 100%;} 
    .article3 {width:274px; background-size: 100%;} 
    .article-div {margin-left: 2.5%;}
    .article-caption {width: 268px; bottom: 12%;left:1%;}
    .article-folder { top: -15%; left: 40%; width: 200px; background-size: 100%;}
    .loadimg {left:32%; top: 0px;}
    .article-folder a { left: 36%;}
    .article-caption h3 a {font-size: 13px;}
    .blog-profile {right: -17%;}
    .blog-profile-inner { width: 80px;}
    .blog-profile-inner span {font-size: 9px;top: 73px; left: 20px;}
    .facebook {margin-left: 0px;}
    .followers-bg {float: left; margin-left: 0px;}
    .followers-profile-name {float: left;  text-align: left;}
    .followers-profile-txt {float: left;  text-align: left; width: 120px;}
    .followers-profile {margin-bottom: 20px;width: 40%;float: left;}
    .view {display: none;}
    .commentdiv h2 {margin-top: 20px;}
    .commentbox2 {height: 93px;}
    .main-blog2 .col-md-7 {float: left;}
    .red-stamp {margin-top: -44px; background-size: 105%; width: 41px;}
    .blog-bg {background-size: 100% 100%; height: 156px;}
    .formborder {width: 100%;}
    .title-name-subheading {margin-bottom: -17px !important;}
     
    /*Careers*/
    .creative-div {margin-left: 1%;}
    .services-menu li {width: 217px;background-size: contain;}
    .icon-div{padding: 14px 15px;}
    .small-font {font-size: 14px;}
    .menu-link {font-size: 16px;}
    #carousel-left{ left:0px !important;}
    #carousel-right{ right:0px !important;}
    #carousel{height: 1485px;}
    .sb-search-input {width: 85%;}
    .portabs li a {padding: 0 4px 3px;}
    .portabs {padding-left: 6%;}
    .pbclogoc {right: -44px;width: 91px;}
    .form-title {width: 75%;     margin-top: 20px;    margin-bottom: 7px;}
    .stamp-div {right: -34px; top: 22px;}
    .full-col {margin-bottom: 20px;}
    .contact-form{margin-top: 16px;}
    ul.subtitle li a {font-size: 14px;}
    .call-main{width: 243px;}
    .direction-main { width: 203px;}
    /*.brain-us{display: none;}*/
    .footer-fixed{position: relative; bottom: 0; width: 100%; }
/*    .brainstorm-main{padding-bottom: 35px;}*/
/*    .client-banner{background-size: contain; height: 300px;}*/
    .portfolio-tabs .portabs li span{padding: 0 15px;}
    .wale {left: 190px;}
    .wale:not(:root:root) {left: 200px;}
    .wale img {width: 544px;}
    .wale img:not(:root:root) {width: 542px;}
    .dg-container nav span.dg-prev {margin-left: 172px; margin-top:79px;}
    .dg-container nav span.dg-next {margin-top: 79px;}
    .bird {top: -63px;}
    .sbi-bird {top: -30px;}
    .axis-bird {top: 0;}
    .relliance-bird {top:-3px;}
    .post-box-bird{top:-28px;}
    .bajaj-bird {top:25px;}
    .motilal-bird {top: 6px;}
    .essel-bird{top: -22px;}
    .swiper-slide .knowmorelink {right: 75px;}
    .click-service {right:242px;top:5px;}
    .our-wrk-social{
        width: 640px;
        height: 53px;
        float: right;
        margin-right: -86px;
    }
    .tab-footer {position: absolute;width: 100%; z-index: 333; bottom: 0; }
/*    .ban-right{right: 19%;}   */
    .clients-banner{background-size:contain !important; background-position: center top !important;}
    .leadership p, .mission p {font-size: 11px;}
    .link-extra { bottom: 80px;margin-right: 60px;}
    .social-content{left:28%;}
    .full-col.last {margin-bottom: 5px;}
    .clients-banner{height: 315px;}
    .info-right-num{margin-right: 5px;}
    .bfsi-axis{height: 405px;}
    .portfolio-bg{min-height: 400px !important; height: 400px;}
    .ban-mid{top: 253px}
    .our-culture-button,
    .our-culture-button-icon,
    .our-culture-button:hover,
    .our-opening-button,
    .our-opening-button:hover .our-opening-button-icon
    {transition: none;-webkit-transition: none;}
    .our-opening-button:hover .our-opening-button-icon{float: left;}
    .bg-white-md{height: 89px;}
    .cd-drop{height: 45px!important;}
    .brainstorm-main {background-size: 60%;padding-bottom: 80px;}
    .esKju-lazyimage{ width: 317px;height: 198px;}
    .launchmsg .msgbox { float: right; padding-top: 0px; width:initial;}
    #launchYourProjForm .launchmsg .msgbox { float: left; padding-top: 0px; width:initial;}
    .container-menu .about {width: 100px;top: 10px;}
    .container-menu {background-size: 90%;}
    #header #menu .container-menu h1 {top: -135px;}
    .container-menu .brainstrom { width: 105px; bottom: 110px; left: 30px;}
    .container-menu .clients { width: 105px; bottom: 35px; left: 195px;}
    .container-menu .our-work { width: 100px;bottom: 70px;left: 400px;}
    .container-menu .portfolio {width: 110px; bottom: 60px;right: 255px;}
    .container-menu .blog { width: 100px; bottom: 125px;right: 75px;}
    .container-menu .career { width: 100px;top: 90px; right: 255px;}
    .container-menu .contact { top: -30px; right: 160px; width: 100px;}
    .container-menu h5.contact-h5{top:21px;left:37px;}
    .container-menu .pbc{top: -64px; left:49%} 
    .seo-li ul li a{font-size: 15px;line-height: 10px;}
    .container-menu h5{font-size: 16px;}
    /*home page responsive*/
    .dg-container {height:380px;}
    .dg-wrapper {top: 62px;}
    .boat-outer {right:264px;}
    .tower {right: 30px;}
    .clients-list {right:16px;}
    .submarine {right: 155px;}
    .iland {left:32px;}
    .river-island {left:49px;}
    .companylogo ul li{padding:0 14px; margin-bottom: 20px;}
    /*home page responsive*/
    .new-opning-from-responisve  { left: 214px;}
    .heading1 img.social-pro-width{margin-top: -73px;}
    .heading1 img.web-dev-width{margin-top: -75px;}
    
    /*contatct-us  13-12-2016*/
    .get-text {
        width: 46%;
    }
    .cont-soci-ajd {
    width: 54%;
    }
    .cont-soci-ajd ul li {
        padding: 0 13px;
    }
    /*contatct-us  13-12-2016*/
    .not-found-page{height: 560px;
    background-size: 100%;}    
    .page-not-found-content { padding-top:32%;padding-left: 70px}
    .error-pbc-logo{ left:7px;}
    .try-again{left: 105px; top: 287px;}
    .error-pbc-logo img, .try-again img{width: 20px;}
    .error-pbc-logo h5, .try-again h5{font-size: 9px;}
    .error-pbc-logo {left: 7px; top: 285px;}
    .page-not-found-content p{font-size: 17px;}
    .privacylink{right: -65px;}
    .leadjointext p {font-size: 13px;}
    
    /*18-7-17*/
    
    #share {left: 64%;}
    
    .portfolio-bg.talent-bg {
        height: 350px;
        min-height: 100% !important;
    }
    .portfolio-bg.only-on-rent-bg {
        background-position-x: center;
    }
    .thumnaile-adj {margin-left: 3px;}
    
    .clienticno .btndetail {top: 46%;}
    
    .service-area-bg .ser-digi-markt {left: 406px;}
    .service-area-bg .ser-brand-pos {left: 68px;}
    .service-area-bg .ser-website {right: 250px;top: -30px;}
    .service-area-bg .ser-mobile-app {top: 40px;}
    .service-area-bg .ser-comm-plan {bottom: 116px;right: 30px;}
    .service-area-bg .ser-brand-stratgy {bottom: 180px;left: 386px;}
    .service-area-bg .ser-brand-identy {bottom: 110px;left: 160px;}
    .service-area-bg .ser-crea-dev {top: 120px;left: 0;}
    .ban-left.icommerce-logo img {top: -30px;}
    .carousel-inner>.item>img {height: auto !important;}
    .flipkart-bird {top: -33px;}
    .sbi-bird {top: -23px;}
    .axis-bird {top: 9px;}
    .relliance-bird {top: 0px;}
    .essel-bird {top: -15px;}
    .motilal-bird {top: 11px;}
    .service-title h2 {font-size: 30px;}
    
    /*new 15-8-2018*/
    
    .jo-newpage {
        margin-left: 57px;
    }
    .financePage {
        height: 100%;
    }
    .bg-size {
        height: 410px;
        background-size: 100% 100%;
    }
    
}
@media screen and (width: 1024px) {
    .memberpic.toral:hover {
        top: 3px;
        left: 96px;
    }
    .memberpic.toral {
        top: 39px;
    }
    .blog-profile-inner span.likeCountMsg {left: 10px;width: 80px;}
    .raincheck-logo {width:41%;}
    .career-banner {
        height: auto;
    }
    .job-open .swiper-slide {
        margin-bottom: 15px;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .career-banner {
        height: 100vh;
    }
}
/*media 960*/
@media screen and (max-width:960px){
    .career-bg .swiper-container {margin-top: -155px !important;     margin-bottom: 236px !important;}
    .brainstorm-main {    padding-bottom: 334px;}
    .location-metro:not(:root:root){    margin-top: 286px;     margin-left: 280px;}
    .map-div {    margin-top: 32px;}
    .form-title {margin-top: 24px;}
     .call-numbers ul {margin-top: 10px;}
    .stamp-div {right: -26px; top: 23px;}
    .call-div { margin-top: 12px;}
    .direction-arrow  {margin-top: 21px;     margin-left: 22px;}
    .call-div{    margin-left: 42px;}      
    /*.service-launch-project {margin-top: -131px; left: 3%;}*/
    .tab-footer {bottom: 0px;}
    .advertising-banner { height: 511px; background-size: 908px;}
    .pbc-text {left: 44px; top: 112px;}
    .leadership {bottom: 94px; left: 173px; width: 211px; }
    .mission {bottom: 61px;right: 86px;width: 211px; }
    /*.footerlink a {float: right;}*/
    .footer-pbclogo img {position: absolute; top: -9px;left: -24px; width: 36px;}
    .about-us p {font-size: 11px;}
    #footer .container { width: 100%;}
    .portblogs img {    top: -84px;}
    .clientblg {    margin-bottom: 50px;}
    .click-service {right: 143px;top: 60px;}
    /*blog-details*/
    .title-name-subheading {margin-bottom: -15px !important;}
    
     /*Careers*/
    .creative-div {margin-left: 5%;}
/*    .career-bg {background: steelblue; padding-bottom: 0px;} 28-9*/
    .portabs li a {padding: 0 2px 3px;}
    .portabs {padding-left: 4%;}
    .portclient-logo {width: 65%;background-size: 222px;}    
    .pbclogoc {right: -13px;width: 56px;}
    
    /*filter 7-9*/
    
    .filtrwp {margin-left: -5px;}
    .clientfilter .hovertext p {width: 86%;}
    .our-culturebg {    
        background: url(../images/career/careerbg.jpg) center center no-repeat;
        width: 100%;
        height: auto;
        background-size: cover;
    }
    .privacylink{right: -50px;}
    
    /*new 15-8-2018*/
    
    .jo-newpage {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 0;
        background: #fff;
        height: auto;
        margin-bottom: 60px;
        padding-bottom: 20px;
    }
/*    .careers-div .our-culture-button,
    .careers-div .our-opening-button,
    .careers-div .creative-button,
    .job-opening:hover .our-opening-button {
           left: 41%;
    }*/
    .careers-div .knowmorelink {right: 109px;}
    .footerlink a {margin: 3px 20px 0 20PX;}
    .we-are-creative {top: 0;}
    .financePage {
        height: 100%;
    }
    .formborder {
        width: 100%;
        margin-left: 7px;
    }
}


@media screen and (width: 960px) {
    .career-linkedin a {
        background-size: 45%;
    }
    .job-or .or {
        right: 80px;
    }
    .slash {
        margin-left: 108px;
    }
    .career-bg .swiper-container {
        margin-top: 0px !important; 
        margin-bottom: 0px !important; 
    }
    .raincheck-logo {width: 33%;}
    .footalign { margin-right: 0px; }
   .careers-div .knowmorelink {right: 147px;}
}

@media screen and (width: 854px) {
    .career-linkedin a {background-size: 55%;}
    .slash {margin-left: 114px;}
    .raincheck-logo {width: 31%;}
    .footerlink {width: 31%;}
    .wup-no {width: 37.33333333%;}
    .footalign {margin-right: 0px; }
    .swiper-slide .knowmorelink {right: 44px;}
    .careers-div .knowmorelink {right: 135px;}
    .footerlink a {margin: 3px 20px 0 20PX;}
    
}
@media screen and (width: 823px) {
    .swiper-slide .knowmorelink {
        right: 37px;
    }
    .stampfooter {display: none;}
    .raincheck-logo { width: 33%;}
    .footerlink a.user-img {display: none;}
    .wup-no { line-height: 35px;}
}
/*media new*/
@media screen and (max-width: 823px) {
    .new-bottomliks .or {
        right: 120px;
        top: 0;
    }
    .slash {margin-left: 105px;}
    .wup-no .numberMob {display: none;}
    .jobs {width: 100%;}
}
@media screen and (width: 812px) {
    .career-linkedin a {
        background-size: 58%;
    }    
}
@media screen and (max-width: 812px) {
    .new-bottomliks .or {
        right: 131px;
    }
    .career-linkedin a {
        background-size: inherit;
        height: 48px;
    }
    .stampfooter {display: none;}
    .raincheck-logo { width: 33%;}
    /*.footerlink a.user-img {display: none;}*/
    .wup-no { line-height: 35px;}
    .career-banner {
        height: auto;
    }
    .financePage {
        height: 100%;
    }
    .swiper-slide .knowmorelink {
        right: 25px;
    }
}
/*media new*/
/*media 768*/
@media screen and (max-width: 768px) {
    .user-img {margin-right: 40px !important; }
    .user-img:hover {margin-right: 2px !important;}
    .link-extra {    margin-right: 4px;    margin-top: -50px; }
    .link-extra a{font-size: 18px;}
    .contact_error { top: 31px\0; left: 0;}
    .full-col.last .contact_error {top:56px;}
    .clientslogo img {    margin-top: -6px !important;   max-width: 61% !important;}
    .raincheck-logo {    width: 33.33%;}
    .launch-project-bg .text .contact-form h2{margin-left: 35px;margin-right: 35px;}
    
    /*.footer-tab {position: absolute;width: 100%; z-index: 333; bottom: 0; }*/
     .footer-tab {position: inherit;width: 100%; z-index: 333; bottom: 0; }
    @-moz-document url-prefix(){ .pbc-text{top: 13px !important;}}
    @-moz-document url-prefix(){ .mission{bottom: 0 !important;}}
    .leadership-width {width:170px !important;}
    .contact-bg {background: none;}
    .form-title {    margin-left: 58px;}
    .ban-right a { color: #fff;}
    .form-bg { float: none; background-size: cover;}
    .contact-numbers {margin: 25px auto 0px;width: 72%;background-size: contain;}
    .call-div, .direction-arrow { margin-left:42px; }
    .location {background-position: center top;}
    .location-metro { margin-left: 273px; margin-top: 285px;}
    .office-address { width: 17%; margin-left: 37px; margin-top:38px;}
    .office-name { width: 28%; padding: 10px 0px;}
    .map {width: 28%;}
    .communication-address { width: 36%;  padding: 10px; }
    .qoute-text{ margin-right: 12%; }
    .banner-txt { width: 200px;right: 12px; bottom: 115px;}
    .banner-txt p{
        line-height: 14px;
        text-align: justify;
        font-size: 12px;
    }
    .remove{display: none;}
    .banner-txt .bytxt {font-size: 12px; padding: 5px; }
    .clientsbox{ margin-top: -70px; }
    .lions-bg { height: 225px;}
    .client-list { width: 100%;}
    .client-list ul li { width: 33.33%; margin: 5px 0px;}
  /*---- About us---*/
    .advertising-banner { height: 430px; background-size: 715px;}
    .pbc-text { left: 40px; top: 34px; width: 144px; }
    .pbc-text::before{left:38%;}
    .pbc-text::after{left: 39%;}
    .leadership { bottom: 88px; left: 135px; width: 175px;}
    .margin-remove {margin-bottom: 6px;}
    .leadership-more {position: absolute; bottom: -50px;}
    .mission {bottom: 24px;right: 51px; width: 192px;}
    .footerlink a { float: left; }
    .footer-pbclogo img {position: absolute;top: -9px;left: 43px; width: 36px;}
    .footerlink a.user-img {     margin-left: 0px; }
    .about-us p {font-size: 11px;}
    /*service css*/
    .ser-tab{margin-top: 0%;}
    .brd-identy p{font-size: 12px;}
    .border-bottom{margin-bottom: 30px;}
    .ser-tab ul li a.re-brd-idnt{padding: 5px 56px 5px 40px;}
    .clientslogo{ width: 110px; margin-bottom: 10px;}
    .btndetail { width: 30px; height: 30px;}
    .hovertext p { font-size: 10px;  margin-top: 6px;}
    /*.ser-top-margin{margin-top: 0;}*/
    .title-name h2{font-size: 32px;}
    ul.subtitle li a{font-size: 11px;}
/*    .client-log h5{float: none;}*/
    /*service end*/
    #menu ul li { margin: 5px !important;}    
    #carousel-left,#carousel-right{top:30%;}
    
    /*blog-details*/
    .article-div { margin-left: 10.3%;}
    .article2 {margin-right: 3%;}
    .article3 {float: none; margin: 0 auto; clear: both;}
    .article-folder { left: 36%; top: -9%;}
    .stamp { margin-top: -11px;right:0; display: block;}
    .followers-profile {width: 20%;}
    .loadimg {left:32%; top: 0px;}
    .blog-profile {right: 0%;}
    
    .location{margin-top: 17px; clear: both;}
    .blog-bg {height: 126px;}
    .client-log{padding-left: 0px;}
    .client-log .search {margin-left: 0px;}
    .client-log h5 {font-size: 12px;position: absolute;right: 30px;}

    .heading{margin-top: 0;}
    .textarea textarea{height: 60px;}
    
     /*Careers*/
     .our-culture-button,.our-culture-button:hover, .our-opening-button, .our-opening-button:hover, .creative-keeda-icon, .our-keeda-button:hover {
        left: 38%;
    }
    .knowmorelink {    right: 90px;}
     .we-are-creative {margin:100px auto 0px;}
     .services-menu li {
        width: 208px;
    }
    .services-menu li:nth-child(4n) {
        margin-top: 10px;
    }
    .swiper-slide .knowmorelink {
        right: 90px;
    }
    .creative-maincont {margin-left: 25%;}
    #carousel{height: 1200px;}
    .filter ul li{margin-left: 25px;}
    .sb-search-input {width: 75%;}
    .title-name h2 {padding: 0 4px;font-size: 24px;}
    .title-name img {height: 22px;}
    .sb-search.sb-search-open, .no-js .sb-search {width: 100%;}
    .portabs li a {padding: 0 2px 3px;}
    .portabs {padding-left: 4%;}
    .portblogs img {top: -1px;}

    .full-col {margin-bottom: 22px;}
    .contact-form {width: 80%; margin-left: 69px;}
    .full-col.last {    margin-bottom: 16px;}
    .form-bg {position:relative;left:15px;margin-top: 15px;}
    .direction-arrow{margin-left: 40px;}
    .call-main {  width: 264px;     margin-left: 10px;}
    .direction-main { width: 218px;}
    .portfolio-tabs .portabs li span {
        padding: 0 3px;
    }
    .portabs li span{padding: 0 6px;}
    .otherlink {
        right: 10px;
        top: 0;
    }
    .wale {left: 62px;}
    .dg-container nav span.dg-prev {margin-left: 45px;}
    .ban-right {right: 95px; top: -30px;}
    .our-wrk-social{margin-top: -40px;}
    .our-erk-blog-profile {right: 17% !important;}
    .cont-footer{position: inherit;}
    
    
    .slide-career .our-culture-button, .slide-career .our-culture-button:hover, 
    .slide-career .our-opening-button, .slide-career .our-opening-button:hover, 
    .slide-career .creative-keeda-icon, .slide-career .our-keeda-button:hover,
    .our-opening-button:hover, .job-opening:hover .our-opening-button,
    .careers-div .our-opening-button {
        left: 38%;
    }
    .creer-foo{
        width: 100%;
        float: left;
        position: absolute;
        bottom: 0;
    }
/*    .career-arrow .swiper-button-prev, .career-arrow .swiper-container-rtl .swiper-button-next{
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }
    .career-arrow .swiper-button-next, .career-arrow .swiper-container-rtl .swiper-button-prev{
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }*/
    .career-apply a, .career-apply a:hover, .career-linkedin a, .career-linkedin a:hover {
        background-size: 100px;
    }
    .slash {margin-left: 70px;}
    .job-or .or {right: 70px;}
    .crt-blg{left:0;}
    .link-extra { bottom: 142px; margin-right: 4px;}
    .contact-form{margin-top: 20px;}
    .ban-left h3{float: left;}
    .social-bg{ margin-right: 60px; margin-top: 12px;}
    #whatBePrpose.blog-profile,
    #creatives.blog-profile{top: -105px;}
    .slide-height.swiper-slide {height: 445px;}
    .bfsi-icici{min-height: 350px;}
/*    .launch-project-bg.modal-dialog,
    .launch-project-bg{width: 600px;}*/
    .we-are-creative{background-size: 100%; top: 0;}
    .careers-div {    margin: -138px auto 0;}
    .we-are span {font-size: 24px;}
    .creative-people span {font-size: 50px;}
    .commentarea{height: 55px;}
    .clients-banner{height: 285px;}
    .launch-project-bg .text .contact-form {width: 80%;margin-left: 10%;}
/*    .footerlink a.share-logo {margin: 9px 0 0 -10px;}*/
    .info-right{width: 35%;}
    .bfsi-axis{height:304px;}
    .portfolio-bg,
    .portfolio-bg.only-on-rent-bg {min-height: 300px !important; height: 300px;}
    ul.simplefilter{padding-right: 90px; height: 75px; text-align:center;}
    .ban-mid{top: 177px}
    .bg-white-md{height: 120px;}
    .services-close-btn{top: -15px;}
    .services-bg{height: 565px;}
    .click-service {right: 162px;top: 38px;}
    .click-service:not(:root:root) {right: 164px;top: 38px;}
   .services-bg{background-size: 135% 100%;background-position: -180px 0px;}
   .flipkart-bird{top: 14px;}
   .sbi-bird {top: 15px;}
   .axis-bird {top: 46px;}
   .relliance-bird {top: 30px;}
   .post-box-bird {top: -8px;}
    .bajaj-bird {top: 38px;}
    .essel-bird {top: -8px;}
    .motilal-bird {top: 21px;}
    .wale:not(:root:root) {left: 72px;}
/*    .communication-drop{height: 30px !important;}*/
    .cd-drop{height: 30px !important;}
    .aboutspace{padding-bottom: 200px;}
    .flex-direction-nav{top: 63%;}
    .jobtopspace .flexslider{padding-top: 198px;}
    .esKju-lazyimage {width: 233px; height: 146px;}
    
    .container-menu h5{font-size: 15px;}
    .container-menu .about { width: 80px;top: 65px; left: 140px;}
    .container-menu .brainstrom {width: 80px; bottom: 140px;left: 10px;}
    .container-menu .clients { width: 90px; bottom: 85px; left: 135px;}
    .container-menu .our-work {width: 80px;bottom: 115px; left: 290px;}
    .container-menu .portfolio {width: 100px; bottom: 90px; right: 200px;}
    .container-menu .blog { width: 90px; bottom: 130px;right: 50px;}
    .container-menu .career {width: 90px; top: 73px; right: 219px;}
    .container-menu .contact { top: 60px;right: 80px; width: 90px;}
    .container-menu h5.contact-h5 { top: 14px;left: 25px; font-size: 14px;}
    .container-menu .pbc{top: 6px; width: 80px;}    
    .seo-li ul li{margin-bottom: 10px; padding-bottom: 10px;}
    .right-bd{margin-bottom: 20px;}
    .seo-li ul li a {font-size: 14px;}
    /*home page animation*/
    .tower {top: -16px; right:9px;}
    .tower img {width: 20px;}
    .boat-outer {right: 166px; top: -23px;}
    .boat-outer img {width: 150px;}
    .clients-list {right: 16px;top: 58px;}
    .clients-list ul li {height: 44px;}
    .iland {top: -31px; left: 5px;}
    .iland img {width: 120px;}
    .river-island {left: 11px; top: 43px;}
    .river-island img {width: 104px;}
    /*home page animation*/
    .flex-next .preview, .preview {width:130px;}
    /*.preview img, .flex-next .preview img {width:87px;top:38px;left: 35px;}*/
    .preview img, .flex-next .preview img {width: 65px;    top: 38px;    left: 48px;}
    .preview img, .flex-prev .preview img {left: 28px;}
    .stampfooter { position: absolute;width: 43px;height: 42px;display: inline-block;left: 205px;top: -7px;}
    .stampfooter img {top: 0; left: 0;}
    .creative-flexslider .flex-next .preview, .creative-flexslider .preview { width: 66%;}
    .creative-flexslider .flex-next .preview img, 
    .creative-flexslider .flex-prev .preview img{top: 99px;}
   


    /*.creative-flexslider .flex-direction-nav .flex-prev{left: 0px;}*/
    .creative-flexslider .flex-direction-nav .flex-prev { left: 2px;}
   .creative-flexslider .flex-direction-nav .flex-prev .preview img { left: 38px;}
    .creative-flexslider .preview {  bottom: -31px;}
    /* .center-website{width: 68%;} */
    .new-opning-from-responisve { top: 290px; left: 92px;}
    #socialMediaForm h2{padding-top:6px;}
    /*13-12-2016*/
     .contact-social{width: 100%;padding: 0px;text-align: center;}
    .contact-social .cont-social{display: inline-block; padding-left: 20px;}
    .contact-social .get-text{width: auto;}
    .contact-social .cont-soci-ajd{width: auto;}
    /*13-12-2016*/
    
    .page-not-found-content p{font-size: 17px;}
    /*.not-found-page{ background-size: 110%; background-position-x:-26px;}*/
    .page-not-found-content {padding-top:45%;}
    .page-not-found-content p { font-size: 15px;}
    .error-pbc-logo img, .try-again img { width: 17px;}
    .error-pbc-logo { top: 402px; left: 21px;}
    .try-again { top: 403px; left: 101px;}
   .page-not-found-content h2 {font-size: 30px;margin-bottom: 3px;}
   .projectlaunch{margin: 0px auto;}
   .leftbrand{width: 35%;height: 100px;}
   .rightbrand-launch{width: 65%;height: 100px;}
   .nextpre{top: 30px;text-align: left;}
   .nexbtn {text-align: right;}
   .privacylink{right: -95px;}
   #share{left: 62%;}
   .footerlink a.share-logo {
        margin: 9px -20px 0 0;
    }
    .user-img {
        margin-left: 0px !important;
        margin-right: 18px !important;
    }
    .user-img:hover{
        left: 15px;
        margin-right: 18px !important;
    }
    .brain-us{display: none;}
    .brainstorm-main {background: #F5B517;}
    .brainstorm-main .right {width: 100%;}
    .service-swipe .carousel, #Mobile .carousel, #creatives .carousel {width: 100%;}    
    
    
    /*18-7-17*/
    
    .pp-head .brd-identy p {
        font-size: 16px;
    }
    
    .memberpic.toral {
        left: 106px;
        top: 23px;
    }
    
    .memberpic.toral:hover {
        top: 23px;
    }
    
    .seo-li ul li.active .ecos {
        background-size: 25px;
    }    
    .blog-profile-inner span.likeCountMsg {left: 10px;width: 80px;} 
    .portfolio-bg.talent-bg {
        height: 260px;
    }    
    #header #menu .container-menu h1 {top: -60px;font-size: 22px;}
    .servicebgcontent {width: 100%;}
    .dg-container {height: 480px;}
    .dg-wrapper {top: 164px;left: -8px;}
    .dg-container nav span.dg-next,
    .dg-container nav span.dg-prev {margin-top: 170px;}
    .our-work-bg .cloudcontent {width: 38%;}
    .homebannercontent h2 {font-size: 22px;}
    .services-title {top: -50px;}
    .services-title h3 {font-size: 30px;}    
    .service-title h2 {font-size: 24px;}
    .service-title {top: 45%;}
    .swiper-button-prev.swiper-button-disabled, 
    .swiper-button-next.swiper-button-disabled {
        display: none;
    }
    .wup-no .numberMob {display: none;}
    .stampfooter {display: none;}
    .financePage {
        height: auto;
    }
}

@media screen and (width: 768px) {
    .memberpic.toral:hover {
        top: -4px;
        left: 84px;
    }
    .memberpic.nelson:hover {
        top: 17px;
    }
    .service-area-bg {background: none;}
    .service-title h1 {top: 42%;left: 53%;font-size: 90px;}
    .service-area-bg .ser-brand-pos {top: -20px;left: 60px;}
    .service-area-bg .ser-digi-markt {top: -30px;left: 280px;}
    .service-area-bg .ser-website {top: -20px;right: 137px;}
    .service-area-bg .ser-mobile-app {top: 59px;right: 10px;}
    .service-area-bg .ser-crea-dev {top: 134px;left: 6px;}
    .service-area-bg .ser-brand-identy {bottom: 150px;left: 135px;}
    .service-area-bg .ser-brand-stratgy {bottom: 110px;left: 340px;}
    .service-area-bg .ser-comm-plan {bottom: 150px;right: 10px;}
    .wup-no { line-height: 35px;}
    .formborder {margin-left: 6px;}
}
@media screen and (max-width: 767px) {
    .career-bg {background: steelblue; padding-bottom: 0px;}
    .effect-bg {background: #F5B517;}
    .effect-bg .we-are-creative{
        background: none;
    }
    .effect-bg .we-are span{
        color: #424242;
    }
    .menu-w{
        height: 140px;
    }
    .effect-bg .creative-people span{
        color: #424242;
    }
}
/*media 736*/
@media screen and (max-width: 736px) {
    
    .wup-no {line-height: 35px;}
    .numberMob {display: none;}
    
    .reviewedMsg {    margin-top: -20px;}
    .career-bg .swiper-container {margin-bottom: 0px !important;}
    .career-bg .we-are-creative {margin-top: 80px;}
    .mid-img img {display: none;}
    .service-launch-project {margin-top: 15px;}
    .contact_error { }
    .demoLink img{width: 32px;float: left;margin-top: 6px;}
    .computer {height:67px !important;}
    /*pooja-13/10/16-development in future*/
    .menu-height {height:67px;}
    ul.subtitle {display: none;}
    .bird, .river-island, .iland, .click-service{display: none;}
    .services-menu {visibility: visible;}
   .mpbclogo{display: block;width: 70px;float: right;padding: 2px 0px;}
   .mpbclogo img{max-width: 100%;}
   .homemenu{margin: 0px;padding: 0px;}
    .mobile-portfolio .swiper-width {width:100% !important; overflow: hidden;}
    .services-menu ul {padding-left: 50px;}
    .home-bg-rsp {min-height: 350px; background: #ffcd12; display: inline-block; width:100%;}
    .baloon-plane, .moving-jeep, .moving-bus{display: none;}
    .services-bg {background: #00203c; padding-top:30px;height: inherit;}
    .services-menu li:hover {background-size: containt;}
    .services-menu, .services-menu ul {border:none;}
    .services-menu ul {background: none;}
    .services-close-btn{display: none;}
    .cloud-outer {display: none;}
    .small-balloon {display: none;}
   /*pooja-13/10/16-development in future*/
    #LaunchProject .modal-content {top:50px;}
    .launch-project-bg {    top: -60px;}
    .clientslogo img {    margin-top: 0px !important;    max-width: 100% !important;}
    .footerlink a.user-img {
     margin-left: 0px; 
}
.call-div{ margin-left:38px; }
.direction-arrow {margin-left: 16px;}
.wup-no {    width: 36%;  }
.raincheck-logo{width:30%;}
     .footer-tab {bottom: inherit;}
    .call-div { margin-top: 8px;}
    .direction-arrow  {margin-top: 18px;     margin-left: 30px;}
    .web-rate{display: none;}
   .location-metro { margin-left: 254px;}
    .communication-address {padding: 12px; padding-bottom: 35px;} 
    .client-list ul li {
        margin: 0px 0px;
        margin-left: -2px;
    }
    .img-height {    height: 365px;     width: 350px;}
     .ser-tab{margin-top: -3%;}
    .border-bottom {    margin-bottom: 20px;}
    .crt-blg {    left: 7px;}

    .margin-remove {margin-bottom: 10px;}
    .remove{display: block;}
    .leadership-more {position: inherit; bottom: 0px;     margin-left: 0%;}
    .lions-bg{
        background: #eace25;
        height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .qoute-text{
        background: none;
        width: 100%;
        height: auto;
        margin: 0px;
    }
    .banner-txt {
        width: 70%;
        margin: 35px auto;
        position: initial;
    }
    .banner-txt p {
        line-height: 18px;
        font-size: 14px;
        padding-bottom: 10px;
    }
    .banner-txt .bytxt {font-size: 15px;}
    
    .advertising-banner {
        background:none;
        overflow: hidden;
        padding-bottom: 30px;
        height: 100%;
    }
    .pbc-text {
        background: transparent;
        border: none;
        left: 0;
        top:6px;
        width: 100%;
        float: none;
    }
    .pbc-text::before, .pbc-text::after {display:none; }
    .leadership, .mission {
        bottom: 0px;
        left: 0; 
        position: relative;
        width: 100%;
        text-align: center;
        padding: 0 12px;
    }
    .leadership, .mission, .pbc-text {float: left;}
    .stampfooter { display: none;}
    .user-img, .share-logo, .mobnum {display: block;}
    .telnum {
        padding: 0 5px 0 10px;
        background: #06cc26;
        line-height: 35px;
        border-radius: 6px;
        display: inline-block;
        color: #fff;
        margin-left: 10px;
    }
    
    .mobnum,.wup-no .telnum .abs_path {display: none;}
    .pbc-text p,
    .about-us p{ font-size: 14px;}
     
    .footer-stick {position: relative; bottom: 0; }
    
    /*service page css*/
    .ser-tab ul li a.re-brd-idnt { padding: 5px 48px 5px 31px; }
    .ser-tab ul li a{padding: 5px 33px 5px 22px;}
    .services-ban{
        background-image: none;
        background: #8E8E8E;
        background: -webkit-linear-gradient(#8E8E8E, #E2E2E2);
        padding-top: 85px;
    }
    .info-right img {padding: 0px !important;}
    .crt-blg{ background-size: 80%;}
    .crt-blg:hover{ background-size: 80%;}
    .crt-blg h5{font-size: 10px; padding: 0px; padding-right: 35px;}
    .crt-blg h5 span { font-size: 14px;}
    .clienticno li{width: 48%; margin-right: 1%; margin-left: 1%;     margin-top: 2%;}
    /*.clienticno li.lastlist {margin-right: 1%;clear: both;}*/    
    .clienticno li.lastlist {margin-right: 1%;}    
    .ser-web span {text-align: center;display: block;}
/*    .clienticno li img {padding: 3px;}*/
/*    .clienticno li.mar-left{margin-left: 27%; margin-top: 7px;}*/
    .clientslogo{width: 100px; margin-bottom: 20px;}
    .btndetail { width: 40px; height: 40px;}
    .hovertext p { font-size: 13px;  margin-top: 15px;}
/*    .menu img{width: 110px;}*/
    .ser-tab ul { margin-left: 8%;}
    
    /*mobile menu css strt*/
    #toggle{left: 8%;}
    #menu{ display: none;}
    .demoLink{display: inline-block;width: 40px;height: 100%;padding: 0px 4px;float: left; margin-left: -15px;}
    .homemenu .demoLink {margin-left:0px;}
    #toggle{display: none;}
    .services,.blog,.career,.client,.about,.contact,.brain,.news,.portfolio {
        background: url(../images/menu-bkp/about.png) no-repeat;
        height: 50px;
        margin-top: 15px;
        display: inline-block;
        position: relative;
        width: 50px;
        background-size: 100%;
    }
    .mobilemenu.mobilemenu-theme ul li a:hover .work {
        background: url(../images/menu-bkp/about-hover.png) no-repeat;
        background-size: 100%;
    }
     .stamp {right: -10%;}
     .loadimg {left: 33%;}

    /*services*/
    .services{
        background: url(../images/mob-menu/mob-services-icon.png) no-repeat;
        background-size: 100%;
    }
    .mobilemenu.mobilemenu-theme ul li a:hover .services{
        background: url(../images/mob-menu/mob-services-icon-hover.png) no-repeat;
        background-size: 100%;
    }
    /*blog*/
    .blog{
        background: url(../images/mob-menu/mob-blog-icon.png) no-repeat;
        background-size: 100%;
    }
    .mobilemenu.mobilemenu-theme ul li a:hover .blog{
        background: url(../images/mob-menu/mob-blog-icon-hover.png) no-repeat;
        background-size: 100%;
    }
    /*career*/
    .career{
        background: url(../images/mob-menu/mob-careers-icon.png) no-repeat;
        background-size: 100%;
    }
    .mobilemenu.mobilemenu-theme ul li a:hover .career{
        background: url(../images/mob-menu/mob-careers-icon-hover.png) no-repeat;
        background-size: 100%;
    }
    /*client*/
    .client{
        background: url(../images/mob-menu/mob-clients-icon.png) no-repeat;
        background-size: 100%;
    }
    .mobilemenu.mobilemenu-theme ul li a:hover .client{
        background: url(../images/mob-menu/mob-clients-icon-hover.png) no-repeat;
        background-size: 100%;
    }
    /*about*/
    .about{
        background: url(../images/mob-menu/mob-aboutus-icon.png) no-repeat;
        background-size: 100%;
    }
    .mobilemenu.mobilemenu-theme ul li a:hover .about{
        background: url(../images/mob-menu/mob-aboutus-icon-hover.png) no-repeat;
        background-size: 100%;
    }
    /*contact*/
    .contact{
        background: url(../images/mob-menu/mob-contact-icon.png) no-repeat;
        background-size: 100%;
    }
    .mobilemenu.mobilemenu-theme ul li a:hover .contact{
        background: url(../images/mob-menu/mob-contact-icon-hover.png) no-repeat;
        background-size: 100%;
    }
    /*brain*/
    .brain{
        background: url(../images/mob-menu/mob-brainstrom-icon.png) no-repeat;
        background-size: 100%;
    }
    .mobilemenu.mobilemenu-theme ul li a:hover .brain{
        background: url(../images/mob-menu/mob-brainstrom-icon-hover.png) no-repeat;
        background-size: 100%;
    }
    /*portfolio*/
    .portfolio{
        background: url(../images/mob-menu/mob-our-works-icon.png) no-repeat;
        background-size: 100%;
    }
    .mobilemenu.mobilemenu-theme ul li a:hover .portfolio{
        background: url(../images/mob-menu/mob-our-works-icon-hover.png) no-repeat;
        background-size: 100%;
    }
    
    .mobmenuclose, .close_service{
        background: url(../images/mob-menu/mob-menu-close-icon.png) no-repeat;
        background-size: 100%;
        width: 20px;
        height: 24px;
        display: block;
        position: absolute;
        top: 5px;
        right: 20px;
    }
 
    .mobilemenu.mobilemenu-theme ul li a:hover > div{
        transition: background 0.5s ease;
    }
    .mobilemenu.mobilemenu-theme ul li a h5{
        color: #7B7B7B;
        margin: 0;
        font-size: 10px;
        font-family: 'AmericanTypewriter';
    }
    .mobilemenu.mobilemenu-theme ul li a:hover h5 {
        color: #3C3C3C;
    }
    .mobilemenu.mobilemenu-theme ul li a:hover span {
        color: #fff;
    }
    
    /*mobile menu css end */
    .agree-disagree{ margin-top: 7px;}
    .portfolio-height {height: 208px;}
    .tab-footer{
        position: inherit;
    }
    .client-log{
        padding-left: 15px;
    }
    .client-log .search {
        margin-left: 10px;
    }
    .location-metro {margin-top: 287px;}
    .formborder {margin-left: 5px;}
    .footer-fixed{
        position: relative;
        bottom: 0;
    }
    
    .article-div { margin-left: 8.5%;}
    .article1 {float: left;}
    .article2 {float: left;}
    
     /*Careers*/
    
    .services-menu li {
        width: 48%;
        margin-bottom: 20px;
    }
    .services-menu li:nth-child(3n){
        margin-top: 10px;
    }
    .services-menu li {
        background-size: contain;
    }
    /*.portfolio-bg{height: 335px;}*/
    .portfolio-bg,
    .portfolio-bg.only-on-rent-bg {height: 280px;margin-top: 55px;min-height: 100% !important;}
    .portfolio-bg.only-on-rent-bg,
    .portfolio-bg.billabong-bg {background-position: center center;}
    .ban-mid h1{font-size: 21px; margin-top: 0;}
    .ban-mid h3{font-size: 15px;}
    .ban-mid{top: 223px;}
    #carousel{height: 1160px;}
    .twentytwenty-right-arrow,
    .twentytwenty-left-arrow{
        background-size: 78%;
    }
    .twentytwenty-right-arrow{
        top: -125px;
        margin-right: -22px;
    }
    .twentytwenty-left-arrow{
        top: -61px;
        left: -66px;
    }
    .sb-search.sb-search-open, .no-js .sb-search {width: 100%;}
    .portlogo-part { width: 120px; margin-left: 43px;}
    .pbclogoc {right:70px;width: 56px;}
    .portclient-logo {background-size: 208px;left: 62px;}
    .portblogs {display:none;}
    .portfolio-brainstorm {width: 220px;margin: 0 auto;display: block;float: none;}
    .launch-project {background-size: 285px;width: 283px;}
    .launch-project h5 {left: 63px;top: 36px;font-size: 20px;}
    .launch-project p {left: 62px;top: 12px;}
    .form-bg {background:#fff;margin-top: 15px;left:auto;}
    .our-culture-button, .our-culture-button:hover, .our-opening-button, .our-opening-button:hover, .creative-keeda-icon, .our-keeda-button:hover {
        left: 38%;
    }
    .careers-div .our-culture-button, .careers-div .our-opening-button, .careers-div .creative-button {
        left: 35%;
    }
    .creative-maincont {margin-left: 24%;top: -30px; width: 370px;}
    .sub-heading {margin-top: 22px;}
    .call-numbers ul{font-size: 14px;}
    .location {background-image: none; margin: 0px; min-height: 0;}
    .location-metro, .office-address, .office-name, .communication-address {
        width: 100%;
        margin: 0px;
    }
    .location-metro{display: none;}
    .direction-main,.call-main{background-size: 100%;}
    .contact-numbers{width: 100%; margin-left: 17%;}
    .call-main{width: 243px;}
    .direction-main { width: 203px;}
    .call-numbers ul{font-size: 14px;}
    .location {background-image: none; margin: 0px; min-height: 0;}
    .location-metro, .office-address, .office-name, .communication-address, .map {
        width: 100%;
        margin: 0px;
    }
    .location-metro{display: none;}
    .direction-main,.call-main{background-size: 100%;}
    .contact-numbers{width: 100%; margin-left: 17%;}
    .call-main{width: 243px;  margin-left: -1px;}
    .direction-main { width: 203px;}
    .brd-com { background: url(../images/sprite.png) -178px -8px no-repeat;}
    .brainstorm-main{padding-bottom: 20px;}
    .brainstorm-main .right { height: 380px;}
    .filter ul li {  margin-left: 20px;}
    
    .portfolio-tabs .portabs li span{display: none;}
    .otherlink {
        position: inherit;
        float: left;
        margin-right: 20px;
    }
    .lineclick{
        display: block;
        border-bottom: 9px double #000;
        border-top: 3px solid #000;
        content: "";
        height: 5px;
        width: 30px;
        padding-top: 3px;
        float: left;
    }
    .portfolio-tabs {
        width: 250px;
        float: left;
        position: relative;
        margin-left:3%;
        top: -50px;

    }
    .dropdownbox{
        display: block;
        width: 100%;
        background: #fff;
        position: relative;
        z-index: 9;
    }
    .dropdownbox a{
        display: block;
        padding: 7px;
        font-family: 'AmericanTypewriter';
        font-size: 15px;
        color: #243a71;
        border-radius: 0;
        text-decoration: none;
        transition: all 0.5s ease;
    }
    .dropdownbox a:hover{
        color: #c62127;
    }
    .mobdrop{
        display: none;
        position: absolute;
        top: 35px;
        left: 0;
        right: 0;
        z-index: 11;
    }
    .portfolio-tabs .portabs{
        overflow-y: scroll;
        height: 145px;
        padding: 0px;
    }
    .portfolio-tabs .portabs li{
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #ccc;
        margin-bottom: 0px;
    }
    .portfolio-tabs .portabs li:first-child{
        border-top: 1px solid #ccc;
    }
    .portfolio-tabs .portabs li a{
        padding: 7px 10px;
        width: 100%;
    }
    .portfolio-tabs .portabs li a{
        border-bottom: none;
    }
    .droparrow{
        display: block;
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: 10px;
        z-index: 9999;
        font-size: 12px;
    }
/*    .client-list ul li a img {width:230px;}*/
    .our-wrk-social{ margin-top:-36px; }
    .wale {left: 61px;}
    .dg-container nav span.dg-prev {margin-left: 28px;}
    .ocean-bg{display: none;}
    .our-work-bg, .services-bg{padding-bottom: 30px;}
    .menu-link {padding-left: 30px;}
    
    .creer-foo{
        position: inherit;
    }

    .select-position {top: 22px;width: 215px;     left: -30px;}
    .sb-search-input{font-size: 12px;}
    
    /*filter 7-9*/
    
    ul.simplefilter {background: #fff;padding: 0 !important;border-top: 1px solid #ccc;}
    .simplefilter li {border-bottom: 1px solid #ccc;width: 100%;text-align: left !important;}
    .simplefilter > span {display: none;}
    .simplefilter li .break-word,.selected .break-word {display: inline;}
    .otherlink {float: right;margin-right: 0;}   
    .filtrwp {margin-left: 0;}
    
    .clientfilter .hovertext p {width: 91%;}
    .banner-txt{display: none;}
    .main-modal { margin-top: 10px;}
    .modal-video-red-h{height: 250px !important;}
    #locateMap{padding-right: 0 !important;}
    ul.simplefilter {height: auto;}
    
    .launch-project-bg .text h1{margin-top: 8%;}
    @-moz-document url-prefix(){ .launch-project-bg .text h1{margin-top:14% !important;}}
    
    .launch-project-bg .text .contact-form{width:60%; float: none; margin: 0 auto; }
    .launch-project-bg .text .contact-form h2{margin-top: 20%;}
    #LaunchProject .modal-header .close {margin-top: 33px;}
    .clients-banner{background: #F5B517 !important; height: 44px;}
    .clientsbox {margin-top: 0;}
    .download-profile,.download-profile1{display:block; z-index: 999;}
    .stamp-div {right: -20px;width: 45px;}
    .desktop-portfolio{display: none;}
    .mobile-portfolio{display: block;}
    .mob-dropdownbox{background: transparent; top: 78px;border: 1px solid #FFF;}
    .mobile-portfolio{background: #F5B517;}
    .mob-mobdrop{top: 114px;}
    .mob-portfolio-tabs {width: 100%; margin-left: 0;}
    .mob-navheader{background: #F5B517; position: relative;}
    .mobile-share-div img{float: left; width: 17px; margin-right: 10px;}
    .mobile-share-div img.eye-img{width:20px;}
    .mobile-share-div{margin-top: 10px; padding-bottom: 0px; display: none;}
    .launch-project{height: 125px;}
    .mob-top-mar{margin-top:85px;}    
/*    .slide-career .swiper-slide,
    .slide-height.swiper-slide {height: 350px;}*/
    
    .mobile-share-div span{color: #243a71; font-size: 13px;}
     #FilterDiv{position: relative; padding-bottom: 50px; display: none;}
    .filter-div{
        background: #0967A5;
        width: 40%;
         text-align: center; 
        float: right;
        position: absolute;
        bottom: -265px;
        z-index: 45;
        right: 65px;
        border-radius: 2px 65px;
        display: none;
/*        transition: 0.9s ease-in-out;
        -webkit-transition: 0.9s ease-in-out;*/
    }
    .filter-bg{background: #FFF;}
    .filter-div ul li{padding: 15px 0; font-size: 13px; text-align: left;}
    .filter-div ul li a{color: #FFF;text-decoration: none;}
    .telnum{cursor: pointer;}
    .swiper-button-prev{top: 49%;}
    .bg-white-md{height: 136px;}
    h3.blue-heading{padding-top: 25px;text-align: center;}
   /*.tittle{padding-top: 5px;}*/
    .mediaheight {margin-top: 80px;}
    .nav-header{background: #F5B517;}
    .mobile-portfolio.pad-bt{padding-bottom: 30px;}
    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0;}
    .aboutspace{padding-bottom: 0px;padding-top: 45px;}
    /*.jobtopspace {padding-top: 55px;}*/
    .title-name h2 {font-size: 24px;height: 39px;}
    .title-name-subheading{font-size: 18px;}
    .contact-bg{padding-top: 55px;}
    .braintopsapce{padding-top: 60px;}
    .services-menu li{transition: none;}
    .flex-direction-nav{top: 50%;}
    .flexslider{padding-top: 62px;}
    .slash { margin-left: 87px;}
    .mobile-portfolio .swiper-width{margin-bottom: 30px;}
    .wup-no a{pointer-events: inherit;}
    .career-apply a, .career-apply a:hover, .career-linkedin a, .career-linkedin a:hover { background-size: 120px;}
    .right-bd, .seo-li{margin-top: 20px;}
    .brand-idty-con{padding: 0;}
    .culturetxtbox{margin: 0px; padding-top: 15px;}
    .ourheading .pbcommunication{margin-top: 20px;top: 80px;}
    /*.mobile-portfolio .swiper-mobile.portfolio-mobile {margin-bottom: 60px;}*/
    .portfolio-mobile .mobslider {margin-bottom: 40px;}
    .brainspace{margin-top: 40px;}
    .cre-devlp {padding: 0;}
    /****************mobile home page style start*****************/
    .deskhome, .deskhome2{display: none;}
    .home-mob-box{display: block;}
    .mainarea{overflow: hidden;}
    .mainarea{width: 100%;background: #F5B517;text-align: center;position: relative;}
    .welcome, .world, .commun, .atrate, .pbcmob-logo, .loudspeaker, .talkingtxt, .pbcmobtxt{
        display: none;
        font-family: 'AmericanTypeLight';
        color: #fff;
        font-weight: bold;
        vertical-align:middle;
    }
    .atrate {font-size: 40px;}
    .pbcmob-logo{position: absolute;left: 50%;transform: translateX(-50%);}
    .loudspeaker{position: absolute;width: 340px;left: -100%;transform: translateX(-50%);}
    .talkingtxt{position: absolute;width: 180px;left:50%;transform: translateX(-50%);}
    .loudspeaker img,
    .talkingtxt img{max-width: 100%;}
    .pbcmobtxt{width: 200px;font-weight: normal;position: absolute;left:50%;transform: translateX(-50%);}
    /****************mobile home page style ends*****************/
    .flex-direction-nav .finance-next, .flex-direction-nav .finance-prev {height: 27px;}
    .jobtopspace .flexslider {padding-top: 80px;}
    .center-website{width: 100%;}
    .new-opning-from-responisve{left: -1px;}
    .footerlink a.user-img{display: none;}
    .new-opning-from-responisve { top: 160px; left: -1px;}
    
     /*13-12-2016*/
     .contact-social {
        margin-bottom: 20px;
     }
     .contact-social .cont-social {   
        padding-left: 25px;
     }
    /*13-12-2016*/
    .mobileMenu{position: relative;}
    .xscroll{overflow-y: scroll !important;}

    .not-found-main{text-align: center;}
    .not-found-page{background: #ffca08; height: auto; margin-top: 0;}
    .error-pbc-logo, .try-again{position: inherit; left: 0;  top: 0;}
    .error-pbc-logo{margin-right: 20px;}
    .error-pbc-logo, .try-again{float: left;}
    .page-not-found-content{padding-top:12%;}
    .res-center{margin: 20px auto; display: inline-block;}
    .try-again h5{padding-top: 10px;}.error-pbc-logo img, .try-again img { width: 30px;}
    .error-pbc-logo h5, .try-again h5 {font-size: 13px;}
    .mobilemenu.mobilemenu-theme .mobilemenu--inner{max-width: 70%;overflow-y: auto;}
    .error-res-footer{position: absolute; bottom: 0;}
    .page-not-found-content a img{width: 50px;}
    .not-found-main{float: none;}
    .page-not-found-content {padding-left: 0;}
    .career-banner {background: #F5B517;}
    .jobopen .slides li .jd-text h4,
    .jobopen .slides li .jd-text p{
        display: none;
    }
    .jobopen .slides li .jd-text h4{
        font-size: 16px;
    }
    .jobopen .slides li .jd-text h4:first-child,
    .jobopen .slides li .jd-text p:first-child{
        display: block;
    }
    #developmentJD, #creativeJD, #dotNetJD, #salesJD, #humanJD, #accountJD, #socialMediaJD, #financeJD {
        max-height: 120px;
        height: auto;
        margin-bottom: 20px;
    }
    .jobopen .flex-direction-nav li .flex-next{
        background: #efeeef;
        width: 50px;
        height: 50px;
        top: 25px;
        right: -20px;
        border-radius: 100%;
    }
    .jobopen .flex-direction-nav li .flex-prev{
        background: #efeeef;
        width: 50px;
        height: 50px;
        top: 25px;
        left: -20px;
        border-radius: 100%;
    }
    .jobopen .flex-direction-nav li a:hover{
        opacity: 0.8;
    }
    .jobopen .flex-direction-nav li .arrow{
        background: url(../images/job-arrows.png) no-repeat;
        opacity: 0.6;
    }
    .jobopen .flex-direction-nav li .flex-next .arrow{
        background-size: 100%;
        background-position: -15px 4px;
        left: 12px;
        top: 7px;
    }
    .jobopen .flex-direction-nav li .flex-prev .arrow{
        background-size: 100%;
        background-position: 15px 0px;
        left: 10px;
        top: 10px;
    }
    .jobopen .jd-text{padding-left: 15px;}
    .heading1 img.web-dev-width,
    .heading1 img.social-pro-width,
    #humanResearchForm .heading1 img {
        margin-top: -67px;
    }
    .jobopen .slides li .jd-text h4:first-child{
        text-align: center;
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .jobopen .jd-text .read-more {
        float: none !important;
        text-align: center;
        margin: 0 auto;
        display: inherit;
    }
    .jobopen .jd-text{text-align: center;}
    .mobilemenu.mobilemenu-theme ul li a{font-size: 16px;}
    .projectlaunch{display: none;}
    #olark-wrapper .olark-launch-button {
        display: block !important;
        /*bottom: 50px !important;*/
    }
/*    .jobopen .career-linkedin a{
        background-position: 35px 0px;
    }
    .jobopen .career-apply a, .jobopen .career-apply a:hover, 
    .jobopen .career-linkedin a, .jobopen .career-linkedin a:hover {
        background-size: 130px;
    }*/
    .fw-title h2 .fwTitle {
        font-size: 44px;
    }
    .title-name img {
        height: 28px;
    }
    .privacylink{
        width: 20px;
        height: 30px;
        background: url(../images/mob-privacy-icon.png) no-repeat center;
        background-size: 100%;
        text-indent: -99999px;
        bottom: -3px;
        right: -130px;
    }
    #share {left: 60%;}
    .demoLink{margin-top: 5px;}
    .title-name h2 {height: 44px;}
    .stamp {right: 0;}
    .creative-flexslider .nextpre{display: none;}
    
    /*18-7-17*/
    
    .pp-head .brd-identy {
        padding-top: 75px;
    }
    .leadjoinpic img.life-at-pbc {
        margin-top: 10px;
    }

    /*19-7-17*/
    
    .ban-left {
        width: 21%;
        float: left;
        padding: 0;
    }
    .ban-left img {
        width: 100%;
    }
    .social-big {
        width: 79%;
        float: right;
    }
    
    .service-swipe .glyphicon-chevron-left,
    .service-swipe .glyphicon-chevron-right,
    #Mobile .glyphicon-chevron-left,
    #Mobile .glyphicon-chevron-right,
    #mycreativel .glyphicon-chevron-left,
    #mycreativel .glyphicon-chevron-right,
    .service-swipe .carousel-control .glyphicon-chevron-right {
        width: 20px;
        height: 30px;
        top: 50%;
    }
    .ban-mid {top: 110px;}
    .forlogo .ban-left img {width: 74%;}
    .forlogo .ban-left.icicbanerlogo img {width: 100%;}
    .forlogo .ban-left.icicbanerlogo {width: 25%;}
    .ban-left.logoadj img {top: -14px;}
    .bt-respo .ban-left {
        width: 12%;
    }
    .heranba-bg {
        background-position: 100% 0;
    }
    .longlogo-wi img {
        width: 70%;
    }
    .longlogo-wi50 img {
        width: 50%;
    }
    .portfolio-bg.icommerce-bg {margin-top: 40px;}
    .ban-left.esselinfra {width: 16%;}
    .ban-left img.indusland-banlogo {width: 100%;}
    .section.servicebradingoption {display: none;}
    .tittle.headbreadcrum {width: 41.66666667%;}
    
    /*new*/
    
    .new-bottomliks .or {
        right: 93px;
    }
    .new-bottomliks .slash {
        margin-left: 40px;
    }
    .new-relclass .select-position {
        left: 0;
    }
    .new-relclass .experience {
        right: 0;
        top: 30px;
    }
    .job-or .or {right: 100px;}
    .careers-div .our-culture-button, .careers-div .our-opening-button, .careers-div .creative-button {
        left: 38%;
    }
   
}
@media screen and (width: 732px) {
    .job-or .or {right: 102px;}
}
/*media 667*/
@media screen and (max-width: 667px) {
    .getlist li.cd-drop {  
    padding-bottom: 38px;
}
    .services-menu ul {    padding-left: 25px;}
    .home-title {margin-left: 70px;}
     #LaunchProject .modal-content {top:50px;}
    .launch-project-bg {    top: -60px;}
/*    .footer-pbclogo img{     margin-left: 75px; }*/
    .map-div {margin-left: 6px;}
    .form-title {    margin-left: 48px;}
    .contact-form { margin-left: 60px;}
/*    .office-address {width:19%; margin-left: 35px;}*/
/*    .office-name {width: 30%;}*/
/*    .communication-address {width: 37%;}*/
    .location-metro {margin-left: 222px;}
    .client-list ul{margin-left: 5%; }
    .launch-project-bg .text h1 {margin-top: 7%;}
    .client-list ul li{width: 40%;margin-left: 25px;margin-top: 20px;margin-bottom: 5px;}
    .ser-tab ul{margin-left: 3%;}
    .menu img{width: 80%;}
    .clientslogo img {height:auto !important;}
    .creative-people {padding-left: 0px;} 
/*    .clienticno li img {height:177px;}*/
    
     /*blog-details*/
    .article-div {margin-left: 4%;}
    .article2 {margin-right: 0%;}
    .article-folder {left: 34%;top: -10%; }
    .social-bg {margin-right: 60px;}
    .portfolio-height {height: inherit;}
    .lions-bg{ padding-top: 40px;padding-bottom: 54px;}
    .textarea textarea {height: 58px;}
    .blog-profile {right: 0%;}
    
     /*Careers*/

     #carousel{height: 974px;}
     #carousel-left, #carousel-right {
    top: 40%;}
     
     .swiper-slide .knowmorelink {
        right: 72px;
        bottom: 80px;
    }
    .creative-maincont {    margin-left: 22%;}
    .job-opening .knowmorelink {right: 72px;}
    .our-culture .knowmorelink {right: 72px;}
    .creative-maincont .knowmorelink {right: 100px;}
    
    /*.ban-right{position: inherit; float: left; right: -158px;}*/
    /*.title-name img {height: 18px;margin-top: 2px;}*/
    
/*    .stampfooter,  .user-img, .share-logo, .mobnum { display: none;}*/
    .portlogo-part {width: 120px;}
    .launch-project h5 {left: 59px;top: 34px;font-size: 18px;}
    .launch-project p {left: 58px;top: 11px;font-size: 15px;}
    .loadicon {margin-top: 25px;}
    .contact-numbers{margin-left: 13%;}
    /*.brainstorm-main .right {  height: 565px;}*/
    .touch-swipe-mob.swiper-container{
        width: 75%;
    }
    .dg-container nav span.dg-prev {margin-left: 0px;}
    .dg-container nav span.dg-next{margin-left: 530px;}
    .wale{margin-left: -33px;}
    
    .slide-career .our-culture-button, .slide-career .our-culture-button:hover, .slide-career .our-opening-button, .slide-career .our-opening-button:hover, .slide-career .creative-keeda-icon, .slide-career .our-keeda-button:hover,.job-opening:hover .our-opening-button {
        left: 35%;
    }
    .careers-div .our-culture-button, .careers-div .our-opening-button, .careers-div .creative-button {
        left: 35%;
    }
    .career-arrow .swiper-button-prev, .career-arrow .swiper-container-rtl .swiper-button-next{
        left: 0px;
    }
    .career-arrow .swiper-button-next, .career-arrow .swiper-container-rtl .swiper-button-prev{
       
        right: 0px;
    }
    .career-linkedin a, .career-linkedin a:hover {
        background-position: 4px 0px;
    }
    .career-linkedin a, .career-linkedin a:hover {
        background-position: 16px 0px;
    }    
    /*filter 7-9*/
    .clientfilter .hovertext p {width: 89%;}
    
    .launch-project-bg .text h1{font-size: 26px;}
    .stamp-div {right: -33px; width: 65px;}
    .filter-div{bottom: -308px;}
    .bg-white-md {height: 110px;}
    #LaunchProject .modal-header .close { margin-top: 28px;}
    .dg-wrapper {width: 245px;}
    .slash { margin-left: 60px;}
    .seo-li ul li a{font-size: 13px;}
    .brainstorm-main .right {height: 400px;}
    .brainspace {margin-top: 0px;}
    .mobnum {display: none;}
    .telnum {padding: 0px 5px;}
    .telnum img {margin-right: 0px;}
    .swiper-button-prev{top:50%;}
    .companylogo ul li { padding: 0 10px;}
    .center-website{margin-top: 60px;}
    
    /*13-12-2016*/
    .cont-social{
        margin-left: 18px;
    }   
     .contact-social .cont-social {   
        padding-left: 10px;
     }
    .privacylink{right: -110px;}
    #share {left: 56%;}
    .title-name h2 {height: 43px;font-size: 21px;}

    /*19-7-17*/
    
    .service-swipe .carousel, #Mobile .carousel, #creatives .carousel {
        width: 100%;
    }
    .portfolio-bg.bfsi-unitle {height: 240px;}
    .portfolio-bg.retail-vk {height: 260px;}
    
    .portfolio-bg.manufacturing-anchor {height: 250px;}
    
    .portfolio-bg.talent-bg {
        height: 240px;
    }
    .clearboth {clear: both;}
    
    /*new*/
    
    .new-bottomliks .or {
        right: 80px;
    }
    .new-bottomliks .slash {
        margin-left: 20px;
    }
    .job-or .or {right: 94px;}
}
@media screen and (width: 640px) {
 .slide-career .job-opening .knowmorelink {right: 220px !important;}
 .careers-div .our-culture-button, 
 .careers-div .our-opening-button, 
 .careers-div .creative-button {
    left: 37%;
}
    .careers-div .our-culture .knowmorelink,
    .careers-div .job-opening .knowmorelink {
    right: 72px;}
    .careers-div .creative-maincont .knowmorelink {right: 100px;}

}
/*media 640*/
@media screen and (max-width: 640px) {
    .getlist li.cd-drop {
    padding-bottom: 35px;
}
    .map-div {margin-left: 15px;}
    .client-list ul li{
        width: 45%;
        margin-left: 8px;
        margin-top: 10px;
    }    
    .client-list ul li a div { width: auto; height: auto;margin: 0px auto; }
    .title-name-subheading {margin-bottom: -14px !important;}
    
    .slide-career .our-culture-button, .slide-career .our-culture-button:hover, .slide-career .our-opening-button, .slide-career .our-opening-button:hover, .slide-career .creative-keeda-icon, .slide-career .our-keeda-button:hover,.job-opening:hover .our-opening-button {
        left: 42%;
    }
    .careers-div .our-culture-button, .careers-div .our-opening-button, .careers-div .creative-button,.careers-div .job-opening:hover .our-opening-button {
        left: 35%;
    }
    /*filter 7-9*/
    
    .portfolio-tabs {margin-left: 4%;}
    .mob-portfolio-tabs {margin-left: 0%;}
    .clientfilter .hovertext p {width: 88%;}
    .job-opening .knowmorelink {right: 50px;}
    .our-culture .knowmorelink {right: 50px;}
    .creative-maincont {margin-left: 19%;}
    .dg-wrapper {width: 245px;}
    .services-menu li{margin-bottom: 0px;}
    .dg-container{width: 102%;}
    /*.tittle{padding: 5px;}*/
    .title-name h2 {font-size: 19px;padding: 0px;height: 31px;margin-top: 5px;}
    .fw-title h2 .fwTitle {font-size: 36px;}
    .ourheading .our-we {top: -2px;}
    .companylogo ul li { padding: 0 26px;}
    .page-not-found-content h2 { font-size: 25px; }
    .page-not-found-content p { font-size: 15px;}
    .error-pbc-logo img, .try-again img {width: 24px;}
    .res-center{margin: 5px auto;}
    .privacylink {right: -90px;}
    #share {left: 67%;}
    .title-name h2 {height: 37px;}
    .client-detail-social {
        background-position: -124px center;
    }
    .social-bg {
        width: 335px;
        float: left;
        margin-top: 12px;
    }
    .service-swipe .carousel, #Mobile .carousel, #creatives .carousel {
        width: 100%;
    }
    .portfolio-bg.talent-bg {
        height: 215px;
    }
    .new-bottomliks .or {
        right: 72px;
    }
    .job-or .or {right: 82px;}
}

/*media 600*/
@media screen and (max-width: 600px) {
    .home-title {    margin-left: 30px;}
/*    .footer-pbclogo img {    margin-left: 70px;}*/
    .launch-project-bg .text .contact-form h2 {    margin-left: 22px;    margin-right: 22px;}
    .form-title {    margin-left: 43px;}
    .contact-form { margin-left: 53px;}
    .call-div {    margin-top: 29px;}
    .direction-arrow {    margin-top: 18px; margin-left: 30px;}
    .call-div, .call-numbers {margin-left: 43px;}
    .call-div img {width:38px;}
    .call-numbers ul {margin-left: 12px;}
    /*.direction-arrow img {width: 34px;}*/
    .mobile-portfolio .swiper-width {width:100% !important; overflow: hidden;}
/*    .map-div {width: 23%;}*/
/*    .location-metro {margin-left: 185px;}
    .office-address {width: 21%;}
    .office-name {width: 35%;}
    .communication-address {width: 43%;}*/
    .info-right img {padding: 0px !important;}
    .blog-profile {display:none;}
    .img-height {    height: 365px;  width: 100%;}
    /*    .stamp {display:none;}*/
    
    /*service page css*/
    .pbcommunication .creative-people { padding-top: 40px;}
    .ser-tab ul{margin-left:2%;}
    .ser-tab ul li a { padding: 5px 25px 5px 12px;}
    .ser-tab ul li a.re-brd-idnt {padding: 5px 39px 5px 28px;}
    .ser-tab ul li a.re-mob-app{padding: 5px 29px 5px 14px;}
    .clientslogo{width: 80px; margin-bottom: 15px;}
    .btndetail { width: 30px; height: 30px;}
    .hovertext p {margin-top: 12px;}
    ul.subtitle li a {font-size: 10px;}
    .brainstorm-main .right { height: 430px;}
    .agree-disagree { margin-right: 25px;}
    .brainstorm-main .right{margin-bottom: 0px;}
    .social-bg {    margin-right: -22px;}
    .blog-bg {height: 126px;}
    .span-red{font-size: 15px}
/*    .map-div{ margin-left: 10px;  margin-top: 20px;}*/
    .client-log {padding-left: 15px;padding-right: 0;}
    .client-log .search {margin-left: 5px;}
  
    
    .article-div {    margin-left: 3%;}
    .article1 {width: 254px; margin-right: 2.5%;}
    .article2 {margin-right: 0%; width: 254px;}
    .article3 {width: 254px;}
    .article-folder {    left: 32%;     top: -10%; }
    .article-caption {width: 248px; bottom: 19%;}
    .article-caption h3 a{font-size: 12px;}
    
     /*Careers*/
    .we-are-creative {background-size: 100%; width:500px;}
    .we-are {top: -2px;left: 43%;}
    .we-are span {font-size: 23px;}
    .creative-people {padding-left: 0%;}
    .creative-people span {font-size: 45px;    line-height: 40px;}
    .swiper-slide .knowmorelink {right: 182px;}

    .services-menu li {
        width: 47%;
        background-size: contain;
    }
    #carousel{height: 900px;}
    .social-big {float: right;}
    .social-bg {float: left;margin-top: 12px;width: 335px;}
    .social-content {left: 28%;}
    .contact-numbers{margin-left: 8%;}
    .brand-icon{left: 15px;}
    /*.brainstorm-main .right { height: 610px;}*/
/*    .otherlink{margin-right: 10px;}*/
    .our-wrk-social{ margin-right: -110px;right: 128px;}
    .wale-container{display: none;}
    .dg-container nav span.dg-next{margin-left: 508px;}
    .dg-container nav span.dg-prev {margin-left: -17px;}
    .career-linkedin a, .career-linkedin a:hover {background-position: 3px 0px;}
    .select-position{width: 185px;}
    .stamp, .blog-profile{display: block}
    .social-content {left:3%; top: 16%;}
    .social-content span{font-size: 11px;}
    .fb-share {width:42px;}
    .border-bottom {width:22%;}
    .launch-project { background-size: 260px; width: 260px;}
    .portclient-logo{width: 37%; margin: 0 auto;left: 0;}
    .pbclogoc{right: -23px;}
    .launch-project-bg .text .contact-form{width: 75%;}
  
    .launch-project-bg .text h1 { font-size: 22px;}
    .stamp-div { right: -48px;width: 86px;}
    .filter-div{bottom: -256px;}
/*    .swiper-button-prev{top: 54%;}*/
    #LaunchProject .modal-header .close {margin-top:23px;}
    .bg-white-md {height: 126px; top: 408px;}
/*    .communication-drop {height: 45px !important;}*/

    .seo-li ul li a{font-size: 11px;}
    .brand-idty-con h1.h1-mrt{font-size: 25px;}
    /*13-12-2016*/
    .contact-social .cont-social { padding-left: 8px;}
    .page-not-found-content { padding-top: 20%;}
/*13-12-2016*/
    .mobilemenu.mobilemenu-theme ul{padding: 35px 10px;}
    .title-name-subheading {margin-bottom: -18px !important;}
    .stamp {
        right: 0;
    }
    .portfolio-bg,
    .portfolio-bg.only-on-rent-bg {height: 230px;}   
    .portfolio-bg.retail-vk {height: 220px;}
    .portfolio-bg.manufacturing-anchor {height: 220px;}
    
    /*new*/
    
    .new-bottomliks .slash {
        margin-left: 15px;
    }
    .new-bottomliks .or {
        right: 60px;
    }
    .job-or .or {
        right: 69px;
    }
    .careers-div .our-culture-button, .careers-div .our-opening-button,.careers-div .job-opening:hover .our-opening-button, .careers-div .creative-button {
        left: 36%;
    }
}


/*media 568*/
@media screen and (max-width: 568px) {
    .menu-link {    padding-left: 22px;}
    .services-menu ul {    padding-left: 15px;}
    .home-title {    margin-left: 15px;}
     .clientslogo img {    margin-top: -6px !important;   max-width: 70% !important;}
    /*.footer-pbclogo img {    margin-left: 65px;}*/
    .form-title {    margin-left: 40px;}
    .contact-form { margin-left: 50px;}
    .call-div {    margin-top: 10px;     margin-left: 46px;}
    .direction-arrow {    margin-top: 18px;}
     .clienticno li img {height:auto;}
     .brand-idty-con h1 {margin-left: -5px;}
    .call-numbers ul {font-size: 13px;}
    .span-red {font-size: 15px;}
    .launch-project-bg .text h1 {margin-top: 6%;}
    .location-metro {
        margin-top: 275px;
        margin-left: 171px;
        line-height: 12px;
    }
    .client-list ul li {
        width: 48%;
        margin-left: -5px;
        margin-top: 10px;
        margin-right: 10px;
    }
    
    /*service page css start*/
    .ser-tab ul li a.re-brd-idnt {padding: 5px 41px 5px 33px;}
    .brd-dev{left: 15px;}
    .ser-tab .mid-bd {margin: 15px -10px 0 11px;}
    .clientslogo{width: 113px; margin-bottom: 10px;}
    .hovertext p {margin-top: 8px;}
    .ser-tab ul li a h5{font-size: 14px;}
    .title-name img {height: 24px;margin-top: 2px;}
    ul.subtitle li a {font-size: 10px;}
    ul.subtitle li a { font-size: 9px;}
    .agree-disagree {margin-right: 10px;}
    
    /*blog-details*/
    .article-div {    margin-left: 21%;}
    .span-red{font-size: 14px}
    .client-log h5 {font-size: 11px;}
    .formborder {margin-left: 3px;}
    .brainstorm-main .right {        margin-bottom: 20px;    }
     
    .article1 {width: 308px; margin-bottom: 7%;}
    .article2 {width: 308px; margin-bottom: 7%;}
    .article3 {width: 308px; margin: 0px;}
    .article-folder {    left: 33%;     top: -6%; }
    .article-caption {width: 301px; bottom: 2%;}
    .article-caption h3 a{font-size: 12px;}
    
     /*Careers*/
    #carousel{height: 858px;}
    #carousel-left, #carousel-right {
    top: 43%;}
    .loadicon {margin-top: 30px;}
    .testimonial-part h2 {margin-top: 45px;margin-bottom: 5px;}
    .our-culture-button, .our-culture-button:hover, .our-opening-button, .our-opening-button:hover, .creative-keeda-icon, .our-keeda-button:hover {
        left: 34%;
    }
    .contact-numbers{margin-left: 5%;}
    .filter ul li {  margin-left: 20px;}
    .client-banner{height: 235px;}
    .dg-wrapper a{transform: translateX(0) translateZ(0) rotateY(0) !important;}
    .dg-container nav span.dg-next{margin-left: 457px;}
    .our-wrk-social{ margin-right: -139px;right: 128px;}
    .career-apply a, .career-apply a:hover, .career-linkedin a, .career-linkedin a:hover {
        background-size: 113px;
    }
    .sb-search-input { font-size: 11px;}
    .select-position{width: 165px;}
    .swiper-slide .knowmorelink {right: 165px;}
    .creative-maincont {    margin-left: 16.5%;}
    
    /*filter 7-9*/    
    .clientfilter .hovertext p {width: 87%;}
    .launch-project h5{top: 30px;}
    .launch-project {background-size: 250px; width: 250px;}
    .filter-div{bottom: -365px;}
    .bg-white-md {height: 136px; top: 385px;}
    .slash { margin-left: 49px;}
    /*.title-name h2.brain-strm{font-size: 21px; height: 19px;}*/
    .title-name img.brain-strm{margin-left: -4px;}
    .brd-identy p { font-size: 13px;}
    .dg-container nav span.dg-next { margin-left: 275px;}
    .dg-container nav span.dg-prev { margin-left: 80px;}
    .brainstorm-main .right {height: 450px;}
    .companylogo ul li { padding: 0 22px;}
    
    /*13-12-2016*/
    .contact-social .cont-social {   
        padding-left: 0px;
     } 
    /*13-12-2016*/
    .mobilemenu.mobilemenu-theme ul li a {
        font-size: 14px;
    }
    .page-not-found-content {
        padding-top: 12%;
    }
    #share {left: 66%;}
    .privacylink {right: -80px;}
    .title-name h2{font-size: 19px;}
    .social-bg {margin-left: -25px;}
    .main-blog.sbi-social .ban-right {top: -76px;}
/*    .main-blog.bajaj-social {margin-top: -12px;}*/

    .service-swipe .carousel, #Mobile .carousel, #creatives .carousel {
        width: 100%;
    }
    .portfolio-bg.bfsi-unitle {height: 210px;}
    .portfolio-bg.talent-bg {
        height: 200px;
    }
    .job-or .or {
    right: 70px;
}
}


/*media 480*/
@media screen and (max-width: 480px) {
    .client-list ul {margin: 0 auto; width: 65%;}
    .brand-idty-con h1 {margin-left: -5px;}
    .client-list ul li {width: 100%;  margin: 0px; margin-top: 15px;}
    .banner-txt {width: 100%;}
    .pbc-text {
        background: transparent;
        border: none;
        left: 0;
        top: 0;
        width: 100%;
        float: none;
       position: static;
    }
    .swiper-width {width:100% !important;}
    .pbc-text::before, .pbc-text::after {display:none;}
    .leadership, .mission {
        bottom: 0;
        left: 0;
        position: relative;
        width: 100%;
        text-align: center;
    }
    .raincheck-logo {}
    .telnum {
        padding: 2px 10px;
        line-height: 27px;
        margin-top: 0px;
        margin-left: 7px;
    }
    .footer-pbclogo img {left: 10px; top: -10px;}
    
    /*service page css start*/
    .ser-box-1{
    -webkit-column-count: 1; 
    -moz-column-count: 1;
    column-count: 1;}
    .ser-tab ul li a {padding: 5px 25px 5px 10px;}
    .ser-tab ul li a.re-brd-idnt {padding: 5px 49px 5px 37px;}
    .clienticno li{float: none; width: 100%;}
/*    .brd-identy p { font-size: 12px;}*/
    .brd-com {
        background: url(../images/sprite.png) -178px -7px no-repeat;
        left: 10px;
    }
    .ser-tab ul li a.re-mob-app{padding: 5px 44px 5px 29px;}
    .ser-tab ul li a.website-li {padding: 11px 42px 10px 33px;}
    .brd-identy{margin-top: 60px;}
    .mid-img img {margin: 30px 0;}
    .clienticno li{margin-top: 10px;}
    .clienticno li.mar-left{margin-left: 0;}
    .clientslogo{width: 150px; margin-bottom: 20px;}
    .btndetail { width: 40px; height: 40px;}
    .hovertext p {margin-top: 15px;}
    ul.subtitle li a { font-size: 11px;}
    .client-log{width:60%;position: absolute;right: 24px;}
    .menu img{width: 100%;}
    .head-brdcrm-border{margin-bottom: 5px;}
    .menu { width: 33%;}
    .swiper-container-vertical > .swiper-wrapper{width: 90% !important;}
    .brainstorm-main .right { height: 550px;}
    .agree-disagree{margin: 0; width: 50%;}
    .swiper-container-vertical > .swiper-pagination-bullets{top: 35% !important;}
    .left-col { width: 100%; margin-bottom: 20px;}
    #launchYourProjForm .left-col {margin-bottom: 20px;}
    .right-col{width: 100%;}
    .form-bg{height: 490px;}
    
    
    .socialbackgroung img {display: none;}
    .social-bg {    background: #e5e5e5; height: 28px;   width: 300px;  margin-right: -32px;   margin-left: 0px; margin-bottom: 15px;   margin-top: 30px;}
    .social-content {left: 0px;     margin-top: 1px;}
    .social-content span {font-size: 11px;}
    .location{min-height: 0;}
    .form-title-outer{margin-left: 10px;}
    .formborder {margin-left: 0px;}
    .location {background-image: none;margin: 0px;}
    .location-metro, .office-address, .office-name, .communication-address, .map {
        width: 100%;
        margin: 0px;
    }
    .office-address {margin-top: 10px; }
    .lions-bg {
        padding-top: 35%;
        padding-bottom: 60px;
    }
    .services-ban.header-space{padding-top: 50px;}
    .header-space{padding-top: 130px;}
    .brainstorm-main .right {
        margin-bottom: 10px;
    }
    .heading{font-size: 18px;}
    .ban-left img{position: static;}
    .ban-left h3{color: #000; text-align: center; padding-top: 15px; float: inherit;}
    .twentytwenty-right-arrow, .twentytwenty-left-arrow {
        background-size: 75%;
        }
    .twentytwenty-right-arrow {
        top: -117px;
        margin-right: -26px;
    }
    .twentytwenty-right-arrow {
        left: 0px;
    }
    .twentytwenty-left-arrow{left: -60px;}
    .ban-right{right: 0%;float: left; text-align: center; margin-top: 0;width: 100%;text-align: center;}
/*    .ban-left{bottom: 35px;}*/
    .ban-right a { color: #000;}
    .ser-top-margin {margin-top: 30px;}
    .clientblg {width: 100%;margin-bottom: 0;}
    .clientblg img {display: inline;}
    .portclient-logo {background-position:center top;}
    .pbclogoc {display:block;right:32px;}
    .testimonial-part h2 {margin-top: 48px;margin-bottom: 15px;}
    .contact-numbers {width: 100%;}
    .form-title {width: 100%;margin-left: auto;text-align: center;margin-left: auto;padding: 0 15px;}
    .our-culture, .job-opening, .creative-maincont {width: 100%;}
    .creative-maincont {margin-left: auto;top: 0;}
    .we-are-creative {margin: 163px auto 0px;height:240px;}
    .creative-people span {font-size: 50px;}
    .our-culture-button, .our-culture-button:hover, .our-opening-button, .our-opening-button:hover, .creative-keeda-icon, .our-keeda-button:hover, .creative-button {
        left: 42%;}
    .job-opening{top: -26px;}
    .creative-maincont { top: -50px;}
    .contact-form { margin-left: 32px;}
    .video iframe{height: auto;}
    .filter ul li { margin-left: 0px; margin-bottom: 0; padding: 0 12px;}
    .filter ul li:last-child{margin-left: 0;}
    .touch-swipe-mob.swiper-container {
        width: 100%;
    }
   
    .select-position {
        position: relative;
        left: 0;
        top: 0;
        z-index: 2;
        width: auto;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        padding: 0px;
    }
    .career-apply a, .career-apply a:hover, .career-linkedin a, .career-linkedin a:hover{
        background-size: 149px;
    }
    
    /*filter 7-9*/
    
    .clientfilter {width: 100%;float: left;clear: both;padding: 10px 0 0 0;}
    
    /*filter 7-9*/    
    .clientfilter .hovertext p {width: 91%;}
    .our-culture .knowmorelink,
    .job-opening .knowmorelink,
    .creative-maincont .knowmorelink {right: 150px;}    
    /*.job-opening .knowmorelink {right:100px;}*/
    .direction-main{ background:url(../images/call.png) no-repeat;}
    .direction-arrow{margin-top: 15px;}
     .social-content{ left: 0; }
      .modal-video-red-h{height: 450px !important;}
    .brain-storm-section .width100{width: 100%;}
    .launch-project{height: 110px;}
    .portlogo-part{margin: 0 auto;}
    .portclient-logo{left: 0px; width: 100%;}
    
    .launch-project-bg .text .contact-form h2 { margin-top: 25%;line-height: 25px;}
    .filter-div {bottom: -23px; width: 76%;}
    .slide-height.swiper-slide {height: 375px;}
    .mobile-share-div img{margin: 0 auto; float: none;}
    .mobile-share-div span{text-align: center;display: block;}
    .we-are-creative{width: 100%;}
    .launch-project-bg .text .contact-form { width: 100%;}
    .bg-white-md {height: 308px;top: 270px;}
    .launch-project-bg .text h1 {font-size: 19px; line-height: 17px;}
    .launch-project-bg .text-width{width: 70%; margin: 0 auto; text-align: center;}
    #LaunchProject .modal-header .close {margin-top: 10px;}  
    .home-bg img{max-width: 130%;}
    .tittle {padding: 0px;}
    .communication-drop { height: 30px !important;}
    .getlist{height: 180px;}
    .headbreadcrum{width: 45%;margin-left: -22px;}
    .slash { margin-left: 55px;}
    .job-or .or {right: 34px;}
    .swiper-wrapper .slide-career{margin-right: auto !important;}
    .launchmsg .msgbox { float: none;padding-top: 31px; width: initial;text-align: center; display: inherit;}
    .attah-file .contact_error {top: 43px;}
    #launchYourProjForm .launchmsg .msgbox { text-align: center; float: none; padding-top: 32px; width:initial;}
    #launchYourProjForm.full-col.launchmsg{margin-top: 0;} 
    .career-linkedin a, .career-linkedin a:hover,
    .career-apply a, .career-apply a:hover{ background-position: center;}
    .brd-identy.mt0{margin-top: 0;}
    .brand-idty-con .h1-mrt{margin-top: 60px;}
    .right-bd, .seo-li{width: 100%; margin-top: 0}
    .right-bd{background: none;}
    .seo-li ul li a { font-size: 14px;}
    .culturetxtbox{margin: 0px;}
    .portfolio-mobile .mobslider .slide-career{
        margin: auto !important;
    }
    .brainspace {margin-top: 10px;}
    .companylogo ul li { padding: 0 27px; margin-bottom: 5px;}
    .companylogo ul li.html-logo{height: 58px;}
    .center-website h1.h1-mrt{font-size: 20px;}
    .center-website { margin-top: 60px;}
    .brand-idty-con h1,
    .brd-id-projt h3{font-size: 20px;}
    .not-found-main{    margin-top: 50%;}
    .error-pbc-logo img, .try-again img { width: 30px;}
    .page-not-found-content h2 { font-size: 30px;}
    .page-not-found-content p {  font-size: 16px;}
    .res-center { margin: 20px auto;}
    .mobilemenu.mobilemenu-theme ul {padding: 30px 10px;}
    .title-name h2 {font-size: 18px;height: 32px;}
    .fw-title h2 .fwTitle {font-size: 30px;}
    .fw-title img {height: 20px;margin-bottom: 12px;}
    .social-bg {width: 282px;}
    .service-swipe .carousel, #Mobile .carousel, #creatives .carousel {width: 100%;}
    .brd-id-projt .tab-content {margin-bottom: 30px;}
    .main-blog.socialicon-adj .ban-left {bottom: 110px;}
    .main-blog.socialicon-adj .blog-profile {top: -142px;right: -8%;}
    .main-blog.socialicon-adj .social-bg {margin-top: -90px;}
    .main-blog.icici-social .social-bg {margin-top: 4px;margin-right: -20px;}
    .main-blog.icici-social .blog-profile {top: -48px;}
    .main-blog.sbi-social {margin-top: -84px;}
    .main-blog.sbi-social .social-big {margin-top: -4px;}
    .main-blog.sbi-social .ban-right {top: -110px;left: 8px;}
    .main-blog.sbi-social .ban-right a {color: #000;}
    .portfolio-bg.sbi-bg {background-position: 0 75px;}
    .main-blog.icicilamboard-social .ban-left {bottom: 84px;}
    .main-blog.icicilamboard-social .ban-left img {width: 34%;}
    .main-blog.icicilamboard-social {margin-top: -70px;}
    .main-blog.icicilamboard-social .blog-profile {margin-top: -18px;}
    .main-blog.icicilamboard-social .blog-profile {right: -26px;}
    .portfolio-bg.bajajallianze .ban-mid {top: 50px;}
/*    .main-blog.bajaj-social {margin-top: -56px;}*/
    .main-blog.bajaj-social .ban-right {margin-bottom: 0;}
    
    /*18-7-17*/
    
    .pp-head .brd-identy {
        padding-top: 25px;
    }
    
    .aboutspace {
        padding-top: 55px;
    }

    /*19-7-17*/
    
    .ban-left,
    .social-big,
    .bt-respo .ban-left {
        width: 100%;
        text-align: center;
    }
    .ban-left img {
        width: initial;
        display: inline-block;
    }
    .ban-right {
        position: static;
        text-align: center;
    }
    .main-blog {padding-left: 0;padding-right: 0;margin-bottom: 15px;}
    .stamp {right: 0;}
    .blog-profile {
        position: static;
    }
    .red-stamp {
        background-position: -7px 0;
    }
    .social-bg {
        display: inline-block;
        float: none;
    }
    .carousel-control.left,
    .service-swipe .carousel-control.left {
        left: 0;
    }
    .carousel-control.right,
    .service-swipe .carousel-control.right {
        right: 0;
    }
    
    .client-detail-social .social-content {
        width: 100%;
    }
    .portfolio-bg,
    .portfolio-bg.only-on-rent-bg {height: 170px;}
    /*#mycreativel .carousel-control, #myCarousel .carousel-control {display: none;}*/
    .portfolio-bg.sbi-bg {background-position: -58px 44px;height: 200px;margin-top: 0;}
    .forlogo .ban-left img {width: 35%;}
    .portfolio-bg.bfsi-unitle {height: 160px;}
    .portfolio-bg.retail-vk {height: 150px;}
    .portfolio-bg.manufacturing-anchor {height: 160px;}   
    .ban-left.navylogo img {width: 20%;}
    .portfolio-bg.talent-bg {
        height: 150px;
    }
    
    .fw-title h2.prviarcy-height {
        height: 40px;
    }
    
    .client-brief p {
        font-size: 12px;
    }
    .ban-left img.alliance-logo {width: 30%;}
    .ban-left.esselinfra {width: 100%;}
    .forlogo .ban-left.icicbanerlogo img {width: 40%;}
    .forlogo .ban-left.icicbanerlogo {width: 100%;}
    .form-bg {margin-bottom:20px;}
    .contact-social {margin-top:20px;}
    
    /*new*/
    
    .new-bottomliks .social-btn-wd {
        width: 40%;
        padding-left: 0;
        padding-right: 0;
    }
    .new-bottomliks .btn-divied {
        width: 20%;
        margin: 0px;
    }
    .new-bottomliks .btn-divied .slash {
        margin-left: 10px;
    }
    .new-bottomliks .btn-divied .or {
        right: 13px;
        bottom: 0;
        padding: 0;
        line-height: 40px;
        width: 40px;
        height: 40px;
        text-align: center;
        top: 0;
    }
    .new-bottomliks .social-btn-wd a {
        background-size: 100%;
    }
    .about-us .addline-new p {font-size: 16px; padding: 0 10px;}
    .footerlink a.share-logo { margin: 9px 10px 0 0;}
    .careers-div .our-culture-button, .careers-div .our-opening-button, .careers-div .creative-button,.careers-div .job-opening:hover .our-opening-button {
        left: 39%;
    }
     .list-m{
        width: 100%;    
    }
    .list-m ul{
       margin: 0px;
       padding: 0px 0px 50px;
       list-style: none;
    }
    .list-m ul li{
        width: 100%;
        position: relative;
        text-align: left;  
    }
    .list-m ul li:last-child{
        border: none;
    }
    .list-m ul li a{
        font-size: 35px;
        text-decoration: none;
        color: #191919;
        font-family: 'GeorgiaRef';
        padding: 10px 0px;
        display: block;
        text-transform: lowercase;
        text-align: center;
    }
    .list-m ul li img{
         position: absolute;
        right: 5px;
        display: none;
        top: 12px;
        width: 12px;
    }
    .swiper-n{
        display: none;
    }
   .menu-w{
       height: 0px;
    }
    .list-m{
        display:block;
    }
    .header-text-iner h2 ,
    .header-text h2{
        color: #191919;
    }
    .header-text-iner h2:before ,
    .header-text h2:before{
        background-color: #191919;
    }
    .opening-web .addline-new{
        display: none;
    }
    .opening-web .jobtopspace{
        padding-top: 30px;
    }
    .opening-web .account-mang img{
        display: none;
    }
    .opening-web .account-mang{
        width: 100%;
    }
    .opening-web .account-mang h2{
        margin: 10px;
        font-size: 24px;
    } 
    .opening-web .experience{
        top: 20px;
    }
    .opening-web #accordion{    
     padding: 20px 0px;
    }
    .opening-web .card-header{
        width: 100%;
        padding: 6px;
        font-size: 20px;
        margin-top: 0px;
        line-height: 30px;
        font-family: 'GeorgiaRef';
        color: #000;
        position: relative;
        border-bottom: 1px dotted;
    }
    .opening-web .card-header a{
        color: #000;
        text-decoration: none;
        display: block;
    }
    
    .opening-web .card-header a.collapsed.card-link:after,
    .opening-web .card-header a.card-link:after{
            background-image: url(../../assets/images/dd-arrow-black.png);
            position: absolute;
            right: 5px;
            content: '';
            width: 12px;
            transition: all 0.5s;
            height: 7px;
            top: 18px;
            transform: rotate(0deg);
    }
    .opening-web .card-header a.card-link:after{
            transform: rotate(180deg);
    }
    
    .opening-web #accordion{
        display: block;
    }
    .opening-web .mCustomScrollbar{
        display: none;
    }
    .slides .input-group-addon{
        border: none;
    }
    .input-field{
        border: none;
    }
  .slides .input-group {
    margin-bottom: 15px;
    border: 1px solid #ccc;
    }
   .opening-web .card-body p:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 14px;
    background-color: #004b7c;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    }
  .opening-web .card-body p{
    padding-left: 15px;
    position: relative;
    margin-top: 0px;
    font-size: 14px;
    padding-top: 7px;
    }
    
}

@media screen and (max-width:460px){
    .footerlink a{margin: 3px 15px 0 0;}
    .careers-div .our-culture .knowmorelink,
    .careers-div .job-opening .knowmorelink,
    .careers-div .creative-maincont .knowmorelink{
    right: 137px;}
    
    .job-opening swiper-slide .job-opening .knowmorelink{right: 109px;}
    
    .mobilemenu.mobilemenu-theme .mobilemenu--inner {
        max-width: 100%;
    }
    .mobilemenu.mobilemenu-theme ul li {
        width: 48%;
        height: 148px;
    }
    .mobmenuclose, .close_service{right: 15px;}
    .footerlink a.share-logo{margin-right: 10px;}
    .privacylink {width: 18px;right: -87px;}
    #share {left: 55%;}
    .footer-stick span {font-size: 13px;}
    .footer-pbclogo {display: none;}
    .footer-stick .container {padding-left: 0;padding-right: 0;}
    
   
    
}

/*media 414*/
@media screen and (max-width: 414px) {
    .we-are span {    font-size: 18px;}
    .career-bg .we-are-creative {    margin-top: 90px;}
    .getlist li.cd-drop { padding-bottom: 23px;}
    .home-title {width:370px;     margin-left: 0px;}
    .header-space {    padding-top: 65px;}
    .services-menu ul {padding-left: 0px;}
    .LaunchProject { padding-right: 0px !important;}
    .wup-no {width:42%; margin-left: -7%;}
    .raincheck-logo {width:17%;}
    .call-div {    margin-top: 6px;}
    .half-col label {    padding-top: 0px;}
    .half-col {width: 100%;     margin-top: 5px;}
    .launch-project-bg .text h1 {margin-top: 5%;}
    .brand-idty-con h1 {margin-left: -5px;}
    .form-bg {width: 100%; background-size: 100% 100%; height: 565px;}
    .bg-size {height: 645px;}
    .blue-btn button {float: left !important; margin-top: 0px;}
    .contact-numbers {width: 100%;}
    .blog-profile-inner span {top: 53px;left: 12px;}
    .social-bg {width: 282px;margin-right: auto;margin-left: auto;margin-bottom: 15px; margin-top: 15px; position: relative; left: 0; }
    .office-address {margin-top: 10px; }
    .pbclogoc {right:52px;}
    .computer img{width:41px;}
    #FilterDiv {    position: relative;    padding-bottom: 20px;    padding-top: 15px;}
    .clienticno li {margin-left: 0%;}
    .clienticno li {    margin-top: 3px;}
    .call-div, .call-numbers { margin-left: 38px;}
    .direction-arrow {margin-left: 40px;}
    .call-numbers {margin-top: 18px;}
    .call-div img { width: 42px;}
    .call-numbers ul{ margin-top: -10px;margin-left: 20px;}
    .map-div {margin-top: 20px}
    .call-main {margin-left: 13%; background-size: 100%;}
    .direction-main {margin-left: 13%; background-size: 100%;}
    .stamp-div { display: block;}
    .stamp-div { right: -43px; top: 10px; width: 77px;}
    .stamp-div img{width: 63px;}
    .contact-numbers{margin-left: 0%;}
     /*blog-details*/
    .article-folder {    left: 26%;}
    .article-div {margin-left: 8%;}
    .blog-bg {/*background:#76d0c9;*/ height: 156px;}
    .info-right img {margin-top: 0px !important;}
    .portfolio-top {    margin-top: 170px;}
    .ser-tab ul li a {padding: 5px 22px 5px 10px;}
    .ser-tab ul li a.re-mob-app {padding: 5px 44px 5px 27px;}
    .ser-tab ul li a.website-li {padding: 11px 42px 10px 34px;}
    .blog-profile-inner { width: 60px;margin-top: 0;position: relative;display: inline-block;}
    .blog-profile-inner span {top: 53px;}
    
    /*Careers*/
    .we-are-creative {margin-top: 175px;}
    .we-are span {font-size: 18px;}
    .pbcommunication .creative-people span {    font-size: 40px;}
    .creative-div {margin-top: -200px;}
    .creative-people {padding-left: 0%;}
    .our-culture-button, .our-opening-button, .creative-button{left: 38%;}
    .our-culture-button:hover, .our-opening-button:hover, .creative-button:hover {left: 39%;}
    .services-title h3, .services-title h2{ margin-left: 0px;} 
    .services-menu li {
        width: 48%;
        margin: 0;
        padding: 0;
        background-size: 100%;
        margin-bottom: 15px;
        margin-left: 1%;
        margin-right: 1%;
    }
    .services-menu li a .icon-div {
        width: 35px;
        padding: 5px;
        display: inline-block;
        margin-top: 2px;
        margin-left: 6px;
    }
    .services-menu li a  span img { max-width: 100%; }
    .menu-link { padding-left: 15px; }
    .menu-link {font-size: 14px; line-height: 15px; padding-top: 5px; }
    .small-font { font-size: 12px; }
    .services-menu li:hover { background-size: 100%; }
    .swiper-slide .knowmorelink { right: 95px; }
    .services-menu li:nth-child(2n),
    .services-menu li:nth-child(3n) { margin-top: 0px; }
    .computer{height: inherit !important;}
    #carousel{height: 585px;}
    .client-banner{height: 209px;}
    .job-or { height:52px; margin-bottom: 9px;}
    .our-wrk-social{ margin-top:-27px; margin-right: 20px; }
    .dg-container nav span.dg-next{margin-left:285px;}
    .dg-wrapper {width: 225px;}
    .dg-container nav span.dg-prev {margin-left: 7px;}
    .slide-career .our-culture-button, .slide-career .our-culture-button:hover, .slide-career .our-opening-button, .slide-career .our-opening-button:hover, .slide-career .creative-keeda-icon, .slide-career .our-keeda-button:hover,.job-opening:hover .our-opening-button {
       left: 38%;}
    .home-bg{overflow: hidden;}
    .services-title h2 {font-size: 40px;}
    .services-title h3 {font-size: 30px;}
    .servicemenupadd{padding: 0px;}
    .mediaheight {margin-top: 90px;}
    .contact-bg {padding-top: 50px;}
    .braintopsapce {padding-top: 55px;}
    .ourheading .pbcommunication {margin-top: 20px;}
    .footalign{margin-right: 0px;}
    .user-img {margin-right: 0px !important;width: 69px;background-size: contain;}
    .footerlink {float: right;}
    .footerlink a.user-img {display: none;}
    .raincheck-logo {padding-left:23.5px;}
    .careers-div .our-culture .knowmorelink, .careers-div .job-opening .knowmorelink, .careers-div .creative-maincont .knowmorelink {
    right: 117px;}
    /*13-12-2016*/
    .contact-social .cont-social {
        padding-left: 54px;
    }
    .cont-soci-ajd ul li {
        padding: 0 9px;
    }
    .contact-social .get-text {    
        padding-bottom: 10px;
    }
    /*13-12-2016*/
    
    #developmentJD, #creativeJD, #dotNetJD, #salesJD, #humanJD, #accountJD, #socialMediaJD, #financeJD {
        min-height: 80px;
        height: auto;
        margin-top: -25px;
        margin-bottom: 10px;
    }
    .jobopen .experience{
        display: inline-block;
        margin: 0px;
        right: -170px;
        top: 8px;
        padding: 10px 10px 0px;
    }
    .jobopen .select-position{
        width: auto;
        display: inline-block;
        left: -30px;
        top: -28px;
        padding: 0px;
    }
    .jobopen .experience h5{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .jobopen .experience span{
        left: 50px;
        font-size: 20px;
    }
    .jobopen .bottomliks{
        margin: 0px -45px;
    }
    .jobopen .social-btn-wd {
        width: 40%;
    }
    .jobopen .btn-divied {
        width: 20%;
        margin: 0px;
    }
    .jobopen .btn-divied .slash {
        margin-left: 13px;
    }
    .jobopen .btn-divied .or {
        right: 15px;
    }
    .jobopen .social-btn-wd a {
        background-size: 100%;
    }
    .loaderbg{
        width: 140%;
        top: 0px;
        left: -45px;
    }
    .loadernew{left: 40%;}
    #developmentJD, #creativeJD, #dotNetJD, 
    #salesJD, #humanJD, #accountJD, 
    #socialMediaJD, #financeJD{
        margin-left: -50px;
        margin-right: -35px;
    }
    .jobopen .flex-direction-nav {top: 20%;}
    .jobopen #financeSlider .select-position:not(:root:root),
    .jobopen #graphicSlider .select-position:not(:root:root){
        left: -100px;
        top: 30px;
    }
    #financeJD:not(:root:root),
    #creativeJD:not(:root:root){clear: both;margin-top: 15px;}
    .pbcmobtxt{margin-top: 30px;}
    .creativeslides .mCustomScrollbar._mCS_1{
        margin-left: 15px !important;
        margin-top: 0px !important;
    }    
    .main-blog.rbl-social.icici-social.edlwise-social {margin-top: -50px;}
    .bfsi-niramal-bang {background-position: center;}
    .direction-main {
        width: 243px;
    }
    .newCall .call-div {
        margin-left: 38px;
    }
    .contact-numbers {
        margin-top: 0;    
    }
    .job-or .or {
        right: 10px;
    }
    
    .wup-no {
        margin-left: 0;
        padding-left: 0;
        padding-right: 10px;
        width: 65%;
    }
    
    .raincheck-logo {
        width: 18%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .raincheck-logo img {
        width: 100%;
    }
    .footerlink {
        float: right;
        width: 40px;
        padding-left: 10px;
        padding-right: 0;
    }
    .wup-no .numberMob {
        display: inline-block;
        padding: 0;
        line-height: normal;
        margin-top: 0px;
        margin-left: 7px;
        background: transparent;
        border-radius: 0;
        height: auto;
        margin-left: 10px;
    }
    .callnowN-btn img {
        position: static;
        left: 0;
        top: 0;
    }
    .telnum img {
        width: 27px;
    }
    #share {
        bottom: 35px;
        left: 71%;
        z-index: 9999999999;
    }
}

/*media 384*/
@media screen and (max-width: 384px) {
    .home-title {    width: 340px;}
/*    .footer-pbclogo img {    margin-left: 55px;}*/
    .call-main,.direction-main {margin-left: 10%; background-size: 97%;}
/*    .full-col {margin-bottom: 10px;}*/
/*    .call-numbers ul, .map-div{margin-left: 6px;}*/
    .client-list ul{ width: 75%;     margin-left:10%;}
    .client-list ul li{margin: 10px 7px;}
    .pbclogoc {right: 32px;}    
    /*service page css*/
    .ser-tab ul li a h5{font-size: 14px;}
    .ser-tab ul li a.re-brd-idnt { padding: 5px 35px 5px 20px;}
    .brd-pos{left: 13px;}
    .ser-tab ul li a {padding: 5px 12px 5px 6px;}
    .ser-tab ul li a.re-mob-app { padding: 5px 35px 5px 22px;}
    .ser-tab ul li a.website-li { padding: 11px 30px 10px 15px;}
    .ser-tab ul li a.dig-mrkt {padding: 5px 23px 5px 12px;}
    .ser-tab ul li a.strgy {padding: 5px 27px 5px 8px;}
    
    .title-name h2 {padding: 0px;}    
    .client-log h5{float: none; font-size: 13px;}
    .brainstorm-main .right { padding: 0;}
    .title-name img {height: 20px;}
    
     /*blog-details*/
    .blog-profile {right: 0px;}
    .blog-profile-inner {    width: 60px;}
    .blog-profile-inner span {font-size: 9px;}
    .social-bg {    margin-right: 0px;}
    .article-folder {    left: 23%;}
    .article-div {margin-left: 4%;}
    .blog-bg {/*background:#76d0c9;*/ height: 156px;}
    .formborder {width: 98%;}
    
    /*Careers*/
    
    .we-are {left: 42%;}
    #carousel{height: 540px;}
   .filter ul li:last-child {  margin-left: 0px; }
    .filter ul li:first-child { margin-left: 0px;}
    .dg-container nav span.dg-next {margin-left: 273px;}
    .filter ul li a { padding: 0 7px;}
    .swiper-slide .knowmorelink {
        right: 75px;
    }
    
    /*filter 7-9*/
    .clientfilter .hovertext p {width: 90%;}
    .launch-project-bg{background-size: 165%; background-position: center 0px;}
    .launch-project-bg .text h1 {margin-top: 22%;}
    @-moz-document url-prefix(){ .launch-project-bg .text h1{margin-top:40% !important;}}
    .filter-div {bottom: -100px; width: 74%;}
    #LaunchProject .modal-header .close {margin-top: 25px;}
    .bg-white-md {height: 348px;}
    .menu-link {font-size: 13px;line-height: 14px;}
    .small-font {font-size: 11px;}
    .tittle{padding: 0px;}
    .headbreadcrum {width: 50%;margin-left: -30px;}
    .slash { margin-left: 38px;}
    .dg-wrapper {width: 220px;}
    .dg-container nav span.dg-prev { margin-left: 0;}
    .companylogo ul li { padding: 0 25px;}
    .careers-div .our-culture .knowmorelink, .careers-div .job-opening .knowmorelink, .careers-div .creative-maincont .knowmorelink {
    right: 100px;}
    /*13-12-2016*/
    .contact-social .cont-social {
        padding-left: 38px;
    }
    /*13-12-2016*/
    .mobilemenu.mobilemenu-theme ul li {
        width: 48%;
        height: 130px;
    }
    .jobopen .btn-divied .slash {
        margin-left: 8px;
    }
    .jobopen .experience {
        width: 120px;
        right: -165px;
    }
    .jobopen .experience span {
        left: 40px;
        font-size: 18px;
    }
    .privacylink {right: -72px;}
    #share {left: 50%;}
    .pbcmobtxt {margin-top: 10px;}    
   
    #whatBePrpose .container {width: 99%}
    
    .carousel-control.left,
    .service-swipe .carousel-control.left {
        left: 0;
    }
    .carousel-control.right,
    .service-swipe .carousel-control.right {
        right: 0;
    }
    .portfolio-bg.aditya-bg {height: 140px;}
    .portfolio-bg.sbi-bg {background-position: -50px 44px;height: 185px;}
    .portfolio-bg.bfsi-seri {height: 150px;}
    .portfolio-bg.bfsi-unitle,.portfolio-bg.manufacturing-anchor {height: 140px;}
    .portfolio-bg.air-work {height: 150px;}
    .portfolio-bg.talent-bg {
        height: 140px;
    }
    .new-bottomliks .btn-divied .slash {
        margin-left: 5px;
    }
    .new-bottomliks .btn-divied .or {
        right: 8px;
    }
    .job-or .or {
        right: 18px;
    }
    .careers-div .our-culture-button, .careers-div .our-opening-button, .careers-div .creative-button {
        left: 39%;
    }
    #share {
        bottom: 35px;
        left: 71%;
        z-index: 9999999999;
    }
}

/*media 375*/
@media screen and (max-width: 375px) {
     .home-title {    width: 335px;}
    .services-menu ul {    padding: 0px;}
    /*.footer-pbclogo img {    margin-left: 50px;}*/    
    .client-list ul { width: 78%;     margin-left: 8.5%;}
   
    /*service page css*/
    .ser-tab ul li a h5{font-size: 13px;}
    .ser-tab ul li a.re-brd-idnt {padding: 5px 27px 5px 23px;}
    .ser-tab ul li a.strgy { padding: 5px 25px 5px 17px;}
    .ser-tab .mid-bd { margin: 15px -10px 0 8px;}
    .ser-tab ul li a.re-mob-app {padding: 5px 28px 5px 20px;}
    .ser-tab ul li a.crt-devl{padding: 5px 20px 5px 7px;}
    .ser-tab ul li a.dig-mrkt {padding: 5px 25px 5px 15px;}
    .ser-tab ul li a.website-li {padding: 9px 27px 10px 15px;}
    .clienticno li img { margin-top: 3px;}
/*    .agree {
    background: url(../images/sprite.png) -415px -17px no-repeat;
    width: 36px;}*/
    
     /*blog-details*/
    .blog-profile {right: 1%;}
    .blog-profile-inner {    width: 60px;}
    .blog-profile-inner span {font-size: 9px;}
    .blog-bg {/*background:#76d0c9;*/ height: 156px;}
    
     /*Careers*/

    #carousel{height: 535px;}
    .call-main,.direction-main { margin-left: 9%;}
    .contact-form {  margin-left: 30px;}
    .dg-container nav span.dg-next{margin-left: 264px;}
    .filter ul li a { padding: 0 6px;}
    .filter ul li{margin-bottom: -12px;}
    .swiper-slide .knowmorelink {right: 75px; }
/*    .social-btn-wd{margin-left: 20%;}*/

    /*filter 7-9*/
    .launch-project { background-size: 267px; width: 267px}
    .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0 !important;}
    .dropdownbox, ul.simplefilter{width: 90%;}    
    .mob-dropdownbox, ul.simplefilter{width: 100%;}
    .creative-people span {font-size: 36px;}
    .pbc-text p, .about-us p {font-size: 14px;}
    .bg-white-md {height: 370px;}
    .services-menu li a .icon-div{width: 30px;margin-top: 0px;}
    .services-menu li{width: 46%;margin-left: 2%;margin-right: 2%;}
    .headbreadcrum {width: 55%;margin-left: -30px;padding-top: 2px;}
    .header-space {padding-top: 60px;}
    .braintopsapce {padding-top: 60px;}
    .slash { margin-left: 34px;}
    .companylogo ul li {padding: 0 22px; margin-bottom: 12px;}
    /*13-12-2016*/
    .contact-social .cont-social {
        padding-left: 34px;
    }
    /*13-12-2016*/
    
    .jobopen .experience {width: 110px;}
    .jobopen .experience span {left: 35px;}
    .jobopen .experience h5 {font-size: 13px;}
    .jobopen .slides li .jd-text h4:first-child {font-size: 14px;}
    .title-name h2 {font-size: 18px;height: 30px;}
    .fw-title h2 .fwTitle {font-size: 27px;}
    .pbcmobtxt {margin-top: 7px;}
    .service-swipe .carousel, #Mobile .carousel, #creatives .carousel {width: 100%;}
    .portfolio-bg.bajajallianze .ban-mid {top: 38px;}

    .carousel-control.left,
    .service-swipe .carousel-control.left {
        left: 0;
    }
    .carousel-control.right,
    .service-swipe .carousel-control.right {
        right: 0;
    }
    .portfolio-bg,
    .portfolio-bg.only-on-rent-bg {height: 140px;}
    .portfolio-bg.retail-vk {height: 130px;}
    .portfolio-bg.talent-bg {
        height: 135px;
    }
    .job-or .or {right: 16px;}
    
    .opening-web .card-header{
        font-size: 18px;
    }
    .fullwidth h4{
        font-size: 17px;
    }
    .list-m ul li a{
        font-size: 26px;
    }
}

/*media 320*/
@media screen and (max-width: 320px) {
     .companylogo ul li {width:100%;}
    .home-title {    width: 275px;}
    .services-menu ul {    padding-left: 3px;}
    .home-title h3 {margin-top: -12px;}
    .home-title h2 {padding-top: 16px;}
    .menu-height {height:69px;}
/*    .footer-pbclogo img {    margin-left: 40px;}*/
    .wup-no {    width: 68%; padding-left: 0px; }
    .stamp-div {    right: -17px; width: 41px;}
    .brand-idty-con h1 {margin-left: -10px;}
    .launch-project-bg .text h1 {margin-top: 15%;}
    @-moz-document url-prefix(){ .launch-project-bg .text h1{margin-top:28% !important;}}
    .contact-numbers { background-image: none;}
    .stamp-div img {width: 67px;}
    .txtfield {font-size: 12px; padding: 5px 0px 5px 8px; }
    .rd-pad-left {    padding-left: 4px;}
    .client-list ul { width: 82%;}
    .client-list ul li {margin: 10px 0px; }
    .btn-divied {height: 50px;}
    .or {right:-48px !important; top: 3px;}
    .computer img{width:33px;}
    .sb-search-input {    width: 59%;}
    /*service page css*/
    .ser-tab ul li a h5 {font-size: 16px;}
    .ser-tab .mid-bd { margin: 15px -4px 0 20px;}
    .ser-tab ul { margin-left:5%;}
    .ser-tab ul li a { padding: 5px 43px 5px 24px;}
    
    .ser-tab ul li a.crt-devl { padding: 5px 35px 5px 22px;}
    .ser-tab ul li a.re-brd-idnt{ padding: 5px 54px 5px 41px;}
    .ser-tab ul li a.re-mob-app { padding: 5px 73px 5px 46px;}
    .ser-tab ul li a.dig-mrkt { padding: 5px 45px 5px 33px;}
    .ser-tab ul li a.website-li {padding: 11px 62px 10px 38px;}
    .ser-tab ul li a.posit{padding: 5px 49px 5px 24px;}
    .ser-tab ul li a.strgy { padding: 5px 55px 5px 35px;}
    .btndetail {
        width: 24px;
        height: 24px;
        background-size: 30%;
    }
    .clientslogo{margin-top: -9px; width: 60px; margin-bottom: 10px;}
    .hovertext p { font-size: 14px;margin-top: 6px;}
/*    .title-name h2{margin-top: 55px;}*/
    .swiper-container-vertical > .swiper-wrapper {width: 90% !important; }
    
    /*blog-details*/
    .blog-profile {right: 0px;}
    .blog-profile-inner {    width: 60px;     margin-top: 4px;}
    .blog-profile-inner span {font-size: 9px;}
    .article-div {    margin-left: -14%;}
    .article-folder {    left: 17%;}
    .loadimg {    left: 34%; top: 0px;}
    .social-bg {    background: #e5e5e5; height: 28px;   width: 300px;  margin-right: -32px;   margin-left: 0px; margin-bottom: 15px;   margin-top: 30px;}
    .stamp {    margin-top: -37px;     right: 23%; display: block;}
    .blog-bg {/*background:#76d0c9;*/ height: 156px;}
    .form-title p{text-align: center;}
    .pbclogoc {    right: 5px;display:block;}
    .lions-bg {
        padding-top: 45%;
    }
    .swiper-slide p{font-size: 11px;}
    .pinto:first-child .clientslogo {    margin-top: -5%;}
    .pinto:last-child .clientslogo {    margin-top: -5%;}
    
    /*Careers*/
    .creative-people span {font-size: 30px;}  
    .job-opening .knowmorelink {right: 70px;}
    .our-culture .knowmorelink {right: 70px;}
    .creative-maincont .knowmorelink {right: 70px;} 
    
    .our-culture-button, .our-opening-button, .creative-button {left: 35%;}
    .careers-div .our-culture-button, .careers-div .our-opening-button, .careers-div .creative-button,.careers-div .job-opening:hover .our-opening-button {
    left: 38%;
    }
    .our-culture-button:hover, .our-opening-button:hover, .creative-button:hover  {left: 35%;}
    .we-are span {font-size: 15px;}
    .we-are {left: 42%;}
    #carousel{height: 449px;}
    .call-main,.direction-main { margin-left: 0%;}
    
    .call-numbers {  margin-left: 64px;}
    .call-div{ margin-left: 40px;margin-top: 5px;}
    .direction-arrow img {margin-top: 7px;}
    .stamp-div img {  width: 54px;}
    .contact-form {  margin-left: 15px;}
    .contact-form { width: 88%;}
    .direction-arrow{margin-top: 8px;}
    .article1, .article2, .article3 {max-width: 274px;}
    .article-caption {width: 267px; bottom: 13%;}
    .article-div {margin-left: 0;}
    .social-bg { width: 274px; margin-right: auto;margin-left: auto;margin-bottom: 15px;margin-top: 0;position: relative; left: 0;}
    .ban-left h3{font-size: 22px;}
    .dg-container nav span.dg-prev {margin-left: -5px;}
    .dg-container nav span.dg-next {margin-left: 205px;}
    .services-menu li a .icon-div{margin-left: 10px;}
    .menu-link{padding-left: 20px;font-size: 14px;line-height: 15px;}
    .small-font {font-size: 12px;}
    .swiper-slide .knowmorelink {right: 35px;}
    .slide-career .our-culture-button, .slide-career .our-culture-button:hover, .slide-career .our-opening-button, .slide-career .our-opening-button:hover, .slide-career .creative-keeda-icon, .slide-career .our-keeda-button:hover,.job-opening:hover .our-opening-button {
        left: 32%;
    }
    
    .swiper-wrapper .slide-career{ padding: 0px 15px; margin-right: auto !important;}
    .career-arrow .swiper-button-next, .career-arrow .swiper-container-rtl .swiper-button-prev {
         background-size: 100%; right: 0px;
        top: 45%;
    }
    .career-arrow .swiper-button-prev, .career-arrow .swiper-container-rtl .swiper-button-next{
        background-size: 100%; left: 0px;
        top: 45.5%;
    }
    .pbcommunication .creative-people { padding-top: 30px;}
    .pbcommunication .creative-people span {font-size: 34px;}
    .portfolio-tabs {margin-left:5%; width: 65%;}
    .mob-portfolio-tabs {margin-left:0%; width: 100%;}
    .clientfilter .hovertext p {width: 88%;}    
    .contact-icon {top:5px;}
    .webtitle {margin-top: 20px;}
    .brainstorm-main .right {height: 480px;}
    .blog-profile{top:44px; right: 0px;left: 40%;}
    .blog-profile-inner span {top: 53px;}
    .client-detail-social .social-content {width: 270px;}
    ul.simplefilter{width: 90%;}
    .mob-dropdownbox, ul.simplefilter{width: 100%;}
    .launch-project { background-size: 253px;width: 253px;}
    .filter-div {bottom: -215px; width: 74%;}
/*    .slide-height.swiper-slide {height: 265px;}
    .slide-career .swiper-slide {height: 265px;}*/
    .launch-project-bg .text-width{width: 85%;}
    #LaunchProject .modal-header .close { margin-top: 15px;margin-right: -20px;}
    .bg-white-md { height: 321px;}
    .services-menu ul {padding: 0;width: 70%;margin-left: 35px;}
    .services-menu li{width: 100%;}
    .services-menu li a .icon-div {width: 35px;}
    .dg-wrapper { z-index: 9999;} 
    .headbreadcrum { width: 60%;margin-left: -30px;}
    /*.title-name h2 {font-size: 20px;}*/
    .slash { margin-left: 83px; line-height: 38px;}
    .flexslider .slides{padding-left: 30px;}
    .dg-wrapper a {height: 242px;  left: 14px; width: 176px;top: 33px;}
    .brainspace {margin-top: 0px;}
    .center-website h1.h1-mrt { font-size: 17px;}
    .new-opning-from-responisve img{width: 64px;}
    .raincheck-logo { padding-left: 0;}
    .footerlink a.share-logo {margin: 9px 10px 6px 0;}
    .footer-pbclogo img { left: 8px;}
    .jssocials-share{margin: 0.1em;}
    .careers-div .our-culture .knowmorelink, .careers-div .job-opening .knowmorelink, .careers-div .creative-maincont .knowmorelink {
    right: 75px;}
    /*13-12-2016*/
    .contact-social .cont-social {
        padding-left: 6px;
    }
    /*13-12-2016*/
    .services, .blog, .career, .client, .about, .contact, .brain, .news, .portfolio{
        width: 40px;
        height: 40px;
    }
    .mobilemenu.mobilemenu-theme ul li {
        width: 48%;
        height: 106px;
    }
    .error-pbc-logo img, .try-again img {width: 25px;}
    .page-not-found-content p {
        font-size: 14px;
    }
    .jobopen .slides li .jd-text h4 {font-size: 14px;}
    .jobopen .experience {
        width: 160px;
        position: relative;
        right: -25px;
    }
    .jobopen .select-position {
        width: 100%;
        position: initial;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .jobopen .experience span {left: 58px;font-size: 22px;}
    .jobopen .experience h5 {font-size: 15px;}
    .jobopen .bottomliks {margin: 0px;}
    .jobopen .social-btn-wd {width: 100%;margin-top: 15px;margin-bottom: 15px;}
    .jobopen .btn-divied {width: auto;margin: 0px;}
    .jobopen .social-btn-wd a:hover,
    .jobopen .social-btn-wd a {background-size: inherit;}
    .jobopen .btn-divied .slash {margin-left: 80px;}
    .jobopen .btn-divied .or {right: 8px !important;}
    .jobopen .slides li .jd-text h4:first-child {font-size: 15px;}
    .services, .blogmenu, .career, .client, .about, 
    .contact, .brain, .news, .portfolio{margin-top: 7px;}
    .privacylink {right: -40px;}
    .pbcmobtxt {margin-top: -7px;}
    .social-big {float: none;}
    .social-content span.stamp {margin-top: -8px;margin-right: -68px;}
    .service-swipe .carousel, #Mobile .carousel, #creatives .carousel {width: 100%;}    
    .portfolio-bg.aditya-bg {height: 120px;}
    .portfolio-bg.sbi-bg {height: 165px;}
    .portfolio-bg.india-assurance-bg, .portfolio-bg.india-capital-bg {height: 120px;}
    .portfolio-bg.bfsi-seri {height: 125px;}
    .portfolio-bg.bfsi-unitle, .portfolio-bg.manufacturing-anchor, .portfolio-bg.bfsi-juvana,.portfolio-bg.air-work,.portfolio-bg.retail-vk {height: 120px;}
    /*18-7-17*/
    
    #share {left: 70%;}
    .main-blog.bajaj-social .ban-right {
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .portfolio-bg.event-insta {height: 130px;}
    .portfolio-bg.talent-bg {
        height: 115px;
    }
    .job-opening p {
        font-size: 30px;
    }
    .webtitle span {
        clear: both;
        display: block;
    }
    
    .new-bottomliks .or {
        right: 5px !important;
        top: 3px;
    }
    .new-bottomliks .btn-divied .or {
        line-height: 30px;
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
    .new-bottomliks .btn-divied .slash {
        margin-left: 0;
        margin-top: -2px;
        margin-left: 0;
        margin-top: -2px;
        font-size: 50px;
    }
    .new-bottomliks .btn-divied .slash {
        margin-left: 0;
        margin-top: -2px;
        font-size: 50px;
    }
    .new-bottomliks .or {
        right: 11px !important;
    }
    .new-bottomliks .btn-divied .or {
        top: 7px;
    }
    .telnum img {
        width: 25px;
    }
    .wup-no .numberMob {
        margin-left: 5px;
    }
    .menu-w {
    height: 0px;
    }
     .opening-web .card-header{
        font-size: 16px;
    }
    .fullwidth h4{
        font-size: 16px;
    }
}

@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait){
       .hovertext .blog-hover-arrow h3:before {left: 115px !important;}
}


/* inocices menu list top responsive css update date  24/02/2020  */


@media screen and (max-width:1024px){
    .grey-menu .container{
        padding: 0px;
    }
    .grey-menu .container .col-md-12 {
        padding: 0px;
    }
    /* .change-menu .grey-menu .first-unther > li{
        padding-right: 10px;
    }
    .change-menu .grey-menu .header-icon-1:after{
        right: -10px;
    }
    .change-menu .grey-menu .first-unther li .dropdown-hide{
        width: 168px;
    }
    .change-menu .grey-menu .first-unther li .dropdown-hide1{
        width: 258px;
    } */
}

@media screen and (max-width:768px){
  
     .grey-menu .container{
         padding-left: 5px;
         padding-right: 5px;
    }
    .grey-menu .container .col-md-12 {
        padding-left: 5px;
         padding-right: 5px;
    }
   .change-menu .grey-menu{
        background: #8E8E8E;
        background: -webkit-linear-gradient(#8E8E8E, #E2E2E2);
        /* padding: 15px 0px; */
   }
   /* .header-space{padding-top: 95px;}
    .grey-menu{
         display: none;
     } */
     .ser-tab ul li a.website-li{
        padding: 11px 45px 10px 40px;
     }
     .change-menu .grey-menu .first-unther li .dropdown-hide{
         width: 250px;
         z-index: 10;
     }
}

@media screen and (max-width:480px){
   .ser-tab ul li a.website-li{
        padding: 11px 30px 10px 16px;
   }
   .change-menu .grey-menu{
       margin: 0px;
       display: none
   }
   .ser-tab .mid-bd{
       margin: 8px -10px 0 11px;
   }
}