@CHARSET "UTF-8";
.menu-toggle, nav#footer-nav span, .video-img {
  display: none; 
}
nav#main-nav ul li:last-child {
 /* display: none;*/
}
/* Retina Displays/Screens (2880x1800) --------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {

}
/* #Media Queries
================================================== */

@media only screen and (max-width: 1024px) { 
  html {
	  overflow-x: hidden;
	}
	body.solution {
	  overflow-x: hidden;
	}
	img {
	  width: auto;
	  max-width: 100%;
	  height: auto;
	}
	nav#main-nav ul li:last-child {
	  display: none;
	}
	.video-holder #video, .video-holder #companyVideo {
	  height: 575px;
	  max-width: 100%;
	  width: 100%;
	}
	.video-holder #video, .video-holder #companyVideo {
	  display: none;
	}
	.video-img img {
	  display: block;
	}
	#mid-section-2 img {
	  top: 50px;
	  left: 0;
	  width: auto;
	  height: auto;
	  max-width: 100%;
	}
	.video-img {
	  display: block;
	}
	.video-img img {
	  width: auto;
	  height: auto;
	  max-width: 100%;
	}

}
  /* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {   
  #slider .flex-direction-nav .flex-prev {
    left: -60px; }
  #slider .flex-direction-nav .flex-next {
    right: -60px; }

  body.solution {
    overflow-x: hidden; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
      img {
      width: auto;
      max-width: 100%;
      height: auto;
    }
    .inner-container {
      width: auto;
      /*padding: 0 15px;*/
      height: 100%;
    }
    .header-container{
      width: auto;
      padding: 0 15px;
      height: 100%;
    }
    h2, #intro-text h2, 
    #support h2 {
      font-size: 28px;
      line-height: 1.2;
    }
    p, #intro-text p {
      font-size: 16px;
    }
    #intro {
      min-height: 375px;
    }
    #intro-text {
      top: 75px;
      width: 50%;
    }
    #intro #phone-img {
      right: 0;
      width: 50%;
    }
      #intro #phone-img img,
    #mid-section-3 .bottom-img img {
        width: auto;
      height: auto;
    }
    #mid-section-1 {
      background-size: 100%;
      height: 330px;
    }
    #support {
      width: 50%; 
      top: 65px;
      right: 15px;
      left:0 !important;
    }
    #mid-section-2 {
      padding-top: 40px;
    }
    #field-force {
      left: 15px;
    }
    #mid-section-2 img {
      width: auto;
      height: auto;
      top: 70px;
      left: 0;
    }
    #customers, #mid-section-3 .bottom-img {
      width: 50%;
    }
    #mid-section-3 {
      height: auto;
      padding-top: 85px;
    }
    #mid-section-3 .bottom-img {
      right: 15px;  
      height: auto;
    }
    #mid-section-3 .shadow {
      right: 0;
      bottom: 0;
    }
    #management {
      padding-top: 0;
    }
    #management .bottom-img img,
    .news-block img,
    .company-list li img {
      width: auto;
      height: auto;
    }
    .news-block {
      width: 30.6%;
    }
    .news-block:nth-child(2n+2),
    .company-list li:nth-child(2n+2) {
      margin: 0 30px;
    }
    .company-list li {
      width: 30%;
    }
    #cta h5, #cta .cta-buttons {
      width: 50%;
    }
    #cta h5 {
      padding: 40px 0;
    }
    nav#footer-nav ul {
      display: block;
    }
    nav#footer-nav {
      width: 100%;
      padding-bottom: 20px;
    }
    nav#footer-nav ul {
      text-align: center;
    }
    div#copyright {
      width: 100%;
      float: none;
      text-align: center;
    }
    
    /* Blog Page */
    
    #post-section {
      width: 66%;
      margin-right: 20px;
    }
    #sidebar {
      width: 30%;
    }

    /* Company Page */
    .intro-list li {
      width: 33.15%;
    } 
    #career {
      padding: 60px 0;
    }
    .career-list {
      width: auto;
    }
    .career {
      width: 50%;
    }
    .career-list li {
      width: auto;
      padding: 0 10px;
    }

    /* Contact Page */
    
    #contact-us {
      height: auto;
      overflow: hidden;
      clear: both;
      padding-bottom: 50px;
    }
    #contact-us #contact-form {
      width: 60%;
    }
    #contact-us #contact-form form .field {
      width: 48.86%;
      margin-right: 10px;
    }
    #contact-us #contact-form form .full-width,
    #contact-us #contact-form form .field textarea {
      width: 100%;
    }
    #office-info {
      width: 30%;
    }
    .office-block {
      width: auto;
    }
    .office-block img {
      width: auto;
      height: auto;
    }

    /* Pricing Page */
    #pricing-chart {
      width: auto;
    }
    #pricing-chart .price-option {
      width: 31.5%;
    }
    #pricing-chart .price-option .price-table .table-middle ul li {
      width: 50%;
    }
    #pricing-chart .price-option .price-table .table-middle ul li {
      float: left;
      width: 49.78%;
    }
    #pricing-chart .price-option .price-table .table-middle {
      overflow: hidden;
    }
    #pricing-chart .price-option .price-table .table-middle ul li:last-child p {
      padding-left: 15px;
    }
    #questions {
      padding-top: 50px;
    }
    #questions .question {
      width: 23%;
      margin-right: 18px;
    }
    #questions .question:last-child {
      margin-right: 0;
    }

    /* Why Socrates Page */
    .video-holder #video {
      height: 430px;
    }
    .video-holder #companyVideo {
      display: none;
    }
    .why-socrates h2 {
      font-size: 24px;
    }
    .why-socrates p {
      font-size: 16px;
    }
    .sub-intro-list li {
      width: 33%;
      box-sizing: border-box;
    }
    .sub-intro-list li h6 {
      margin-bottom: 0;
    }
    .sub-intro-list li a {
      padding: 15px 12px;
    }
    .sub-intro-list li i.icon-award-empty {
      margin-right: 5px;
    }
    .intro-text-1 {
      top: 110px;
      left: 15px;
      width: 60%;
    }
    .why-socrates .intro-text-1 h2 {
      font-size: 28px;
    }
    .why-socrates .intro-text-1 p {
      font-size: 18px;
    }
    .cost-support-entry {
      width: 60%;
    }
    .pie-chart {
      width: 35%;
    }
    .pie-chart img, .productivity-img img, #field-force-network img,
    #dashboard img, .laptop-img img, #pocket img {
      width: auto;
      height: auto;
    }
    .brochure-holder {
      margin-right: 20px;
    }
    .consulting-entry {
      width: 70%;
    }
    #service {
      height: auto;
    }
    .service-content {
      width: 65%;
      padding: 40px 0;
    }
    .slider-wrap, .flow-chart img, .flow-chart-2 img {
      width: auto;
    }
    .flow-chart-2 img {
      width: auto !important;
    }
    .flow-chart img, .flow-chart-2 img, #productivity {
      height: auto;
    }
    #slider .flex-direction-nav .flex-prev {
      left: 0;
    }
    #slider .flex-direction-nav .flex-next {
      right: 0;
    }
    #slider .flex-direction-nav a {
      height: 50px;
    }
    .table-col {
      left: 15px;
    }
    .productivity-img {
      width: 40%;
      right: 0;
    }
    .productivity-entry {
      padding: 80px 0;
      width: 50%;
    }
    .casestudy-entry {
      width: 45%;
      padding-right: 0;
    }

    /* Solutions Page */
    #field-force-network img {
      margin-left: 0;
    }
    .column {
      width: 28.5%;
      min-height: 256px;
      padding: 30px 20px 20px 20px;
    }
    .last {
      padding-right: 0;
    }
    #pocket {
      padding-top: 50px;
    }
    #pocket .img-holder-1 {
      float: right;
      width: 50%;
      right: 0;
    }
    .content-section-1 {
      float: left;
      width: 50%;
      padding-top: 65px;
    }
    .column:nth-child(3n+4) {
      clear: both;
    }
    #search-plugins {
      margin: 45px 0;
      height: 280px;
    }
    #search-plugins p {
      width: auto;
    }
    .laptop-img {
      width: 50%;
      right: 0;
    }
    #dashboard p {
      padding: 0 50px;
    }
    .video-img {
      display: block; }



    
    
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    nav#main-nav ul li:last-child {
		  display: block;
		  border-bottom: none;
		}
		#intro-overlay {
		  display: none;
		  position: relative;
		  overflow: hidden;
		  height: auto;
		}
    .inner-container {
      width: auto;
      padding: 0 15px;
      height: 100%;
    }
    header-container{
      width: auto;
      padding: 0 15px;
      height: 100%;
    }
    .ff{
        height:262px !important;
    }
    header {
      position: relative;
      overflow: hidden;
      height: 100%;
    }
    img, #intro #phone-img img {
      width: auto !important;
      max-width: 100% !important;
      height: auto !important;
    }
    .menu-toggle {
       position: absolute;
       right: 15px;
       top: 24px;
       display: block;
       cursor: pointer;
    }
     .menu-toggle, nav#main-nav ul.toggled-on {
        display: block;
    }
    .icon-menu {
      color: #1DB0ED;
      font-size: 24px;
    }
    nav#main-nav {
      margin-left: 0;
    }
    nav#main-nav ul {
      position: relative;
      padding-top: 0;
      top: 0;
      left: 0;
      z-index: 2;
      float: left;
      width: 100%;
      background: #fff;
      border-bottom: none;
    }
    #sub-intro {
		  display: none;
		  position: static;
		}
    nav#main-nav ul li {
      display: inherit;
      float: none;
      padding: 10px 15px;
      margin-right: 0;
      border-top: 1px solid #ddd;
    }
    nav#main-nav ul li a {
      display: block;
      padding-top: 0;
    }
    nav#main-nav ul li a:hover, 
    nav#main-nav ul li a:visited:hover, 
    nav#main-nav ul li a.current-menu-item {
      border-top: none;
    }
    nav#main-nav ul li:last-child {
      border-bottom: none;
    }
    #contact, nav#main-nav ul {
      display: none;
    }
    #intro {
      height: 100%;
      min-height: 397px;
    }
    #intro-text {
      width: 100%;
      padding: 40px 0;
      left: 0;
      position: static;
    }
    #intro-text a {
      margin-top: 0;
      padding: 8px 20px;
    }
    .home .button-style-1, #customers a {
      padding: 8px 20px;
    }
    #intro-text p {
      padding: 0;
    }
    #intro #phone-img {
      position: inherit;
      width: auto;
      height: auto;
      right: 0;
      top:20px;
    }
    
    h2, #intro-text h2, 
    #support h2, 
    #company-news-section h2,
    #about-intro h2 {
      font-size: 20px !important;
      line-height: 1.2;
    }
    
    p, #intro-text p, #management p {
      font-size: 14px;
    }
    #support {
      position: inherit;
      width: 100%;
      right: 0;
      text-align: center;
      top: 160px;
      left: 0 !important;
    }
    #mid-section-1 {
      background-size: 100%;
      height: 524px;
    }
    #field-force {
      width: 100%;
      position: static; 
      padding-top: 30px;
    }
    #field-force-p h2{
     color:#000;
    }
    #field-force-p p{
     color:#000;
    }
    #mid-section-2 {
      padding-top: 50px;
    }
    #mid-section-2 img {
      width: auto;
      height: auto;
      left: 0;
      top: 0;
    }
    #mid-section-3 {
      height: 475px;
      padding-bottom: 0;
    }
    #mid-section-3 .bottom-img {
      position: inherit;
      width: 100%;
      height: auto;
      right: 0;
      clear: both;
    }
    #mid-section-3 .bottom-img img {
      width: auto;
      height: auto;
      top: 0;
      left: 0;
    }
    #mid-section-3 .shadow {
      bottom: 0;
      right: 0;
    }
    #customers {
      width: 100%;
      padding-top: 0;
    }
    #management {
      padding-top: 30px;
    }
    #management p {
      padding: 0;
    }
    #management .bottom-img img {
      width: auto;
      height: auto;
    }
    .news-list {
      padding-bottom: 30px;
    }
    .news-block, .company-list figure {
      width: 100%;
      text-align: center;
      display: inline-block;
    }
    .news-block {
      text-align: left;
    }
    .news-block p {
      font-size: 14px;
    }
    .news-block:nth-child(2n+2), .company-list li:nth-child(2n+2) {
      margin: 0 0 20px;
    }
    .company-list li {
      width: 100%;
      text-align: center;
    }
    .company-list li img, .company-list li.company-medtronic img {
      width: auto;
      height: auto;
    }
    .company-list li.company-thermo-fisher img,
    .company-list li.company-life-tech img,
    .company-list li.company-medtronic img {
      width: 50% !important;
      text-align: center;
      height: auto;
    }
    .company-list figure {
      text-align: center;
      padding-top: 0;
      margin-top: 0;
      height: auto;
    }
    #about-team .team-member, #about-advisor .team-member {
	    margin-right: 0;
	  }
	  #about-team .img-holder-3, #about-advisor .img-holder-3 {
		  margin-right: 20px;
		}
		#about-team .team-member .member-desc p, #about-advisor .team-member .member-desc p{
		  font-size: 14px;
		  padding-right: 0;
		}
  
    #cta {
      padding: 30px 0;
    }
    #cta h5 {
      width: 100%;
      padding: 0;
      font-size: 18px;
      margin-bottom: 25px;
      text-align: center;
    }
    #cta .cta-buttons {
      width: 100%;
      margin: 0;  
      text-align: center;
    }
    #cta .cta-buttons ul li .cta-button {
      width: auto;
      height: auto;
    }
    #cta .cta-buttons ul li .cta-button a {
      padding: 10px 18px;
    }
    #leading-companies h3 {
      margin-bottom: 30px; 
    }
    footer {
      height: auto;
      padding-bottom: 30px;
    }
    nav#footer-nav {
      width: 100%;
      padding-bottom: 15px;
    }
    nav#footer-nav span {
      display: block;
      padding-bottom: 15px;
      text-align: center;
      font-size: 16px;
      color: #DFF5FD;
      text-decoration: none;
      cursor: pointer;
    }
    nav#footer-nav .icon-menu {
      color: #DFF5FD;
      font-size: 16px;
      margin-right: 5px;
    }
    nav#footer-nav:hover span,
    nav#footer-nav:hover .icon-menu {
      color: #fff;
    }
    nav#footer-nav ul {
      display: none;
      text-align: center;
    }
    nav#footer-nav ul li {
      float: left;
      width: 50%;
      margin: 0 0 10px;
      text-align: center;
    }
    nav#footer-nav ul li:nth-child(2n+2) {
      display: none;
    }
    div#copyright {
      width: 100%;
      float: none;
      text-align: center;
    }
    
    /* blog page */
    #sub-main {
      margin-top: 0;
    }
    #post-section {
      width: 100%;
      margin-right: 0;
    }
    .post .post-entry {
      padding-right: 0;
    }
    .post .img-holder-2 {
      width: auto;
      height: auto;
    }
    .post img {
      display: block;
      width: auto;
      height: auto;
    }
    #sidebar {
      width: 100%;
    }
    
    /* About Page */
    h6 {
      font-size: 16px;
    }
    #intro-overlay {
      position: relative;
      overflow: hidden;
      height: auto;
    }
    .intro-list li a {
      padding: 15px 12px 12px;
      font-size: 12px;
    }
    .intro-list li {
      width: auto;
      height: auto;
    }
    .intro-list li span {
      padding-right: 5px;
    }
    #about-intro {
      padding-top: 30px;
    }
    #about-intro h2,
    #about-intro p {
      padding-right: 0;
    }
    #about-intro p {
      font-size: 14px;
    }
    .about-team .team-member {
      margin-right: 0;
    }
    .about-team .img-holder-3 {
      margin-right: 20px;
    }
    .about-team .team-member .member-desc p {
      font-size: 14px;
      padding-right: 0;
    }
    .about #cta h5 {
      padding: 5px 0;
    }
    #career {
      padding: 30px 0;
    }
    .career, .career-entry, 
    .career-list, 
    .career-list li {
      width: auto;
    }

    /* Contact Page */
    
    #contact-us {
      height: auto;
      overflow: hidden;
      clear: both;
      padding: 0 0 50px;
    }
    #contact-us #contact-form {
      width: 100%;
      padding-bottom: 40px;
    }
    #contact-us #contact-form form .field {
      width: 100%;
      margin-right: 0;
    }
    #contact-us #contact-form form .full-width,
    #contact-us #contact-form form .field textarea {
      width: 100%;
    }
    #office-info {
      width: 100%;
    }
    .office-block {
      width: auto;
    }
    .office-block img {
      width: auto;
      height: auto;
    }

    /* Pricing Page */
    #pricing {
      height: auto;
    }
    #pricing h3 {
      padding-top: 0;
    }
    #pricing-chart {
      width: auto;
    }
    #pricing-chart .price-option,
    #questions .question {
      width: 100%;
      margin: 0 0 20px;
    }
    #pricing-chart .price-option {
      overflow: hidden;
    }
    #questions {
      padding: 40px 0;
    }
    #questions .question {
      padding-top: 0;
    }
    #pricing-chart .price-option .price-table .table-middle ul li {
      width: 50%;
    }

    /* Why Socrates Page */
    
    .video-holder #companyVideo {
      display: none;
    }
    .why-socrates h2 {
      font-size: 20px !important;
    }
    .why-socrates .intro-text-1 h2 {
      font-size: 18px !important;
      margin-bottom: 10px;
    }
    .why-socrates p, .why-socrates .intro-text-1 p {
      font-size: 14px !important;
    }
    .why-socrates .intro-text-1 p {
      margin-bottom: 10px;
    }
    .intro-text-1 {
      top: 20px;
      z-index: 10;
      width: auto;
      padding: 0 15px;
    }
    .intro-text-1 .button-style-3 {
      padding: 6px 15px 6px;
      font-size: 12px;
    }
    .video-holder #video {
      display: none;
    }
    #sub-intro {
      position: static;
    }
    .sub-intro-list li,
    .cost-support-entry, .pie-chart, .consulting-entry {
      width: 100%;
    }
    .sub-intro-list li {
      border-right: 1px solid rgba(255, 255, 255, 0.25);
      border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }
    .sub-intro-list li a {
      padding: 10px 25px;
    }
    .button-style-1, .button-style-3, .content-section-1 .button-style-1 {
      font-size: 12px;
      padding: 8px 20px;
    }
    #cost-support {
      padding: 30px 0;
    }
    .brochure-holder {
      width: 60%;
      margin: 0;
    }
    .pie-chart {
      margin-top: 80px;
    }
    .brochure-holder img, .flow-chart img,
    .pie-chart img,
    .productivity-img img, #field-force-network img,
    #pocket img, .laptop-img img, #dashboard img {
      width: auto;
      height: auto;
    }
    #service, .subnav-container {
      height: auto;
    }
    .service-content {
      width: auto;
      padding: 30px 0;
    }
    .slider-wrap, .contact-form, .productivity-entry {
      width: 100%;
    }
    .flow-chart-1 img, .table-col, .table-col table {
      width: auto !important;
    }
    #productivity {
      height: 620px;
    }
    .productivity-entry {
      padding-top: 20px;
    }
    .productivity-img  {
      width: 100%;
      right: 0;
      bottom: -3px;
    }
    .contact-form input, .contact-form textarea {
      width: 85%;
      margin-right: 0;
    }
    .casestudy-entry {
      width: auto;
      padding: 30px 0 0;
    }
    #slider .flex-control-nav {
      bottom: -30px;
    }
    #slider .flex-direction-nav {
      display: none;
    }
    .table-col {
      position: static;
    }
    .consulting {
      padding-top: 20px;
    }
    .contact-form .submit-btn {
      width: auto;
      padding: 10px 35px;
    }

    /* Location Page */

    #field-force-network h3 {
      margin-bottom: 15px;
      padding-top: 0;
    }
    #field-force-network img {
      margin-left: 0;
    }
    .chart-row:first-child {
      margin-top: 30px;
    }
    .chart-2row, .top-space-1, .top-space-2 {
      margin-top: 0;
    }
    #pocket .img-holder-1, .laptop-img {
      position: static;
      right: 0;
    }
    .column {
      width: 100%;
      min-height: inherit;
      padding: 30px 0 0;
      border-right: none;
      text-align: center;
    }
    #search-plugins p, .subnav-container ul, 
    .content-section-1 {
      width: auto;
    }
    #dashboard p, .subnav-container ul{
      padding: 0;
    }
    .subnav-container ul {
      width: 100%;
    }
    .subnav-container ul li {
      float: left;
      width: 100%;
    }
    .subnav-container ul li a {
      display: block;
      padding: 12px 22px;
      line-height: 1;
    }
    .subnav-container ul li.current {
      padding: 0;
    }
    .top {
      float: right;
      padding: 0 0 15px;
    }
    #field-force-network p {
      font-size: 18px;
    }
    #pocket {
      min-height: inherit;
      padding: 30px 0 25px;
    }
    #search-plugins, #dashboard {
      height: auto;
      margin: 30px 0;
    }
    #search-plugins h3 {
      padding-top: 30px;
    }
    .subnav-container {
      display: none;
    }
    .content-section-1 {
      margin-bottom: 30px;
    }
    .video-img {
      display: block; }

    .bluepost-entry{
        width:100% !important;
    }
    .footer-contact-form{
        width:100%;
    }
    .footer-contact-form form .field{
        width:100%;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #mid-section-1 {
      background-size: 100%;
      height: 506px;
    }
  #mid-section-3{
      height: 802px;
      padding-bottom: 0;
   }
  .video-holder #companyVideo {
    display: none;
  }
  .news-block img {
    width: auto;
    height: auto;
  }
  .intro-text-1 {
    top: 60px;
    width: 50%;
  }
  #support {
    top: 331px;
  }
  .intro-list li {
    width: 33%;
  }
  .intro-list li a {
    font-size: 14px;
  }
  .office-block {
    width: 44%;
    float: left;
    padding: 0 12px;
  }
  #pricing-chart .price-option {
    overflow: hidden;
    width: 47.76%;
  }
  #pricing-chart .price-option:nth-child(2n+2) {
    margin-left: 20px;
  }
  #pricing-chart .price-option .price-table .table-middle ul li:last-child p {
    padding-left: 150px;
  }
  #pricing-chart .price-option:nth-child(3n+3) {
    clear: both;
  }
  .why-socrates p {
    font-size: 14px;
  }
  .cost-support-entry {
    width: 60%;
  }
  
  .pie-chart {
    margin-top: 50px;
    width: 35%;
  }
  .inn-txt-1 {
    left: 10px;
    top: 85px;
  }
  .inn-txt-2 {
    bottom: 58px;
    right: 10px;
  }
  .brochure-holder {
    width: 40%;
    margin-right: 20px;
  }
  .consulting-entry {
    width: 50%;
  }
  #productivity {
    height: 295px;
    padding-top: 30px;
  }
  .productivity-img {
    width: 50%;
    float: right;
  }
  .productivity-entry {
    width: 50%;
    float: left;
  }
  .data {
    width: 100%;
  }
  .data dt, .data dd {
    width: 50%;
    margin: 0;
  }
  .company-list li.company-thermo-fisher img, 
  .company-list li.company-life-tech img, 
  .company-list li.company-medtronic img {
    width: 30% !important;
  }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  
}

/* Small Andriod Mobile Portrait Size ( 240 devices and browsers) */
@media only screen and (max-width: 319px) {}