/* mobile 18032021 */
@media (min-width:1921px) {
    body {
        max-width: 100%
    }

    header nav.navbar {
        max-width: 100%
    }

    .NewsBg {
        background-size: 100%
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .w100 {
        width: 100% !important;
        max-width: 100% !important
    }

    .BighAuto {
        height: auto !important
    }

    .sectionPadding1 {
        padding-top: 6%
    }

    .sectionSmall {
        padding-top: 8%
    }

    .sectionPadding4 {
        padding-top: 10%
    }
    /* section.SomeRandomFacts {
      padding-top: 0
   } */
    .pTopHP {
        padding-top: 15rem !important
    }

    #Startups .floating-small-section {
        bottom: -700px
    }

    .p-10 {
        padding: 8% !important
    }
}

@media only screen and (min-width:1451px) and (max-width:1600px) {
    .gif {
        right: -10%
    }

    .sectionTabs.whoweare .rollInImage {
    }

    .DoStuff .rollInImage5 {
        left: 20%
    }
    /* .SomeRandomFacts .rollInImage {
   } */
    section.GivingBack .rollInImage {
        left: 0%
    }

    .bigFont {
        font-size: 50px;
        /* line-height: 55px */
    }

    .sectionBigImage {
        height: 100%
    }

    .pTopHP {
        padding-top: 0rem !important
    }

    .hAuto15 {
        height: auto !important
    }

    .bgResize {
        background-size: cover !important
    }
}

@media only screen and (min-width:1200px) and (max-width:1280px) {
    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
        font-size: 15px;
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
        font-size: 15px;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .is-sticky .sticky-nav {
        margin-top: 93px
    }
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
    .site-hero .site-hero-inner {
        min-height: auto
    }

    .site-hero h1 {
        color: #fff;
        line-height: 50px
    }

    .site-hero h1 {
        font-size: 58px
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    /* .whoweare .facts-box .box-subtitle {
      font-size: 22px!important;
      line-height: 24px!important
   } */
}

/* @media only screen and (min-width:769px) and (max-width:1410px){
  .join-us .row {
    height: 400px;
  }
} */

@media only screen and (min-width:768px) and (max-width:1024px) {
    .is-sticky .sticky-nav {
        margin-top: 100px
    }

    .site-hero .site-hero-inner {
        min-height: auto
    }

    .containerText .site-hero-inner {
        top: 0 !important
    }

    .joinUsButton a {
        padding: 9px 41px;
        font-size: 18px
    }

    #SlideDownArrow img {
        max-width: 61px
    }
    /* .pt-5,
   .py-5 {
      padding-top: 0rem!important
   } */
}

@media only screen and (min-width:1280px) and (max-width:1450px) {
    .pTopHP {
        padding-top: 1rem !important;
        /* margin-top: -5%!important */
    }

    .site-hero h1 {
        font-size: 58px;
        line-height: 50px
    }

    .bigFont {
        font-size: 45px;
        color: #262626
    }
    /* .facts-box p {
      font-size: 16px;
      line-height: 20px
   }
   .facts-box .box-title {
      font-size: 38px
   } */
    /* .SomeRandomFacts .rollInImage  {
      right: 0
   } */
    /* .carousel-control-next-icon {
      width: 60px!important;
      height: 60px!important
   } */
    /* .carousel-control-prev-icon {
      width: 60px!important;
      height: 60px!important
   }
   .carousel-control-next,
   .carousel-control-prev {
      width: 12%
   } */
    body.dark-orange-color .floating-small-section {
        bottom: 250px
    }

    #Startups .floating-small-section {
        bottom: -520px
    }

    .p12 {
        padding-top: 0 !important
    }

    header .navbar .nav-item {
        padding: .8rem 0
    }

    .p-10 {
        padding: 30% !important;
        padding-left: 0 !important
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .ourOffice .floating-small-section {
        top: -350px !important
    }

    #openVideo2 a.px-5 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    #LifeILDC_VideoSection .joinUsButton a {
        font-size: 18px
    }

    .sectionPadding {
        height: 100%;
        padding-top: 10%;
        padding-bottom: 10%;
        max-height: 900px
    }

    .sectionSmall {
        height: 100%;
        padding-top: 10%;
        padding-bottom: 10%
    }

    .sectionSmall2 {
        height: 100%;
        padding-top: 10%;
        padding-bottom: 10%
    }

    .sectionPadding4 {
        height: 100%;
        padding-top: 10%;
        padding-bottom: 10%
    }

    .customPadding {
        padding-top: 0;
        padding-bottom: 0;
        height: 600px
    }

    .rollInImageEvent {
        width: 254px
    }

    .rollInImageSecurity {
        left: 13%
    }

    .DoStuff .rollInImage5 {
        max-width: 320px
    }

    #PersonalDevelopment_Section2 .floating-small-section {
        top: -500px
    }

    .pink-color #fold5 .floating-small-section {
        top: -300px
    }

    section.GivingBack .rollInImage {
        max-height: 763px
    }

    .WishYouWereHere .floating-small-section {
        top: -340px !important
    }

    .minH {
        min-height: 600px
    }

    .embed-responsive {
        height: 600px
    }

    .sectionTabs.WhatWeDo .ProductVideos .rollInImage {
        width: 35%;
        right: 0
    }
    /* .sectionTabs.whoweare .SomeRandomFacts .rollInImage {
      width: auto;
      right: 0
   } */
    .sectionTabs.whoweare .box-container {
        padding-top: 100%
    }

    .sectionTabs.whoweare small {
        top: -5px
    }

    .twoCols .mb-5 {
        margin-bottom: 1rem !important
    }

    .sectionTabs.WhatWeDo .MoreResourcesArtificial .rollInImage {
        max-height: 550px
    }

    .ourOffice .p-5 {
        padding: 0rem !important
    }

    .mobW {
        flex: auto;
        max-width: 90%
    }

    .mx-5.mobW {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .Mentoring .mobW {
        flex: auto;
        max-width: 25%
    }

    .DoStuff .rollInImage {
        width: 337px;
        left: 20%
    }

    .WhatWeDo .rollInImage {
        right: -15%;
        /*width: 758px*/
    }

    .Mtop40 {
        margin-top: 40px
    }

    .boxWhiteFont {
        font-size: 36px;
        line-height: 33px
    }

    .reveal-modal.large {
        width: 70%
    }

    .lh75 {
        line-height: 56px !important
    }
    /* .BlueHatIL .col-md-4.p-5 {
      padding: 20px!important
   } */
    .BlueHatIL .joinUsButton a {
        padding: .6rem 3rem;
        font-size: 17px
    }

    .ourOffice .joinUsButton a {
        padding: .6rem 3rem;
        font-size: 17px
    }

    .searchButton.open {
        right: 80px;
        top: 20px
    }

    .Mentoring img {
        height: 900px
    }

    .sectionPadding1 {
        height: 100%;
        padding-top: 10%;
        padding-bottom: 10%
    }

    .embed-responsive {
        height: auto !important
    }
    /* .h720 {
      height: auto!important
   } */
    .laptopAdjust .col-md-8 {
        flex: auto;
        max-width: 96%
    }

    .sectionBigImage {
        height: 100%
    }

    section.GivingBack .rollInImage {
        width: auto;
        left: 0
    }

    section.DoersNotTalkers .rollInImage {
        width: auto;
        right: 10%
    }

    .DoStuff .rollInImage5 {
        left: 14%
    }

    .section.WishYouWereHere {
        background: #fff
    }

    .MicrosoftAsaaf .container-medium.sectionPadding1 {
        padding-top: 14%
    }

    .rollInImageProjectNorth {
        left: 3%
    }

    .AcademiaSection .box-text {
        height: 60px
    }

    #Security_ProductVideos .embed-responsive {
        height: 500px !important
    }

    #BusinessAnalytics_ProductVideos .embed-responsive {
        height: 500px !important
    }

    #Hardware_ProductVideos .embed-responsive {
        height: 500px !important
    }

    #Research_ProductVideos .embed-responsive {
        height: 500px !important
    }

    #ArtificialIntelligence_ProductVideos .embed-responsive {
        height: 500px !important
    }

    .closeVideo {
        top: -4px;
        right: 8%
    }

    .sectionTabs.WhatWeDo .rollInImage {
        max-height: 665px;
        right: 0
    }

    .rollInImageContact {
        right: 0;
        width: 24%
    }
}

@media (max-width:1281px) {
    .boxWhiteFont {
        font-size: 36px;
        line-height: 33px
    }

    .AcademiaSection .box-text {
        height: 60px
    }

    section.GivingBack .rollInImage {
        width: auto;
        left: 0
    }

    section.DoersNotTalkers .rollInImage {
        width: auto;
        right: 0
    }

    .bigFont {
        /* line-height: 55px; */
        font-size: 50px
    }
    /* .facts-box .box-subtitle {
      font-size: 39px;
      color: #262626;
      line-height: 26px
   } */
    article#review_board ul li {
        height: auto
    }
}

@media (min-width:768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }

    .speakersBottom {
        border-bottom: 2px solid #becd30;
        margin-top: -30px;
        display: inline-block
    }

    .more-resources .row {
        min-height: 540px;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

@media (max-width:991.98px) {
    header .navbar {
        background: rgba(0,0,0,.4) !important;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .reveal-modal.small {
        left: 5% !important
    }
}

@media (max-width:1199.98px) {

    /*header .navbar .dropdown-menu {
        opacity: 0;
        visibility: hidden;
    }
    header .navbar .dropdown-menu.show {
        opacity: 1;
        visibility: visible;
        display: block;
    }*/
    header .navbar .dropdown-menu:before {
        display: none
    }

    .sectionPadding {
        height: auto;
        padding: 50px 10px !important;
        min-height: 400px
    }

    .container-small {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 7%;
        padding-left: 7%;
    }
    /* .embed-responsive {
      height: auto
   } */
    .OrangePatternbg {
        background-repeat: repeat
    }

    .AcademiaSection .col {
        flex: auto;
        max-width: 50%;
        padding: 30px
    }

    .navbar-brand img {
        min-width: 200px
    }

    .ourOffice .col-md-4,
    .ourOffice .col-md-8 {
        width: 100%;
        max-width: 100%;
        flex: auto
    }

    .modal .embed-responsive {
        height: auto;
        min-height: 300px
    }
}

@media (max-width:1200px) {
    .mobile-col {
        flex: auto;
        padding-top: 30px !important;
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }
}

@media (max-width:991.98px) {
    header .navbar .nav-link {
        padding: .5rem .5rem
    }

    .LeadershipSection .greenTitleSign {
        background: 0 0;
        padding: 0;
        width: 100%;
        width: 100%;
        margin-bottom: 0 !important;
        overflow: hidden
    }
    /* .swiper-buttons-container {
      width: 100%;
      display: block
   } */
}

@media (min-width:1026px) and (max-width:1199px) {
    /* .gif img { 
      min-height: 700px;
      height: 700px
   }
   .gif {
      right: -140px
   }
   .rollInImage {
      right: -110px;
   } */
    .sectionPadding {
        min-height: 800px;
        padding: 0 !important
    }

    .sectionSmall {
        height: 800px;
        padding-top: 13%
    }
    /* .sectionTabs.whoweare .rollInImage {
      max-height: 830px;
      right: -45px
   } */
    .w35 {
        width: 55%
    }

    .sectionPadding2 {
        height: auto
    }

    .sectionTabs.WhatWeDo .ProductVideos .rollInImage {
        right: 0;
        max-height: 830px
    }

    .visit-box .box-container .box-inner .box-text {
        font-size: 18px;
        line-height: 20px
    }

    .sectionTabs.WhatWeDo .rollInImage {
        max-height: 820px;
        right: 4%
    }

    .lh85 {
        line-height: 45px !important
    }

    .DoStuff .rollInImage5 {
        left: 10%;
        width: 420px;
        max-width: 420px
    }
    /* .SomeRandomFacts .rollInImage  {
      right: -8%;
   } */
    section.DoersNotTalkers .rollInImage {
        width: 27%
    }

    section.GivingBack .rollInImage {
        width: 47%;
        left: -173px
    }

    .WhatWeDo .rollInImage {
        left: -124px;
    }

    .rollInImageContact {
        height: 815px;
        right: -4%
    }

    .TalkToUs .container-small a.mr-5 {
        margin-right: 0 !important
    }
}

@media (min-width:678px) and (max-width:1024px) {
    .containerText .site-hero-inner {
        top: -15%
    }

    .sectionPadding {
        min-height: 800px
    }

    #Events .embed-responsive {
        flex: auto;
        max-width: 100%
    }
    /* #Events .BlueHatIL.h720 {
      height: auto!important
   } */
    .ProductVideos .bigFont {
        padding-bottom: 30px
    }

    .ProductVideos.sectionPadding {
        padding: 20px !important
    }

    #LifeILDC .ourOffice.h720 {
        height: 900px !important
    }

    #TheGarage .MicrosoftAsaaf.h720 {
        height: 768px !important
    }

    .GreenSquare {
        display: none
    }

    .OrangeSquare {
        display: none
    }

    .BlueSquare {
        display: none
    }

    .PinkSquare {
        display: none
    }

    .dOrangeSquare {
        display: none
    }

    #Events .BlueHatNights.sectionPadding2 {
        height: auto !important
    }

    .ReachOut.sectionPadding {
        min-height: 900px
    }
}

@media (max-width:1024px) {
    .blackCover {
        background: 0 0
    }

    .skrollr.skrollr-mobile {
        overflow: auto !important
    }

    .pTopHP {
        padding-top: 1rem !important
    }

    body {
        overflow-y: auto
    }

    .rollInImageSecurity {
        display: none
    }

    .rollInImageContact {
        display: none
    }

    .rollInImage {
        display: none
    }

    .rollInImageProjectNorth {
        display: none
    }

    .rollInImage5 {
        display: none
    }

    .rollInImageEvent {
        display: none
    }

    .yPadding2 {
        padding: 8%
    }

    .sectionPadding4 {
        height: auto;
        padding-bottom: 14%
    }

    .NewsBg {
        height: 320px;
        background-size: cover
    }

    .sectionPadding1.tablet {
        padding-top: 10% !important
    }

    .geek {
        height: 612px !important
    }

    .sectionSmall2 {
        height: auto
    }

    .sectionSmall {
        height: auto;
        padding-bottom: 10%
    }

    .site-hero h1 {
        font-size: 50px;
        line-height: 40px
    }

    .outreach-box .box-container {
        padding-top: 60%
    }

    .gif {
        display: none
    }

    .wow-removed {
        visibility: visible !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important
    }

    .swiper-slide {
        max-height: 100%;
        height: auto
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
        font-size: 14px
    }

    #sidebar {
        font-size: 14px
    }

    .mobile-container-medium {
        max-width: 600px
    }

    .BlueHatIL iframe {
        width: 770px;
        height: 430px;
        margin: 0 auto
    }

    .ourOffice iframe {
        width: 770px;
        height: 430px;
        margin: 0 auto
    }

    .sectionPadding1 {
        padding-top: 40%;
        position: relative
    }

    .rollInImageEvent {
        right: -13%
    }

    .closeVideo {
        right: 48%
    }
    /* .sectionTabs.whoweare .rollInImage {
      max-height: 627px;
      right: 70%
   } */
    /* .whoweare .facts-box .box-title {
      font-size: 30px
   } */
    /* .whoweare .facts-box .box-subtitle {
      font-size: 25px;
      line-height: 10px
   }
   .whoweare .facts-box p {
      font-size: 16px;
      line-height: 20px
   } */
    /* .whoweare .box-container {
      padding-top: 115%;
      padding-left: 116%
   } */
    .bigFont {
        font-size: 54px;
        /* line-height: 58px */
    }

    .mobTitle {
        margin-left: -40px
    }

    .mobileFlex {
        max-width: 100% !important;
        flex: auto !important
    }

    .pad20 {
        padding: 20px !important
    }

    article#review_board li p {
        font-size: 17px;
        height: 60px;
        line-height: 20px
    }

    .sectionTabs.WhatWeDo .ProductVideos .rollInImage {
        max-height: 433px;
        right: -15%
    }

    .fontsize-30 {
        font-size: 23px
    }

    .ProductVideos .box-container {
        overflow: hidden
    }

    .ProductVideos .sectionPadding {
        padding: 0 !important
    }

    .sectionTabs.WhatWeDo .rollInImage {
        top: auto;
        bottom: 0;
        max-height: 571px;
        width: auto;
        right: 39%
    }

    .MoreResources1 .rollInImage {
        top: auto;
        bottom: 0;
        max-height: 571px
    }

    .MoreResources .rollInImage {
        bottom: 60px;
        max-height: 478px
    }

    .WhatWeDo .rollInImage {
        right: -22%;
        width: 433px
    }

    .Mtop20 {
        margin-top: -160px
    }

    .outreach-box .box-container img {
        top: 49%;
        left: 26%;
        width: 50%
    }

    .VisitUs .box-container {
        padding-top: 180%
    }

    .TalkToUs .rollInImage2 {
        right: -16%;
        width: 52%;
        height: auto
    }

    .mobile-col {
        flex: auto;
        padding-top: 30px !important;
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }

    .navbar-nav {
        margin-left: 30px !important;
        margin-top: 7px !important;
    }

    .searchButton.open {
        width: 50%;
        top: 35px;
        right: 0
    }

    .fixed-top {
        position: inherit
    }
    /* .rollInImage {
      display: none
   } */
    .sectionPadding {
        padding: 0 !important
    }

    .DoStuff .rollInImage {
        top: auto;
        left: 0;
        max-width: 270px;
        width: auto;
        bottom: 0
    }

    .Perks.sectionSmall {
        padding-top: 35%
    }

    .DoStuff .rollInImage5 {
        left: 27%;
        width: 205px
    }
    /* .SomeRandomFacts .rollInImage  {
      right: -14%;
      width: 49%
   } */
    .WhatWeDo .rollInImage {
        display: none ;
        visibility: hidden !important;
    }

    .AcademiaSection {
        height: 900px
    }
    /* .hideBR br {
      display: none
   } */
    .pfix {
        float: left;
        margin-top: -10%
    }
}

/* Mobile cutoff */
@media (max-width:767px) {
    .bigFont {
        line-height: 1.2em;
        word-spacing: initial !important;
    }

    .process-snapshot .snapshot-item-container {
        flex: 0 0 auto;
        margin: 30px 0px;
    }

    .process-snapshot .snapshot-remark {
        margin: 0px 7%;
        padding: 0px 20px 20px 20px;
        width: 100%;
    }

    #interview #accordion {
        margin: 0px 10px;
    }

    .finalwords-container {
        margin-bottom: 20px;
    }

    .finalwords-item-container {
        margin-bottom: 20px;
    }

    .pl30 {
        padding-left: 0
    }

    .mobile-ml10 {
        margin-left: 10px
    }

    header .navbar .dropdown-menu {
        padding: 0;
        border-top: none !important;
    }

    header .navbar .dropdown:hover .dropdown-menu {
        opacity: 0;
        max-height: 0
    }

    header .navbar .dropdown.show .dropdown-menu {
        opacity: 1;
        max-height: 100%;
        margin: 0px;
    }

    video {
        width: 530px;
        margin-top: 80px
    }

    .Mtop20 {
        margin-top: -20px
    }

    .w35 {
        width: 100%
    }

    .p12 {
        padding-top: 0
    }

    .pl60 {
        padding-left: 0
    }

    .pl50 {
        padding-left: 0
    }

    .page-navigation-container.stick {
        position: fixed;
        top: 80px;
        z-index: 2;
        background: #fff;
        box-shadow: 0 2px 4px #ddd;
        border-top-color: transparent
    }

    .spinner {
        width: 400px;
        height: 400px;
        top: 32%
    }

    .QuoteText {
        font-size: 24px;
        line-height: 26px
    }

    .double-bounce1,
    .double-bounce2 {
        background: url(../images/Windows.gif) no-repeat;
        width: 400px;
        height: 400px
    }

    #EventsVideosDynamic .joinUsButton a {
        font-size: 15px
    }

    #LifeILDC_VideoSection .joinUsButton a {
        font-size: 15px
    }

    .joinUsButton.green a:hover {
        box-shadow: inset 0 0 0 1.4em rgba(205,215,55,.4)
    }

    .joinUsButton.white:hover a {
        box-shadow: inset 0 0 0 1.4em rgba(255,255,255,.4)
    }

    .joinUsButton.Wpnk:hover a {
        box-shadow: inset 0 0 0 1.4em rgba(248,96,151,.4)
    }

    .joinUsButton.blue a:hover {
        box-shadow: inset 0 0 0 1.4em rgba(63,177,209,.4)
    }

    .joinUsButton.whitePnk a:hover {
        box-shadow: inset 0 0 0 1.4em rgba(248,96,151,.4)
    }

    .joinUsButton.pink a:hover {
        box-shadow: inset 0 0 0 1.4em rgba(248,96,151,.4)
    }

    .joinUsButton.dark-orange a:hover {
        box-shadow: inset 0 0 0 1.4em rgba(255,140,0,.4)
    }

    .blackButton.joinUsButton:hover a {
        box-shadow: inset 0 0 0 14em rgba(0,0,0,.1)
    }

    #submit:hover {
        box-shadow: inset 0 0 0 1.4em rgba(0,0,0,.1)
    }

    .joinUsButton.orange a:hover {
        box-shadow: inset 0 0 0 1.4em rgba(255,192,0,.4)
    }

    .joinUsButton.green a:hover {
        box-shadow: inset 0 0 0 1.4em rgba(205,215,55,.4)
    }

    .joinUsButton.white:hover a {
        box-shadow: inset 0 0 0 1.4em rgba(255,255,255,.4)
    }

    .h67 {
        height: 676px !important
    }
    /* .site-hero {
      background-size: 900px
   } */
    .bgImage {
        background-size: 900px
    }

    .TalkToUs .links a img {
        max-height: 50px
    }

    .reveal-modal {
        padding: 7px 7px 34px;
        z-index: 1000000
    }

    .Perks.sectionSmall {
        padding: 18% 0 15% 0
    }

    .ourOffice.h720 {
        height: 545px !important
    }

    .CanYouHackIt .container-small .row {
        padding-left: 0
    }

    .box-container.mb-5 {
        margin-bottom: 20px !important
    }

    .footerCopyright .mr-4 {
    }

    .site-footer a {
        font-size: 14px
    }

    .Outreach .container-medium {
        padding: 0
    }

        .Outreach .container-medium .row {
            margin: 0
        }

    .OutrechIMG {
        background-position: 55% 0 !important
    }
    /* .container-small {
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
      padding-left: 0
   } */
    .site-hero-inner.row {
        margin: 0
    }

    .gif {
        display: none
    }

    .sectionSmall2 {
        height: auto
    }

    .alignBottom {
        align-self: flex-end
    }

    .mobileAlign {
        flex-direction: column;
        align-items: center
    }

    .NewsBg {
        height: 240px;
        background-size: cover
    }

    .wow-removed {
        visibility: visible !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important
    }

    .Quote.sectionPadding.GrayBG .quoteSign {
        width: 150px;
        margin-left: -15%
    }

    .closeVideo {
        left: 27%;
        top: -2px
    }

    .ProductVideos .closeVideo {
        right: 10px;
        left: auto;
        top: 4px;
        position: absolute
    }

    .ProductVideos .embed-responsive {
        height: 310px
    }

    .ProductVideos .largeVideo {
        width: 100%
    }

    .changeSize {
        background-position: 10px 10px
    }

    .ProductVideos.sectionPadding iframe {
        width: 100%;
        height: 100%
    }

    .blue-color .embed-responsive-16by9:before {
        padding-top: 25.25%;
        padding: 0
    }

    .MicrosoftAsaaf {
        height: auto !important
    }

    .geek {
        height: 400px !important
    }

    .garageTour {
        height: 100% !important
    }

    .rollInImageEvent {
        display: none
    }

    .rollInImageSecurity {
        display: none
    }

    .rollInImage5 {
        display: none
    }
    /* .SomeRandomFacts .rollInImage  {
      display: none
   } */
    .rollInImageProjectNorth {
        display: none
    }

    .rollInImageContact {
        display: none
    }

    .BlueHatIL iframe {
        width: 420px;
        height: 235px;
        margin: 0 auto
    }

    .ourOffice iframe {
        width: 420px;
        height: 235px;
        margin: 0 auto
    }

    .navbar .col-3 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .searchButton.open {
        width: 100%;
        top: 80px;
        right: 0
    }

    .navbar-nav {
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }

    .OrangeSquare {
        display: none
    }

    .GreenSquare {
        display: none
    }

    .BlueSquare {
        display: none
    }

    .site-hero .site-hero-inner {
        min-height: 0
    }
    /* .site-hero {
      height: 380px
   } */
    #Events .videoButtons {
        padding: 0
    }

        #Events .videoButtons .joinUsButton {
            margin: 0 !important
        }

    .smPad {
        padding: .6rem 2rem !important
    }

    .fixedSection {
        display: none
    }

    .site-hero h1 {
        font-size: 30px;
        line-height: 26px
    }

    .joinUsButton a {
        font-size: 15px;
        padding: 0.2rem 2.5rem 0.4rem 2.5rem;
    }

    header .navbar {
        width: 100%;
        background: #000 !important
    }

    .navbar-dark .navbar-toggler {
        border: none;
        color: transparent;
    }

        .navbar-dark .navbar-toggler:focus {
            outline: -webkit-focus-ring-color auto 1px;
        }

    .navbar-brand img {
        max-width: 215px;
        margin-left: 10px
    }

    body {
        overflow-x: hidden
    }

    .navbar-dark .navbar-brand {
        margin-top: 0
    }

    header nav .navbar-collapse {
        background: #f2f2f2;
        position: absolute;
        top: 70px;
        left: 0;
        right: 0
    }

    .navbar-expand-md .navbar-nav .nav-link {
        color: #000
    }

    header .nav-item a.nav-link {
        background: url(../images/mobileMenuArrow.png) no-repeat 95%
    }

    header .navbar .nav-item {
        padding: 2px 0px 2px 15px;
        border-bottom: 1px solid #e5e5e5
    }

        header .navbar .nav-item:last-child {
            border-bottom: none
        }

        header .navbar .nav-item.joinUsButton a {
            width: 95%;
            padding: 6px 25px;
            margin: 0 auto;
            background: 0 0;
            text-align: Center
        }

    .searchButton {
        float: left;
        width: 100%;
        padding: 10px;
        background: #fff;
        position: relative;
        top: 21px;
        color: #000;
        display: none
    }

        .searchButton.open {
            display: block
        }

    #SearchInput {
        color: #404040;
        font-size: 14px;
        padding-top: 7px
    }

    .navbar-search-icon-mobile {
        display: block;
        background: url(../images/searchIcon.png);
        width: 18px;
        height: 18px;
        position: absolute;
        top: 10px;
        right: 67px
    }

    .searchButton input::placeholder {
        color: #404040;
        font-size: 14px
    }

    .searchButton input::-ms-input-placeholder {
        color: #404040;
        font-size: 14px
    }

    .searchButton input::-ms-input-placeholder {
        color: #404040;
        font-size: 14px
    }

    #SlideDownArrow {
        left: 43%;
        bottom: -4px
    }

    .fixed-top.scrolled {
        background-color: rgba(0,0,0,1) !important
    }

    .bigFont {
        text-align: center;
        background-position: 15% top
    }

    .outreach-box .box-container img {
        transition: none;
        max-width: 50px
    }

    .outreach-box .box-container:hover img {
        top: 50%;
        left: 30%
    }

    section.Outreach .orangeTitleSign {
        background-position: initial
    }

    footer .col {
        flex: auto;
        width: 100%
    }

    footer .footerCopyright {
        padding: 0 !important
    }

        footer .footerCopyright .col {
            flex: auto;
            width: 100%
        }

    #SearchInput {
        display: block
    }

    .visit-box {
        flex: auto;
        margin-bottom: 10px
    }

        .visit-box .box-container .box-inner {
            position: inherit
        }

        .visit-box .box-container {
            padding-top: 0
        }

    .xPadding {
        padding: 0
    }

    .wow {
        visibility: visible !important
    }

    .SomeRandomFacts .facts-box {
        flex: auto;
        width: 100%;
        max-width: 100%
    }

    .sectionPadding {
        height: auto;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        background-repeat: repeat;
        align-items: center;
        background-size: auto !important
    }

    section.WhoWeAre .col,
    section.WishYouWereHere .col {
        flex: auto;
        width: 100%;
        max-width: 100%
    }

    section.WishYouWereHere .col-4,
    section.WishYouWereHere .col-8 {
        flex: auto;
        width: 100%;
        max-width: 100%
    }

    small {
        left: auto
    }

    section.WhoWeAre {
        padding: 20px 0
    }

    .floating-small-section {
        display: none
    }

    section.BlueHatIL .col-4,
    section.BlueHatIL .col-8,
    section.BlueHatNights .col-4,
    section.BlueHatNights .col-8,
    section.MicrosoftAsaaf .col-4,
    section.MicrosoftAsaaf .col-8 {
        flex: auto;
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }
    /* #BlueHatILCarousel .carousel-control-next-icon,
   #BlueHatILCarousel .carousel-control-prev-icon {
      width: 50px;
      height: 50px
   }
   #BlueHatILCarousel .carousel-control-next-icon {
      background: url(../images/rightArrowCarouselMobile.png) no-repeat;
      width: 40px;
      height: 60px;
      position: absolute;
      bottom: 5%
   }
   #BlueHatILCarousel .carousel-control-prev-icon {
      background: url(../images/leftArrowCarouselMobile.png) no-repeat;
      width: 40px;
      height: 60px;
      position: absolute;
      bottom: 5%
   } */
    a.yellow-plus {
        margin-top: -55px
    }
    /* #Leadership .swiper-button-next {
      right: 20%
   }
   #Leadership .swiper-button-prev {
      left: 20%
   } */
    .FamousLastWord.sectionSmall {
        padding-top: 0
    }

    header .navbar {
        padding: 20px 0 !important
    }

    button.navbar-toggler {
        float: right
    }

    .whiteTitleSign {
        text-align: center;
        background-position: 4% top
    }

    section.DoersNotTalkers .rollInImage,
    section.GivingBack .rollInImage {
        width: 100%;
        left: auto;
        right: -50%
    }

    .tab-pane#Community .split3-section .col {
        flex: auto;
        max-width: 100%;
        border-bottom: 1px solid;
        margin-bottom: 10px
    }

    .joinUsButton.pl-4 {
        padding-left: 0 !important
    }

    .whoweare .box-container {
        padding-top: 50%;
        padding-left: 100%;
        text-align: center
    }

    .whoweare .SomeRandomFacts .box-container {
        padding-top: 0;
        padding-left: 0;
        text-align: center;
        width: auto;
        margin: 0px auto;
    }
    /* .whoweare small {
      left: -11%;
      top: -12px
   } */
    .SomeRandomFacts .box-container .box-inner {
        position: inherit
    }

    .sectionTabs.whoweare .rollInImage {
        right: 62%
    }

    .whoweare .joinUsButton {
        text-align: center
    }

    .quoteSign {
        width: 100px
    }

    .Quote small {
        top: 20px;
        left: 0
    }

    .container {
        padding: 7%
    }

    .container-medium {
        padding: 7%
    }

    #Academia .box-container {
        padding-top: 70%
    }

    .greenTitleSign {
        padding: 10px;
        margin-bottom: 40px;
        margin-top: 40px
    }

    .sectionPadding {
        padding: 5% !important
    }

    .sectionPadding5 {
        height: auto;
        padding-top: 10%;
        padding-bottom: 10%
    }

    .ProductVideos.sectionPadding {
        padding: 30px 7% !important;
        min-height: auto;
    }

    .hAuto {
        min-height: auto;
        height: auto !important
    }

    section.ProductVideos .box-text {
        height: 130px;
        margin-left: 20px
    }

    .video-icon {
        margin-left: 8px
    }

    .joinUsButton {
        text-align: left
    }

    .mobCenter {
        text-align: center !important
    }

    ul {
        margin-left: 0 !important
    }

    .noMargin {
        margin: 0 !important
    }

    .ml0 {
        margin-left: 0 !important
    }

    .title {
        margin-bottom: 15px;
        margin-top: 15px;
        margin-right: 0px;
        margin-left: 0px;
    }

    .ModalImg {
        display: none;
    }

    .sectionTabs.WhatWeDo .ProductVideos .rollInImage {
        max-height: 317px;
        right: -21%
    }

    #HomepageWorkWithUsSection {
        padding: 20px 0px;
    }

    .sectionTabs.WhatWeDo .rollInImage {
        right: -51%
    }

    .WhatWeDo .rollInImage {
        right: -48%
    }

    .TalkToUs .rollInImage2 {
        right: 48%;
        width: 90%;
        height: auto
    }

    .site-footer .container.mt-5 {
        margin-top: 0 !important
    }

    .footerCopyright .col.text-right.pr-5 {
        text-align: center !important;
        margin-bottom: 25px
    }

    .footerCopyright .col.text-left.pl-5 {
        text-align: center !important
    }

    .footerCopyright .list-unstyled {
        display: inline-flex
    }

        .footerCopyright .list-unstyled li:after {
            content: "|";
            position: relative;
            margin: 5px
        }

        .footerCopyright .list-unstyled li:last-child:after {
            content: ""
        }

    .site-footer {
        padding: 0
    }

    .WhoWeAre .row {
        margin: 0
    }

    .Outreach .outreach-box a {
        font-size: 16px;
        line-height: 14px
    }

    #SlideDownArrow {
        display: none
    }

    .sectionTabs {
        padding: 0
    }

    .rollInImage {
        display: none
    }

    .MS {
        padding: 10px !important
    }

    .AcademiaSection .box-text {
        height: 10px
    }

    .font-light {
        font-size: 16px
    }

    .container-small .row {
        padding-left: 5%
    }

    .orange-color .WhoWeAre .container-small .row {
        padding-left: 0
    }
    /* .green-color .SomeRandomFacts {
      padding-left: 28px!important
   } */
    .orangeTitleSign {
        background: url(../images/mobileOrangeSign.png) no-repeat;
        padding: 6px 0 0 11px
    }

    .orange-color .WhoWeAre .font-light.pt-3 {
        padding-top: 0 !important
    }

    .whiteTitleSign {
        background: url(../images/mobileWhiteSign.png) no-repeat;
        padding: 6px 0 0 11px !important
    }

    .orange-color .WorkWithUs {
        min-height: 280px
    }

        .orange-color .WorkWithUs .col.mt-5 {
            margin-top: 0 !important
        }

    .orange-color .Outreach .orangeTitleSign.bigFont {
        margin-bottom: 0
    }

    #HJBYy1XlQ,
    .community_icon,
    .project_north_icon {
        width: 30%
    }

    .icon_wrap {
        display: none;
        position: relative;
        right: -50%;
        top: 0;
        width: 80%
    }

    .mobRight {
        text-align: right
    }

    .outreach-box .box-text {
        position: relative;
        font-size: 22px;
        line-height: 20px;
        padding: 20px;
        text-align: center
    }

    .orange-color .boxes {
        margin-left: 0
    }

    .community_icon {
        top: 19px;
        position: relative
    }

    .owl_icon {
        top: 7px;
        position: relative
    }

    .P5 {
        padding: 1rem 2rem;
    }

    .orange-color .GotWhatItTakes.sectionSmall {
        height: 287px
    }

    .orange-color .GotWhatItTakes .joinUsButton {
        text-align: center
    }
    /* .green-color h1 {
      text-align: center
   } */
    .joinUsButton a {
        margin-left: 0px;
    }

    .greenTitleSign {
        background: url(../images/mobileGreenSign.png) no-repeat
    }

    .mobileCenter {
        text-align: center !important;
    }

    .pTopHP {
        margin-left: 0px;
    }

    .green-color .FamousLastWord {
        height: auto;
        padding-bottom: 45px
    }

    .green-color .MicrosoftAsaaf .bigFont {
        line-height: 34px !important;
        line-height: 34px !important;
        padding-top: 30px
    }
    /* .green-color .BlueHatIL .bigFont {
      margin-top: 0
   }
   .green-color .container-medium.sectionPadding1 {
      height: auto
   }
   .green-color .BlueHatNights.sectionPadding2 {
      height: auto
   } */
    .blueTitleSign {
        background: url(../images/MobileblueTitleSign.png) no-repeat;
        padding: 6px 0 0 11px
    }

    .blackTitleSign {
        background: url(../images/MobileblackTitleSign.png) no-repeat;
        padding: 6px 0 0 11px
    }

    .blue-color .ProductVideos .col-md-6.order-sm-1 {
        padding: 0
    }

    .blue-color .ProductVideos .mt-5.text-light.fontsize-30.afBorder {
        margin-left: 25px
    }

    .blue-color .MoreResources1 .mt-5.text-light.fontsize-30.mobileFlex {
        margin-left: 25px
    }

    .blue-color .MoreResources .mt-5.text-light.fontsize-30 {
        margin-left: 40px
    }

    .pinkTitleSign {
        background: url(../images/MobilepinkTitleSign.png) no-repeat;
        padding: 6px 0 0 11px
    }

    .pink-color .why-work-with-us .mb-5 {
        margin-bottom: 5px !important
    }

    .pink-color .WorkPerks .mb-5 {
        margin-bottom: 5px !important
    }

    .pink-color .WorkPerks .sectionPadding3 {
        height: auto
    }

    .mobileFlex {
        max-width: 100% !important;
        flex: auto !important
    }

    .pink-color .LeadershipSection.container-medium.sectionPadding1 {
        height: auto
    }

    .pink-color .DoStuff .font50 {
        font-size: 32px;
        line-height: 34px
    }

    .rollInImage3 {
        display: none
    }

    .darkOrangeTitleSign {
        background: url(../images/MobiledarkOrangeTitleSign.png) no-repeat;
        padding: 6px 0 0 11px
    }

    .dark-orange-color .GotWhatItTakes.sectionSmall {
        height: 265px
    }

    .WishYouWereHere .SectionImage {
        height: auto
    }

    .RDtabs .nav-item {
        display: inline
    }

        .RDtabs .nav-item a {
            display: block !important
        }

    .RDtabs {
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        overflow-y: hidden
    }

    .dark-orange-color .yPadding {
        padding: 15px
    }

    .container-medium.yPadding .greenTitleSign {
        margin-top: 0
    }

    .Quote.py-5.my-5 {
        margin-top: 0 !important
    }

    .rollInImage2 {
        display: none
    }

    .sectionSmall {
        height: auto
    }

    .h100 {
        height: auto
    }

    .w100 {
        width: 100% !important;
        max-width: 100% !important
    }

    #iframeYoutube {
        width: 366px
    }

    .ProductVideos.sectionPadding {
    }

    .dOrangeSquare {
        display: none
    }

    .yPadding2 {
        padding: 15px !important
    }

    .carousel-logo {
        background-position-x: 2rem;
        height: 70px;
        margin-bottom: 0px;
    }

    .coming-soon {
        display: none;
    }

    .tab-pane#Community .split3-section .col {
        flex: auto;
        max-width: 100%;
        border-bottom: 1px solid #d5d5d5;
        margin-bottom: 10px
    }

    section.AcademiaSection .col {
        flex: auto;
        max-width: 100%
    }

    .bigFont {
        text-align: left;
        background-position: left top
    }

    section.why-work-with-us .col {
        flex: auto;
        max-width: 100%
    }

    section.ourOffice .joinUsButton a {
        padding: .6rem .5rem
    }

    section.WorkPerks .col {
        flex: auto;
        max-width: 100%
    }

    .sectionTabs #LifeILDC .OurPeople.sectionPadding {
        padding: 0 !important
    }

    /* .OurPeople .carousel-control-next,
   .OurPeople .carousel-control-prev {
      top: -10%
   } */
    section.OurPeople .whiteTitleSign {
        padding: 9px 0 0 30px;
        margin-top: 30px
    }

    .bigFont {
        /* line-height: 30px!important; */
        font-size: 30px;
    }

    .fontsize-30 {
        font-size: 20px
    }

    .mt-5 {
        margin-top: 1rem !important
    }

    .DoStuff .rollInImage {
        top: auto;
        right: -16%;
        left: auto;
        width: 40%;
        bottom: 0
    }

    .DoStuff .whiteTitleSign {
        text-align: left
    }
    /* .noPadding {
      padding: 0!important
   } */
    .sectionPadding4 {
        height: auto
    }

    .SomeRandomFacts .rollInImage3 {
        top: auto;
        width: 698px;
        right: -37%;
        bottom: 0;
        left: auto
    }

    .full-background-image {
        min-height: 350px;
    }
    /* #BlueHatNightCarousel .carouseSmall {
      margin-left: 10px!important;
      font-size: 20px;
      padding-bottom: 0;
      margin: 0;
      height: 80px;
      overflow: hidden;
      line-height: 25px
   }
   #BlueHatNightCarousel .hFix {
      height: 400px;
      padding-bottom: 40px;
      overflow: hidden
   } */
    .CanYouHackIt.py-5 {
        padding-top: 0 !important
    }

    .CanYouHackIt.py-5 {
        padding-top: 0 !important
    }

    .Pbottom {
        padding-bottom: 20px
    }
    /* .BlueHatNights .carousel-control-next,
   .BlueHatNights .carousel-control-prev {
      bottom: 20px
   } */
    #ComePrepared .box-container {
        padding-top: 0
    }

    input#SearchInput {
        opacity: 1;
        margin: 0
    }

    .whiteTitleSign.mx-auto.ml0 {
        margin-left: 0 !important
    }

    .whiteTitleSign.mx-auto {
        margin-left: 10px !important
    }

    ul.navbar-nav {
        position: relative
    }

    .nav-item.dropdown.show > a.nav-link {
        line-height: 72px;
        height: 70px;
        padding: 0;
        padding-left: 40px;
        color: #fff !important;
        background: url(../images/mobile_leftArrow.png) no-repeat 18%
    }

    .imgSmall {
        background-size: cover !important;
        height: 200px !important
    }

    body.blue-color header .navbar .nav-item.dropdown.show a.dropdown-toggle,
    body.blue-color header .navbar .nav-item.dropdown.show a.dropdown-toggle:active,
    body.blue-color header .navbar .nav-item.dropdown.show a.dropdown-toggle:focus,
    body.dark-orange-color header .navbar .nav-item.dropdown.show a.dropdown-toggle,
    body.dark-orange-color header .navbar .nav-item.dropdown.show a.dropdown-toggle:active,
    body.dark-orange-color header .navbar .nav-item.dropdown.show a.dropdown-toggle:focus,
    body.green-color header .navbar .nav-item.dropdown.show a.dropdown-toggle,
    body.green-color header .navbar .nav-item.dropdown.show a.dropdown-toggle:active,
    body.green-color header .navbar .nav-item.dropdown.show a.dropdown-toggle:focus,
    body.orange-color header .navbar .nav-item.dropdown.show a.dropdown-toggle,
    body.orange-color header .navbar .nav-item.dropdown.show a.dropdown-toggle:active,
    body.orange-color header .navbar .nav-item.dropdown.show a.dropdown-toggle:focus,
    body.pink-color header .navbar .nav-item.dropdown.show a.dropdown-toggle,
    body.pink-color header .navbar .nav-item.dropdown.show a.dropdown-toggle:active,
    body.pink-color header .navbar .nav-item.dropdown.show a.dropdown-toggle:focus {
        color: #fff !important
    }

    body.blue-color header .navbar .nav-link.active,
    body.blue-color header .navbar .nav-link:hover,
    body.dark-orange-color header .navbar .nav-link.active,
    body.dark-orange-color header .navbar .nav-link:hover,
    body.green-color header .navbar .nav-link.active,
    body.green-color header .navbar .nav-link:hover,
    body.orange-color header .navbar .nav-link.active,
    body.orange-color header .navbar .nav-link:hover,
    body.pink-color header .navbar .nav-link.active,
    body.pink-color header .navbar .nav-link:hover {
        color: #212529 !important
    }

    .nav-item.dropdown.show div.dropdown-menu.show {
        background: #f2f2f2;
        display: block
    }

    .nav-item.dropdown.show {
        border: none;
        padding: 0
    }

        .nav-item.dropdown.show a.nav-link {
            position: absolute;
            top: -70px
        }

    .nav-item.joinUsButton {
        margin-top: 10px;
        padding-bottom: 10px
    }

    .nav-item.dropdown.show div.dropdown-menu.show a {
        color: #212529;
        padding: 10px 4px 10px 40px;
        border-bottom: 1px solid #e5e5e5
    }

    ul.submenuOpened .nav-item.dropdown {
        transition: visibility 0s,opacity .5s linear;
        display: none
    }

        ul.submenuOpened .nav-item.dropdown.show {
            display: block
        }

    footer .my-5 {
        margin: 0 !important
    }

    footer .footerLinks h3 {
        background: url(../images/mobile_footerArrowDown.png) no-repeat 95% center;
        padding-bottom: 5px;
        cursor: pointer;
    }

    .footerLinks .opened ul.footer-links {
        opacity: 1
    }

    .footerLinks ul.footer-links {
        /* display: none; */
        margin-bottom: 20px
    }

    .footerLinks .opened h3 {
        background: url(../images/mobile_footerArrowUp.png) no-repeat 95% center
    }

    .footerMediaTitle br {
        display: none
    }

    .site-footer .footerSocialMedia li {
        margin-bottom: 7px;
        width: 24%;
        text-align: center
    }

    .footerSocialMedia {
        margin-bottom: 20px
    }

    footer .footerCopyright {
        margin: 0 !important
    }

    .footerCopyright ul li {
    }

    .heartIcon {
        top: 10px
    }

    .Outreach .box-container {
        height: auto;
        padding-top: 0
    }

        .Outreach .box-container a {
            position: inherit
        }

    .mTop {
        margin-top: 3rem !important
    }

    .MeatUsIRL.sectionSmall {
        padding-top: 37px;
        padding-bottom: 37px
    }

    .moveDown {
        padding-top: 13% !important
    }

    .moveDown1 {
        padding-top: 5% !important
    }

    .pTop {
        padding-top: 0 !important
    }

    .WishYouWereHere .SectionImage {
        /* background-position: -321px -1px!important; */
        background-size: cover !important;
        filter: blur(5px) brightness(0.7);
    }

    .WishYouWereHere .SectionImage {
        background-position: 488px -1px !important;
        background-size: cover !important
    }

    .GotWhatItTakes {
        padding-top: 40px;
        padding-bottom: 40px
    }

    #Security .CanYouHackIt {
        padding-bottom: 45px
    }

    #BusinessAnalytics .CanYouHackIt {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .mTop {
        margin-top: 15% !important;
        margin-left: 20%;
    }

    .carousel-indicators-numbers li {
        text-indent: 0;
        margin: 0 2px;
        width: 15px;
        height: 15px;
        border: 1px solid #fff;
        border-radius: 100%;
        line-height: 30px;
        background-color: transparent;
        transition: all .25s ease;
        margin-left: 10px
    }

    .carousel-indicators {
        top: 30%;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex
    }

    #LifeILDC .carousel-indicators {
        top: 26%
    }

    #MicrosoftNorth .carousel-indicators {
        top: 90%
    }

    #Community .mediumBlackFont {
        font-size: 30px;
        text-align: center
    }

    .split3-section p {
        font-size: 16px;
    }

    .pTop0 {
        padding-top: 0 !important
    }

    .font-boldblack {
        font-family: "Segoe UI Black","Segoe UI";
        font-weight: 800
    }

    .GotWhatItTakes .SectionImage {
        background-position: -7px !important
    }

    .SecurityBlueHatNights.sectionPadding2 {
        height: 750px
    }

    .full-background-imag e,
    .carousel-item-image {
        height: 350px;
    }

    .carousel-item {
        height: auto;
    }

    .carousel-control-next,
    .carousel-control-prev {
        align-items: start;
        margin-top: 150px;
        width: 80px;
        opacity: 1;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 60px !important;
        height: 60px !important
    }

    .parTitleSign {
        padding-left: 11px;
        padding-right: 11px;
    }

    .white-title {
        text-align: left;
    }

    .sticky-nav {
        display: none;
    }

    section.background-white, section.background-black {
        padding: 10px 0px;
    }

    .process-snapshot .white-title {
        margin-bottom: 40px;
    }

    .white-desc {
        margin-left: 20px;
    }

    .h-100 {
        height: initial !important;
    }

    .carousel-item {
        height: initial !important;
    }

    .hideBR br {
        display: none
    }

    .join-us .row {
        height: 250px;
    }

    .mobileCenter2 {
        margin-left: 13% !important;
    }

    .mob-mb-1 {
    }

    .box-container a:focus {
        border: none !important;
    }

    section > .row:first-child {
        margin-top: 0px;
        padding-top: 0px;
    }
    /* .col-xs-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   } */
}


@media (max-width:768px) {
    video {
        width: 115%;
        margin-top: 80px;
    }

    .containerText .site-hero-inner {
        top: 0 !important
    }

    .is-sticky .sticky-nav {
        margin-top: 81px
    }

    .box-inner .pt-5.font-light {
        padding-top: 12px !important
    }

    header .navbar .nav-item {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width:320px) and (max-width:480px) {
    .site-hero h1 {
        font-size: 22px;
        line-height: 24px
    }
    /* .joinUsButton a {
      font-size: 15px;
      padding: 4px 16px
   } */
    .mTop {
        /* margin-top: 42px!important */
    }
}

@media (max-width:320px) {
    .TalkToUs .rollInImage2 {
        right: 40%;
        width: 114%
    }
    /* .joinUsButton a {
      padding: .6rem 2rem
   } */
    .Outreach .col.mobileFlex {
        padding: 0
    }

    .community_icon {
        top: -2px
    }

    .navbar-brand img {
        max-width: 174px;
        margin-left: 2px;
        margin-top: -9px
    }

    .whoweare .box-container {
        padding-top: 60%
    }

    .joinUsButton a {
        font-size: 14px
    }

    .geek.sectionPadding {
        min-height: 314px
    }

    .geek {
        height: auto !important
    }

    .BlueHatIL.h720 {
        height: 786px !important
    }

    .ourOffice.h720 {
        height: 628px !important
    }
    /* .OurPeople .carousel-control-next,
   .OurPeople .carousel-control-prev {
      top: -1%
   } */
    /* #BlueHatNightCarousel .carousel-control-next-icon,
   #BlueHatNightCarousel .carousel-control-prev-icon {
      top: 20%
   } */
    #Academia .box-container {
        padding-top: 100%
    }

    .carousel-indicators {
        top: 28%;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex
    }

    #LifeILDC .carousel-indicators {
        top: 22%
    }

    .h67 {
        height: 760px !important
    }
}

@media (max-width:1440px) {
    .carousel-item {
        height: 700px;
    }
}

@media (max-width:1410px) {
    .facts-box .box-title,
    .facts-box .box-subtitle {
        font-size: 33px;
    }

    .facts-box p {
        font-size: 16px;
        margin-top: 15px;
    }

    .box-container .box-inner {
        padding: 10px;
    }
    /* .rollInImageJoinUs {
    zoom: 80%;
    height: 100% !important;
  }  */
    body.dark-orange-color #MicrosoftNorth .rollInImageJoinUs {
        left: -30%;
    }

    .speaker_txt {
        text-align: center;
    }

    /* body.dark-orange-color #TheGarage .rollInImageJoinUs {
    height: 140%;
  } */
    /* body.green-color #Events .rollInImageJoinUs {
    height: 140%;
  } */
    /* body.pink-color #PersonalDevelopment .rollInImageJoinUs {
    height: 140%;
  } */
}

@media (min-width:1440px) {
    .facts-box .box-title,
    .facts-box .box-subtitle {
        font-size: 50px;
    }
}

@media (max-width:1100px) {
    header .navbar {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}