/*
* vis iq V0.0.1
* @media queries for site
* Copyright 2016
* www.visualiq.com.com
*/


/* media queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/*-------------------------------------------------------------------------------------------------
1200px and up
-------------------------------------------------------------------------------------------------*/
 @media screen and (min-width: 1200px) {
       .downloadBox:nth-child(even) {
           /*padding: 4px;*/
           /*border-bottom: 1px solid #BFBFBF;*/
           /*border-left: 1px solid #BFBFBF;*/
       }
       .downloadBox:nth-child(odd) {
           /*padding: 2px;*/
           /*border-bottom: 1px solid #BFBFBF;*/
           /*border-right: 1px solid #BFBFBF;*/
       }
   }

   @media screen and (min-width: 992px) and (max-width: 1220px) {
       .dropdown .navSpan {
           font-size: 11px;
       }
   }
/*-------------------------------------------------------------------------------------------------
under 1199px only
-------------------------------------------------------------------------------------------------*/

   @media (max-width: 1199px) {
    /*.hero {
          background: url("https://www.visualiq.com/images/home/header_1199.jpg") no-repeat;

        }*/
        

        .footer{
          max-height: 300px;
        }
        #footericons{
          margin-right: 37px;
        }
        #footerSocial{
          float: right;
          margin-right: 37px;
        }
        .footer #footerCopy{
          margin-top: 78px;
        }

        #companyMore .companyMoreBTN{
          margin-top: 10px;
        }
        #ae .clientLogoHome{
            margin-left: 58px;
        }
        #crate .clientLogoHome {
            margin-top: 21px;
        }

       .careersTwo .careersMiddleRight {
           display: none;
       }
       .careersTwo .careersMiddleLeft {
           width: 100%;
           padding-top: 24px;
       }
       .careersMiddleLeft div h2 {
           max-width: 100%;
           color: #fff;
           max-width: 680px;
           margin-right: auto;
           margin-left: auto;
       }
       .careersMiddleLeft p {
           margin-right: auto;
           margin-left: auto;
           color: #fff;
       }
       #envoy,
       #audience,
       #sage,
       #deploy {
           height: 593px;
       }

       .newsEventsFullTextSec {
           text-align: center;
           margin: 0 auto;
       }
       .newsEventsFullTextSec .newsEventsLeftBtn {
           text-align: center;
           margin: 0 auto;
       }
       .newsletter #inputEmail{
        width: 300px;
       }
       .newsEventsLeftBtn #resoucesBtn{
        border: 2px solid #fff;
        color: #fff;
       }
      .solutionsThree .solutionSec{
          height: 474px;
       }
       .footerSearch .footerSearchBox {
          max-width: 359px;
        }
        .largeSectionSolutions {
            height: 658px;
          }
          .whySec{
            height: 465px;
          }

          .challengesSections .challengeSec{
            height: 572px;
          }
          .challengesSections .challengeSecBottom{
            height: 520px;
          } 
          .largeSectionSolutions {
              height: 736px;
              background-color: #F1F3F6;
          }
          #trueAttribution,
          #trueMetrics{
            height: 390px;
          }

          .assetDownload .list-group .downloadBox {
            margin: 0px;
            padding: 4px 8px 4px 2px;
            height: 106px;
          }
          .assetDownload a.list-group-item {
            height: 98px;
          }

   }
/*-------------------------------------------------------------------------------------------------
992px to 1199px only
-------------------------------------------------------------------------------------------------*/

   @media screen and (min-width: 992px) and (max-width: 1199px) {
    .whySecondaryNav ul li {
      font-size: 10px;
    }

    .navbar-default .navbar-nav > li{
      height: 75px;
      padding-top: 23px;
    }
    .dropdown-header a{
       margin-top: 20px;
    }
    .title-space a{
        margin-top: 20px;

    }
    .navbar-nav>li>.dropdown-menu{
      height: 192px;
    }
    .headerDownload{
      margin-top: 14px;
    }
    .headerDownloadMedia{
      margin-top: 4px;
    }
    .headerDownloadNewsletter{
      margin-top: 14px;
    }
       .clientLogoHome {
           height: 65px;
       }
       #adidasLogo,
       #ihg {
           display: none;
       }
       #firstSec li a {
           font-size: 12px;
           padding: 0px 8px 17px 8px;
       }
       .nav>li>a {
           padding: 0px 0px 0px 0px;
       }
       .navbar-brand {
           padding: 14px 10px;
       }
       #firstSec {
           margin-top: 0px;
           margin-left: 0px;
           margin-left: 10px;
           margin-right: 20px;
           padding-top: 0px;
       }
       #firstSec > li {
           margin: 0px 0px 0px 0px;
       }
       #secondSec {
           padding: 2px;
           padding-top: 0px;
       }
       #secondSec #secondSecIcons li {
           padding-top: 0px;
       }
       #secondSec #secondSecText {
           margin-top: 18px;
           margin-left: 17px;
       }
       #secondSec #secondSecIcons {
           margin-top: 24px;
           padding-top: 0px;
       }
       #secondSec .navSearch,
       #secondSec .navContact {
           padding-top: 0px;
           margin-top: 0px;
       }
       #thirdSec {
           margin: 16px 0px 0px 0px;
       }
       .ArchiveSec .eventText {
           padding-left: 22px;
       }
       .challengesContainer .challengeTopImage {
           padding-left: 60px;
           padding-right: 0px;
       }

       .assetSec a {
           bottom: 88px;
       }

      .challengeDivOne img{width: 40px;}
      .challengeDivTwo{width: 235px;}
      .challengeDivThree img{width: 70px;}
      .challengeDivFour{width: 235px;}
      .challengeDivFive img{width: 70px;}
      .challengeDivSix{width: 235px;]}
      .challengeDivSeven img{width: 40px;}
      .challengesList{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}



   }

   @media screen and (min-width: 992px) and (max-width: 1062px) {
    .aboutOne {
      height: 762px;
    }
   }

/*-------------------------------------------------------------------------------------------------
991px and under
-------------------------------------------------------------------------------------------------*/

   @media (max-width: 991px) {
       * {
           -webkit-box-shadow: none !important;
           -moz-box-shadow: none !important;
           box-shadow: none !important;
       }
       header {
           position: absolute;
       }

       /*.hero {
          background: url("https://www.visualiq.com/images/home/header_991.jpg") no-repeat;
          min-height: 0px;
        }*/
       .hero #cta {
        margin-top: 40px;
        margin-bottom: 45px;
         }
        .hero #cta h1 {
        font-size: 32px;
        }
        #homeHero {
          margin-top: 0px;
        }
      .hero #cta p {
        font-size: 16px;
        line-height: 23px;
      }
       .desktopHide{
        display: block;
       }
       .mobileHide{
        display: none;
       }
       .dropdown a span {
           display: inline-block;
           margin-left: 4px;
       }
       .dropdown a .smallNavSpan {
           padding: 0px;
           margin: 0px;
       }
       .dropdown-menu .title-space {
           margin-top: 0px;
       }
       a#challengesText.dropdown-toggle,
       a#solutionsText.dropdown-toggle,
       a#resourcesText.dropdown-toggle,
       a#newsText.dropdown-toggle,
       a#aboutText.dropdown-toggle {
           padding-bottom: 20px;
       }
       .dropdownGlyph:hover {
           transform: rotateZ(180deg);
       }

       .navbar-collapse.collapse {
           height: 100%!important;
       }
       .formSection {
          padding-bottom: 0px;
        }

/*MEGA MENU*/
        #firstSec{
          display: none;
        }
        .navslideMenu{
          display: block;
        }
       .mobileHeaderNav{
        display: block;
      }
       #swipeNav {
           right: -285px;
           height: 100%;
           position: fixed;
           width: 285px;
           background: #DFE2E9;
           max-height: 100vh;
           display: flex;
           height: 1000px;
           flex-direction: column;
           -moz-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.65);
           -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.65);
           -o-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.65);
           box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.65);
           overflow: scroll; overflow-x:hidden;
           height:100%;
           z-index: 5;

       }
       #menu-icon {
           float: right;
           padding: 22px 28px 0px 0px;
           display: inline-block;
       }
       #menu-icon img {
           display: inline-block;
           width: 30px;
           height: auto;
       }

       #firstSec {
           position: absolute;
           top: 140px;
           height: 400px;
           margin-left: 0px;
       }
       #firstSec li {}
       #firstSec br {
           display: none;
       }
       #secondSec {
           margin: 0px;
           padding: 0px 0px 0px 16px;
           display: block;
       }
       #secondSec #secondSecText {
           position: absolute;
           top: 14px;
           width: 285px;
           margin: 0;
           margin-top: 17px;
           padding: 0;
           text-align: left;
           float: left;
       }
       #secondSec #secondSecText li {
           display: block;
           float: left;
           text-align: left;
           width: 100px;
       }
       #navLang {
           margin-right: 18px;
           margin-top: 16px;
       }

       #thirdSec {
           position: absolute;
           top: 0;
           right: 0px;
           margin-top: 0px;
       }
       #thirdSec li {
           padding-left: 0px;
       }
       #navLogin {
           display: none;
       }
       #navContact img {
           display: none;
       }
       #navSearch {
           background: transparent;
           border:1px solid #5D5B5F;
           position: absolute;
           width: 252px;
           top: 52px;
           right: 18px;
           text-align: right;
           height: 40px;
       }

       .mobileSearchBox .form-control  {
              height: 38px;
              margin-left: 10px;
              background: transparent;
              border: solid 1px #5D5B5F;
              width: 200px;
              border-radius: 0px;

        }
       #secondSec .navPrivacy{
          padding-top: 0px;
       }

       #navSearch img{
           width: 20px;
       }
       .navSearch img {
           padding: 8px 0px 6px 0px;
       }
       .navbar-toggle {
           width: 100%;
           float: none;
           margin-right: 0;
       }
       .dropdown {
           right: 0;
           width: auto;
       }
       .navbar {
           min-height: 75px;
       }
       .dropdown,
       .dropdown-menu {
           position: relative;
           text-align: left;
       }
       a#challengesText.dropdown-toggle,
       a#solutionsText.dropdown-toggle,
       a#resourcesText.dropdown-toggle,
       a#newsText.dropdown-toggle,
       a#aboutText.dropdown-toggle {
           /*padding: 0 0 1px 0;*/
           /*margin: 0px;*/
           text-align: left;
       }
       .dropdown-menu {
           border-top: none;
       }
       li.dropdown.menu-large:hover {
           border: none;
       }
       .dropdown-menu li div {
           padding: 0px 0px 0px 0px;
       }
       .downloadBoxOuter {
           display: none;
       }
       .dropdown-menu li div li {
           font-family: Nexa-Book-Italic, sans-serif;
           margin-left: 30px;
           width: 100%;
       }
       .dropdown-menu li div li a {
           width: 100%;
       }
       .navbar-default .navbar-nav > li{
        height: 34px;
       }
       .navbar-default .navbar-nav > li > a {
           padding-top: 0px;
       }
       .dropdown-menu li div li a .navSpan {
           display: none;
       }
       .dropdown-menu li div li a:hover .navSpan {
           display: none;
       }
       .dropdown-menu li div ul {
           padding: 0px 0px 0px 0px;
       }
       .dropdown > li > a {
           padding: 0px 0px;
       }
       .navbar-nav > li > a {
           padding: 0px;
       }
       .navbar-header:after {
           margin: 0px;
           padding: 0px;
           content: none;
       }
       .container>.navbar-collapse {
           margin: 0px;
       }
       #firstSec > li > ul > li > div > ul {
           max-width: 200px;
           float: left;
           padding: 0px;
           margin: 0px;
           text-align: left;
           width: 100%;
       }
       #firstSec > li > ul > li > div > ul li {
           text-align: left;
       }
       .formSection .smallFormLeft {
           padding-right: 15px;
       }
       .formSection .smallFormRight {
           padding-left: 15px;
       }
       .formSection .smallFormCenter {
           padding-right: 15px;
           padding-left: 15px;
           margin-top: 0px;
       }
       .assetDownload {
           /*min-height: 460px;*/
       }
       .contactBottom h4 {
           padding-top: 20px;
       }
       .contactSec .contactText h5 {
           margin-top: 0px;
       }
       #cancelBtn {
           margin-top: -20px;
       }
       .challengesGraphicMobile{
          display: block;
          width: 100%;
        }

       .challengesGraphicDesktop{
          display: none;
       }
       .challengesContainer .challengesTopText {
           text-align: center;
       }
       .challengesContainer .challengeTopImage {
           padding-left: 0px;
           padding-right: 0px;
       }
       .challengesSections .challengeSec {
           height: 712px;
       }
       .challengesSections .challengeSecBottom{
            height: 630px;
          } 
       .challengesSections .challengeSec .challengeSecTitle {
           margin-top: 50px;
       }

       .whySecondaryNav ul li a {
           padding: 18px 22px 16px 22px;
           font-size: 12px;
       }
       .solutionsSix .solutionSec form .emailBox {
           float: right;
       }
       .solutionsSix .solutionSec form .viqBtnOutLight {
           float: right;
           margin-top: 10px;
       }
       .largeSectionSolutions{
           background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("https://www.visualiq.com/images/solutions/oursolutions_body1.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }
       .largeSectionSolutions {
          height: 580px;
        }
        .solutionsMiddleTextRight div .greenBar{
            max-width: 680px;
          margin-left:auto;
          margin-right: auto;
        }

       .partnersTwo{
        background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("/images/partners/partners_body1.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }

       .resourcesOne{
        background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("/images/resources/img_resources_body1.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }
       .resourcesTwo{
        background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("/images/resources/img_resources_body2.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }
       .resourcesThree{
        background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("/images/resources/img_resources_body3.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }
       .newsOne{
        background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("/images/news/newsevents_body1.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }
       .newsTwo{
        background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("/images/news/newsevents_body2.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }
       .aboutOne{
        background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("/images/about/img_aboutus_body1.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }
       .aboutTwo{
        background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("/images/about/img_aboutus_body2.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }
       .careersOneMobile{
        background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("/images/careers/careers_body1.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }
       .careersTwoMobile{
        background-image: linear-gradient(rgba(74, 72, 75, 0.7),rgba(74, 72, 75, 0.7)),
           url("/images/careers/careers_body2.jpg");
           background-size: cover;
           background-position: left top;
           margin-right: auto;
           margin-left: auto;
       }


      .solutionsMiddleImageLeft,
      .partnersMiddleImageRight,
      .aboutMiddleImageRight,
      .aboutMiddleImageLeft,
      .careersMiddleImageRight,
      .careersMiddleImageLeft,
      .resourcesMiddleImageRight,
      .resourcesMiddleImageLeft,
      .newsMiddleImageRight,
      .newsMiddleImageLeft,
      .resourcesMiddleImageLeftCaseStudies {
           display: none;
       }
      .solutionsMiddleTextRight,
      .partnersMiddleTextLeft,
      .aboutMiddleTextLeft,
      .aboutMiddleTextRight,
      .careersMiddleTextLeft,
      .careersMiddleTextRight,
      .resourcesMiddleTextLeft,
      .resourcesMiddleTextRight,
      .newsMiddleTextLeft,
      .newsMiddleTextRight {
           width: 100%;
           padding-top: 24px;
       }
       .solutionsMiddleTextRight div h2,
       .partnersMiddleTextLeft div h2,
       .aboutMiddleLeft div h2,
       .careersMiddleTextLeft div h2,
       .careersMiddleTextRight div h2,
       .resourcesMiddleTextRight div h2,
       .resourcesMiddleTextLeft div h2,
       .newsMiddleTextLeft div h2,
       .newsMiddleTextRight div h2,
       .aboutMiddleTextRight div h2,
       .aboutMiddleTextLeft div h2,
       .aboutMiddleTextLeft div
       {
           max-width: 100%;
           color: #fff;
           max-width: 680px;
           margin-right: auto;
           margin-left: auto;
       }
       .solutionsMiddleTextRight p,
       .resourcesMiddleTextRight p,
       .resourcesMiddleTextRight div .resourcesRightBtn,
       .resourcesMiddleTextLeft div p,
       .resourcesMiddleTextLeft div .resourcesLeftBtn,
       .partnersMiddleTextLeft div p,
       .careersMiddleTextLeft div p,
       .careersMiddleTextRight div p,
       .newsMiddleTextLeft div p,
       .newsMiddleTextLeft div .newsEventsLeftBtn,
       .newsMiddleTextRight div p,
       .newsMiddleTextRight div .newsEventsRightBtn,
       .aboutMiddleTextRight div p,
       .aboutMiddleTextLeft div p{
           max-width: 100%;
           color: #fff;
           max-width: 680px;
           margin-right: auto;
           margin-left: auto;
       }

       .solutionsMiddleTextRight ul,
       .aboutMiddleTextRight div ul{
           max-width: 100%;
           color: #fff;
           max-width: 680px;
           margin-right: auto;
           margin-left: auto;
           margin-bottom: auto;
           margin: auto;
           margin-top: 10px;
       }
       .solutionsMiddleTextRight ul span,
       .aboutMiddleTextRight div ul span{
        color: #ffffff;
      }

       .partnersMiddleTextLeft div h2 {
           margin-right: auto;
           text-align: center;
       }
       .partnersMiddleTextLeft div ul {
           margin-right: auto;
       }
       .careersMiddleTextRight div h2{
        padding-left: 0px;
       }

       .partnersMiddleTextLeft ul li span {
           color: #F2F4F7;
       }

       .assetSec a {
           bottom: 85px;
       }
       .envoyMiddleSec > div div > img {
           margin-top: 20px;
       }
       #envoy,
       #audience,
       #sage,
       #deploy {
           height: 476px;
       }
       #envoy a,
       #audience a,
       #sage a,
       #deploy a {
           /*left: 85px;*/
       }
       .pedagreeTopImage img {
           float: none;
           margin-left: 0 auto;
       }
       .topCTA .whyCta {
           padding-top: 0px;
       }
       .newsletter #inputEmail{
        width: 300px;
       }
       .footer {
           max-height: 480px;
       }
       #footericons{
          float: left;
        }
        #footerSocial{
          float: left;
          margin-right: 0px;
          margin-left: 20px;
        }
        .footerSearch .footerSearchBox{
          max-width: 332px;
        }

        .managementDropdown .mngDropLeft h4{
          margin-top: 0px;
          padding-top: 9px;
        }
        .managementDropdown .mngDropLeft p{
          padding-bottom: 20px;
        }
        .mngDropRight{
          margin-top: 20px;
        }
        .managementDropdown .mngDropLeft{
          padding-top: 10px;
        }

       .partnersSec  {
          text-align: center;
          margin: 0px auto;
      }
      .partnersSecBtn{
        margin: 0px auto;
        text-align: center;
      }
      .menuModbile{
        display: block;
      }
      .menuTabletEnvoy{
        display: block;
      }
      .menuDesktop{
        display: none;
      }

      .solutionsThree .solutionSec {
          height: 522px;
      }

      #trueAttribution, #trueMetrics {
        height: 442px;
      }
      .cancelBtn {
        margin-top: -19px;
        margin-right: -10px;
      }
      #searchBox {
          display: block;
          top: 0px;
          z-index: 0;
          position: absolute;
          border: 2px solid #A1D033;
          height: 38px;
          width: 250px;
          border-radius: 0px;
          background-color: transparent;
          background: transparent;
      }
      .resourceTopImage img {width: 100%;}

}

   /*-------------------------------------------------------------------------------------------------
768px to 991px only
-------------------------------------------------------------------------------------------------*/

   @media screen and (min-width: 768px) and (max-width: 991px) {


       #adidasLogo,
       #ihgLogo,
       #att{
           display: none;
       }

       .clientLogoHome {
           height: 55px;
       }
       .companyMoreBTN {
           margin-top: 9px;
       }
       .companies{
        margin-top: 40px;
        margin-bottom: 40px;
       }
       .whyLeft {
           display: none;
       }
       .newsletter #inputEmail {
           margin-top: 0px;
       }
       .newsletter #newsletterButton {
           margin-top: 0px;
       }
       .why .whySection ul {
           padding-left: 1px;
       }

      .whySec{
          height: 552px;
      }
       #sage {
           border-right: none;
       }
       #envoy,
       #sage {
           margin-bottom: 40px;
       }
       .dropdown a {
           margin-left: 10px;
       }
       .greenBandWrapper .greenBand .greenBandRight a{
        margin-top: 34px;
       }
       .assetDownload .list-group .downloadBox {
        height: 168px;
        }
        .assetDownload a.list-group-item {
            height: 158px;
        }
        .archiveSliderList li{
          margin-left: 0px;
          margin-right: 0px;
        }
   }
/*-------------------------------------------------------------------------------------------------
767px and under
-------------------------------------------------------------------------------------------------*/

   @media screen and (max-width: 767px) {
   .blogRight{
   		display: inline-block;
        width:100%;
   }


    .form-img img{
        min-width: 100%;
    }

    .formContainer {
        display: block;
    }

    .formContainer .formRight,
    .formContainer .formLeft {
        display: block;
    }


    .clientSecBtn {
         margin:0 auto;
        width: 100%;
        text-align: center;
    }

    .clientSecBtn a{
      float:none;
       margin:0 auto;
    }

    .menuTabletEnvoy{
        display: none;
      }

      .menuModbileEnvoy{
        display: block;
      }
    .envoyHeader,
    .sageHeader,
    .audienceHeader,
    .deployHeader,
	.insightHeader{
         background: none;
         color: #5C5A5E;
         height: 320px;
         min-height: 0px;
    }

    .envoyCta > div > div > h2,
    .sageCta .> div > div > h2,
    .audienceCta > div > div > h2,
    .deployCta > div > div > h2,
	.insightHeader > div > div h2{
         color: #5C5A5E;
    }
  .solutionsTopCTA.envoyHeader > div > div > h2,
  .solutionsTopCTA.sageHeader > div > div > h2,
  .solutionsTopCTA.audienceHeader > div > div > h2,
  .solutionsTopCTA.deployHeader > div > div > h2,
  .solutionsTopCTA.insightHeader > div > div > h2{
    color:#5C5A5E;
  }
  .solutionsTopCTA.envoyHeader > div > div > div.ctaTitle > h1,
  .solutionsTopCTA.sageHeader > div > div > div.ctaTitle > h1,
  .solutionsTopCTA.audienceHeader > div > div > div.ctaTitle > h1,
  .solutionsTopCTA.deployHeader > div > div > div.ctaTitle > h1,
  .solutionsTopCTA.insightHeader > div > div > div.ctaTitle > h1{
    color:#5C5A5E;
  }
  .solutionDesktopHeader{
    display: none;
  }

  .solutionsTopCTA .envoyCta,
  .solutionsTopCTA .sageCta,
  .solutionsTopCTA .deployCta,
  .solutionsTopCTA .audienceCta {
    padding-top: 35px;
  }


    #trueAttribution, #trueMetrics {
        height: auto;
      }

      #trueAttribution .solutionSecBtn, #trueMetrics .solutionSecBtn{
        position: relative;
        bottom:auto;
        display: block;
      }

    .pedagreeTopImage,
    .helpingOurClientsTopImage,
    .defingingMarketAttributionTopImage,
    .advertiserTrustedTopImage,
    .trainingTopImage,
    .forAgenciesTopImage{
      margin: 0px auto;
      text-align: center;
      width: 100%;
  }
    .pedagreeTopImage img,
    .helpingOurClientsTopImage img,
    .defingingMarketAttributionTopImage img,
    .advertiserTrustedTopImage img,
    .trainingTopImage img,
    .forAgenciesTopImage img{
      height: auto;
      width: 80%;
`     display: block;
      margin-left: auto;
      margin-right: auto;
      float: none;
  }

    .managementMobileHide{
      display: none;
    }
    .managementDropdown .mngDropLeft h4{
          margin-top: 20px;
        }
       #homeContainer{
        padding-left:0px;
        padding-right: 0px;
       }
       #challengeContainer{
        padding-left:0px;
        padding-right: 0px;
       }

       .heroMobileImage{
           display: block;
           width: 100%;
           height: auto;
           /*margin-top: 75px;*/
       }
       .solutionsMobileImage{
           display: block;
           width: 100%;
           height: auto;

       }
       .solutionsMobileImage img{
           display: block;
           width: 100%;
           height: auto;
           /*margin-top: 75px;*/
       }

       /*.hero{
        background-image: none;
        background-color: #fff;
        text-align: center;
       }*/
       .hero #cta{
        margin-top: 0px;
        text-align: center;
       }
        .hero #cta h1 {
          color:#000;
          text-align: center;
      }
      .hero #cta p{
        color:#5C5A5E;
        text-align: center;
       }

       .mobileShow {
           display: block;
       }

       .companyLogos{
        margin: 0 auto;
        width: 520px;
       }

       #companyMore {
        /*margin-left: 35%;*/
        text-align: center;

      }
      #companyMore .companyMoreBTN {
        margin-left: 0px;
        margin-top:25px;
      }

       #kiaLogo,
       #adidasLogo,
       #orangeLogo,
       #ihgLogo {
           display: none;
       }

       #ae .clientLogoHome {
          margin-left: 70px;
}

       #challengeText {
           padding-left: 6px;
           margin-top: 100px;
       }
       #challengeText h1 {
           font-size: 1.6em;
       }
       #challengeText #challengeButton h2 {
           font-size: 1.6em;
           line-height: 0.3em;
       }
       #challengeText .btn-group button {
           font-size: 1.6em;
           margin-top: 0px;
       }

       .challengesSections .challengeSec{
          height: auto;
      }
      .challengesSections .challengeSec .challengeSecBtn{
        margin-top: 27px;
      }
      #challengeButton > div > ul{
          margin-left: 0px;
          width: 100%;
          padding-right: 0px;
          text-align: center;
      }
      #challengeButton > div > ul >li{
          padding-left: 0px;
          text-align: center;
      }
       .solutionTop {
           margin-top: 0px;
       }

       .solutionsGraphicDesktop{
        display: block;
        width: 100%;
       }

       #envoy,
       #sage,
       #deploy,
       #audience {
           border-right: none;
           margin: 0px auto;
           height: auto;
           text-align: center;
           margin-bottom: 40px;
       }
       #envoy a,
       #sage a,
       #deploy a,
       #audience a {
        position: relative;
        left: 87px;
        margin: 0px auto;
        bottom: 0px;
       }

       #envoy h3,
       #sage h3,
       #deploy h3,
       #audience h3 {
           line-height: 2.3rem
       }
       #envoy p,
       #sage p,
       #deploy p,
       #audience p {
           font-size: 16px;

       }
       .whyLeft {
           display: none;
       }
       .whyTextSection ul {
           padding-left: 0px;
       }

       .archiveContainer {
           display: block;
       }
       .archiveContainer .archivesRight,
       .archiveContainer .archivesLeft,
       .pricingContainer .pricingRight,
       .pricingContainer .pricingLeft {
           display: block;
       }
       .archivesLeft {}
       .aechivesRight {
           width: 100%;
           float: left;
       }
       .contactSec .contactText h5 {
           margin-top: 0px;
       }
       .challengesContainer .challengeTopImage {
           padding-left: 0%;
           padding-right: 0%;
       }
       .challengesContainer .challengeTopImage img {
           margin: 0 auto;
       }
       .challengesSections .challengeSec {
           margin-bottom: 20px;
           padding-top: 40px;
           padding-bottom: 50px;
           background: #F2F4F7;
           height: auto;
       }
       .challengesSections .challengeSec .challengeSecBtn{
        padding-left: auto;
        padding-right: 0px;
        position: inherit;
        bottom: 0px;

       }
       .challengesSections .challengeSec:hover {
           border: 0px solid transparent;
       }
       .challengesSections .challengeSec .challengeHide {
           display: block;
       }
       .challengesSections .challengeSec:nth-child(even),
       .challengesSections .challengeSec:nth-child(even):hover,
       .challengesSections .challengeSec:nth-child(odd),
       .challengesSections .challengeSec:nth-child(odd):hover,
       .challengesSections .challengeSec:first-child,
       .challengesSections .challengeSec:nth-child(2),
       .challengesSections .challengeSecAbout {
           border: 0px solid transparent;
           /*border-bottom: 2px solid #F2F4F7;*/
       }
       .challengesSections .challengeSec .challengeSecTitle {
           margin-top: 0px;
           padding-top: 7px;
           margin-bottom: 15px;
           color: #A1D033;
       }
       .whyBottom {
          border-top: 0px solid #BFBFBF;
        }
        .whyBottom .whyOne{
           border-top: 1px solid #BFBFBF;
        }

       .whyOne {
           border-right: 0px solid transparent;
           margin-bottom: 50px;
       }
       .whyTwo {
           border-left: 0px solid transparent;
           border-top: 1px solid #BFBFBF;
           margin-bottom: 50px;
       }
       .whySec {
           height: 380px;
       }
       .whySecMiddle {
           height: 395px;
       }
       .whySecondaryNav ul li {
           margin-left: auto;
           margin-right: auto;
           width: auto;
       }
       .whySecondaryNav ul li a {
           width: auto;
       }
       .solutionsSix .solutionSec form {
           width: 100%;
       }
       #solutionInsight {
           border-bottom: 0px solid #fff;
           border-right: 0px solid #fff;
       }
       #solutionEnvoy {
           border-bottom: 0px solid #fff;
           border-right: 0px solid #fff;
       }
       #solutionSage {
           border-bottom: 0px solid #fff;
           border-left: 0px solid #fff;
       }
       #solutionDeploy {
           border-top: 0px solid #fff;
           border-right: 0px solid #fff;
       }
       #solutionAudience {
           border-top: 0px solid #fff;
           border-right: 0px solid #fff;
       }
       .solutionsMiddleTop {
           display: none;
       }
       #trueAttribution {
           border-right: 0px solid #BFBFBF;
       }
       #trueMetrics {
           border-left: 0px solid #BFBFBF;
       }
       .solutionsSix .solutionSec form .emailBox {
           min-width: 100%;
       }
       .greenBandWrapper .greenBand .greenBandLeft {
           text-align: center;
       }
       .greenBandWrapper .greenBand .greenBandRight {
           text-align: center;
           margin-top: 20px;
       }
       .greenBandWrapper .greenBand .greenBandRight a {
           float: none;
       }
       .solutionsTopCTA {
           text-align: center;
       }
       .solutionsTopCTA .envoyCta div .ctaLogo,
       .solutionsTopCTA .sageCta div .ctaLogo,
       .solutionsTopCTA .deployCta div .ctaLogo,
       .solutionsTopCTA .audienceCta div .ctaLogo {
           margin-left: 0px;
       }
       .solutionsSecondaryNav {
           text-align: center
       }
       .envoyMiddleSec > div div > img {
           display: block;
           margin: 20px auto;
           float: none;
       }


       .partnersMiddleLeft div h2 {
           padding-left: 0px;
       }
       .footer #footerCopy {
        margin-top: 20px;
        }
       .pricingLeft {
           padding-right: 0px;
       }
       .pricingLeft .pricingSection {
           margin-right: 0px;
       }
       .pricingRight{
        padding-top: 40px;
        padding-bottom: 40px;
       }
       .pricingSectionBottom {
           margin-right: 0px;
       }

       .solutionsGraphicMobile{
          display: block;
          width: 100%;
        }
       .solutionsGraphicDesktop{
          display: none;
       }
       .largeSectionSolutions {
          height: 600px;
        }

        .solutionsThree .solutionSec{
          height: auto;
          padding:0px;
          padding-top: 50px;
        }
        .solutionsThree .solutionSec {
            margin-bottom: 0px;
        }
        #solutionDeploy{
          border-left: 0px solid #BFBFBF;
        }
        #trueMetrics{
          padding:0px;
          text-align: center;
        }
        #trueAttribution {
          border-left: 0px solid #BFBFBF;
          padding: 0px;
          text-align: center;
        }
        .solutionsSix .solutionsSections{
          text-align: center;
        }
        .solutionsSix .solutionSec form .viqBtnOutLight{
          float: none;
        }

        .whyOne, .whyTwo{
          height: auto;
          padding:0px;
          padding-top: 50px;
        }
        .whySec{
          height: auto;
        }
        .whySections .whySec .whySecBtn {
          position: relative;
          bottom: 0px;
          margin-top: 31px;
        }
        .cancelBtn{
        margin-right: -10px;
        margin-top: -30px;
       }
       .solutionsThree .solutionSec{
        height: auto;
        margin:0px auto;
       }

       .solutionsThree .solutionSec .viqBtnOutSolution{
        position: relative;
        bottom: 0px;
        left: auto;
        float: none;
        -webkit-transform: translate(0%, 0%); */
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
     transform: translate(0%, 0%); */
    /* min-width: 170px; */
    }
    .resourceTopImage img {
      margin-top: 40px;
      margin-bottom: 20px;
    }
    .downloadBoxCurrent {

    height: 100px;
	}
	
   }

   /*-------------------------------------------------------------------------------------------------
660px and under
-------------------------------------------------------------------------------------------------*/

   @media (max-width: 660px) {

   .largeSectionSolutions {
          height: 860px;
        }

/*-------------------------------------------------------------------------------------------------
609px and under
-------------------------------------------------------------------------------------------------*/

   @media (max-width: 609px) {
    .aboutOne{
      height: 732px;
    }
       .assetSec {
           float: none;
           width: 100%;
           margin-right: 0px;
           margin-left: 0px;
           padding-right: 0px;
           padding-left: 0px;
           min-height: 680px;
       }
       .cover img {
           width: 100%;
       }
       .partnersMiddleLeft div h2 {
           padding-left: 0px;
       }
       .topCTA .whyCta div p {
           line-height: 22px;
           font-size: 14px;
       }
       #footerBottom{
        margin-top: 20px;
        padding: 0px;
       }
       #footerSocial{
        margin-left: 0px;
       }
       #footericons{
        padding-left: 0px;
        margin-right: 0px;
       }
       .largeSectionResources{
        height: 540px;
       }
   }
/*-------------------------------------------------------------------------------------------------
530px and under
-------------------------------------------------------------------------------------------------*/

   @media (max-width: 530px) {
    .aboutOne{
      height: 790px;
    }
    .assetSec {
           
           min-height: 580px;
       }

/*-------------------------------------------------------------------------------------------------
520px and under
-------------------------------------------------------------------------------------------------*/

   @media (max-width: 520px) {
    .topCTA .aboutCta{
      margin-top: 0px;
      padding-top: 0px;
    }

    .topCTA .newsEventsCta {
    padding-top: 10px;
}

    .topCTA .aboutCta .ctaTitle h1{
      font-size: 36px;
    }
    .topCTA .aboutCta .ctaTitle p{
      font-size: 16px;
    }

    .element-item {
       width: 120px;
      height: auto;
      margin: 5px;
      padding: 40px 10px 40px 10px;
    }
    .partnersThree{
       padding-bottom: 0px;
    }


    .element-item img{
       padding:16px;
       }


       .partnersTwo {
           height: 670px;
       }

       .topCTA .whyCta div .whyTitle h1 {
           font-size: 32px;
           line-height: 20px;
       }

       .companyLogos{
        margin: 0 auto;
        width: 320px;
       }

      .companyLogos div{
        margin: 0 auto;
      }
      #ae .clientLogoHome {
        margin-left: 0px;
      }
      #crate .clientLogoHome{
        margin-top: 7px;
      }

      .clientLogoHome {
        margin-left: 10px;
        margin-right: 5px;
        height: 40px;
      }
       #companyMore .companyMoreBTN {
        /*margin-left: 25%;*/
        margin-top:20px;
      }
      .footer{
        max-height: 520px;
      }
      .footer .container{
        padding-left: 0px;
        padding-right: 0px;
      }
      .footer #ourLocations {
           padding-left: 20px;
       }
      #resourcesSecTwo{
        height: 620px;
      }
      .resourcesTwo{
        height: 585px;
      }
      #footerSocial{
        float: right;
       }
       #footericons{
        float: right;
      }

      .whySecThree img {
        margin-left: 6px;
        margin-right: 6px;
        width: 80px;
      }
      .topCTA .pricingCta{
         padding-top: 12px;
      }

      .largeSectionNews {
         height: 460px;
      }
      .aboutCta .ctaTitle h1{
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .aboutCta .ctaTitle p{
        line-height: 24px;
      }
}


/*-------------------------------------------------------------------------------------------------
480px and under
-------------------------------------------------------------------------------------------------*/

   @media (max-width: 480px) {
    .assetSec {
           
           min-height: 500px;
       }

    .careersTwo {
    height: 518px;
  }

    .aboutOne{
      height: 910px;
    }
    .aboutTwo{
      height: 950px;
    }

      .challenge{
        height: 560px;
      }

      .challenge button{
        padding-left: 0px;
        margin-left: 0px;
      }
      #challengeButton > div > ul{
        margin-left: 0px;
      }

      #challengeButton > div > ul >li{
        padding-left: 0px;
      }
      .dropdown-menu>li>a{
        padding-left: 0px;
        margin-left: 0px;
      }

    .hero #cta p {
        color:#000;
        text-align: center;
    }
    .hero #cta .ctaBtn{
      width: 100%;
      text-align: center;
    }
    .hero #cta a{
      margin:0 auto;
    }

    .challenge{
      text-align: center;
    }
    .footer #footerCopy{
      font-size: 60%;
    }

    .largeSectionSolutions {
          height: 958px;
        }
        .dropdown{
          text-align: center;
        }

}

/*-------------------------------------------------------------------------------------------------
450px and under
-------------------------------------------------------------------------------------------------*/

   @media (max-width: 450px) {
        .topCTA .partnersCta {
            padding-top: 0px;
        }

          .topCTA .formsCta div,
       .topCTA .archivesCta div {
           margin-top: 0px;
           padding-top: 0px;
       }
       .topCTA .formsCta .ctaTitle,
       .topCTA .archivesCta .ctaTitle {
           width: 100%;
           margin-left: 0px;
           margin-top: 0px;
           text-align: center;
       }
       .topCTA .formsCta .ctaTitle h1,
       .topCTA .archivesCta .ctaTitle h1 {
           margin-left: 0px;
           margin-top: 0px;
           padding-top: 0px;
       }
       .topCTA .formsCta div h2,
       .topCTA .archivesCta div h2 {
           display: block;
           margin-left: 0px;
           margin-right: 0px;
           text-align: center;
           width: 100%;
       }
       .topCTA .challengesCta{
        padding-top:10px;
       }
       .solutionsThree .solutionSec {
           margin-bottom: 40px;
       }
       .topCTA .whyCta div p {
           line-height: 18px;
       }
      .topCTA .solutionsCta{
          padding-top: 20px;
      }
      .why{
        height: 856px;
      }
      .largeSectionResources{
        height: 640px;
      }
   }

   @media (max-width: 365px) {
    .assetSec {
           
           min-height: 480px;
       }
       .solutionsTwo,
       .partnersTwo {
           height: 770px;
       }
       .solutionsThree .solutionSec .solutionSecBtn {
           margin: 0px;
       }
       .assetSec a {
           bottom: 50px;
       }
       .footer{
        min-height: 570px;
       }
       #footerLogin{
        width: 100%;
       }
       .allFooterIcons{
        width: 100%;
       }
       #footerSocial,
       #footericons{
        float: left;
       }
       .largeSectionResources{
        height: 740px;
       }
   }
@media (max-width: 346px) {
   .topCTA .solutionsCta{
      padding-top: 10px;
   }
   .topCTA .solutionsCta .ctaTitle h1{
      margin-top: 10px;
   }
}
/*-------------------------------------------------------------------------------------------------
420px and under
-------------------------------------------------------------------------------------------------*/

@media (max-width: 420px) {
    .aboutOne{
      height: 1200px;
    }
    .largeSectionSolutions{
      height: 1280px;
    }