/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) {

}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .workTheme .workThemeTitle { font-size: 38px;}
    .workTheme .climateChange h4 { font-size: 25px;}
    .workTheme .climateChange .climateChangeContent { font-size: 16px;}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}



/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

    .header .mainMenu .navbar { background: #0B0051;padding: 0; }
    .clientLogo .common_img { width: 100%;}
    .header .mainMenu .navbar-toggler { top: -55px; }
    .joinUs .joinText { padding: 10% 4%;}
    .navbar-nav { padding:10px 0 20px 0; }
    .humanDevelopment .humanDevWrap {  margin-top: 55px;}
    .publicSafety .publicSafetyWrap { margin-top: 65px;}
    .publicSafety .climateChangeContent { padding: 10px 0px 0 20px;}
    .workTheme .climateChangeContent { padding: 10px 20px 0 0;}
    .humanDevelopment .hdContent { padding: 10px 15px 0 0;}
    .humanDevelopment .humanDevWrap { margin-top: 10px;}
    .clientLogo { height:355px; }

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .header .mainMenu .nav-link { margin-top: 18px;}

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .header .mainMenu .nav-link { margin-top: 18px;}
    .humanDevelopment .humanDevWrap {  margin-top: 55px;}

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .banner .bannerContent .bannerTitle { font-size: 90px;line-height: 95px;width: 100%;}
    .about { padding: 50px 0;}
    .clientLogo { height:475px; }

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
      .header .mainMenu .nav-item { padding-left: 16px; }
      .header.fixed .mainMenu .nav-link { font-size: 16px;}
      .about { padding: 40px 0;}
      
    }

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .banner .bannerContent .bannerTitle {
        font-size: 55px;
        line-height: 60px;
        width: 86%;
      }

      .footerContent { padding-right: 0;}
      .footer .footerList li {  padding-left: 15px;}

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .navbar-nav.me-auto.mb-2.mb-lg-0 {
        margin-top: 10px;
      }

      .header .mainMenu .nav-link {
        font-size: 16px;
      }

      .header .mainMenu .nav-item {
/*        padding-left: 20px;*/
      }
      .banner {
        min-height: 725px;
      }


      .banner .bannerContent .bannerTitle {
        font-size: 55px;
        line-height: 65px;
      }

      .header .mainMenu .navbar {
        background: none;
        padding: 0;
    }
  /*  .footer .footerList li {
        padding-left: 12px;
    }*/
    .footer .footerList {
        padding: 0;
    }
    .header .mainMenu .nav-link { margin-top: 27px;}

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .footer .footerList li {
        padding-left: 12px;
    }

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

    .footer .footerList li {
        padding-left: 30px;
    }

}

/* ----------- Galaxy Tab 2 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}

/* ----------- Galaxy Tab S ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/*.header .mainMenu .navbar-toggler {top: -45px;background: transparent;border: 0;}
  .header.fixed .mainMenu .navbar-toggler {top: -45px;}
  .header .logoWrapper .logoFixed { width: 65px;padding:5px 5px;}
  .header .logoWrapper .logoFixed img { width: 100%;}
  .header .mainMenu .navbar-toggler-icon { background-color: transparent;background-image: none;color: #fff;}
  .header.fixed .mainMenu .navbar-toggler-icon { background-color: transparent;background-image: none;color: #0B0051;}*/


@media only screen and (max-width:767px) {
  .navbar-toggler-icon:hover {color: #fff; transition: 0.2s ease-in-out all;}
  .banner .bannerContent .bannerTitle { width: 100%;}
  .banner .bannerContent .bannerSubText {width: 100%;}
  .banner .container {width: 100%; max-width: 100%;}
  .banner .bannerContent .bannerTitle {font-size: 40px; line-height: 45px;}
  .banner {min-height: 685px;  }
  .banner .bannerContent .bannerSubText { font-size: 18px;line-height: inherit;}
  .banner .bannerContent { left: 0;top: 385px;padding: 0 10px;}
  .getStarted {height: 60px; width: 207px; }
  .joinUs {display: block;}
  .joinUs .joinText {height:auto; padding:40px 15px 50px 15px; width: 100%; text-align: center; display: block;}
  .joinUs .joinImage {height: auto;width: 100%;}
  .joinUs .joinTitle {margin-bottom: 15px;font-size: 40px;}
  .joinUs .btnWrap {margin-top: 20px;}  
  .about .aboutContent { font-size: 18px; line-height: 30px;    }
  .header .mainMenu .nav-item { padding-left: 0; }
  .about { padding: 42px 10px 42px 10px; }
  .header { margin-top: 0;}
  .header .mainMenu .navbar-toggler-icon { background-color: #ffffff; }
  .header .mainMenu .navbar-toggler:focus { box-shadow: none; }
  .header .mainMenu .navbar { background: #fff; padding: 0; margin-top: 10px;}
  .header .logoWrapper .logo:after { right: -15px;}
  .header .logoWrapper .govImage { margin-left: 25px;}
  .header .mainMenu .navbar-toggler {top: -45px;background: transparent;border: 0;padding-right: 0;}
  .header.fixed .mainMenu .navbar-toggler {top: -45px;padding-right: 0;}
  .topFixedHeader { display:none; }
  .header .logoWrapper .logoFixed { width: 65px;padding:5px 0px 5px 10px;}
  .header .logoWrapper .logoFixed img { width: 100%;}
  .header .mainMenu .navbar-toggler-icon { background-color: transparent;background-image: none;color: #fff;}
  .header.fixed .mainMenu .navbar-toggler-icon { background-color: transparent;background-image: none;color: #0B0051;}
  .clientLogo img { width: auto;height: auto;}
  .clientLogo .common_img { width: 100%;}
  .header .logoWrapper .govImage img { margin-top: 15px;width: 100%;}
  .workTheme .workThemeTitle { text-align: left; }
  .workTheme .padd { padding-top:0px;padding-bottom:0px;padding-left: 0;padding-right: 0;}
  .workTheme .climateChange { margin-top:50px;padding-left: 0;margin-bottom: 25px;}
  .publicSafety { margin:0 20PX; padding-top:40px; padding-bottom: 25px;}
  .padLeftNone { padding-left: 12px; }
  .workTheme { border-top: 1px solid rgba(11, 0, 81, 0.31);margin: 0 20px;
    border-bottom: 1px solid rgba(11, 0, 81, 0.31);padding-bottom:50px;}
  
  section.humanDevelopment {padding-bottom: 20px;}
  .emergingFrontiers  { border-top: 1px solid rgba(11, 0, 81, 0.31);padding-bottom:17px;}
  .ourApproach {margin-top:30px; border-bottom:0 !important; border-top: 1px solid rgba(11, 0, 81, 0.31); }
  .ourApproach .borderRight{  border-bottom:0 !important; }
  .borderLeft { border-left: 0;border-right: 0;}
  .padRightNone { padding-right: 12px;}    
  .borderRight { border-right: 0;border-left: 0;border-bottom: 1px solid rgba(11, 0, 81, 0.31);}
  .publicSafety .publicSafetyImage { height: auto; padding:25px 0 50px 0; }
  .humanDevelopment .padTop50 {border: none;padding: 0;}
  .humanDevelopment .humanDevWrap { margin-top: 0; }
  .emergingFrontiers .padBot100 { padding-bottom: 0px; }
  .emergingFrontiers .padTop100 { padding-top: 0px; }
  .publicSafety .publicSafetyWrap { margin-top: 5px;}
  .ourApproach .approachText {text-align: left; }
  .howCanHelp .howHelpWrap {margin-top: 65px;}
  .footer .footerLeft .footerLogo { text-align: center;border-bottom: 1px solid #0B0051; }
  .footer .newsletter { text-align: center; }
  .titleGrid {font-size: 26px;}
  .banner .bannerMask { height:280px }
  .clientLogo .common_img { width: 100%;}
  .header .logoWrapper .logo { width: 65px; padding: 5px 5px;}
  .header .logoWrapper .logo:after { display: none;}
  .govImage { display: none;}
  .header .logoWrapper .logo img { width: 100%;}
  .workTheme .workThemeImage { height: auto; margin-top: 0;}
  .workTheme .climateChangeContent { padding: 10px 0 0 0;}
  .publicSafety .climateChangeContent {  padding: 10px 0 0 0px;font-size: 16px;}
  .publicSafety .publicSafetyWrap { padding-right: 0;}
  .humanDevelopment .humanDevWrap { padding-left: 0;padding: 30px 0;}
  .humanDevelopment { margin:0 20px 40px 20px;}
  .humanDevelopment .hdImage { height: auto;margin:0;}
  .drivenByImpact { padding:40px 15px;border-top: 1px solid rgba(11, 0, 81, 0.31); }
  .hide { display:none; }
  .humanDevelopment .hdContent { padding: 10px 0 0 0; margin-bottom: 0px;font-size: 16px;}
  .header .mainMenu .nav-item { padding-left: 0;}
  .publicSafety .titleGrid { padding-left: 0; }
  .header .logoWrapper .textHeader { display:none; }
  .header.fixed .logoWrapper .logoFixed::after { display: none;}
  .footerContent { padding-right: 0; text-align: center;}
  .copyrightWrap , .copyrightWrap .copyright { text-align: center;}
  .copyrightContent { margin-bottom: 20px;}
  
  #contact .o-page-wrapper {width: 100%; min-height: 65vh;}
  .navbar-nav { padding:10px 0 20px 0; }
  .footer .footerList li a { font-size: 12px;}
  .client { margin: 10px 20px;}
  .footerContent > p { font-size: 11px;line-height: 20px;}
  .drivenByImpact h2 {  font-size: 34px;margin-bottom: 5px;}
  .drivenByImpact .drivenContent { font-size: 16px;}
  .clientLogo { height:auto; }
  .footer .newsletter .nlForm button {width: 40%;}
  .footer .newsletter .nlForm .nlInputText {width: 60%;}
  .footer .footerRight {margin-top: 10px;}
  .footer .footerList { text-align: center; margin-bottom: 10px; padding: 0; }
  .footer .footerList li {padding: 0 3px;}
  .footer .footerSocial {padding: 0; margin-top: 30px; text-align: center;}
  .footer .footerSocial li {padding: 0 15px;}
  .copyrightContent {font-size: 10px;line-height: 15px;}
  .copyrightWrap .copyright { font-size: 10px;}
  .joinDesc a { font-size: 15px;}
  .joinUs .joinDesc {font-size: 13px;line-height: 22px;}
  .footer { padding: 20px 0;}
  .orderChangeMobile { order: 2;padding:0;}
  .changeOrderMobile { order:1; padding:0; }
  .mobileHide { display:none; }
  /* owl dots slider css */
  .owl-dots { text-align: center;margin-bottom: 20px;}
  .owl-carousel button.owl-dot { background: rgba(11,0,81,0.3)!important;}
  .owl-dots button.owl-dot {width: 5px; height: 5px; border-radius: 50%; display: inline-block; background: #d0d5d8;margin: 0 3px;}
  .owl-dots button.owl-dot.active {background-color: rgba(255,102,0,0.8) !important;height: 8px; width: 8px;}
  .owl-dots button.owl-dot:focus {outline: none;}
  .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%);background: rgba(255, 255, 255, 0.38) !important;}
  .owl-nav button:focus { outline: none;}  
  .header.fixed .mainMenu .nav-link {color: #ffffff;}
  .header .mainMenu .nav-link { font-size: 15px; color:#0B0051;}
  .header .mainMenu .nav-link::after , .header.fixed .mainMenu .nav-link::after  { height: 2px; bottom: -2px;}
  .header .nav-item.active .nav-link::after, .header.fixed .nav-item.active .nav-link::after {height: 2px;}
.owl-dots { display:block !important; }
.header .nav-item.active a, .header.fixed .nav-item.active a, 
.header .show .nav-item.active a, .header.fixed .show .nav-item.active a { font-size: 15px;color:#FF9800; }
.header.fixed .mainMenu .nav-link { font-size: 15px;color:#0B0051;}
.header.fixed .mainMenu .show .nav-link { color:#0B0051;}
.header.fixed .mainMenu .navbar { background: #fff; padding: 0; margin-top: 10px;}
.footer .footerLeft { margin: 0 10px;}
}

.owl-dots { display:none; }