@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1920px) {
	.norecordWrapper{min-height:60em;}
}
@media only screen and (max-width:1500px) {
	div#menu-list>ul.socialmenu li {bottom: -63%;}
	.bannerdetailWrapper{bottom:6%;}
	.norecordWrapper{min-height:40em;}
}
@media only screen and (max-width:1280px) {
	.bannerdetailWrapper{bottom:22%; width: 35%;}
	.serviceWrapper .serviceslisting li .services img{ width: 90%;}
	.testimonialWrapper .clientimg img{width:19%;}
	.aboutdtlWrapper ul{width:85%;}
	div#menu-list>ul.socialmenu{width:5%;}
	div#menu-list>ul.socialmenu li {bottom: -69%;}
	.blogdetailWrapper ul.social_icon li {width: 20%;}
	.stakeservicelisting .stakedtl h3{font-size: 1.4em; min-height: 3.5em;padding: .2em 0.5em .2em 0.5em;}
	.stakeservicelisting .stakedtl p{height: 5.5em;}
}
@media only screen and (max-width:1100px) {
	.aboutdtlWrapper ul{width:90%;}
	.contactinnerbanner{bottom: 15%;}
	div#menu-list>ul.socialmenu {width: 5.7%;}
	.pin-middleeast {width: 12%;top: 45%;}
	.pin-africa {width: 6%;}
	.termsimgWrapper h2{font-size:3em }
	.serviceInnerWrapper .serviceWrapper .serviceslisting li{width: calc(31% - 4px)!important;}
}
@media only screen and (max-width: 1024px) {
	.bannerdetailWrapper{width:100%;height:auto;margin:0 auto;text-align:center;position:relative;bottom:unset;left:unset;overflow:auto}
	/* .bannerdetailWrapper {bottom: 38%; width: 40%;} */
	.services{padding: 4em;}
	.serviceWrapper .serviceslisting li .services img{ width:100%;}
	.testimonialWrapper .clientimg{    margin-top: -14em;}
	.testimonialWrapper .clientimg img {width: 24%;}
	footer{display: inherit;}
	footer .leftcol, footer .rightcol, footer .centertcol{width: 100%;margin: 0 auto; padding: 1em 0;background-color: #f5f5f3;}
	footer .leftcol p {text-align: center;}
	.contactinnerbanner{bottom: 35%;}
	.contactusmapWrapper .leftcol, .contactusmapWrapper .rightcol{width:100%;float:none;}
	.contactusmapWrapper .rightcol .accordion{margin-top: 3em;}
	.aboutdtlWrapper ul{width:100%;}
	.aboutusWrapper .aboutustabs li:nth-child(1){margin-left: 0%;}
	.aboutusWrapper .aboutdtlWrapper .centerWrapper{width:100%;}
	.howtoWrapper .leftcol{width:100%;float:none;}
	.howtoWrapper .rightcol{width:100%;float:none;}
	.appdownloadWrapper .howtoWrapper .leftcol img {width: 35%;}
	.appdownloadWrapper .howtoWrapper .howtolisting .slick-dots li button{width:21px;}
	.appdownloadWrapper .leftcol{width:100%;float: none;}
	.appdownloadWrapper .rightcol{width:80%;float: none;margin-left:10%;}
	.appdownloadWrapper .rightcol h1{padding: 1em 0 0 0;}
	.appdownloadWrapper .keyfeaturestab{width:80%;}
	.whychoosetheappWrapper .centerWrapper .chooselisting li{width:100%;}
	.howtoWrapper .howtolisting .rightcol{width:100%;float: none;margin-left:0%;}
	.submenu{width:95%;height:auto;margin:2% auto 0;text-align:left;position:relative;top:unset;left:unset;color:#fff;z-index:3;display:none}
	header .leftmenuWrapper, header .rightmenuWrapper{width:3%;}
	header .centermenuWrapper{width:90%;}
	header .centermenuWrapper .leftcol{width:100%;}
	header .centermenuWrapper .rightcol{display: none;}
	div#menu-list>ul.socialmenu{display:none;}
	header .centermenuWrapper .leftcol img {width: 35%;margin-top: 0;}
	div#menu-list>ul.mainmenulisting{width:100%;}
	div#menu-list>ul.mainmenulisting {margin:0 7.3em;}
	.blogWrapper .bloglisting li:first-child {width: 100%;margin-right: 0%;}
	.blogWrapper .bloglisting li:nth-child(2), .blogWrapper .bloglisting li:nth-child(4){width:49%;margin-right: 2%;}
	.blogWrapper .bloglisting li:nth-child(3), .blogWrapper .bloglisting li:nth-child(5){width:49%;margin-right:0%;}
	.blogdetailWrapper h2{padding: 1em 2em 1em 2em;}
	.blogdetailWrapper ul.social_icon li {width: 25%;}
	.pin-middleeast{width:12%;top:44%;left:50%}
	.pin-africa{width:7%;top:58%;left:49%}
	.pin-india{width:5%;top:50%;left:62%;}
	.map-container {font-size: .8em;}
	.bannerWrapper.appdownloadWrapper .rightcol{width:100%;float:none;top:0;left:0;right:0;    margin-right:auto;}
	.appdownloadWrapper .rightcol h1, .appdownloadWrapper .rightcol p, .appdownloadWrapper .rightcol .downloadblink{text-align: center;float:none;}
	.apppopupWrapper video{/* top:20%; */}
	.whychoosetheappWrapper .centerWrapper{width:80%;}
	.stakeservicelisting li{width:calc(100% - 2px);}
	.stakeservicelisting li:nth-child(even){margin-right: auto;}
	.stakeservicelisting .stakedtl h3{min-height: auto;}
	.stakeservicelisting .stakedtl p{min-height: auto;height: auto;overflow: auto;}
	.stakeservicelisting li .stakedtl{ max-height: initial;
    min-height: initial;}
	.stakeservicelisting .stakedtl .fa-angle-down, .stakeservicelisting .stakedtl p a.readmore{display: none;}
	.stakeservicelisting .stakedtl h3{padding: .8em 0.5em .2em 0.5em;}
	.stakeholderservicetabs li{font-size: 1.2em;}
	.comment-respond form {width: 80%;}
	.norecordWrapper{min-height:60em;}
}
@media only screen and (max-width:800px) {

	.serviceWrapper p{padding: 0 2em;}
	/*.serviceWrapper .serviceslisting li{width: calc(48.5% - 2px);}*/
	.serviceWrapper .serviceslisting li:nth-child(even){margin-right: 0%;}
	.serviceWrapper .serviceslisting li:nth-child(3n+0) {margin-right:2%;}
	.serviceWrapper .serviceslisting li .services img{ width:70%;}
	.serviceWrapper .serviceslisting li:nth-child(6n+0) {margin-right:0%;}
	.recentarticalWrapper .recentarticalrow .recentarticalcol, .recentarticalWrapper .recentarticalrow .recentarticaldtl{ width: 100%;float:none;}
	.recentarticalrow{display: inherit;}
	.recentarticalWrapper .recentarticalrow .recentarticalcol p, .recentarticalWrapper .recentarticalrow .recentarticaldtl h3, .recentarticalWrapper .recentarticalrow .recentarticaldtl a, .recentarticalWrapper .recentarticalrow .recentarticaldtl p{margin: 1% auto;}
	.testimonialWrapper .clientimg img{width:25%}
	.testimonialWrapper .clientdetail p{margin: 0 1.5em;/* margin:0 auto; *//* padding: 2em 1em 1em 1em; */}
	.testimonialWrapper .clientimg{top: 5em;right:0;}
	.clientwrapper{margin: 1em auto 2em auto;}
	.contactusformWrapper .centerWrapper{width:80%}
	.contactinnerbanner h2{padding: .5em 0;}
	.contactinnerbanner {bottom: 41%;}
	.contactinnerbanner p{padding: 1em;}
	/*.aboutdtlWrapper ul li:nth-child(2){margin-right:0}
	.aboutdtlWrapper ul li{width:49.5%;}*/
	.popupWrapper .popuprow .leftcol, .popupWrapper .popuprow .rightcol{width:100%}
	.popupWrapper .popuprow .leftcol{margin-bottom: 1em;}
	.aboutdtlWrapper ul li:nth-child(3) {margin-right: 1%;}
	/*.serviceWrapper .serviceslisting li {width: calc(48% - 2px)!important;}*/
	.appdownloadWrapper .howtoWrapper .howtolisting .slick-dots li {width: 7%;}
		.map-bg-mobile {display:block;}
	.map-bg{display: none;}
	.pin-india{width:8%;top: 61%;left: 59%;}
	.pin-middleeast{width:16%;top:57%;left:34%}
	.pin-africa{width:7%;top: 65%;
    left:30%;}
	.landing-logo img {width: 40%;}
	#menu-list>ul.mainmenulisting>li{width: auto;}
	.seachrow {width: 50%;}
	.testimoniallistingWrapper .clientimg:nth-child(even){ right: 0;top: 0%;transform: translate(0%, -50%);}
	.testimoniallistingWrapper .clientimg:nth-child(odd){ right: 0;left: 0; top: 0%;transform: translate(0%, -50%);}
	.testimoniallistingWrapper .clientdetail p{margin: 0 1.5em;}
	.testimoniallistingWrapper .clientimg img {width:30%;}
	.testimoniallistingWrapper .clientwrapper:nth-child(even) .clientdetail p:nth-child(1) {/* margin: 22% 0% 0 5%; */}
	.testimoniallistingWrapper .clientwrapper:nth-child(even) .clientdetail p.testimonialname {/* text-align: left; */}
	.testimoniallistingWrapper .clientwrapper{margin: 4em auto;}
	.serviceInnerWrapper .serviceWrapper .serviceslisting li .services{padding: 2.5em!important;}
}
@media only screen and (max-width:640px) {
	/*.serviceWrapper .serviceslisting li {width: calc(100% - 2px);margin:1em auto;}*/
	.clientwrapper{margin-right:15px;}
	.contactusform .leftcol, .contactusform .rightcol{    width:100%;}
	.contactusform .rightcol .contactsubmitbtn{width: 40%;}
	.contactinnerbanner h2{padding: .1em 0;}
	.contactinnerbanner { bottom: 50%;}
	.aboutusWrapper .aboutustabs li {margin: 2% 5% 2% 0;}
	.aboutdtlWrapper .managementWrapper li{margin: 1% auto 5% auto;}
	.serviceWrapper .serviceslisting li .services img { width: 100%;}
	.services {padding: 3em;}
	header .leftmenuWrapper, header .rightmenuWrapper{width:5%;}
	div#menu-list>ul.mainmenulisting:after {left: 80px;}
	.blogWrapper .bloglisting li:first-child {width: 100%;margin-right: 0%;}
	.blogWrapper .bloglisting li:first-child .leftcol, .blogWrapper .bloglisting li:first-child .rightcol{width: 100%;}
	.blogWrapper .bloglisting li:nth-child(2), .blogWrapper .bloglisting li:nth-child(4), .blogWrapper .bloglisting li{width:100%;margin-right:0%;}
	.blogWrapper .bloglisting li:nth-child(3), .blogWrapper .bloglisting li:nth-child(5){width:100%;margin-right:0%;}
	.blogdetailWrapper h2, .relatedWrapper h2{padding: 1em 0 1em 0;}
	.blogdetailWrapper ul.social_icon li {width:40%;margin-bottom: 2%;}
	.landing-logo img {width: 50%;}
	.appdownloadWrapper .rightcol h1 {font-size: 2.5em;}
	.appdownloadWrapper .rightcol .downloadblink{padding: .8em 1em;}
	.bannerWrapper.appdownloadWrapper .rightcol{width:100%;float:none;top:unset;left:unset;right:unset;margin-right:auto;position:relative;background-color:#008c8d; }
	.apppopupWrapper video {width: 75%;}
	div#menu-list>ul.mainmenulisting { margin: 0 6em;}
	.stakeholderservicetabs li{font-size: 1em;}
	.closeWrapper img {width: 4%;}
	.testimonialWrapper .clientimg {top:75%;}
	.termsimgWrapper h2{font-size:2.5em }
	.usercomments ul .leftcol {width: 20%;}
	.usercomments ul .rightcol {width: 80%;}
	.usercomments ul .rightcol p .commenterdate {display: block;}
	.appdownloadWrapper .keyfeaturestab li{margin: 0 4% 3% 0 ;}
	.serviceInnerWrapper .serviceWrapper .serviceslisting li{width: calc(45% - 4px)!important;}
}

@media only screen and (max-width:480px) {
	.testimonialWrapper .centerWrapper{width:90%;}
	.servicedetailWrapper h2{font-size: 1.5em;}
	.servicedetailWrapper .centerWrapper{width:80%;}
	.clientwrapper{margin: 1em auto 2em auto;}
	.contactusformWrapper .centerWrapper{width:90%}
	.contactusmapWrapper .rightcol .accordion{width: calc(100% - 50px);}
	.contactusmapWrapper .rightcol .accordion a, .accordion p{font-size: .8em;}
	.contactusmapWrapper .centerWrapper{width:100%;}
	.contactinnerbanner p{padding: 0 .5em;}
	.contactinnerbanner {bottom:62%;}
	.servicedetailWrapper .centerWrapper h2, .contactinnerbanner h2{font-size: 1.5em;}
	.aboutdtlWrapper .managementWrapper{width: 100%;}
	/*.serviceWrapper .serviceslisting li {width: calc(98% - 2px)!important;}*/
	.serviceWrapper p {padding: 0;}
	.serviceWrapper .serviceslisting li .services img {/* width:70%; */}
	.services {padding:4em;}
	.appdownloadWrapper .rightcol h1, .appdownloadWrapper .rightcol h2, .whychoosetheappWrapper .centerWrapper h3, .blogdetailWrapper h2, .comment-respond h2, .searchResults h1{font-size: 2em;}
	
	.appdownloadWrapper .howtoWrapper .howtolisting .slick-dots li {width: 10%;}
	header .centermenuWrapper .leftcol img{width:50%;margin-top: 0;}
	header .leftmenuWrapper, header .rightmenuWrapper{padding: 1em;}
	#menu-list>ul.mainmenulisting>li{font-size: 1em}
	.submenu .submenulisting li{font-size:.8em}
	.relatedWrapper .centerWrapper {width: 80%;}
	.pin-africa{width:16%;top:67%;left:27%}
	.pin-india{width:12%;top:58%;left:58%}
	.pin-middleeast{width:25%;top:51%;left:33%}
	.appdownloadWrapper .rightcol h1 {padding: 0;font-size: 2em;}
	.appdownloadWrapper .keyvideoWrapper p{padding: 1.5em; text-align: left;}
	.appdownloadWrapper .keyfeaturestab {width: 90%;}
	.appdownloadWrapper .keyfeaturestab{margin: 0 auto 0 auto;}
	.appdownloadWrapper .rightcol h2{padding: 1em 0 0 0;}
	.stakeholderservicetabs li{font-size: .8em;margin-bottom: 1em;}
	.stakeholderWrapper .stakeholdertabs li{margin: 0 5% 4% 0;}
	.seachrow {width:80%;}
	.termsimgWrapper h2{font-size:2em }
	.blogdetailWrapper ul.social_icon li { width: 48%;margin-bottom: 2%;}
	.comment-respond form {width: 78%;}
	.comment-respond input[type=submit] {width: 50%;}
	/*.recentblogslider .slick-prev, .recentblogslider .slick-next{top:36%;}*/
	.testimonialbanner p{padding: 0%;}
	.testimonialbanner h2{padding: .2em;}
	.testimonialbanner{bottom: 5%;}
}
@media only screen and (max-width:380px) {
	.contactinnerbanner {bottom:59%;}
	.appdownloadWrapper .rightcol .downloadblink{font-size: .8em}
	div#menu-list>ul.mainmenulisting:after {left: 63px;}
	div#menu-list>ul.mainmenulisting {margin: 0 5em;}
}
@media only screen and (max-width:320px) {
	.clientwrapper{margin: 1em auto 2em auto;}
	.testimonialWrapper .clientdetail p {/* padding:3em 1em 1em 1em; */}
	.testimonialWrapper .clientimg{margin-top:-25em;}
	.contactusmapWrapper .rightcol .accordion a:after{width: 9px; height: 9px;top:10px;}
	.contactinnerbanner {bottom: 53%;}
	.pin-middleeast { width: 28%;}
}