@media screen and (min-width: 0px) and (min-width: 1921px) {
  .boximg {max-width: 1620px;margin: 0px auto;left: 0;right: 0; display: flex; justify-content: end;}
}

@media screen and (min-width: 0px) and (max-width: 1900px) {
h1 {font-size: 90px;line-height: 90px;}
.bannerText {max-width: 58%;}
}
@media screen and (min-width: 0px) and (max-width: 1800px) {
h1 {font-size: 82px;line-height: 82px;}
.boximg{ right: -4%;}
.BannerSec { overflow: hidden;}
}
@media screen and (min-width: 0px) and (max-width: 1680px) {
header {padding: 40px 0 20px;}
body:not(.menuopen) .gescout-show, body:not(.menuopen) .shrink:not(.gescout-sticky) { top: -18px;}
.BannerSec {min-height: 700px;}
.CountrySnap .col-12 > h2{ margin-bottom: 82px;}
.ContentB ul li{ width: 33.33%;}
.boximg {max-width: 640px;}
.bannerText {padding-top: 140px; max-width: 62%;}
.topSpace{ padding-top: 240px}
}

@media screen and (min-width: 0px) and (max-width: 1600px) {
body{ font-size: 24px; line-height: 28px;}
h1{font-size:80px; line-height:80px;}
h2{font-size: 40px; line-height:50px;}
h3{font-size: 40px; line-height:50px;}
.BannerSec {min-height: 650px;}
.IntroSec .col-6:first-child{padding-right: 60px}
.IntroSec .col-6:last-child{padding-left: 60px}
.ThreeCol img{ max-width: 300px; margin-bottom: 40px;}
.ThreeCol .col-12 {padding-bottom: 60px;}
.KeyFacts .col-3 > div{ padding-bottom: 120px;}
.accRow h3 img{ max-width: 46px; margin-right: 20px;}
.accRow h3 span{ top: 32px;}
.boximg{ right: 0%;}
}
@media screen and (min-width: 0px) and (max-width: 1550px) {
.bannerText {max-width: 68%;}
.BannerSec { min-height: 600px;}
.boximg{ right: 0%;max-width: 560px;}
}

@media screen and (min-width: 0px) and (max-width: 1441px) {
h1{font-size:72px; line-height:72px;}
h2{font-size: 36px; line-height:46px;}
h3{font-size: 36px; line-height:46px;}
.container_1600, .ContentBox{ padding: 0 100px;}
.GridTextImg .flexWrap:nth-child(even) .textbox{ padding:0 100px 0 60px;}
.GridTextImg .flexWrap:nth-child(odd) .textbox{ padding:0 60px 0 100px;}
.LeftImgText .textbox{padding:0px 100px 0 60px;}
.RightImgText .textbox{ padding:0 60px 0 100px;}
.IntroSec .col-6:first-child{padding-right: 40px}
.IntroSec .col-6:last-child{padding-left: 40px}
.IntroSec {padding: 80px 0 140px;}
.KeyFacts .col-3 > div { padding: 0 20px 120px;}
.KeyFacts img{ max-height: 100px}
.ThreeCol .col-12 {padding-bottom: 44px;}
.subtitle{ font-size: 24px; line-height: 34px; margin-bottom: 0}
.GridTextImg .textbox h2 { margin-bottom: 40px;}
.GridTextImg .subtitle{ margin-bottom: 6px}
.accRow h3 span{ top: 30px;}
.accRow h3 img{ max-width: 44px;}
.ContentB ul li img{ max-height:120px;}
.ContentB{ padding-bottom: 100px;}
.DownloadSec .col-8 > div { max-width: 80%;}
.bannerText {max-width: 62%; padding-right: 20px;}

.BSpace{ padding: 0 0 100px;}
.TBSpace{ padding: 100px 0;}
.TSpace{ padding:100px 0 0 0;}
}

@media screen and (max-width: 1366px) {
footer{ padding: 80px 0 102px}
.ThreeCol img{margin-bottom: 30px;}
.accRow h3{ padding: 20px 22px;}
.accRow h3 img{ max-width: 42px; margin-right: 20px;}
.accRow h3 span{ top: 30px; right: 22px}
}

@media screen and (min-width: 0px) and (max-width: 1280px) {
.KeyFacts{ padding-top: 90px;}
.KeyFacts .col-12 {padding-bottom: 80px;}
.KeyFacts .col-3 > div{ padding-bottom: 90px;}
.ContentB ul li{ width: 33.33%;}
.bannerText {max-width: 52%;}
.ThreeCol img {max-width: 240px;}
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
.ThreeCol .flexWrap { margin: 0 -20px;}
.ThreeCol .col-4 > div {padding: 0 20px;}
.ThreeCol img {max-width: 240px;}
.CaseStudy .btnBox {margin: 70px 0 0;}
/* .CountrySnap {padding: 80px 0 76px;} */
.CountrySnap .col-12 > h2{ margin-bottom: 62px;}
.ContentB ul li img{ max-height:90px;}
.ContentB{ padding-bottom: 80px;}

.container_1600, .ContentBox{ padding: 0 40px;}
.GridTextImg .flexWrap:nth-child(even) .textbox{ padding:0 40px 0 40px;}
.GridTextImg .flexWrap:nth-child(odd) .textbox{ padding:0 40px 0 40px;}
.LeftImgText .textbox{padding:0px 40px 0 40px;}
.RightImgText .textbox{ padding:0 40px 0 40px;}

.References .flexWrap{margin: 0 -40px;}
.References .col-6{ padding: 0 40px;}

.BSpace{ padding: 0 0 80px;}
.TBSpace{ padding: 80px 0;}
.TSpace{ padding:80px 0 0 0;}
.topSpace{ padding-bottom: 80px;}
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
body{ font-size: 22px; line-height: 26px;}
h1{font-size:50px; line-height:50px;}
h2{font-size: 30px; line-height:40px;}
h3{font-size: 30px; line-height:40px;}
h4 {font-size: 26px;line-height: 36px;}
header {padding: 20px 0 20px;}
.logo img{ max-width: 200px;}
#mainNavmenuId li a{font-size: 40px;line-height: 60px;}
.toggle-menu{ width: 60px; height: 60px;}
.menu-main-menu-container {min-width: 500px;}
.IntroSec .col-6:first-child {font-size: 28px; line-height: 35px;}
.BannerSec .col-6{ width: 48%}
.col-6.ContentBox{ padding-right: 0; width: 52%;}
.QuoteSec h4 {margin-top: 62px;}
.ThreeCol img{margin-bottom: 22px;}
.KeyFacts .col-3{ width: 33.33%;}
.subtitle{ font-size: 22px; line-height: 32px;}
.GridTextImg .textbox h2 { margin-bottom: 30px;}
.CountrySnap {padding: 70px 0 66px;}
.CountrySnap .col-12 > h2{ margin-bottom: 52px;}
.accRow h3 img{ max-width: 40px; margin-right: 20px;}
.accRow h3 span{ top: 28px;}
.ContentB ul li{ width: 40%;}
.DownloadSec .col-8 > div { max-width: 90%;}
.BannerSec{ min-height: inherit;}
.boximg {max-width: 100%; position: relative; padding-top: 40px;}
.bannerText{ max-width: 100%; padding: 100px 0 0}
.ContentBox{ position: relative; max-width: 100%; width: 50%; left: 0; transform: none;}
body:not(.menuopen) .gescout-show, body:not(.menuopen) .shrink:not(.gescout-sticky) { top:0px;}
.DownloadSec{background-position: center center;}
.topSpace{ padding-top: 180px}
.page-template-default h1 { margin-bottom: 30px;}
}

@media screen and (min-width: 0px) and (max-width: 1080px) {
  .DownloadSec .col-8 > div{ padding: 20px 0;}
  .btn{font-size: 22px; line-height: 28px;}
  .CountrySnap .btn{  background-size: 30px !important;}
.References .col-6{ overflow-wrap: break-word}
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
.ExitBox > div {max-width: 100%; margin: 20px 40px;padding: 100px 80px 80px;}
.FullDisc{ padding-bottom: 60px;}
.disc sup {font-size: 14px;line-height: 16px;margin-left: 0px;}
.BSpace{ padding: 0 0 60px;}
.TBSpace{ padding: 60px 0;}
.TSpace{ padding:60px 0 0 0;}
.topSpace{ padding-bottom: 60px;}
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
}

@media screen and (min-width: 0px) and (max-width: 991px) {
.footerMenu ul li{ margin-bottom: 6px;}
.ThreeCol .col-4 { width: 50%;padding-bottom: 100px;}
.ThreeCol{ padding-bottom: 0px; padding-top: 80px;}
.ContentB ul li{ width: 50%;}
}

@media screen and (min-width: 0px) and (max-width: 900px) {
}

@media screen and (min-width: 0px) and (max-width: 850px) {
.ContentBox, .BannerSec .col-6{ width: 100%;}
.col-6.ContentBox{ padding-right: 40px}
.bannerText{ padding-top: 150px;}
.boximg img{ float: right;max-width: 90%;}
.boximg{ padding: 0; margin-top: 26px;}
.GridTextImg .col-6, .CaseStudy .col-6{width: 100%;}
.textbox {padding: 0 40px}
.LeftImgText .textbox {padding: 0 40px;}
.textbox .inbox {padding: 60px 0 60px}
.GridTextImg .textbox .inbox { padding: 60px 0 40px;}
.GridTextImg .flexWrap:nth-child(even) .textbox { padding: 0 40px;}
.GridTextImg .subtitle {margin-bottom: 0px;}
.IntroSec h2 {margin-bottom: 20px;}
.IntroSec .col-6:first-child {font-size: 24px; line-height: 31px;padding-right: 20px;}
.IntroSec .col-6:last-child { padding-left: 20px;}
.FullDisc ul{column-gap: 40px;}
.LeftImgText .textbox .inbox, .RightImgText .textbox .inbox{ max-width: 100%;}
.GridTextImg .flexWrap .textbox{ max-width: 100%;}
.GridTextImg .textbox h2 { margin-bottom: 6px;}
.ExitBox > div{ padding: 80px 60px 60px;}
.ThreeCol{ padding-top: 60px;}
.ThreeCol .col-4{ padding-bottom: 60px;}
.ThreeCol img {max-width: 200px;}
.CalltoAction img{ max-width: 100px;}
.KeyFacts .col-3 {width: 50%;}
.KeyFacts .col-3 > div { padding-bottom: 60px;}
}

@media screen and (min-width: 0px) and (max-width: 768px) {
.logo img{ max-width: 160px;}
.pageNotFound h2{font-size: 120px; line-height: 100px;}
.topSpace{ padding-top: 140px}
}

@media screen and (min-width: 0px) and (max-width: 767px) {
.menu-main-menu-container { min-width: 100%; padding: 0;}
.ContentBox {padding: 0 20px;}
.BannerSec{background-position: right -100px bottom !important;}
.logo img{ max-width: 143px;}
.toggle-menu span{ width: 17px; height: 3px;}
.toggle-menu span:before, .toggle-menu span:after{ width: 17px; height: 3px;}
.toggle-menu span:after {top: -6px;}
.toggle-menu span:before {top: 6px;}
.toggle-menu{ width: 48px; height: 48px;}
.container_1600, .ContentBox{ padding: 0 20px;}
.col-6, .DownloadSec .col-8, .DownloadSec .col-4, .IntroSec .col-6{ width: 100%;}
.IntroSec .col-6:first-child{ padding-right: 0; padding-bottom: 40px;}
.IntroSec .col-6:last-child{ padding-left: 0;}
.DownloadSec .col-8 > div{max-width: 100%;}
#menu nav{ justify-content: flex-start; text-align: left; padding: 80px 20px; display: block;}
.open-menu{ overflow: hidden;}
body.open-menu #menu{ overflow: auto;}
#menu ul{ padding-bottom: 60px;}
#mainNavmenuId li a{font-family: 'Gotham-Black'; font-size: 30px; line-height: 60px;}
#mainNavmenuId li a:hover{font-family: 'Gotham-Black';}
a.toggle-menu.res-nav-link.is-active.active {width: 48px;height: 48px;}
.toggle-menu.is-active span:before, .toggle-menu.is-active span:after, .toggle-menu.is-active span{ width: 24px;}
.KeyFacts .col-3{ width: 50%;}
.KeyFacts .flexWrap {margin: 0px -20px;}
.KeyFacts {padding-top: 80px;}
.KeyFacts .col-12 {padding-bottom: 60px;}
.ContentB ul{ display: block;}
.ContentB ul li{width: 100%;}
.ContentB ul li div {padding: 0 20px 60px;}
.ContentB ul li img{ max-width:100px; margin: 0 auto 19px;}
.DownloadSec .btnBox{ text-align: center;}
.DownloadSec .col-4 img{ margin: 0px auto;}
.CountrySnap .btn{ position: relative;}
.ExitBox{top: 0;transform: none;padding: 40px 0;}
.Popup{ overflow: auto;}
.ExitBox > div{ margin-top: 0; margin-bottom: 0}
.CalltoAction{ background-position:right -100px bottom !important;}
.CalltoAction img{ max-width: 62px;}
.DownloadSec{ background-position: right bottom !important; }
.DownloadSec{ padding: 40px 0 60px;}
.DownloadSec .col-8 > div{ padding: 20px 0 40px}
.References p:last-child{ padding-bottom: 20px}
.col-6.ContentBox{ padding-right: 20px}
}

@media screen and (min-width: 0px) and (max-width: 600px) {
body{ font-size: 17px; line-height: 20px;}
h1 {font-size: 37px;line-height: 37px;}
h2{font-size:25px; line-height:29px;}
h3{font-size:25px; line-height:29px;}
h4{font-size:20px; line-height:22px;}
h5{font-size:19px; line-height:21px;}
h6{font-size:18px; line-height:20px;}
.container_1600, .ContentBox{ padding: 0 15px;}
.textbox {padding: 0 15px}
.CalcSec {padding: 60px 0;}
.LeftImgText .textbox, .RightImgText .textbox, .GridTextImg .flexWrap:nth-child(even) .textbox, .GridTextImg .flexWrap:nth-child(odd) .textbox {padding: 0 15px;}
.textbox .inbox {padding: 40px 0 50px}
.LeftImgText .textbox .inbox, .RightImgText .textbox .inbox{padding: 60px 0}
.GridTextImg .flexWrap:nth-child(even) .textbox { padding: 0 15px;}
.IntroSec .col-6:first-child {font-size: 20px; line-height: 27px;}
.IntroSec {padding:50px 0;}
.btn{padding: 15px 16px 11px;font-size: 14px; line-height:16px;}
.CaseStudy .btn {background: #891515 url(../images/play.svg) no-repeat right 16px center;padding: 13px 50px 11px 16px; background-size: 20px;}
.DownloadSec .btn{background: #fff url(../images/downloads.svg) no-repeat right 16px center;padding: 13px 50px 11px 16px; background-size: 20px;}
.FullDisc ul{column-gap: 0px;column-count: 1;}
.ArrowDown{padding: 0;}
.ArrowDown svg{ max-width: 26px;}
.ThreeCol .col-4 { width: 100%;padding-bottom: 66px;}
.ThreeCol img{ margin-bottom: 18px;max-width: 180px;}
.KeyFacts .col-3{ width: 100%;}
.KeyFacts .col-3 > div {padding: 0 20px 42px;}
.KeyFacts img{ max-width: 90px; margin-bottom: 14px;}
.KeyFacts{ padding: 77px 0 32px;}
.KeyFacts .col-12 {padding-bottom: 18px;}
.subtitle{ font-size: 17px; line-height: 20px; margin-bottom: -2px;}
.CaseStudy .textbox h2{ margin-bottom: 12px;}
.CountrySnap {padding: 45px 0 40px;}
.CountrySnap .col-12 > h2{ margin-bottom: 38px;}
.accRow h3{ padding: 13px 15px;}
.accRow h3 img{ max-width: 30px; margin-right: 10px;}
.accRow h3 span{width: 16px; height: 16px;right: 15px; top: 20px;}
.accRow h3 span:before{ width: 16px; height: 16px;background-size: 16px;}
.accRow > h3.active span:before{width: 16px; height: 16px; background-size: 16px;}
.ContentB ul{ display: block;}
.ContentB ul li{width: 100%;}
.ContentB ul li img{ max-width: 56px; margin: 0 auto 19px;}
.ContentB ul li h4{ margin-bottom: 18px;}
.ContentB ul li div {padding: 0 20px 34px;}
.CountrySnap .btn{background-size: 20px !important; padding: 13px 50px 11px 18px; background-position: right 18px center;}
.ContentB ul li div {max-width: 280px;margin: 0px auto;}
.ContentB{ padding-top: 25px;}
.accRow h3 img{ margin-top: 0;}
.DownloadSec h2{ margin-bottom: 12px;}
.DownloadSec .btnBox {margin: 47px 0 0;}
.ExitBox > div{ margin-left:15px; margin-right:15px; padding:60px 15px 40px;}
.ExitBox h5 {font-size: 20px;line-height: 24px;}
a.close {top: 14px;right: 24px;}
.ExitBox svg{ width: 14px;}
.popupLink a{ font-size: 14px; line-height: 16px; padding: 12px 50px 12px 22px;background-position: right 14px center;}
.yes {background-size: 25px;}
a.no {background-size: 20px;}
.popupLink { margin-top: 30px;}
.disc sup {font-size: 12px; line-height: 14px;}
.CalltoAction .btn{ background-size: 16px !important; padding: 12px 58px 12px 27px;}
.boximg img{ max-width: 100%;}
.boximg {right: -16%;}
section{ overflow: hidden;}
.col-6.ContentBox{ padding-right: 15px}
}

@media screen and (min-width: 0px) and (max-width: 568px) {
}

@media screen and (min-width: 0px) and (max-width: 480px) {
.footerMenu ul li{width: 100%;}
.footerMenu ul li:before{ display: none;}
footer{ padding: 60px 0 102px}
.footerMenu {margin-top: 27px;}
.footerlogo{ margin: 120px 0 21px;}
.footerMenu ul li{ padding-right: 0; margin-right: 0;}
.DownloadSec .col-4 img{max-width: 148px;}
.pageNotFound h2 {font-size: 100px; line-height: 80px; margin-bottom: 20px;}
.topSpace{ padding-top: 120px}
.page-template-default h1 { margin-bottom: 20px;}
.topSpace .entry{word-break: break-word;}
}

@media screen and (min-width: 0px) and (max-width: 441px) {
  .boximg { right: -20%;}
  .BannerSec h2 br{ display: none;}
}

@media screen and (max-width:480px) and (orientation:portrait){
}

@media screen and (min-width: 0px) and (max-width:385px) {
.cky-preference-header {padding: 16px 16px !important;}
}
@media screen and (min-width: 0px) and (max-width:375px) {
#mainNavmenuId li a {font-family: 'Gotham-Black'; font-size: 28px; line-height: 58px;}
}