.input-lg{
        font-size:16px;
   }

   .footer strong{
       color:#fff;
   }

   .caption .text-overflow{
    color:#7F8C8D;
    font-style: italic;
    font-weight: 400;
   }

   .jobTitle{
       color:#1F8A70;
       height: 3em;
       font-size: 12px;
       font-family: lato;
       font-weight: 700;
   }

   .grayImg{
        display:inline-block;
        padding-right:10px;
   }

    .navbar.affix-top .mettlLogoOld{
        display:none ;
    }

    .white-text{
        color:#fff;
    }

   .displayFlex{
       display:flex;
   }

   .displayFlex .marginAuto{
       margin-top:15px;
   }


   .displayInlineBlock{
        display:inline-block;
   }

   h1> .glyphicon-arrow-right{
       font-size:30px;
       float:right;
   }

   #notification{
       background:transparent;
       border:none !important;
   }

   .clientlogo{
       background:#f2f2f2;
       margin-bottom:10px;
       margin-left:0px;
       margin-right:0px;
   }

   .clientlogo>div{
       padding:20px 0px 20px 0px;
   }

   .trustedBy{
       line-height:35px;
       margin:auto;
   }

   .homepageJumbo .btn{
       //font-family:Montserrat;
       text-transform:uppercase;
       font-weight:bold;
   }

   .greenImg{
       display:none;
       padding-right:10px;
   }

   .modal-open{
        padding-right:0px !important;
   }

   .backgroundText h1{
     //  font-size:40px ;
   }

   .backgroundText{
       padding-top:40px;
   }

   .backgroundText h4{
       //font-size:32px ;
       color:#fff;
   }

   .viewTestOuterDiv>div>a{
        text-decoration: none;
        display:block;
        transition:0.3s all ease-in;
    }

    .viewTestOuterDiv>.categoryDiv>a:hover{
        box-shadow:0px 0px 35px 1px #ccc;
    }

    .jumbotron.main h1 label {
        font-family: lato;
        font-weight: 500;
    }

    .codingIconSmall{
         background: url("../../images/resources/codingIcon.png") no-repeat 0 0;
         height: 30px;
         width: 40px;
         display: inline-block;
    }

    .testimonialRow .thumbnail{
        border:none;
        transition:0.2s all ease;
        cursor:default;
        border: 1px solid rgba(0,0,0,0.1);
        padding: 30px;
        margin: 0 20px;
        position: relative;
    }

    .testimonialRow .thumbnail :after{
        content: "";
        position: absolute;
        right: 20px;
        background: #fff url('../../images/Comma-Testimonial.png') no-repeat;
        width: 39px;
        height: 30px;
        background-size: cover;
        z-index:1;
        top: -14px;
    }
    .imgHeight{
        height:32px;
    }

    .imgHeight img{
        max-width:100%;
        height:100%;
    }
    .testimonialRow .thumbnail .caption{
        padding: 20px 0;
        clear: both;
    }

    .client-title {
        border-top: 1px solid rgba(0,0,0,0.1);
        padding-top: 20px;
    }

     .displayFlex .client-title h4{
        text-align:left !important;
     }

     .fixed-margin {
         margin: 40px 0 30px;
     }

    .testimonialsImage{
        margin-top:0px;
    }

    .clear-left{
        clear:left;
    }

    .testimonialRow .thumbnail:hover{
        box-shadow:none;
    }

    .testimonialRow .thumbnail:hover>.btn-default{
        background-color:#4cd964;
        color:#fff;
    }

    .testimonialRow{
        //padding-top:55px;
    }

    .btn-default{
        border-width:2px;
        transition:0.2s all ease;
    }

    .btn-default:hover{
        background-color:#4CD964;
        color:#fff;
    }

    .modal-open .modal{
        z-index:99999999;
    }

    .assessBtn{
        font-size:16px;
    }

    .viewTests{
        padding-top: 10px;
        display: inline-block;
        cursor: pointer;
        font-size: 12px;
        color: #27AE60;
        font-family: montserrat;
        font-weight: 600;
    }

    .categoryDiv>a{
        padding:25px 50px;
        margin:0px 20px;
    }

    .categoryDiv h4{
        color:#7F8C8D;
        margin-top:20px;
    }

    .simpleToUse{
        cursor:default;
    }

    .borderTopGray{
        border:1px solid #eee;
        border-width:1px 0px;
    }

    .jumbotron .simpleToUse{
        text-align:center !important;
    }

    .jumbotron>.simpleToUseContainers{
        text-align:center !important;
    }

    .simpleToUse h4{
        color:#7F8C8D;
        margin-top:20px;
    }

    .simpleToUse h3{
        margin-top:10px;
        height:35px;
    }

    .categoryDiv h3{
        margin-top:10px;
    }

    .viewTests>a{
        /* new view tests links */
        color: #27AE60 !important;
        cursor:pointer;
        font-size: 12px;
        font-weight: bold;
        word-spacing: 2px;
        text-transform: uppercase;
        text-decoration: none;
    }

    .viewTests .glyphicon{
        transition:0.2s all ease-in;
        position:relative;
        left:0;
        top:default;
    }

    .viewTestOuterDiv>div:hover .glyphicon{
        left:15px;
    }

    .simpleToUse h1{
        color:#7F8C8D;
        font-size:40px;
    }

    .backgroundWhite{
        background:#fff !important;
    }

/*    .viewTests>a:after {
    *//* animated hover and focus state*//*
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: #27AE60;
        transition: width .2s ease-out;
    }

    .viewTests>a:hover:after, .viewTests>a:focus:after {
        width: 100%;
    } */

    .codingIcon{
    /* new icon */
         background: url("../../images/resources/codingIcon.png") no-repeat 0 0;
         height: 30px;
         width: 40px;
         display: inline-block;
     }

    .psychometricIcon{
    /* new icon */
        background: url("../../images/resources/psychometricIcon.png") no-repeat 0 0;
    }

    .aptitudeIcon{
        width:60px; /* because icon is wider */
        background: url("../../images/resources/aptitudeIcon.png") no-repeat 0 0;
    }

    #footer-top{
        background:#34495E;
    }

    .footer{
        background:#2C3E50;
    }

    .bb-0{
        border-bottom: 0px;
 }

    @media only screen and (min-width: 992px){
    .imgCont .img-responsive{
        max-width:75%;
    }
    .whyTrustSection{
        max-width:1050px;
        margin:auto !important;
    }

   .offset-body{
       padding-top:0px;
   }
   .offset-body .adjustTopNavbar{
       padding-top:60px;
   }

    .knowMoreLink, .knowMoreLink:hover, .knowMoreLink:focus{
        font-size:12px;
        color:#27AE60;
        font-weight:bold;
        font-family:Montserrat;
    }

    .pr5{
        padding-right:10%;
        padding-left:106px;
    }

    .pb20{
        padding-bottom:20px;
    }

    .pr15{
        padding-right:15%;
    }

    .displayInlineBlock{
        display:inline-block;;
    }

    .pt15{
        padding-top:15px;
    }

    .padTopBottom{
        padding-top:20px ;
        padding-bottom:40px;
    }

    .knowMoreLink>.glyphicon{
        font-size:14px;
    }

    .jumbotron.main h1, .jumbotron.main .h1{
        font-size:40px;
        font-weight:300;
    }
    .imgCont {
        height: 40px;
        display: flex;
        align-items: center;
    }
        .backgroundText h1{
            //font-size:40px !important;/* new font-size standard */
        }

        .backgroundText h4{
          //  font-size:32px !important; /* new font-size standard */
          color:#fff;
        }

    }

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

    .navbar-toggle>.icon-bar:nth-of-type(even){
        transition:0.2s all ease;
    }

    .navbar-toggle[aria-expanded=true]>.icon-bar:nth-child(2){
        position:relative;
        top:6px;
        transform:rotate(45deg);
    }

    .navbar-toggle[aria-expanded=true]>.icon-bar:nth-child(3){
        visibility:hidden;
    }

    .navbar-toggle[aria-expanded=true]>.icon-bar:nth-child(4){
        position:relative;
        top:-6px;
        transform:rotate(-45deg);
    }

    .categoryDiv>a{
        padding: 15px 5px;
        margin: 0px;
    }

    section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .quote {
        color: rgba(0,0,0,.1);
        text-align: center;
        margin-bottom: 30px;
    }

    /*-------------------------------*/
    /*    Carousel Fade Transition   */
    /*-------------------------------*/

    #fade-quote-carousel.carousel {
      padding-bottom: 60px;
    }
    #fade-quote-carousel.carousel .carousel-inner .item {
     // opacity: 0;
      -webkit-transition-property: opacity;
          -ms-transition-property: opacity;
              transition-property: opacity;
    }
    #fade-quote-carousel.carousel .carousel-inner .active {
      opacity: 1;
      -webkit-transition-property: opacity;
          -ms-transition-property: opacity;
              transition-property: opacity;
    }
    #fade-quote-carousel.carousel .carousel-indicators {
      bottom: 10px;
    }
    #fade-quote-carousel.carousel .carousel-indicators > li {
      background-color: #ddd;
      border: none;
    }
    .carousel-indicators .active{
        background-color: #4cd964 !important;
    }
    #fade-quote-carousel blockquote {
        text-align: center;
        border: none;
    }
    #fade-quote-carousel .profile-circle {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border-radius: 100px;
    }

    #carousel{
        border:none;
        padding:0px 30px;
    }

    #carousel{
        border-top:1px solid #eee;
    }

    .text-overflow.desc {
        height: 7.5em;
        -webkit-line-clamp: 6;
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right , .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left{
        color: #4CD964;
    }

    .testimonialCaseStudy{
        margin: auto;
        display: block;
        min-width: 180px;
        width:220px;
    }

    .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
        margin:auto;
    }

    .showLangDD2s, .callMobile{
        padding:10px !important;
    }

    .showLangDD2s .langList{
        margin-top:10px !important;
    }

    .backgroundText h1{
        //font-size:32px !important;
    }

    .backgroundText h4{
       // font-size:26px !important;
    }

    .clientlogo>div{
        padding:0px !important;
    }
     .thumbnail .caption{
            padding: 0;
        }
    .thumbnail{
        padding: 25px;
        margin-top: 10px;
    }
    .client-title{
        padding-top: 10px;
    }
    .imgHeight {
        margin-bottom: 15px;
    }
    .fixed-margin {
        margin: 10px 0 30px;
    }
    .thumbnail :after{
        top: 0px;
     }
    }

    @media screen and (max-width: 767px) {
    .btn[data-target="#phoneModal"]{
        line-height: 22px !important;
        min-width: 30px;
    }
    .simpleTouseDiv{
        text-align:left;
    }

    .stepIcons{
        width:65px;
        padding-right:15px;
    }

    .simpleToUse .displayFlex  h3, .simpleToUse .displayFlex  h4s{
        text-align:left !important;
    }

    .remoteProcColumn{
        padding:0px 30px;
    }

    .displayFlex{
        margin-bottom:15px;
    }

    .backgroundText h4{
        font-size:18px;
    }

    .viewTestOuterDiv > .categoryDiv > a:hover, .viewTestOuterDiv > .categoryDiv > a:active{
        box-shadow:none;
    }
   .newLineMobile{
        display:block !important; /* to be displayed on new line for mobile device */
        margin-bottom:25px;
    }

    .mlh30{
        line-height:30px;
    }

    .viewTestOuterDiv>div{
        margin:0px 15px;
        border-radius: 7px;
    }

    .viewTests>a:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 100%;
        background: #33cc33;
        transition: width .3s ease-out;
    }

    @media screen and (max-width: 767px) {
        .viewTests>a:after {
            content: '';
            display: inline;
            background: transparent;
        }
    }

    .backgroundText{
        padding-top:50px;
    }

    .viewTests{
        padding-top:0px;
        margin-bottom:20px;
    }

    .page-secondary-header{
        font-size:20px;
    }
    .mobileBottomZero{
        margin-bottom:0px;
    }

    .displayFlex .marginAuto{
        width:70px;
    }

    .categoryDiv>a{
        padding:7px 5px;
    }

    .noBorder{
        border-bottom:none !important;
    }

    .noBorder>.footer-block{
        border:none !important;
    }
    .nopad{
        padding:0;
    }

    }


    @media (max-width: 991px){
    body{
        padding:0px;
    }

    .left.carousel-control{
        font-size:24px !important;
        left:-10px;
    }

    .right.carousel-control{
        font-size:24px !important;
        right:-10px;
    }

    .carousel{
        padding:10px 10px 60px 10px !important;
        border:none;
    }

    #head .nav{
        border-top:1px solid #eee !important;
    }

    .whyTrustSection{
        padding-bottom:20px;
    }

    .knowMoreLink, .knowMoreLink:hover, .knowMoreLink:focus {
        font-size: 12px;
        color: #27AE60;
        font-weight: bold;
        font-family: Montserrat;
    }

    .offset-body{
        padding-top:0px !important;
    }

    .row>.backgroundText{
        padding-top:60px !important;
    }

    .backgroundText{
        margin-top:40px;
    }
    .mobileGreen{
        background:#4cd964 !important;
    }

} /* media query <=991px ends */
     
    @media (min-width:992px) and (max-width:1199px){
        #head .nav > li {
             padding: 25px 12px 0px 12px !important;
         }
         li.hidden-xs.hidden-sm.demoLi {
            margin-top: -20px;
        }
     }

     @media (min-width:768px){
        .stepIcons{
            height:47px;
            padding-left:25px;
        }

        .arrowRight{
            position: absolute;
            right: 0;
            top: 25px;
        }

    }

    @media (max-width:480px){
        .carousel{
            padding:10px 10px 20px 10px !important;
        }
        .text-overflow.desc {
            height: 11em;
        }
        .thumbnail{
                padding:20px;
        }
    }