@media only screen and (max-width: 1800px) {
    header .home-container {padding:0 15px;}
    .menu ul li {/*font-size: 13px;*/ margin-right:22px;}
    .menu ul li a.readMoreBtn {padding: 10px 15px; font-size: 14px;}

    .popupMenuBox {padding: 20px;}
    .mobMenuCover.active a.mobMenu {top: 20px;}
    .popupMenu li {padding: 12px 0 0 0; font-size: 20px;}
    .popupMenu.smll li {font-size: 18px;}
    .conInfo li {font-size: 18px;}
    .popupBot {bottom: 20px; left: 20px;}
    .popupMenuBox {width: 400px;}
    .topSocialLink {padding: 20px 0 0 0;}

    .popupDDBox {width: calc(100% - 400px); right: calc(-100% + 800px); padding: 20px;}
    .popupDDBox.active {right: 400px;}
    .popupDDBox .hd {font-size: 40px;}
    .popupDDBox .text {font-size: 15px; line-height: 23px;}
    .popupDDBox .linkBox .subHd {font-size: 15px;}
    .popupDDBox .linkBox ul li {font-size: 13px;}

	.menuTopInner {max-width:1220px;}
    .menuDDBot .inner {flex-wrap: nowrap; padding-left: 140px;}
    .menuDDBot .viewInsights a {padding: 40px 0px 40px 40px !important; font-size: 13px;}
    .menuDDBot .viewInsights a img { width: 28px; top: 32px;}
    .menu ul li .headerSL li {font-size: 13px;}
    .menu ul li .headerSL li span {font-size: 16px;}
    .menu ul li .headerPL {flex-wrap: nowrap;}
    .menu ul li .headerPL li {padding:20px 10px; margin:0;}
    .menu ul li .headerPL li img {max-width: 100px;}

    .bannerCon .bannerItem .home-container {padding: 100px 40px 20px 40px;}
    .bannerHd {font-size: 60px; line-height: 55px; padding-bottom: 30px;}
    .bannerText {font-size: 20px; max-width: 1050px; line-height: 30px; padding: 30px 0 30px 0;}
    a.readMoreBtn {font-size: 16px; padding: 12px 25px;}
    .home-container {padding: 30 40px;}
    .mainHd {font-size: 32px;}
    .hdText {font-size: 19px; line-height: 24px;}

    .serviceLink {width: 300px;}
    .serviceLink a {padding: 1px 20px 1px 20px; font-size: 20px;}
    .serviceMid {width: calc(100% - 600px); padding: 0 15px;}
    .serviceList {margin: -10px;}
    .serviceList li {padding: 10px;}
    .serviceList > li > a {padding: 15px;}
    .serviceList > li > a .hd {font-size: 18px; line-height: 20px; margin-bottom: 10px; padding-left: 50px; min-height: 40px;}
    .serviceList > li > a .hd img {width: 40px;}
    .salesforceBox {width: 300px; padding: 15px 25px 25px 25px; }
    .salesforceBox .hd {font-size: 22px; line-height: 28px;}
    .salesforceBox .btn {left: 25px; bottom: 25px;}

    .pfLft .pfInner .name, .pfRgt .pfInner .name {padding: 20px; font-size: 20px; line-height: 28px;}
    .pfInner .overBox {padding: 20px; font-size: 18px; line-height: 30px;}
    .pfInner .overBox .hd {font-size: 26px; line-height: 36px;}
    .pfInner .overBox a {font-size: 16px;}
    .pfRgtTop .pfInner .overBox, .pfRgtBot .pfInner .overBox {font-size: 16px; line-height: 26px;}
    .pfRgtTop .pfInner .overBox .hd, .pfRgtBot .pfInner .overBox .hd {font-size: 20px; line-height: 26px; padding-bottom: 10px;}
    .pfInner .overBox .mb20  {margin-bottom: 15px;}
    a.learnMore {font-size: 19px; padding: 10px 15px;}

    .statsList {padding: 50px 0;}
    .statsList ul {margin: -10px 0; padding:0 25px;}
    .statsList ul li {padding: 10px 5px;}
    .statsList li > div {padding: 20px 10px; font-size: 13px; line-height: 25px;}
    .statsList li > div span .counter {font-size: 24px;}
    .videoCon {width: calc(50% - 20px); margin:50px 0 50px 20px; height: 300px;}
    .videoTop {max-width: 320px;}
    .partnerBox {padding-right: 25px;}
    .clientBox {padding-left: 25px;}
    .newsLft {padding: 25px;}
    .newsLft .hd {font-size: 30px;}
    .newsList li {font-size: 16px; line-height:1.3; font-weight: 400;}
    .newsList li a {padding: 16px 50px 16px 0;}
    .blogBox figure {font-size: 20px; top: 70%;}
    .blogBox figure .hd {font-size: 20px; line-height: 26px;}
    .letsTalk .hd {font-size: 26px; padding: 0 0 5px 0;}
	.letsTalk a {font-size:18px;}
    .footerTop {margin: 0 -10px;}
    .footerCol {padding:35px 10px;}
    .footerCol.colm2 {width: 17%;}
    .footerCol.colm3 {width: 20%;}
    .footerCol.colm4 {width: 17%;}
    .footerCol.colm5 {width: 26%;}
}

@media only screen and (max-width: 1279px) {
.headRgt {height: 80px;}
.menu {display: none;}
.popupMenuBox {width: 320px;}
.popupDDBox {width: calc(100% - 320px); right: calc(-100% + 600px);}
.popupDDBox.active {right: 320px;}
.popupDDBox .linkBox .subHd {position: static;}
.popupDDBox .hd {font-size: 30px; padding: 0 55px 0 0;}
.popupDDBox .text {padding: 15px 0 0 0;}
.popupDDBox .linkBox {padding: 20px 0;}
.popupDDBox .linkBox .subHd img {top: 16px;}
.popupDDBox .linkBox ul {padding: 12px 0 0 0;}
.bannerCon {min-height: auto;}
.bannerCon .bannerItem .home-container {min-height: 560px;}
.bannerHd {font-size: 55px; line-height: 50px;}
.bannerText {font-size: 19px; line-height: 27px;}
.home-container {padding: 0 15px;}
.pt50 {padding-top: 30px;}
.pb50 {padding-bottom: 30px;}

.mainHd {font-size: 28px;}
.hdText {font-size: 17px; line-height: 22px;}

.serviceMid {width: calc(100% - 300px); padding: 0 0 0 15px;}
.salesforceBox {width: 100%; display: none; align-items: center; margin-top: 20px; padding:15px;}
.salesforceBox .img {padding: 0 30px 0 0;}
.salesforceBox .hd {padding: 0; font-size: 20px; line-height: 25px;}
.salesforceBox .btn {left: initial; right: 20px; bottom: 50%; margin-bottom: -21px;}

.pfLft .pfInner .name, .pfRgt .pfInner .name {padding: 15px; font-size: 16px; line-height: 22px;}
.pfInner .overBox .hd {font-size: 20px; line-height: 26px;}
.pfInner .overBox {padding: 15px; font-size: 15px; line-height: 22px;}
.pfInner .overBox a {font-size: 16px;}
a.learnMore span:after {top: 0;}
.pfRgtTop .pfInner .overBox, .pfRgtBot .pfInner .overBox {padding: 15px; font-size: 15px; line-height: 22px;}
.pfRgtTop .pfInner .overBox .hd, .pfRgtBot .pfInner .overBox .hd {font-size: 18px; line-height: 24px; padding-bottom: 10px;}

.statsList {padding: 30px 15px;}
.statsList ul {margin: -5px 0; padding: 15px 20px;}
.statsList ul li {padding: 5px;}
.statsList li > div {padding: 10px; font-size: 14px; line-height: 22px;}
.statsList li > div span {font-size: 18px;}
.statsList li > div span .counter {font-size: 20px;}
.videoCon {width: calc(50% - 30px); margin: 30px 15px 30px 15px;}
.videoOuter {bottom: -23px;}
.videoTop {max-width: 300px;}
.videoDots li {padding-top: 5px;}
.clientCon {padding: 0 15px;}
.partnerBox {padding-right: 15px;}
.clientBox {padding-left: 15px;}
.newsLft {padding: 15px;}
.newsList {margin-bottom: 20px;}
.newsList li {font-size: 14px; line-height: 22px; font-weight: 400;}
.newsList li a {padding: 14px 70px 14px 0;}
.newsLft .hd {font-size: 24px; padding-bottom: 10px;}
.blogBox figure {padding: 15px; top: 75%;}
.blogBox figure .title {left:15px; bottom:10px; font-size:15px;}
.blogBox figure .hd {font-size: 17px; line-height: 24px;}
.tollFree span {font-size: 24px;}
.socialLink li a {height: 35px;}
.socialLink li a:after {transform: scale(.8);}
.footerCol {width: 30%;}
.footerCol.colm2 {width: 22%;}
.footerCol.colm3 {width: 26%;}
.footerCol.colm4 {width: 22%;}
.footerCol.colm5 {padding: 0 10px 20px 10px; width: 100%; max-width: 340px; margin: auto; display:none;}
}

@media only screen and (max-width: 999px) {
.bannerHd {font-size: 45px; line-height: 50px;}
.popupMenuBox {width: 100%; position: fixed; overflow: auto;}
.mobMenuCover.active .quickMenuCon {overflow: auto;}
.popupBot {position: static;}

.popupDDBox .hd {padding:10px 55px 0 0px;}
.popupDDBox {width:100%; height: 100%; transition:ease-in-out .5s; overflow: auto; position: fixed; right:-100%; top: 0; padding:20px; z-index: 100;}
.popupDDBox.active {right: 0; transition:ease-in-out .5s;}
.popupDDBox .back {display: block; color: #fff;}
.popupDDBox .back img {transform: rotate(180deg); vertical-align: middle; margin: 0 5px 2px 0;}
.mainHd {font-size: 26px;}
.serviceLink {width: 180px;}
.serviceLink a {padding: 1px 10px; font-size: 18px; text-align: right;}
.serviceMid {width: calc(100% - 180px);}
.serviceList {margin: -5px;}
.serviceList li {padding: 5px;}
.serviceList > li > a {padding: 10px;}
.serviceList > li > a .text {font-size: 13px;}
.pfInner .overBox .mb20  {display: none;}
.pfRgtTop .pfInner .overBox, .pfRgtBot .pfInner .overBox {padding: 10px;}
.pfRgtTop .pfInner .overBox .hd, .pfRgtBot .pfInner .overBox .hd {font-size: 15px; line-height: 20px;}
.pfInner .overBox a {font-size: 15px;}
.statsList {width: auto; padding: 20px 15px; border-right: none; border-bottom: 1px solid #fff; margin: -5px;}
.serviceList > li {padding: 5px;}
.videoCon {width: calc(100% - 30px); margin: 15px 15px 30px 15px; height: 320px;}

}

@media only screen and (max-width: 767px) {
header .home-container {height: 70px;}

.salesforceBox {display: none;}
.bannerCon .bannerItem .home-container {padding: 80px 15px 20px 15px; min-height:calc(100vh - 50px);}
.bannerHd {font-size: 26px; line-height: 30px;}
.bannerText {font-size:17px; line-height:22px; padding:20px 0; display:none;}
.sfBanImg {width:70px !important; margin:0 0 10px 4px !important;}
a.readMoreBtn {font-size: 15px; padding: 10px 25px;}
.mainHd {font-size: 26px;}
.hdText {font-size: 15px; line-height: 20px;}
.mb20 {margin-bottom: 20px;}
.serviceLink {width: 100%; border-right:none; display: none; margin-bottom: 10px;}
.serviceLink a { width: 50%; height: 50px; border-right: 1px solid transparent; padding: 10px; font-size: 14px; justify-content: center;}
.serviceLink .active {display: none;}
.serviceLink a.current {border-right: 1px solid rgba(255,255,255,1);}
.serviceMid {width: 100%; padding: 0; display: none;}
.statsList {padding: 15px 10px; margin: 0px;}
.videoCon {width: calc(100% - 20px); margin: 15px 10px 30px 10px; height: 230px;}
.partnerBox {width: 100%; padding-right: 0;}
.partnerBox:after {width: 100%; height: 1px; right:0px; top: 100%; background: #ccc;}
.clientBox {width: 100%; padding-left: 0;}
.newsLft {width: 100%;}
.newsRgt {width: 100%; height: 320px;}
.blogBox figure {top: 70%;}
.letsTalk {padding: 20px 0; font-size: 35px;}
.letsTalk .hd {font-size: 22px;}
.footerCol.colm2, .footerCol.colm3, .footerCol.colm4 {display: none;}
.footerCol.colm1 {width: 50%;}
.footerCol.colm5 {width: 50%; display:block;}

.serviceForMob {display: block;}
.serviceForMob .serviceList {display: flex;}
.popupDDBox {padding: 15px;}
.popupDDBox .linkBox ul li {font-size: 12px;}
.blogBox a .topHd {font-size: 15px;}
.blogBox figure {padding:15px 15px 30px 15px;}
.blogBox figure .hd {font-size: 15px; line-height: 18px;}
.blogBox figure .date {font-size:13px;}
.blogBox figure .title {font-size: 13px; left:15px; bottom:5px;}
.newsList li a span {font-size:13px;}
.newsList li a {padding: 14px 50px 14px 0;}

.serviceList > li > a .hd {margin-bottom: 0px; padding-left: 0; min-height: 30px; text-decoration:underline;}
.serviceList > li > a .hd img {width: 30px;}
.serviceList > li > a {height:auto; color:#fff; padding:5px 10px 10px 10px;}
.serviceList > li > a:before {transform: scale(1); opacity: 1;}

.serviceMobLink {position:relative; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.3); padding:5px 10px 15px 10px;}
.serviceMobLink:before {content:''; position:absolute; left:0; top:-5px; background:#fff; width:100%; height:10px;}
.serviceMobLink li {width:50%; font-size:14px; padding:5px 5px 5px 20px; position:relative; z-index:2;}
.serviceMobLink li:before {content:''; width:10px; height:10px; border:1px solid #666; position:absolute; left:0; top:5px;}
.serviceMobLink li:after {content:''; border-bottom:3px solid transparent; border-top:3px solid transparent; border-left:4px solid #333; position:absolute; left:5px; top:8px;}
.serviceMobLink li a {display:inline-block; text-decoration:underline;}



.eventCon {flex-direction: column-reverse;}
.eventCon .newsLft {background:none; padding:12px 0 0 0;}
.eventCon .newsLft .hd {display:none;}
.eventCon .newsLft .newsList {display:none;}
a.newsBtn {background:#00a2ee;}

}


@media only screen and (max-width: 479px) {
.popupDDBox .linkBox ul li {width: 50%; padding: 2px 5px;}
.pt50 {padding-top: 20px;}
.pb50 {padding-bottom: 20px;}
.serviceLink {flex-wrap: wrap;}
.serviceList {margin: -5px;}
.serviceList > li {width: 100%; padding: 5px;}
.pfLft {width: 100%; height: 300px;}
.pfRgt {width: 100%;}
.pfRgtTop {width: 100%; height: 220px; display: none;}
.pfInner .overBox .mb20  {display: block;}
.pfRgtTopC > div {width: 100%; height: 220px;}
.videoTop {max-width: 250px;}
.statsList ul {margin: -2px; padding: 10px 0;}
.statsList ul li {width: 50%; padding: 2px;}
.statsList li > div {padding: 6px; font-size: 13px; line-height: 19px;}
.partnerList li {width: 33.33%;}
.mobileHide {display: none !important;}

.footerCol.colm1 {width: 100%; padding: 20px 10px 0 10px; display: none;}
.footerCol.colm5 {width: 100%; padding: 5px 0 0 0; max-width:100%;}

footer .home-container {padding:0;}
footer .footerTop {margin:0;}

.footerRgt {padding: 10px 5px; border:none; border-right:none; border-bottom:none;}
.tollFree {display:none !important;}
.mailSkp {display:none !important;}
.footerRgt a.readMoreBtn {display:none;}
.socialLink {padding: 0 0 5px 0; max-width:260px; margin:auto; justify-content:center;}
.socialLink li a {height:32px;}
.socialLink li a:after {transform: scale(0.7);}
.socialLink li a:hover {background:none;}
.footerCol.colm2 {display:block; width:48%; padding:25px 10px 0 10px;}
.footerCol.colm3 {display:block; width:52%; padding:25px 10px 0 10px;}
.footerLink li {font-size:13px;}
.footerLink li.mobHide {display:none;}
.ccBox {max-width:260px; margin:5px auto 0 auto; padding:0 5px;}
.crating {font-size:9px;}
.crating span {font-size:9px;}
.clutch span {font-size:9px;}
.clutch {padding: 3px 0 0 27px;}
.clutch .clImg {width:22px;}
.copy {text-align:center; font-size:11px;}
.mobSk {display: flex; color: #fff; font-size: 14px;}
.mobCon {display:block;}
}