@media only screen and (min-width: 1200px) {
    .homeSlider div.data-enhance p {
        font-size: 44px;
        margin-left: 0;
    }
    .homeSlider div.slideNav {
        top: 40px;
        transform: none;
    }
    .hidden-tab {
        display:block;
    }
    .visible-tab {
        display:none;
    }
}
@media only screen and (max-width: 1280px) {
    /* Feature Pages */
    .hidden-tab {
        display:none;
    }
    .visible-tab {
        display:block;
    }
    /* Feature Pages */
    /* Default Template Page */
    .page-template-default .site-content {
        padding-left: 100px;
        padding-right: 100px;
        max-width: fit-content;
    }
    /* Default Template Page */
	
	/*CWEBS-291*/
	.our-work-list .row .work-item .work-banner .logo-bg {
      max-height: none!important; 
    }
	/*CWEBS-297*/
	.our-work-list .row .work-item:nth-child(n+2){margin-top:60px}
	.our-work-list .row .work-item{margin-bottom:0}
}
@media only screen and (max-width: 1250px) {
    .articleLinks p {
        font-size: 15px;
        max-height: 3.1em;
        overflow: hidden;
    }
    ul.locations>li {
        width: 33%;
    }
    .presentBlockDesc {
        left: 10%;
    }
    .angleHeader svg.bottom {
        position: absolute;
        height: auto;
        top: 100%;
        width: 10%;
        right: 90%;
    }
    .angleHeader svg.top {
        position: absolute;
        height: auto;
        bottom: -1px;
        width: 90.55%;
        left: 9.45%;
    }
    .angleHeaderContent {
        width: 63%;
    }
    .angleHeader h1, .angleHeader h2, .signupBlock h2, .storyDesc h1, .storyDesc h2, .timeline h2, .presentBlock h2, .angleCaseStudy h2, .newsfeed h2 {
        font-size: 4.1vw;
    }
}
@media only screen and (max-width: 1105px) {
    ul.awards>li {
        width: 220px;
        max-width: 220px;
    }
    ul.awards.scrollVis  {
        max-width: 890px;
        transition: all 0s linear;
    }
}
@media only screen and (max-width: 1030px) and (min-width: 920px)  {
    footer.pageFooter .colophon ul:nth-child(2) {
        min-width:35%;
    }
}
@media only screen and (max-width: 990px) {
    .autor-mainwrapper .author-profile-image img{
        border-radius: 50%;
        width: 160px;
        height: 160px;
        overflow: hidden;
        outline: 0;
        display: block;
        margin: 0 auto;
    }
    .jq-news-box #back-to-top{
        right: 50px;
        bottom: 40px;
    }
    .angleCaseStudy svg.top {
        width: 95%;
        left: 5%;
    }
    .angleCaseStudy svg.bottom {
        width: 5%;
        right: 95%;
    }
    .angleAccolades {
        padding: 20px 0 20px 0;
        margin-top: 80px;
    }
    #field_1_14  {
        position:relative;
        float:none;
        clear: both;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
    }
    #field_1_14>div  {
        margin: 0 auto;
    }
    .jq-news-box #back-to-top{
        right: 50px;
        bottom: 40px;
    }
}
@media only screen and (max-width: 920px) and (min-width: 721px)  {
    footer.pageFooter .colophon{
        display: block;
    }
    footer.pageFooter .colophon ul {
        text-align: center;
        font-size: 13px;
        display: inline-block;
        height: 50px;
        width: 47%;
        box-sizing: border-box;
    }
    footer.pageFooter .colophon ul:nth-child(2) {
        text-align: right;
        float: right;
    }
    footer.pageFooter .colophon ul:last-child {
        float:left;
    }
}
@media only screen and (max-width: 850px) {
    section.newsHeader li {
        float:none;
    }
    .workThinking {
        padding-bottom: 0px; 
    }
    .workThinking h2,.shortTopBox.strategy h2,.shortTopBox.results h4 {
        font-size: 38px;
        line-height: 48px;
    }
    section.newsHeader li:last-child #form-submit {
        padding-top: 8px;
        margin-left: 21px;
        padding-bottom: 12px;
        display: inline-block;
    }
    .data-enhance {
        display: none;
    }
    /*CWEBE-70*/
    section.newsHeader.newsSearchForm li {
        display: inline-block;
        float: none;
    }
    section.newsHeader .search_click{
        padding:1px 22px;
    }
    /*CWEBE-70*/
    .slideNav > div > a {
        font-size:28px; 
    }
    .newsfeed h2.headingLg {
      font-size:28px;
    }
    .shortTopBox.results {
        padding: 10px 80px 30px;
    }
    .socialLinks {
        text-align: center;
    }
    .socialLinks>a {
        display: inline-block;
        float: none;
    }
    .workStudy .description {
        width: 100%;
        opacity: 1;
        filter: blur(0);
        background-color: rgba(0, 0, 0, 0.4);
        padding-bottom: 40px;
    }
    .workStudy h3 {
        font-family: proximaNovaRegular;
        font-size: 22px;
        background: rgba(0,0,0,0.8);
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        left: 0;
        line-height: 1em;
        padding: 10px;
        color: #ffffff;
    }
    .workStudy p {
        font-size: 14px;
        display: none;
    }
    .workStudy:hover .description {
        padding: 0;
        font-size: 0.5em;
    }
    .medBox {
        padding: 150px 50px;
    }
    footer.pageFooter #logo {
        margin: 20px auto 0 auto;
        max-width: 180px;
        width: 30%;
    }
    .diagResp p:after {
        content: "Large Screen View";
    }
    ul.locations>li {
        width: 50%;
    }
    .contactForm form span input {
        margin-right: 10px;
    }
    .quarterTile>li {
        width: 50%;
        float: left;
    }
    .devices {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .workThinking.scrollVis .devices,
    .workThinking.scrollVis .description,
    .workThinking .devices,
    .workThinking .description {
        opacity: 1;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        float: none;
        clear: both;
        position: relative;
        overflow: visible;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0px;
        overflow: hidden;
    }
    .devices img {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .workThinking .description div {
        float: none;
        clear: both;
        padding: 60px 80px;
        width: auto;
        max-width: 100%;
    }
    .workThinking .devices div {
        display: block;
        margin: auto;
    }
    .articleLinks h1,
    .articleLinks h2 {
        font-size: 28px;
    }
    header.siteWide #mainNav ul li a {
        padding: 23px 10px;
        font-size: 15px;
    }
    header.siteWide #mainNav ul {
        position: relative;
        text-align: right;
    }
    header.siteWide #mainNav ul li:last-child {
        position: relative;
        display: inline-block;
        margin-left: 20px;
        top: 0;
        left: 0;
    }
    .workStudy {
        width: 50%;
        float: left;
    }
    .sextile>div {
        width: 50%;
        float: left;
    }
    .devicesTriple {
        display: block;
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 20px 0;
        min-height: 300px;
    }
    .devicesTriple .devicePhone {
        top: 0px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 80px;
    }
    .devicePhone {
        margin-top: 0px;
        display: block;
    }
    .deviceTablet {
        display: block;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .servicesList h3 {
        padding-left: 10px;
    }
    #apply-form li.gfield {
        display: block;
        width: auto;
    }
}
@media only screen and (max-width: 887px) {
    .percentage-content{
        padding: 0px 40px;
    }
}
@media only screen and (max-width: 807px) {
    .percentage-content{
        padding: 0px 30px;
    }
}
@media only screen and (max-width: 830px) {
    .percentage-content.two-div {
        width: 36%;
    }
}
@media only screen and (max-width: 720px) {
    .socialLinks {
        text-align: center;
    }
    .socialLinks>a {
        display: inline-block;
        float: none;
    }
    .workStudy .description {
        width: 100%;
        opacity: 1;
        filter: blur(0);
        background-color: rgba(0, 0, 0, 0);
        padding-bottom: 40px;
    }
    .workStudy p {
        font-size: 14px;
        display: none;
    }
    .workStudy:hover .description {
        padding: 0;
        font-size: 0.5em;
    }
    .workStudy:hover .bg {
        filter: none;
    }
    .medBox {
        padding: 150px 50px;
    }
    footer.pageFooter #logo {
        margin: 20px auto 0 auto;
        max-width: 180px;
        width: 30%;
    }
    .diagResp p:after {
        content: "Large Screen View";
    }
    ul.locations>li {
        width: 50%;
    }
    .contactForm form span input {
        margin-right: 10px;
    }
    .quarterTile>li {
        width: 50%;
        float: left;
    }
    .devices {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .workThinking.scrollVis .devices,
    .workThinking.scrollVis .description,
    .workThinking .devices,
    .workThinking .description {
        opacity: 1;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        float: none;
        clear: both;
        position: relative;
        overflow: visible;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0px;
        overflow: hidden;
    }
    .work-sub-page-thinking-section.work-sub-page {
        padding-bottom: 0;
    }
    .devices img {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .workThinking .devices div {
        display: block;
        margin: auto;
    }
    .articleLinks h1,
    .articleLinks h2 {
        font-size: 28px;
    }
    header.siteWide #mainNav ul li a {
        padding: 23px 10px;
        font-size: 15px;
    }
    header.siteWide #mainNav ul {
        position: relative;
        text-align: right;
    }
    header.siteWide #mainNav ul li:last-child {
        position: relative;
        display: inline-block;
        margin-left: 20px;
        top: 0;
        left: 0;
    }
    .workStudy {
        width: 50%;
        float: left;
    }
    .sextile>div {
        width: 50%;
        float: left;
    }
    .devicesTriple {
        display: block;
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 20px 0;
        min-height: 300px;
    }
    .devicesTriple .devicePhone {
        top: 0px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 80px;
    }
    .devicePhone {
        margin-top: 0px;
        display: block;
    }
    .deviceTablet {
        display: block;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .angleAccolades>ul  {
        width: 490px;
    }
    .angleAccolades>ul>li>span {
        font-size: 14px;
    }
    .angleAccolades>ul>li:nth-child(1), .angleAccolades>ul>li:nth-child(2), .angleAccolades>ul>li:nth-child(3), .angleAccolades>ul>li:nth-child(4), .angleAccolades>ul>li:nth-child(5), .angleAccolades>ul>li:nth-child(6), .angleAccolades>ul>li:nth-child(7) {
        margin-left: 0;
    }
    .presentBlock {
        margin-top: 550px;
    }
    .angleCaseStudy {
        margin-bottom: 580px;
    }
    .angleCaseStudy .angleCaseStudyDesc {
        top: 420px;
    }
    .angleCaseStudy svg.top {
        width: 100%;
        left: 0%;
    }
    .angleCaseStudy svg.bottom {
        width: 0%;
        right: 100%;
    }
}
@media only screen and (max-width: 720px) {
    .endClientsComment .sliderDots{
        display:none;
    }
    .sliderDots {
        display:block;
    }
    .studyView>div {
        padding: 20px;
    }
    .worktriple>div {
        width: 50%;
        float: left;
    }
    .workQuadruple>div {
        width: 50%;
        float: left;
    }
    .quarterTile>li {
        width: 100%;
        float: left;
    }
    .quarterTile>li>div,
    .quarterTile>li:first-child>div,
    .quarterTile>li:last-child>div {
        padding: 20px;
        margin: 0;
    }
    #wpadminbar {
        position: fixed;
        top: 0;
    }
    .deviceTablet {
        margin-right: -180px;
    }
    .diagResp p:after {
        content: "Medium Screen View";
    }
    ul.clients {
        -moz-column-count: 2;
        column-count: 2;
    }
    .social {
        padding: 20px;
    }
    .social a:after {
        content: ' '
    }
    .social a:last-child:after {
        content: ''
    }
    .social a div {
        display: inline;
    }
    .socialLinks {
        text-align: center;
    }
    .socialLinks>a {
        display: inline-block;
        float: none;
    }
    .btn.close {
        top: 15px;
        left: auto;
        right: 115px;
        color: #222;
    }
    .modalContactForm>div {
        position: absolute;
        top: 0px;
        right: 100px;
        left: 0px;
        bottom: 0px;
        width: auto;
        overflow-x: hidden;
        overflow-y: scroll;
        background-color: rgba(255, 255, 255, 0.95);
        padding: 80px;
    }
    .modalContactForm>div {
        position: absolute;
        top: 0px;
        right: 100px;
        left: 0px;
        bottom: 0px;
        width: auto;
        padding: 20px;
    }
    .proccesing>div {
        width: 100%;
        float: none;
        text-align: left;
    }
    .proccesing>div:nth-child(2) {
        max-width: 480px;
        margin: 0 auto;
    }
    .proccesing h5 {
        margin: 40px 0;
    }
    button.btnCommerce,
    a.btn.btnCommerce {
        padding: 20px;
    }
    .rightCol,
    .leftCol {
        float: none;
        clear: both;
    }
    article.news {
        padding-top: 10px;
        display: block;
    }
    .articleLinks div.articleLink,
    article.news img.imgC,
    article.news img.imgR,
    article.news img.imgL {
        width: 100%;
        margin: 20px auto;
        height: auto;
        display: block;
        border: 0;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
    }
    .articleLinks {
        overflow: auto;
        display: block;
    }
    .articleLinks div {
        border: 0;
        border-bottom: 1px solid #ccc;
        min-height: 200px;
        position: relative;
        width: 100%;
    }
    .articleLinks div:first-child {
        border-top: 1px solid #ccc;
        margin-top: 40px;
    }
    .articleLinks div:last-child {
        border-bottom: 1px solid #ccc;
    }
    .workImages img {
        width: 80%;
    }
    footer.pageFooter .colophon {
        display: block;
    }
    footer.pageFooter .colophon ul {
        display: block;
        text-align: center;
        width: 100%;
    }
    footer.pageFooter .colophon ul li {
        display: inline-block;
        margin: 0 10px;
        text-align: center;
    }
    footer.pageFooter .colophon ul:nth-child(1) {
        text-align: center;
    }
    footer.pageFooter .colophon ul:nth-child(2) {
        width: 100%;
        text-align: center;
        text-transform: uppercase;
    }
    footer.pageFooter .colophon ul:nth-child(3) {
        text-align: center;
    }
    footer.pageFooter .colophon ul:nth-child(1),
    footer.pageFooter .colophon ul:nth-child(2),
    footer.pageFooter .colophon ul:nth-child(3) {
        width: 100%;
        text-align: center;
    }
    section.newsHeader li a {
        color: #fff;
        padding: 11px;
        display: inline-block;
    }
    .articleLinks div:first-child,
    .articleLinks div {
        border-top: 1px solid #ccc;
        border-bottom: 0 solid #ccc;
        margin: 0;
    }
    .jq-news-box #back-to-top{
         padding: 7px 10px;
         font-size: 15px;
         right: 15px;
         bottom: 40px;
    }
    article.career .social {
        display: none;
    }
    article.news blockquote {
        font-size: 50px;
    }
    article.news blockquote p {
        line-height: normal;
    }
    .angleheader h1,.angleheader h2, .signupblock h2, .storydesc h1, .storydesc h2, .timeline h2, .presentblock h2, .anglecasestudy h2, .newsfeed h2 {
        font-size: 28px;
    }
}
@media only screen and (max-width: 767px) {
    /* Default Template Page */
    .page-template-default .site-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .post-password-form input[type="submit"] {
        padding: 15px 30px;
        width: auto;
    }
    /* Default Template Page */
    .mobileArea .mobile {
        width: 100%;
        float: left;
        text-align: center;
    }
    /*CWEBE-125*/
    .homeSlider .data-enhance{
        display: none;
    }
    .featured-clients{
        display: none;
    }
    /*CWEBE-125*/
    /*CWEBE-94*/
    .result-percentage-content {
        margin-bottom: 0;
        border-bottom: 1px solid #ccc;
    }
    .mobileArea .mobile img {
        width: 100%;
        height: auto;
    }
    .paletteColors li{
        width: 100%;
    }
    .paletteColors li .before {
        border-right:0px !important;
    }
    .rgbcmykColors {
        float: left;
        clear: both;
        width: 100%;
    }
    .paletteColors li{
        margin-bottom: 50px;
    }
    .paletteColors li::before{
        border:0px;
    }
    /*CWEBE-94*/
    /*CWE-71*/
    .aut-bottom-banner.shadowBox h4{
        font-size:32px;
        line-height: 38px;
    }
   .aut-bottom-banner{
        margin-top: 24px;
    }
   .aut-bottom-banner.medBox {
        padding: 150px 50px;
    }
   .autor-mainwrapper h1 a {
        font-size:30px;
    }
   .autor-mainwrapper .author-prof{
        font-size:20px;
    }
   .autor-mainwrapper .author-description{
       font-size: 16px;
    }
   .autor-mainwrapper{
        padding:0 40px;
    }
   .post-main-wrapper ul.newsfeed li h4{
       font-size:32px;
    }
   .post-main-wrapper.lightBox h4 {
       margin: 20px auto 41px auto;
    }
   /*CWE-71*/

   /*CWEBE-88*/
   .percentage-content{
        padding: 0;
    }
    .result-percentage-content .percentage-content.div-1, .percentage-content.div-2 {
        width: auto;
        border: none;
    }
    .result-percentage-content .percentage-content.div-2 {
        margin-top: 40px;
    }
    .result-percentage-content .percentage-content.div-3 {
        text-align: center;
        width: 100%;
        margin-top: 40px;
    }
    /*CWEBE-88*/
    .percentage-content {
        min-height: 150px;
    }
    .result-percentage-content .percentage-content.div-1, .percentage-content.div-2 {
        width: 100%;
        border: none;
        float:left;
    }
    .result-percentage-content .percentage-content.div-2 {
        margin-top: 40px;
    }
    .result-percentage-content .percentage-content.div-3 {
        text-align: center;
        width: 100%;
        margin-top: 40px;
        float:left;
    }
    .signupBlock ul li.gfield {
        width: auto;
        display: block;
        float: none;
    }
    .servicesList ul {
        width: 100%;
        float: none;
        clear: both;
        padding: 0 0 30px 0;
    }
    .servicesList h3 {
        padding-left: 0;
        margin-bottom: 40px;
        float: none;
        clear: both;
        width: 100%;
    }
    .servicesList li {
        float: left;
        width: 50%;
    }
    .creativeCol {
        width: auto;
        float: none;
        min-height: 100px;
        overflow: auto;
        margin: 0 auto;
        margin-bottom: 40px;
        padding: 0 40px;
    }
    .f-dropdown {
        max-width: 100%;
        left: 0;
    }
    footer.pageFooter #logo {
        margin: 20px auto 0 auto;
        max-width: 180px;
        width: 60%;
    }
    .slide-navbar {
        float: left;
        padding: 10px 0;
        clear: both;
        display: block;
        margin: auto;
        overflow: hidden;
    }
    .slide-navbar > li {
        display: inline;
        background: #C0392B;
        padding: 11px;
        cursor: pointer;
        color: #fff;
    }
    .active-tab {
        background: #E74C3C !important;
    }
    .slider-container {
        background: #E74C3C;
        overflow: hidden;
        position: relative;
        width: 200%;
        color: #fff;
        -webkit-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }
    .slider-container > div {
        display: block;
        float: left;
    }
    .slider-wrapper {
        background: #E74C3C;
        width: 100%;
        float: left;
        overflow: hidden;
        position: relative;
    }
    .slider-container p {
        padding: 3%;
    }
    .select-slider {
        display: none;
        width: 100%;
        height: 40px;
        background-color: #E74C3C;
        overflow: hidden;
        border-bottom: 1px solid #fdfdfd;
    }
    .select-slider select {
        width: 100%;
        background: transparent;
        padding: 5px 3%;
        border: none;
        height: 40px;
        cursor: pointer;
        outline: 0;
        font-size: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .wrapper {
        margin: 0 auto;
        padding: 50px 5% 0;
        position: relative;
        overflow: hidden;
    }
    .main-wrapper {
        margin: 0 auto;
        max-width: 1280px;
        padding: 50px 5% 0;
        position: relative;
        overflow: hidden;
    }
    #gform_wrapper_1>form>.gform_body>#gform_fields_1>.gfield{
        width: 100%;
        margin: 0 0 10px 0;
    }
	/*content hub*/
    .menuresources{font-size:7px;}
}
@media screen and (max-width: 768px) {
    /*CWEBS-165*/
    .servicesThingA {
        max-width: 360px;
        margin: 0 auto;
    }
    .servicesThingA>div {
        float:none;
        clear: both;
        width: auto;
        margin-bottom: 20px;
    }
    .servicesThingA h3 {
        padding: 0 5px;
    }
    /*CWEBE-129*/
    .latestNews>div,.latestNews>div:last-child{
        width: 100%!important;
        float:none;
        clear:both;
        min-height: 150px;
    }
    /*CWEBE-61*/
    #containerImageContentText h3{
        text-align: center;
    }
    #containerImageContent > div{
        width:80%;
        text-align: center;
        margin: 0 auto;
        float:none;
    }
    #alertsArea > div{
        width:100%;
    }
    .floatLeft.image{
        margin-left:0;
        width:100%;
    }
    .floatLeft.anchor{
        width:100%;
        margin:0 auto;
    }
    .anchor a h3{
        text-align:center;
        max-width: 100%;
        margin-top:30px;
    }
    h1.header-text span{
        font-size: 22px;
    }
    /*CWEBE-61*/
    .slideNav {
        width: 600px;
    }
    .slideNav {
        width: 80%;
    }
    .slideNav>div>a {
        font-size: 28px;
    }
    a.viewMore {
        display: block;
        font-size: 10px;
        top: auto;
        bottom: 10px;
        right: 40px;
        left: auto;
        position: absolute;
    }
    .select-slider {
        display: block;
    }
    .tab-slider {
        display: none;
    }
    /*====CWEBS-4======*/
    footer.pageFooter .colophon ul li{
        line-height: 30px;
    }
    /*CWEBS-129*/
    .angleAccolades > ul > li > span{
        font-size: 14px;
        color: #000000;
    }
    /*CWEBE-70*/
    @supports (-webkit-overflow-scrolling: touch) {
        /* CSS specific to iOS devices */
        section.newsHeader.fixed.down.iphoneMarginBottom{
            margin-top: 60px !important;
        }
        section.newsHeader.fixed.down.iphoneMarginBottom{
            margin-top: 0px;
        }
    }
    /*CWEBE-70*/
}
/*CWEBE-125*/
@media only screen and (min-width: 768px){
    .homeSlider .data-enhance p {
        font-size: 28px;
        padding-left: 0px;
    }
    .homeSlider .featured-clients{
        margin-top: 50px;
    }
}
/*CWEBE-125*/
@media only screen and (max-width: 640px) {
    /*CWEBE-61*/
    #clock{
        font-size: 68.74px;
    }
    /*CWEBE-61*/
    .workThinking .description div {
        padding: 20px;
    }
    .shortTopBox.results, .shortTopBox.strategy {
        padding: 10px 20px 30px;
    }
}
@media only screen and (max-width: 600px) {

    .lightBox.diptile h2 {
        text-align: left;
        padding-left: 40px;
    }

    .corset>p, .corset>h2, .corset>h3  {
        padding: 0 20px;
        text-align: left;
    }

    .signupBlock ul li.gfield {
        width: auto;
        display: block;
        float: none;
    }
    .angleHeaderContent {
        top: 63%!important;
    }

    h1, .shadowBox h1, .lightBox h1,
    h2, .shadowBox h2, .lightBox h2 {
        font-size: 32px;
    }

    ul.awards.scrollVis,
    .scrollVis ul.awards {
        padding: 0px;
    }

    .quoteBox h1,
    .quoteBox p.headingLg,
    .quoteBox h2 {
        font-size: 30px;
    }

    .sliderDots {
        bottom: 5px;
    }

    span.slideDot {
        width: 5px;
        height: 5px;
    }

    ul.awards>li {
        display: block;
        float: none;
        clear: both;
        margin: 0 auto!important;
    }
    header.siteWide #mainNav ul li.current:after {
        width: 5px;
        height: 100%;
        top: 0%;
        right: 0;
    }
    ul.awards>li {
        width: 54%;
        max-width: 300px;
        margin: 0 auto;
        float: none;
        clear: both;
    }
    h1 p, .shadowBox h1 p, .lightBox h1 p,
    h2 p, .shadowBox h2 p, .lightBox h2 p {
        font-size: inherit;
    }
    .shadowBox p {
        font-size: 20px;
    }
    ul.slides>li {
        background-position: 75%;
        overflow: visible;
        overflow-x: visible;
    }
    ul.slides>li:after {
        content: '';
        display: block;
        overflow: auto;
        clear: both;
        float: none;
    }
    ul.slides>li>img {
        min-height: 400px;
    }

    .slideNav>div {
        margin-bottom: 10px;
    }

    .slideNav>div:after {
        content: '';
        display: block;
        clear: both;
        float: none;
    }

    .gform_wrapper .top_label input.medium,
    .gform_wrapper .top_label select.medium {
        width: calc(100% - 8px)!important;
    }
    .gform_fields {
        display: block;
        width: 100%;
    }
    .gform_wrapper ul.gform_fields li.gfield {
        padding-right: 0!important;
    }
    .gform_wrapper .gform_footer input.button,
    .gform_wrapper .gform_footer input[type=submit],
    .gform_wrapper .gform_page_footer input.button,
    .gform_wrapper .gform_page_footer input[type=submit] {
        font-size: 1em;
        width: auto;
        margin: 0 auto!important;
        display: block!important;
    }
    .servicesList li {
        float: none;
        clear: both;
        width: 100%;
    }
    .slideNav a.viewMore {
        margin: 0 5px 0 20px;
        font-size: 14px;
        float: right;
        display: block;
        text-align: right;
        left: auto;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .slideNav>div {
        padding: 0px;
    }
    .slideNav a {
        display: none;
        font-size: 7vw;
        text-align: left;
        line-height: 1em;
        margin-bottom: 0;
    }
    .slideNav {
        bottom: 0;
        top: auto;
        left: 40px;
        right: 40px;
        position: absolute;
        width: 90%;
    }
    .slideNav a.active {
        display: block;
    }
    .diagResp p:after {
        content: "Small Screen View";
    }

    h6 {
        padding: 40px 0;
    }
    h6 span {
        padding: 0;
    }

    .lightBox h4 {
        width: 90%;
        margin: 20px auto 65px auto;
    }
    .sliderSwipe {
        display: none;
    }
    .servicesList li {
        float: none;
        clear: both;
        width: 100%;
    }
    .shadowBox.diptile .corset div.reachoutBox h3 {
        font-size: 1.5em;
    }
    a.headerBtn,
    .headerBtn:nth-child(2) {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
        float: none;
    }
    header.siteWide #mainNav ul li:last-child {
        position: relative;
        display: inline-block;
        margin-left: 20px;
        top: 0;
        left: 0;
    }
    .roiTiles>div {
        width: 100%;
        float: none;
        clear: both;
        min-height: none;
        padding: 40px 0;
        border-left: 0;
        border-right: 0;
        border-left: 1px solid transparent;
    }
    .roiTiles>div:first-child {
        border-right: 1px solid transparent;
    }
    .roiTiles>div:last-of-type {
        border-left: 1px solid transparent;
    }
    .triptile>div:nth-child(2) {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        margin-right: -1px;
        margin-left: -1px;
    }
    .sextile>div {
        width: 100%;
        float: none;
    }
    .workStudy,
    .workQuadruple>div,
    .workTiple .workStudy {
        width: 100%;
        float: none;
        clear: both;
    }
    .creativeCol {
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: 40px;
    }
    .creativeCol>div {
        padding: 40px;
    }
    /* News Page*/

    .news {
        display: block;
    }
    header.siteWide #mainNav ul li a {
        font-size: 24px;
        transition: all 1s ease;
        -webkit-transition: all 1s;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
    header.siteWide #mainNav {
        font-size: 24px;
        transition: all 1s ease;
        -webkit-transition: all 1s;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        overflow: hidden;
    }
    header.siteWide #mainNav.active ul li,
    header.siteWide #mainNav.active ul li:last-child {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
        height: 70px;
    }
    header.siteWide #mainNav ul li,
    header.siteWide #mainNav ul li:last-child {
        transition: all 0.3s ease;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        display: block;
        text-align: center;
        opacity: 0;
        height: 0;
        font-weight: normal;
        margin-left: 0;
    }
    .lightBox>h3{
        font-family: proximaNovaLight, arial, sans-serif;
        line-height: 1em;
        width: 80%;
        margin: 20px auto 65px auto;
    }
    .shadowBox .corset {
        display: block;
    }
    .diptile>div,
    .shadowBox.diptile .corset div,
    .shadowBox.tripTile .corset div {
        width: 100%;
        float: none;
        clear: both;
    }
    header.siteWide #mainNav button#mobileMenu:before {
        content: "Close ";
        left: 40px;
        position: relative;
        transition: all 1s ease;
        -webkit-transition: all 1s;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 0;
    }
    .serviceRow {
        width: 100%;
        text-align: left;
    }
    .serviceRow:nth-child(even) {
        width: 100%;
        text-align: right;
    }
    .serviceRow>div {
        width: 100%;
        float: none;
        clear: both;
    }
    .serviceRow:nth-child(even)>div {
        float: none;
        clear: both;
    }
    .serviceRow:nth-child(even)>div:nth-child(2)>div {
        float: none;
        clear: both;
    }
    .serviceRow>div>div {
        padding: 40px;
        text-align: left;
    }
    .serviceRow h4 {
        text-align: left;
    }
    /**/

    header.siteWide #mainNav.active button#mobileMenu:before {
        left: 0px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
    .lightBox {
        padding-left: 20px;
        padding-right: 20px;
    }
    ul.clients {
        padding: 0 5%;
    }
    header.siteWide #mainNav button#mobileMenu:hover {
        font-weight: bold;
        background-color: transparent;
        color: #000;
    }
    header.siteWide #mainNav button#mobileMenu {
        display: inline-block;
    }
    header.siteWide #mainNav ul li:nth-last-child {
        position: absolute;
        top: 0;
        right: 0;
    }

    .angleHeader {
        margin-bottom: 50px;
    }
    .angleHeaderContent h1, .angleHeaderContent h2 {
        text-align: center;
        margin-bottom: 5px;
    }

    .angleAccolades>ul  {
        width: auto;
    }
    .storyRepeater .story>.storyDesc {
        float: none;
        width: auto;
        left: auto;
        max-width: none;
        text-align: left;
    }
    .storyRepeater .story>.storyDesc {
        float: none;
        width: auto;
        left: auto;
        max-width: none;
        text-align: left;
    }
    .storyRepeater:after {
        clear: both;
        content: '';
        display: block;
        float: none;
        display: block;
        height: 0;
        overflow: auto;
    }
    .storyRepeater .story>.storyDesc>.storyImage {
        width: 100%;
        max-width: 1000px;
        position: relative;
        right: 0;
        left: auto;
        transform: none;
        margin-bottom: 20px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    }
    .timeline {
        margin-bottom: 20px auto;

    }
    .storyRepeater .story>.storyDesc>.storyImage>img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0;
    }
    .signupBlock {
        padding: 220px 20px;
    }
    .presentBlockDesc {
        z-index: 4;
        width: auto;
        margin: 0;
        left: 0;
        padding: 0 20px;
        transform: none;
        top: auto;
        bottom: 0;
        margin-bottom: 100px;
        tranform: translateY(-50%);
    }
    .angleCaseStudy .angleCaseStudyDesc {
        padding: 0 20px;
        top: 490px;
    }

    .presentBlock {
        margin-top: 0px;
    }
    .story {
        margin: 0;
    }
    .right-align .btn, #gform_submit_button_7 {
        text-align: center;
        width: 100%;
        padding: 20px 0;
        display: block;
        float: none;
        clear: both;
        margin: 5px 0 0 0;
    }
    .right-align .btn, .social-sharing, #gform_submit_button_7 {
        text-align: center;
        width: 100%;
        float: none;
        clear: both;
    }

}
@media only screen and (max-width: 487px) {
    section.newsHeader li:last-child #form-submit {
            padding-bottom:0px;
    }

    .workThinking footer ul {
        display: block;
        float:none;
        clear: both;
        width: 100%;
        box-sizing: border-box;
    }

        /*CWEBE-61*/
        #clock{
            font-size: 50px;
        }
    /*CWEBE-61*/
}
@media only screen and (max-width: 362px) {
    /*CWEBE-61*/
    #clock{
        font-size: 35px;
    }
    /*CWEBE-61*/
}
/*CWEBE-139*/
@media screen and (max-width: 1334px){
    .sap-header-option a {
        font-size: 16px;
    }

    .ul-four-column-content.fasion-accelerator-four-column, .ul-four-column-content.black-area-four-column{
        width: 80%;
        margin: 40px auto;
        float: none;
    }

    .ul-four-column-content.black-area-four-column li:first-child{
        padding:auto;
    }

    .ul-four-column-content.black-area-four-column li{
        padding-right: 20px;
    }
}

@media screen and (max-width: 992px) {
    .sap-header-option a {
        font-size: 16px;
    }

    .ul-four-column-content.fasion-accelerator-four-column, .ul-four-column-content.black-area-four-column {
        width: 80%;
        margin: 40px auto;
        float: none;
    }

    .ul-four-column-content.black-area-four-column li{
        width: 43%;
        margin: 20px 0;
    }

    .ul-four-column-content.black-area-four-column li:first-child{
        padding:0 20px;
    }

    .ul-four-column-content.black-area-four-column li:nth-child(2){
        border:0px;
    }

    .ul-trusted-by-images ul li {
        margin: 20px 0;
    }

    #gravity-form-div .gform_wrapper, #gravity-form-div .top_label{
        margin:0px auto;
    }
}

@media only screen and (max-width: 767px) {
    .sap-hybris-banner-section-content{
        width:100%;
    }

    .sap-header-option a{
        font-size:16px;
    }

    .sap-header-option a {
        font-size: 16px;
        margin: 10px 0;
        float: left;
    }

    .sap-hybris-fashion-accelerator-section-title-description p{
        width:100%;
    }

    .ul-four-column-content.fasion-accelerator-four-column .four-column-ul li{
        width: 100%;
    }

    .ul-four-column-content.fasion-accelerator-four-column .three-column-ul li{
        width: 100%;
        padding: 0;
    }

    .ul-four-column-content.fasion-accelerator-four-column .two-column-ul li{
        width: 100%;
        padding: 0;
    }

    .ul-four-column-content.fasion-accelerator-four-column .one-column-ul li{
        width: 100%;
        padding: 0;
    }

    .ul-four-column-content.black-area-four-column li{
        width:80%;
    }

    /* .ul-four-column-content.black-area-four-column li:first-child{
        padding: 20px 40px;
    } */

    .ul-four-column-content.black-area-four-column li{
        border:0;
    }

    .ul-trusted-by-images ul li{
        text-align:center;
        margin:20px 0;
    }

    #gform_wrapper_8 {
        margin: 0 auto;
        width: 300px;
    }

    .sap-hybris.sap-hybris-trusted-section h2{
        width:80%;
        text-align:center;
        margin:0 auto;
    }

    #gravity-form-div{
        float:none;
    }

    #gravity-form-div .gform_wrapper{
        margin-top:0px;
    }

    .sap-header-option{
        margin-top:0px;
    }

    #gravity-form-div li{
        width:100%;
        margin-top:0px;
    }

    #gravity-form-div li input{
        padding:5px !important;
    }

    #gravity-form-div .gform_button {
        float:none;
        background: #1b1b1b;
    }

    #gravity-form-div .gform_button:hover {
        background: #ffffff;
    }
}
/*CWEBE-139*/

/*CWEBE-108*/
@media only screen and (max-width: 1124px) {
    .capabilities-listing-li li {
        width:40%;
        font-size: 14px;
    }
}

@media only screen and (max-width: 990px) {
    .capabilities-listing-li li {
        width:50%;
    }
}

@media only screen and (max-width: 825px) {
    .capabilities-listing-li li {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .page-services .lightBox-servicesSubtitleNilEffect{
        padding:30px;
    }

    .capabilities-listing-li li {
        font-size: 10px;
    }

    .page-services .service-content-wrapper-top, .page-services .service-content-wrapper-bottom{
        padding:30px;
    }
}

@media only screen and (max-width: 600px) {
    .capabilities-listing-li li {
        font-size: 16px;
    }
}

@media only screen and (max-width: 465px) {
    .capabilities-listing-li li {
        font-size: 14px;
    }
}

@media only screen and (max-width: 435px) {
    .capabilities-listing-li li {
        font-size: 12px;
    }
}

@media only screen and (max-width: 400px) {
    .capabilities-listing-li li {
        width:100%;
        font-size: 16px;
    }

    .page-services .lightBox-servicesSubtitleNilEffect{
        padding:20px;
    }

    .page-services .service-content-wrapper-top, .page-services .service-content-wrapper-bottom{
        padding:20px;
    }
}
/*CWEBE-108*/

/*CWEBE-103*/
@media only screen and (max-width: 992px) {
    .our-clients li {
        float: left;
        width: 33.33%;
        text-align: center;
        padding-left: 0%;
    }

    .work-contact-us-button-area p{
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .our-clients li {
        float: left;
        width: 50%;
        text-align: center;
        padding-left: 0%;
    }
}

@media only screen and (max-width: 450px) {
    .our-clients li {
        float: left;
        width: 100%;
        text-align: center;
        padding-left: 0%;
    }
}
/*CWEBE-103*/

/*Careers Page Left Side Column responsive fix*/
@media only screen and (max-width: 992px) {
    .career section.leftCol {
        padding: 100px 5%;
    }
}

@media only screen and (max-width: 450px) {
    .career section.leftCol {
        padding: 100px 20%;
        text-align:center;
    }
}
/*Careers Page Left Side Column responsive fix*/
/*CWEBE-109*/

@media only screen and (max-width: 767px) {
    li.newsHead:first-child h4{
        margin:0;
    }

    li.newsHead:first-child {
        padding: 60px 20px;
    }

    ul.newsfeed li{
        padding: 40px 20px;
    }
}
/*CWEBE-109*/

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

    ul.tripTile {
        text-align: center;
        width: auto!important;
    }

    ul.tripTile li {
        width: auto;
    }

}

/*vc-related parts*/
@media only screen and (max-width: 767px) {
    #custom-vc-section-area .custom-vc-corset{
        padding: 30px;
        width:75%;
    }

    #custom-vc-section-area .three-column-layout{
        border: 0px !important;
    }

    .mobile-view-content-move-down .vce-hero-section--content-container {
        margin-top: 210%;
    }
}
/*vc-related parts*/
/*CWEBE-160*/
@media only screen and (max-width: 767px) {
    input.gform_button{
        padding: 20px 0px;
    }

    /*CWEBE-95 || CWEBE-95C*/
    div.storyRepeater>.lightBox:first-child {
        margin-top: 10px!important;
        padding-top: 10px!important;
    }
}
/*CWEBE-160*/

/*CWEBE-115*/
@media only screen and (max-width: 600px) {
    .careersQuadruple > div{
        width:100%;
    }
}

@media only screen and (max-width: 720px) {
    .careersQuadruple > div{
        width:50%;
    }
}
/*CWEBE-115*/

/*CWEBE-137*/
@media only screen and (max-width: 1024px) {
    .autor-mainwrapper .partner-image img {
        height:auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border:0;
        width:305px;
    }

    .autor-mainwrapper .partner-image{
        border: 1px solid #ececec;
        border-radius: 50%;
        height: 305px;
        position: relative;
    }
}

@media only screen and (max-width: 420px) {
    .autor-mainwrapper .partner-image{
        width: 230px;
        height: 230px;
    }

    .autor-mainwrapper .partner-image img {
        width:160px;
    }
}

@media only screen and (max-width: 320px) {
    .autor-mainwrapper .partner-image{
        width: 100%;
        height: 200px;
    }
}
/*CWEBE-137*/

/*CWEBE-143*/
@media only screen and (max-width: 1240px) {
    .marketing-landing-lt .container{
        width:80%;
        margin: 0 auto;
    }
} 
@media only screen and (max-width: 720px) {
.marketing-landing-lt .container{
    width:63.33%;
    margin: 0 auto;
}

.gallery__img__1, .gallery__img__2, .gallery__img__3, .gallery__img__4{
    width:250px;
}

.marketing-landing-lt h1, .marketing-landing-lt h2{
    font-size: 44px;
}

.mk-left, .mk-right, .mk-ia-left, .mk-ia-right{
    width:100%;
    margin-bottom: 50px;
}

.listing li:first-child{
    margin-top: 50px;
}

.inside-area-dots{
    padding-left: 20px;
}

.lefter{
    margin-left: 0;
    margin-top: 40px;
    font-size: 14px;
}

.listing li{
    width:100%;
    margin-bottom: 50px;
}

.popup_cont{
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    height: 450px;
}
}
@media only screen and (max-width: 380px) {
    .gallery__img__1, .gallery__img__2, .gallery__img__3, .gallery__img__4{
        width:175px;
    }
}
/*CWEBE-143*/

/*CWEBE-116*/
@media only screen and (max-width: 720px) {
    .popup_content, .popup_content iframe{
        width: 100% !important;
    }

    .page-template-page-formpopuptemplate #form-pop-up ul li.gfield{
        width:100% !important;
    }

    .page-template-page-formpopuptemplate #form-pop-up ul li.gfield.gfield_error{
        width: 100% !important;
    }
}
/*CWEBE-116*/

/*CWEBE-145*/
@media screen and (max-width: 480px) {
    .culture-news-items .work-post .top-post-title h4.sub-post-1:after {
        top: 8px;
    }
    .culture-news-items .work-post .top-post-title h4.sub-post-2:after {
        top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .section-culture {
        padding-bottom: 40px;
    }

    .section-culture .cl-container{
        padding: 0 0px;
    }

    .culture-page-header-part h1 {
        font-size: 32px;
        line-height: 36px;
    }
    .valueArea-padding{
        padding: 0px;
    }
    .culture-news-items .work-post .top-post-title h4:after {
        top: 8px;
    }
}
/*CWEBE-145*/
/*CWEBE-148*/
@media only screen and (max-width: 767px) {
    .news-article{
        display: block;
    }
    .news-article .rightCol, .news-article .leftCol{
        width:100%;
        float: left;
        clear:both;
    }

    .news-article .rightCol{
        padding:0;
    }

    .news-article .rightCol h2{
        margin-top: 0;
    }

    .news-article .rightCol h1, .news-article .rightCol h2{
        padding:0 20px;
    }

    .news-article .rightCol video, .news-article .rightCol iframe{
        width: 100% !important;
        height: auto !important;
    }
    
    .news-article .rightCol p
    {
        padding: 0 20px 20px;
    }

    .news-article .leftCol aside{
        padding:20px 20px 0 20px;
    }

    article.news-article{
        padding-top: 60px;
    }
}
/*CWEBE-148*/
/*CWEBE-149*/
@media only screen and (max-width: 1240px){
    .culture-page-header-part .top-part {
        width: 90%;
    }
}
@media only screen and (max-width: 990px){
    .culture-page-header-part .top-part {
        width: 80%;
    }
}
@media only screen and (max-width: 767px){
    .culture-service.culture-page-header-part {
        padding-bottom: 90px;
        padding-top: 290px;
    }

    .section-culture .cl-container {
        padding: 0;
    }

    .culture-page-header-part span {
        font-size: 12px;
        line-height: 14px;
    }

    .culture-page-header-part h1 {
        font-size: 32px;
        line-height: 36px;
    }
}
.marketing-landing-lt h1, .marketing-landing-lt h2{
    font-size: 44px;
}
/*CWEBE-149*/
/*new header-footer */
@media screen and (max-width: 1140px) {
    .footer-wrapper-left, .footer-wrapper-right{
        width:100%;
        clear:both;
        text-align: center;
        padding: 0;
    }

    .footer-wrapper li{
        display: inline-block;
        float: none;
        margin: 15px 0;
    }

    .footer-wrapper-right ul{
        float:none;
    }
}
@media only screen and (max-width: 1245px) and (min-width: 1140px)  {
    .footer-wrapper-bottom .footer-logo{
        padding-right:10px;
    }

    .lets-talk-commerce a{
        margin-right:10px;
    }

    .footer-wrapper-right-div.informational-social{
        margin-left:10px;
    }

    .footer-wrapper li{
        padding: 2px 7px;
    }
}
@media screen and (max-width: 800px) {
    .menu-listing li{
       /* padding: 10px 15px;*/
		padding:10px 5px;/*CWEBS_464*/
    }
}
@media screen and (max-width: 767px) {
header{
    z-index: 9999;
    position: absolute;
}

footer{
    border: 0px;
}
.footer-wrapper-top-div.informational-contact {
    margin-top: 44px;
    float: right;
    width: 62%;
}

.footer-wrapper-mobile-version{
    display: block;
}

    .slicknav_nav li.menu-close {
        padding-bottom: 50px;
    }

.footer-wrapper{
    display:none;
}
.tel-no a {
    font-size: 11px;
    line-height: 23px;
    letter-spacing: 0.55px;
}
.informational-social{
    width:80%;
    margin: 0 auto;
    text-align: center;
}

.informational-social li{
    display: inline-block;
    padding: 20px 0;
    margin-left: 10%;
    margin-right: 10%;
}

.informational-social li:nth-child(1){
    margin-left: 0;
}

.informational-social li:nth-child(5){
    margin-right: 0;
}

.informational-social li a{
    font-size: 14px;
}

.footer-wrapper-top-div.informational-contact li {
    font-size: 14px;
    letter-spacing: 1.2px;
    line-height: 20px;
    padding:5px 0;
}

.logo{
    padding-left:0;
}

.footer-wrapper-bottom-ul.logo-location{
    width: 62%;
    float: right;
}
.footer-wrapper-bottom-ul.logo-location li {
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    font-weight: 500;
    padding-top: 5px;
    font-family: 'proximaNovaLight', sans-serif;
    float: left;
    padding: 0 12px 0 0;
    width: auto;
}
.footer-wrapper-bottom.last {
    margin:40px auto;
}
.footer-wrapper-bottom .footer-logo {
    width: auto;
    margin-right: 15px;
    padding-top: 0px;
    float: left;
}
.footer-wrapper-bottom .footer-logo img {
    width: 80px;
}
.lets-talk-commerce{
    margin-right:0;
    font-weight: bold;
    margin-bottom:10px;
}

.slicknav_menu {
    display: block;
}

.menu-listing{
    display: none;
}

.header-wrapper, .footer-wrapper{
    padding:0 20px;
    width:95%;
}

.slicknav_menu li {
    text-align: left;
}

.slicknav_menu li a{
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 3.64px;
    line-height: 22px;
    color: #171717;
}

.slicknav_menu li a:hover{
    font-weight: bold;
    color: #000000;
}

.slicknav_btn{
    position: relative;
}

.header-wrapper{
    padding:15px 0;
}

.page-contact .header-wrapper{
   margin-left:0;/*CWEBS-347*/
}

.slicknav_nav {
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    top: 0;
    position: fixed;
    left: 0;
    padding-top: 18px;
    height: 100vh;
}

.slicknav_nav li{
    padding: 0px 20px 5px 30px;
}

.menu-listing-mobile{
    display:none;
}

.menu-listing{
    display: none;
}

li.menu-listing-mobile-small a, li.menu-close a {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 13px;
}

li.menu-close a{
    font-size: 11px;
    letter-spacing: 0;
    color: #808080;
}

.menu-listing-mobile-small.first{
    margin-top:42px;
}

    li.menu-close a {
    text-align: right;
    margin-right: 13px;/*26px Cwebs-464;/*20px CWEBS-294*/
    display: inline-block;
    float: right;
	font-size: 11px;/*CWEBS-294*/
    letter-spacing: 2px;
    font-weight: normal!important;
    }

    li.menu-close svg{
    padding: 0 10px;
    }

    .footer-wrapper-top-div.informational-contact li{
        font-size:11px;
        letter-spacing: 0.55px;
    }

    .width-footer-wrapper-top{
    width: 100%;
    margin: 0px auto 20px;
    border-top: 1px solid rgba(221,221,221,0.5);
    border-bottom: 1px solid rgba(221,221,221,0.5);
    }
}
@media screen and (max-width: 668px) {
.footer-wrapper-left, .footer-wrapper-right{
    width: 100%;
    margin: 0px auto 5px;
}

.logo{
    padding-left:10px;
}

.footer-wrapper-bottom-ul.logo-location li{
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    font-weight: 500;
    padding-top: 5px;
    font-family: 'proximaNovaLight', sans-serif;
    }

.informational-social li {
    margin-left: 9%;
    margin-right: 9%;
}
.footer-wrapper{
    padding: 0;
}

ul.footer-wrapper-left.logo-location{
    width: 65%;
    margin: 0 auto;
}

ul.footer-wrapper-right-div.informational-contact {
    width: 75%;
    margin: 0 auto 30px;
    float:none;
}

ul.footer-wrapper-right-div.informational-social {
    margin: 10px auto 20px;
    width: 30%;
    clear: both;
}

.footer-wrapper-left li, .footer-wrapper-right-div li{
    padding: 0 6%;
}

.footer-wrapper-right-div li.lets-talk-commerce{
    padding: 0;
}

.footer-wrapper-right-div.informational-social li{
    padding: 0 5%;
}
}
@media screen and (max-width: 480px) {

ul.footer-wrapper-left.logo-location li {
    width: 100%;
    text-align: center;
    margin: 15px 0;
}

    .lets-talk-commerce a {
        font-size: 12px;
    }
    
    /* .informational-social li {
    margin-left: 7.5%;
    margin-right: 7.5%;
} */

.footer-wrapper-left li, .footer-wrapper-right-div li {
    padding: 0;
}

.footer-wrapper-left li{
    width: 100%;
    margin: 15px 0;
    padding: 0;
}

.footer-wrapper-right, .footer-wrapper-right ul{
    width:100%;
}

ul.footer-wrapper-right-div.informational-contact li {
    width: 100%;
    text-align: center;
    margin: 15px 0;
}

ul.footer-wrapper-right-div.informational-social {
    margin: 20px auto;
    width: 50%;
    clear: both;
}

.lets-talk-commerce a {
    font-size: 8px;
    margin-right: 0;
    padding: 10px 0;
    letter-spacing: 1.5px;
    font-weight: 800;        
}
}
@media screen and (max-width: 380px) {
    .informational-social li {
    margin-left: 8%;
    margin-right: 8%;
}
.footer-wrapper-bottom-ul.logo-location .footer-logo {
    width: 33%;
}
}
/*new header-footer*/ 
/*CWEBE-116*/
@media only screen and (max-width: 720px) {
    .popup_content, .popup_content iframe{
        width: 100% !important;
    }

    .page-template-page-formpopuptemplate #form-pop-up ul li.gfield{
        width:100% !important;
    }

    .page-template-page-formpopuptemplate #form-pop-up ul li.gfield.gfield_error{
        width: 100% !important;
    }
}
/*CWEBE-116*/
/*CWEBE-138*/
@media only screen and (max-width: 1393px) {
    .design-statergy-listing li, .totalcare-listing li, .optimization-listing li, .technology-listing li{
        width: 100%;
    }
    .design-statergy-listing .long, .totalcare-listing .long, .optimization-listing .long, .technology-listing .long{
        width: 100%;
        text-align: left;
    }
    .long::before{
        content:"";
        margin-left:0px;
        display: none;
    }
}
@media only screen and (max-width: 1347px) {
    .section-service h2 {
        font-size: 46px;
        line-height: 60px;
    }
}
@media only screen and (max-width: 1260px) {
    .section-service h2 {
        font-size: 42px;
        line-height: 55px;
    }
    .service-page-partners-right-part .area-bottom ul li {
        min-height: 40px;
    }
    .service-page-partners-right-part .area-bottom ul li img{
        max-width: 100%;
    }
    
}
@media only screen and (max-width: 1240px) {
    .section-service h2 {
        font-size: 38px;
        line-height: 55px;
    }
    .section-service h2 {
        font-size: 38px;
        line-height: 48px;
    }
    .service-page-header-part .top-part {
        width: 90%;
    }
    .service-page-our-partners .top-part .right-part {
        padding: 20px 0;
    }
    .foot-part .left-part,
    .foot-part .right-part {
        padding-left: 0;
        padding-right: 0;
    }
    .top-part-wrapper {
        width: 90%;
        float: none;
        margin: 0 auto;
    }
    .foot-part-wrapper {
        width: 90%;
        margin: 120px auto;
        float: none;
    }
    .section-service .hyfen-content h2 {
        color: #000000;
        font-family: "minionProReg", serif;
        font-size: 30px;
        letter-spacing: -0.57px;
        line-height: 36px;
    }
    
}
@media only screen and (max-width: 1170px) {
    .section-service h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .section-service .partners-listing li {
        width: 33.33%;
        word-break: break-all;
        padding-right: 10px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 1120px) {
    .section-service h2 {
        font-size: 30px;
        line-height: 42px;
    }
}
@media only screen and (max-width: 990px) {
    .service-page-header-part .top-part {
        width: 80%;
    }
    .section-service {
        padding: 100px 0;
    }
    .line {
        width: 20px;
    }
    .content-after-line {
        margin-left: 40px;
    }
    .section-service p {
        margin-top: 20px;
    }
    .cl-container {
        padding: 0 50px;
    }
    .section-service .hyfen-content h2 {
        color: #000000;
        font-family: "minionProReg", serif;
        font-size: 26px;
        letter-spacing: -0.57px;
        line-height: 36px;
    }
    .cl-inner-container-left {
        margin-right: 25px;
    }
    .cl-inner-container-right {
        margin-right: 25px;
    }
    .design-statergy-listing,
    .technology-listing,
    .optimization-listing,
    .totalcare-listing {
        margin-top: 45px;
        left: 100px;
    }
    .section-service ul li {
        float: left;
        /* width: 40%; */
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1.5px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .design-statergy-listing li, .totalcare-listing li, .optimization-listing li, .technology-listing li {
        width: 40%;
    }
    .design-statergy-listing .long, .totalcare-listing .long, .optimization-listing .long, .technology-listing .long {
        float: right;
        width: 60%;
    }
    .design-statergy-listing::before,
    .technology-listing::before,
    .optimization-listing::before,
    .totalcare-listing::before {
        left: -100px;
    }
    .foot-part-wrapper {
        margin: 60px auto;
    }
    .service-page-our-partners .top-part {
        width: 90%;
        padding-top: 50px;
    }
    .service-page-our-partners .top-part .top-part-wrapper::before {
        padding-bottom: 100px;
    }
    .foot-part-wrapper {
        width: 80%;
    }
    .section-service.service-page-our-partners {
        padding-bottom: 70px;
    }
    .service-page-partners-right-part .area-bottom {
        margin-top: 50px;
    }
    .section-service .area-bottom ul li:last-child {
        margin: 0;
    }
    .top-part .left-part,
    .top-part .right-part {
        width: 90%;
        float: none;
        clear: both;
        margin: 0 auto;
    }
    .foot-part .right-part {
        width: 62%;
    }
    .service-page-our-partners .top-part .left-part,
    .service-page-our-partners .top-part .right-part {
        clear: none;
        /* width:100%; */
    }
    .left-part-arrow {
        display: none;
    }
    .service-page-our-partners .top-part .right-part {
        padding: 20px 0;
    }
    .service-page-partners-right-part .area-bottom ul li img.magento-logo {
        max-width: 80px;
    }
    .service-page-partners-right-part .area-bottom ul li img.shopify-logo {
        max-width: 155px
    }
    .section-service .area-bottom ul li:last-child {
        margin: 0;
    }
}
@media only screen and (max-width: 820px) {
    .section-service .hyfen-content h2 {
        font-size: 22px;
    }
}
@media only screen and (max-width: 767px) {
    .service-page-header-part h1 {
        font-size: 32px;
        line-height: 36px;
    }
    .cl-container {
        padding: 0;
    }
    .cl-inner-container-left {
        margin-right: 0px;
        margin-left: 0px;
    }
    .service-page-our-partners .top-part {
        padding-top: 25px;
    }
    .cl-inner-container-right {
        margin-left: 0px;
        margin-right: 0px;
    }
    .service-page-partners-left-part.left-part p {
        margin-bottom: 40px;
    }
    .service-page-our-partners .top-part .right-part {
        padding: 0;
    }
    .partners-listing {
        margin: 30px 0;
    }
    .area-bottom {
        margin-top: 40px;
    }
    .section-service .area-bottom ul {
        margin: 30px 0;
    }
    .section-service .foot-part span.title {
        margin-bottom: 30px;
    }
    .hyfen-content div {
        margin-top: 20px;
    }
    .hyfen-content span {
        margin-bottom: 10px;
    }
    .service-page-header-part span {
        font-size: 11px;
        line-height: 13px;
        letter-spacing: 1.5px;
    }
    .design-statergy-listing::before,
    .technology-listing::before,
    .optimization-listing::before,
    .totalcare-listing::before {
        display: none;
        left: 0;
    }
    .design-statergy-listing,
    .technology-listing,
    .optimization-listing,
    .totalcare-listing {
        left: 0;
    }
    .section-service p {
        font-size: 14px;
        line-height: 24px;
    }
    .section-service.service-page-header-part {
        padding-bottom: 90px;
        padding-top: 290px;
    }
    .left-part,
    .right-part {
        width: 80%;
        float: none;
        clear: both;
        margin: 0 auto;
    }
    .section-service ul li {
        font-size: 10px;
        line-height: 21px;
    }
    .section-service span.title {
        margin-bottom: 15px;
        font-size: 11px;
        line-height: 18px;
        font-weight: bold;
        letter-spacing: 1.5px;
    }
    .foot-part .right-part {
        margin-top: 40px;
    }
    .foot-part .left-part,
    .foot-part .right-part {
        width: 100%;
        max-width: 100%;
    }
    .service-page-partners-left-part.left-part {
        padding: 0;
    }
    .section-service .partners-listing li {
        width: 50%;
    }
    .section-service .area-bottom ul li {
        width: auto;
        float: left;
    }
    .service-page-our-partners .top-part .left-part,
    .service-page-our-partners .top-part .right-part {
        clear: both;
        width: 100%;
    }
    .area-bottom img {
        width: 75%;
    }
    .section-service ul li {
        width: 60%;
        float: right;
        letter-spacing: 1px;
    }
    .design-statergy-listing,
    .technology-listing,
    .optimization-listing,
    .totalcare-listing {
        background: url(../images/arrow-thin-right.svg) no-repeat;
        height: 20px;
    }
    .section-service {
        padding: 60px 0;
    }
    .design-statergy-listing,
    .technology-listing,
    .optimization-listing,
    .totalcare-listing {
        margin-top: 30px;
    }
    .foot-part-wrapper {
        margin: 40px auto 0;
    }
    .service-page-our-partners .top-part .top-part-wrapper:before {
        padding-bottom: 50px;
    }
    .section-service .partners-listing li {
        width: 33.33%;
    }
    .section-service .area-bottom ul li img {
        width: auto;
    }
    .service-page-partners-right-part .area-bottom ul li img.magento-logo {
        max-width: 61px;
    }
    .service-page-partners-right-part .area-bottom ul li img.adobe-logo {
        max-width: 57px;
    }
    .service-page-partners-right-part .area-bottom ul li img.sap-logo {
        max-width: 139px;
    }
    .service-page-partners-right-part .area-bottom ul li img.shopify-logo {
        max-width: 59px;
    }
    .service-page-partners-right-part h3{
        letter-spacing: 1.5px;
    }
}
@media only screen and (max-width: 480px) {
    .section-service .partners-listing li {
        width: 50%;
    }
    .section-service .area-bottom ul li:last-child img {
        width: 100px;
    }
}
@media only screen and (max-width: 380px) {
    .section-service .area-bottom ul li {
        float: left;
    }
}
/*CWEBE-138*/   
/*CWEBE-145*/
@media only screen and (max-width: 1286px) {
    .locations-ul li{
        padding: 0 1.7%;
    }
}
@media only screen and (max-width: 1200px) {
    .widther {
        float: left;
        width: 100%;
        padding: 35px 0;
        border-bottom: 1px solid #ddd;
    }
    
    .widther:last-child{
        border-bottom:0;
    }
    
    .culture-fourcs-div{
        width:100%;
        margin: 0 auto;
        max-width:100%;
    }
} 
@media only screen and (max-width: 1024px) {
    .highlighter-content h2{
        padding-left: 200px;
    }
    
    .highlighter-content p{
        padding-left: 60px;
    }
    
    .locations-ul li{
        margin-bottom: 50px;
    }
    
    .blog-team .cl-container div {
    width: 45%;
    }
    
    .team{
        margin-left:50px;
    }

    .culture-fourcs-div h3::before{
        width: 45px;
        text-align: center;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	  .spacinz span{
	   height: auto;
	  }
	}     
@media only screen and (max-width: 767px) {
    section{
        padding: 0px 0px 40px;
    }
    
    .team{
        margin-left:0px;
    }
    
    .culture-page-header-part span{
        font-size: 11px;
        line-height: 13px;
        margin-bottom: 10px;
        padding-top:200px;
        letter-spacing: 1.5px;
    }
    
    section.culture-highlight .cl-container{
        text-align: left;
        padding: 0;
        width: 80%;
        margin: 0 auto;
    }
    
    section.culture-highlight, section.culture-quotes{
        padding-top: 40px;
    }
    
    section.culture.culture-highlight .cl-container{
        padding:20px;
    }
    
    .locations-ul p{
        font-size:10px;
        letter-spacing: 1.25px;
        line-height: 21px;
    }
    
    .moible-view{
        display:block !important;
    }
    
    .desktop-view{
        display: none;
    }
    
    .culture.culture-blog-team.blog-team, .culture.culture-offices{
        padding: 30px 0;
    }
    
    .culture.culture-blog-team.blog-team .cl-container{
        padding: 0px;
        width:80%;
        margin: 0 auto;
    }
    
    section.culture-fourcs{
        padding-bottom: 0px;
    }
    
    .culture-page-header-part h1 {
        font-size: 32px;
        line-height: 36px;
    }
    
    .culture-page-header-part {
        padding-bottom: 90px;
        padding-top: 100px;
    }
    
    section.culture .cl-container{
        padding: 40px;
        text-align: left;  
    }
    
    .culture-page-header-part .cl-container{
        padding: 0px;
        text-align: left;
    }
    
    .highlighter-content h2::before{
        display: none;
    }
    
    .highlighter-content p, .highlighter-content h2{
        padding: 0;
    }

    .highlighter-content h2{
        font-size: 11px;
        line-height: 18px;
        margin-bottom:20px;
        letter-spacing: 1.5px;
    }
    
    .highlighter-content p{
        font-size: 28px;    
        line-height: 36px;
    }
    
    .widther {
        float: left;
        width: 100%;
        padding: 35px 0;
        border-bottom: 1px solid #ddd;
    }
    
    .widther:first-child{
        border-top: 1px solid #ddd;
    }
    
    .mobile-element-div-show{
        display:block;
    }
    
    .culture-fourcs-div h3 p{
        font-size: 11px;
        line-height: 13px;
        margin-top: 10px;
    }
    
    .culture-fourcs-div{
        width:80%;
        margin: 0 auto;
    }
    
    section.culture.culture-fourcs .cl-container{
        padding: 0px;
    }
    
    .culture-fourcs-div.fourcs-left, .culture-fourcs-div.fourcs-right{
        float: none;
    }
    
    .mobile-widther{
        width: 20px;
        float: right;
        height: 20px;
        background: url(https://beta.corra.com/wp-content/themes/corraofficial/images/plus.png) no-repeat;
        margin: 12px 0;
    }
    
    .mobile-widther.close{
        width: 20px;
        float: right;
        height: 20px;
        background: url(https://beta.corra.com/wp-content/themes/corraofficial/images/minus.png) no-repeat;
        margin: 12px 0;
    }
    
    .mobile-enabler{
        display: none;
        padding-top: 30px;
        float: left;
    }
    .culture-fourcs-div p.mobile-enabler{
        font-size: 14px;
        line-height: 24px;
    }
    .culture-fourcs-div h3 p{
        padding-bottom:0px;
    }
    
    .culture-fourcs-div h3{
        line-height:0px;
        margin-bottom: 0px;
    }
    
    .widther:first-child p.mobile-enabler{
        display:block;
    }
    
    .blog-team .cl-container div a{
        width: 100%;
        text-align: center;
        padding: 15px 0;
        letter-spacing: 1.5px;
        border: 1px solid #000000;
    }
    
    .blog h4, .team h4{
        font-size: 11px;
        line-height: 13px;
    }
    
    .blog p, .team p{
        font-size: 14px;    
        line-height: 24px;
    }
    
    .team{
        margin-top: 50px;
    }
    
    .workQuadruple>div{
        width:50%;
        float:left;
        clear: none;
    }
    
    .quotes-slider p.name{
        font-size: 11px;
        line-height: 13px;
    }
    
    .quotes-slider p.content{
        font-size: 22px;    
        line-height: 26px;
    }
    
    .quotes-slider p.title{
        font-size: 12px;    
        line-height: 14px;
        margin-bottom: 60px;
    }
    
    .top-part-offices p, .news-item-title-blog p{
        font-size: 11px; 
        line-height: 13px;
    }
    
    .top-part-offices h1, #culture-news-items .newsfeed h2.headingLg a{
        font-size: 28px;    
        line-height: 36px;
    }
    
    .culture-news-items ul.newsfeed {
        margin-top: 10px;
    }
    
    .locations-ul{
        width: 100%;
        overflow: hidden;
    }
    
    .locations-ul li{
        display: block;
        float: left;
    }
    
    .owl-carousel .owl-item img {
        width: 45px !important;
        height:45px;
    }
    
    .top-part-offices{
        margin-bottom: 40px;
    }
    
    .top-part-offices p{
        margin-bottom: 10px;
        letter-spacing: 1.5px;
    }
    
    ul.newsfeed li h4, .ul.newsfeed li h4 a, .newsfeed li h4 a{
        font-size: 22px;
        line-height: 26px;
    }
    
    .culture-news-items .headingLg.scrollVis{
        padding-bottom:40px;
    }
    
    .top-post-title{
        right: 60px;
        bottom: 10px;
    }

    .page-culture .blog-team .cl-container div{
        width: 100% !important;
    }

    .page-culture .culture-fourcs-div h3 p, .blog h4, .team h4{
        padding-bottom: 10px;
        letter-spacing: 1.5px;
    }

    .page-culture .latest-news .news-item-title-blog p{
        font-size: 11px;
        line-height: 13px;
        margin-bottom: 20px;
    }

    .culture-fourcs-div h3::before{
        width: 50px;
        text-align: center;
    }

    /*Common media query fix on new area in culture, approach and other related news parts*/
    .page-news .newsHead .news-item-title-blog p, .latest-news .news-item-title-blog p {
        letter-spacing: 1.5px; 
        font-size:11px;
        margin-bottom:15px;
    }
    /*Common media query fix on new area in culture, approach and other related news parts*/
    .blog-team .cl-container div.blog {
        width: 100%;
    }
    .blog-team .cl-container div.team {
        width: 100%;
    }

    .headingLg.culture-footer-news-section{
        padding-bottom: 40px;
        border-bottom: 1px solid #cdcdcd;
        margin-bottom: 0;
        opacity: 1;
    }

    .headingLg.culture-footer-news-section, .headingLg.culture-footer-news-section a {
        position: relative;
        top: 0;
    }
	
	.spacinz span{
	   height: auto;
	  }


}
/*CWEBE-145*/


/*CWEBE-139*/
@media only screen and (max-width: 1285px){
    .story-right, .story-left{
        width:45%;
    }
}

@media only screen and (max-width: 1240px){
    .approach-page-header-part .top-part {
        width: 90%;
    }
}

@media only screen and (max-width: 990px){
    .approach-page-header-part .top-part {
        width: 80%;
    }
    .key-points-right, .story-right, .key-points-left, .story-left{
        width:100%;
        max-width: 100%;
    }
    .key-points-right{
        margin-top:40px;
    }
    .top-title.mobile-view {
        margin-bottom: 20px;
    }
    .approach-success-story .mobile-view{
        display:block;
    }
    .approach-success-story .desktop-view{
        display:none;
    }
    .excellence-bottom-key-points {
        margin-top: 0px;
    }
    
    .percent {
        margin: 40px 0 60px;
        float: left;
        width: 100%;
    }
    .culture.culture-blog-team.blog-team, .culture.culture-offices {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 767px) {
    section{
        padding: 0px 0px 40px;
    }

    .key-points-right{
        margin-top:0px;
    }
    
    .approach-page-header-part h1 {
        font-size: 32px;
        line-height: 36px;
    }
    
    .approach-page-header-part {
        padding-bottom: 90px;
        padding-top: 280px;
    }
    
    .approach-page-header-part span {
        font-size: 11px;
        line-height: 13px;
        letter-spacing: 1.5px;
    }
    .story-right .content-bottom p {
        font-size: 20px;
        line-height: 30px;
    }
    section .cl-container {
        padding: 0;
    }

    section.approach-excellence .cl-container {
        text-align: left;
        padding: 20px;
        width: 80%;
        margin: 0 auto;
    }

    section.approach-excellence, section.culture-quotes {
        padding-top: 40px;
    }

    .approach-excellence span, .approach-success-story-area h2, p.client-name-title span.name {
        font-size: 11px;
        line-height: 18px;
        padding-bottom: 10px;
    }

    .approach-excellence h1 {
        font-size: 28px;
        line-height: 36px;
        margin-top: 20px;
    }

    .key-points-left, .story-left, .key-points-right, .story-right{
        width:100%;
        max-width: 100%;
    }

    .excellence-bottom-key-points {
        margin-top: 40px;
    }

    .key-points-left h2{
        font-size: 22px;    
        line-height: 26px;
        margin-bottom: 20px;
    }

    .key-points-left ul li{
        font-size: 10px;
        line-height: 18px;
        letter-spacing: 1.5px;
    }

    .key-points-right p{
        font-size: 14px;    
        line-height: 24px;
    }
    
    .key-points-left ul{
        margin-top: 20px;
    }

    .key-points-right {
        margin-bottom: 20px;
    }

    section.approach.approach-excellence.approach-excel-area{
        padding-bottom:30px;
    }

    section.approach.approach-success-story.approach-success-story-area{
        padding-top:50px;
    }

    .percent p{
        font-size: 32px;    
        line-height: 45px;
        margin-bottom: 0px;
    }
    
    .percent span{
        font-size: 9px;
        line-height: 11px;
        letter-spacing: 1.3px;
        margin-left: 26px;
    }
    .percent ul.percent-col-3 li span {
    margin-left: 26px;
}
    .percent.no-percent-case {
        margin-left: 0px;
    }
    .percent ul li {
        padding: 15px 8px;
        margin-bottom: 0px;
    }
    .percent ul li{
        width: 45%;
    }
    .percent ul li.li-2{
        padding: 10px 0;
        text-align: left;
        word-wrap: break-word;
    }
    .percent ul li.li-3{
        width:33.33%;
    }

    .approach-wrapper-story-content .approach-wrapper {
        width: 80%;
    }

    .approach-success-story-area h2{
        padding-bottom:50px;
        letter-spacing: 1.5px;
    }

    .left-title h3{
        font-size: 20px;
        line-height: 26px;
    }

    .right-title{
        margin-top:5px;
    }

    .right-title a{
        font-size: 10px;
        line-height: 21px;
        letter-spacing: 1.25px;
    }

    .top-title.mobile-view {
        margin-bottom: 5px;
    }
    .mobile-view {
        display: block;
    }
    .client-quotes{
        font-size: 20px;    
        line-height: 30px;
    }

    p.client-name-title span.title{
        font-size: 12px;    
        line-height: 14px;
    }

    .client-name-title{
        margin-top:24px;
    }

    .approach-success-story{
        margin-bottom:0px;
        padding-bottom:50px;
    }

    .approach-wrapper-story-content-2, .approach-wrapper-story-content-3{
        padding-top:50px;
    }

    .percent {
        margin: 20px 0 40px;
        float: left;
        width: 100%;
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 30px;
    }
    .excellence-content span,.page-approach p.client-name-title span.name{
        letter-spacing: 1.5px;
    }
	
	/*hub header*/
		.hubheader{
		display:block;
		background:rgba(0,0,0,0.25);
		margin-top:1px;
		padding: 3% 0;
		border: 0;		
		overflow: auto;
        white-space: nowrap; 
		text-transform: uppercase;
		position:absolute;
		left:0;
		width: 100%;
		z-index: 2;
		color: #fff;
		font-size: 14px;
		margin-top: 6%;
		margin-bottom: -7%;
		}
		
		.hubheader .newsNav ul{
        width: 530px;
        display: inline-block;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll; 
        -webkit-overflow-scrolling: touch; 
        -ms-overflow-style: -ms-autohiding-scrollbar;
		}
		
		.hubheader ul li{
		 float:left;
		 display:inline-block;
		 /*margin:2% 31px;*//*CWEBE-232*/
		 margin:2% 13px;/*CWEBE-232*/
		 font-size:9px;
		 line-height:13px;
		 letter-spacing:1.64px;
		 font-family:proximaNovaRegular;
		}
		.hubheader ul li:first-child{
		margin-left: 5.3%;
		cursor:default;
		}
		.hubheader .hubhead_style ul li a:link{
		  color:#fff;
		  font-family: proximaNovaRegular;
		}
		.hubheader .hubhead_style ul li a:visited{
		  color:#fff;
		  font-family: proximaNovaRegular;
		}
		.hubheader .hubhead_style ul li a:hover{
		  color:#fff;
		  font-family: proximaNovaRegular;
		  border-bottom: 0.5px solid;
          padding-bottom: 5px;
		}
}
/*CWEBE-139*/

/*CWEBE-157*/

@media only screen and (max-width: 990px){
    .homepage-page-header-part .top-part {
        width: 80%;
    }

    section{
        padding: 70px 0px 70px;
    }

    .technology-area .left-side-technology, .technology-area .right-side-technology{
        width: 100%;
    }

    .we-work{
        width: 100%;
        min-height: auto;
        margin-bottom: 40px;
    }

    .we-work-area{
        margin-top:50px;
    }

    .right-side-updates{
        padding: 0;
    }

    .right-side-updates a {
    font-size: 10px;
    line-height: 20px;
    }

    .homepage.homepage-updates.updates-area{
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .top-part .cl-container{
        padding: 0;
    }

    .awards-recognition li{
        width: 49%;
    }

    .awards-recognition li:nth-child(2), .awards-recognition li:nth-child(4){
        border-right: 1px solid #DDDDDD;
    }

    .awards-recognition li:nth-child(4){
        border-bottom: 0px;
        border-left: 0px;
    }

}
@media only screen and (max-width: 767px) {
    section{
        padding: 40px 0px 40px;
    }
    /* CWEBS-209 */
    section.work-sub-page.work-sub-page-quotes-section,
    section.work-sub-page-color-pallet-section,
    section.work-sub-page-related-work-section {
        padding: 0;
    }
    section.work-sub-page-study-view-area-one-section,
    section.work-sub-page-study-view-area-two-section,
    section.work-sub-page-result-and-data-section {
        padding-bottom: 0;
    }
    section.work-sub-page-end-client-comments-section,
    section.work-sub-page-result-and-data-section,
    section.platformlanding-expertise-headline-area {
        padding-top: 0;
    }
    section.work-sub-page-result-and-data-section .lightBox h4 {
        font-size: 44px;
    }
     section.work-sub-page-result-and-data-section .lightBox {
        margin-top: 0
     }
    .platformlanding-expertise-headline-area .angleAccolades {
        margin-top: 0;
        padding-top: 10px;
    }
    .platformlanding-header .angleHeaderContent h1 {
        font-size: 25px;
    }
    .page-magento section.platformlanding.platformlanding-header {
        padding-top: 65px;
    }
    /* CWEBS-171 */
    section.work-sub-page-strategy-and-data-section {
        padding-bottom: 0;
    }

 /* CWEBS-209 */



    .visible-xs {
        display: block;
    }
    .hidden-xs {
        display: none;
    }
    .left-side-updates, .right-side-updates{
        width: 100%;
    }

    .awards-recognition li:nth-child(4){
        border-left: 1px solid #DDDDDD;
    }

    .right-side-updates a {
    font-size: 10px;
    line-height: 20px;
    }

    .section-homepage .cl-container, .homepage .cl-container{
        padding:0;
    }

    .what-we-do-area .cl-container, .technology-area .cl-container, .awards-area .cl-container {
        width: 80%;
        margin: 0 auto;
    }
    .we-work .link a {
        font-size: 10px;
        letter-spacing: 1.25px;
        line-height: 21px;
    }
    .homepage-page-header-part h1 {
        font-size: 32px;
        line-height: 36px;
    }

    .awards-recognition li{
        width:100%;
        border-left: 1px solid #DDDDDD;
        border-top: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
        
    }

    .awards-recognition li:nth-child(4), .awards-recognition li:nth-child(5){
        border-bottom:0px;
    }
    
    .section-homepage.homepage-page-header-part {
        padding-bottom: 90px;
        padding-top: 290px;
    }
    
    .homepage-page-header-part span {
        font-size: 11px;
        line-height: 13px;
        letter-spacing: 1.5px;
    }

    .cl-inner-container-left {
        margin-right: 0px;
        margin-left: 0px;
    }

    .cl-inner-container-right {
        margin-left: 0px;
        margin-right: 0px;
    }

    .left-part,
    .right-part {
        width: 80%;
        float: none;
        clear: both;
        margin: 0 auto;
    }

    .homepage span.sub-title, .homepage-case-studies h2, .left-side-technology span{
        color: #000000; 
        font-size: 11px;    
        letter-spacing: 1.5px;  
        line-height: 18px;
    }

    .homepage-case-studies h2 {
        width: 80%;
        margin: 0 auto 40px;
        float: none;
    }

    .homepage-what-we-do h1, .left-side-technology h2{
        color: #000000;     
        font-size: 28px;    
        line-height: 36px;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-right: 30px;
    }

    .homepage-what-we-do p{
        color: #000000; 
        font-size: 14px;    
        line-height: 24px;
    }

    .content-after-line h2, .right-side-updates h3{
        color: #020302;     
        font-size: 22px;    
        line-height: 26px;
        width: 100%;
    }

    .right-side-updates h3{
        margin-bottom:20px;
    }

    .hyfen-content div{
        margin-top: 20px;
    }

    .hyfen-content span{
        margin-bottom: 10px;
        letter-spacing: 1.35px;
        line-height: 11px;
        font-size: 9px;
    }
    .homepage.homepage-technology.technology-area {
        padding-top: 69px;
    }
    .featured-case-studies.featured-case-studies-area{
        margin-bottom: 0;
    }

    .left-side-updates, .right-side-updates {
        width: 80%;
        float: none;
        margin: 0 auto;
    }

    .right-side-updates{
        text-align: center;
    }

    .right-side-updates .title, .right-side-updates h3, .right-side-updates a{
        padding-left:0;
        margin-left:0;
    }

    .we-work-area{
        margin-top: 30px;
    }

    .we-work p{
        color: #000000;     
        font-size: 14px;    
        line-height: 24px;
        margin-top:10px;
    }

    .right-side-updates{
        padding: 30px 0;
    }

    .awards-recognition h4{
        font-size: 12px;
    }

    .awards-recognition p{
        font-size:12px;
        max-width: 80%;
    }

    .awards-area h3{
        font-size: 11px;    
        letter-spacing: 1.5px;  
        line-height: 13px;
        margin-bottom:25px;
    }

    .top-post-title {
        right: 60px;
        bottom: 10px;
    }

    .top-post-title h4 {
        color: #FFFFFF;
        font-family: "minionProRegSubHead", serif;
        font-size: 22px;
        letter-spacing: -0.37px;
        line-height: 26px;
        padding: 0 30px;
        text-align: left;
    }

    .top-post-title h4.is-visible::after {
        top: 20px;
        right: -30px;
    }
	
	/****CWEBS-227-staging***/
   .work-post.is-visible::after {
        top: 44px;
        right: 44px;
    }


    .footer-wrapper-mobile-version{
        padding: 0;
    }

    .homepage-case-studies .content-after-line h2 p {
        letter-spacing: normal;
    }
}
@media only screen and (max-width: 362px) {
    .top-post-title h4 {
        padding: 0 15px;
    }
}

/*CWEBE-157*/
/*CWEBE-141*/
@media only screen and (max-width: 990px) {
    section.newsHeader {
        padding: 0;
    }
    body.category .news-category-page {
        padding-top:43px;
    }
    section.news-page.news-content {
        padding-top:0;
    }
    section.work.all-works {
        padding-top: 0;
        box-shadow: none;
        padding-bottom: 0;
    }
    .clearfix {
        overflow: hidden;
        clear: both;
    }
}
@media only screen and (max-width: 767px) {
    section.work.all-works {
        padding-top: 0;
    }
    body.category .news-category-page {
        padding-top:33px;
    }
    section.newsHeader.newsSearchForm li {
        vertical-align: middle;
    }
    .footer-wrapper-bottom {
        width: 80%;
        margin: 0 auto;
    }
	/*CWEBS-291*/
	.our-work-list .row .work-item .work-banner .logo-bg {
      max-height: none!important; 
    }
	
}
@media only screen and (max-width: 540px) {
    body.category .news-category-page {
    body.category .news-category-page {
        padding-top:65px;
    }
}
/*CWEBE-141*/