/* Smartphones (portrait and landscape) ----------- */
@media 
screen 
and (min-width: 320px) 
and (max-width: 767px),       
screen
and (min-device-width : 320px) 
and (max-device-width : 767px){
	
#epi_testkit { display: none; }

.product
{
background-image: none;
}


   #index #content
   {
   padding: 50px 0 30px 0;
   }
   
   #logo-home
   {
   margin: 0 0 30px 0;
   }
   
   .rounded-slider
   {
   margin-bottom: 30px;
   }
   
   h2
   {
   font-size: 23px !important;
   line-height: 1.2em;
   }
   
   #index #content .container
   {
   padding-left: 25px;
   padding-right: 25px;
   }
   
   .jumbotron-calculator{
   padding: 120px 30px 60px 30px;
   }
   
   .button-calculator
   {
   padding: 10px;
   }
   
   .button-calculator div
   {
   padding:35px 15px 15px;
   } 
   
   .button-calculator
   {
   font-size: 22px;
   line-height: 27px;
   }
   
   .button-calculator span
   {
   font-size: 15px;
   line-height: 18px;
   }
   
   .row-table, #footer-contact .row-table, #map-overlay .contact-row
   {
   display: block;
   width: 100%;
   }
   
   #footer-contact .row-table
   {
   margin-left: 0;
   margin-right: 0;
   }
   
   #map
   {
   height: 400px;
   }
   
   #map-overlay
   {
   position: relative;
   left: auto;
   top: auto;
   }
   
   .jumbotron-contact
   {
   padding: 0 0 40px 0;
   }
   
   .col-table-cell, #footer-contact .col-table-cell, #map-overlay .col-contact-left, #map-overlay .col-contact-right
   {
   float: left;
   width: inherit;
   display: block;
   }
   
   #footer-contact .col-lg-4:after,
   #footer-contact .col-lg-8:after
   {
   display: none;
   }
   
   #footer-contact .container
   {
   padding-left: 0;
   padding-right: 0;
   }
   
   #footer
   {
   padding: 30px 0;
   }
   
   #footer #copyrights
   {
   float: none;
   text-align: center;
   }
   
   #menu-footer
   {
   float: none;
   text-align: center;
   }
   
   #menu-footer li, #menu-footer li:first-child, #menu-footer li:last-child
   {
   margin: 0 8px;
   }
   
   #page #content .row
   {
   margin-left: 0;
   margin-right: 0;
   }
   
   .breadcrumbs
   {
   font-size: 13px;
   padding: 15px 30px;
   }
   
   #heading
   {
   height: auto;   
   background: url(../images/bg-heading-mobile.jpg) center bottom no-repeat;
   }
   
   #heading-title
   {
   height: auto;
   padding: 20px 0 35px 0;
   margin: 0 30px;
   }
   
   #heading h1
   {
   font-size: 20px;
   padding: 10px 30px;
   }
   
   
   
   #slider-home .slide,  #slider-page .slide {
	   
	   padding: 30px 10px 0;
	   line-height: 1.2em;
   }
   
   #slider-home .button,  #slider-page .button {
	   padding: 9px 25px;
	   line-height: 1.2em;
   }
   
   
   
   
   
   #slider-home .slide h2 {
	   font-size: 40px !important;
	   line-height: 1.3em;
   }
   #slider-page .slide h2 {
	   font-size: 24px !important;
   }
   
   
   #content .gallery
   {
   margin: 0 -15px;
   }
   
   #content .gallery.gallery-columns-2 .gallery-item,
   #content .gallery.gallery-columns-3 .gallery-item
   {
   padding: 0 15px;
   margin: 0 0 20px 0;
   }
   
   #map-overlay
   {
   width: 100%;
   padding: 30px 15px 0 15px;
   margin-left: 0;
   left: 0;
   }
   
   .breadcrumbs
   {
   background: url(../images/bg-breadcrumbs.jpg) center 0 no-repeat;
  margin-bottom: 0;
   }
   
   .jumbotron-home
   {
   min-height: 1px;
   padding-top: 0;
   padding-bottom: 0;
   }
   
   .container-front-boxes
   {
   padding: 0 30px;
   }
   
   .container-front-boxes .row
   {
   margin-left: 0;
   margin-right: 0;
   padding-top: 60px;
   padding-bottom: 50px;
   }
   
   .container-front-boxes .row .col-lg-4
   {
   margin-bottom: 70px;
   }
   
   .container-front-boxes .row .col-lg-4 h2
   {
   font-size: 16px;
   line-height: 24px;
   padding-left: 70px;
   padding-right: 30px;
   }
   
   .container-front-boxes .row .col-lg-4:nth-child(1) h2:before,
   .container-front-boxes .row .col-lg-4:nth-child(2) h2:before,
   .container-front-boxes .row .col-lg-4:nth-child(3) h2:before
   {
   background-size: 39px 20px;
   width: 39px;
   height: 20px;
   top: 16px;
   }
   
   #header .container
   {
   text-align: center;
   }
   
   #header-right
   {
   padding: 0 30px;
   float: none;
   text-align: center;
   margin: 0 0 25px 0;
   }
   
   #header-contact
   {
   float: none;
   margin: 0;
   }
   
   #header-phone, #header-calculator
   {
   float: none;
   display: inline-block;
   }
   
   #header-phone
   {
   margin-bottom: 10px;
   }
   
  
   #header
   {
   position: relative;
   padding: 0 10px;
   margin-bottom: 0;
   }
   
   #logo
   {
   float: none;
   margin: 20px 0 15px 0;
   display: block;
   text-align: center;
   width: 150px;
   }
   
   #logo img
   {
   margin: 0 auto;
   height: auto;
   max-width: 100%;
   }
   
   #menu-top-mobile-trigger
  {
  text-decoration: none;
  display: block;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  width: auto;
  text-transform: uppercase;
  width: 100px;
  text-align: center;
  padding: 10px 0;
  outline: none;
  position: absolute;
  right: 10px;
  top: -2px;
  }
  
  #menu-top-mobile-trigger i
  {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 0 10px;
  }

  #menu-top
  {
  display: none;
  }
  #langs {
	  margin-top: 0;
	  position: absolute;
	  top: -62px;
	  right: 13px;
	  opacity: 0.5;
  }

  #page #content .calculator-step-content > .row
  {
  margin-left: 0;
  margin-right: 0;
  }
  
  .calculator-step-content .row-table
  {
  display: block;
  width: 100%;
  }
  
  .calculator-step-content .col-table-cell
  {
  display: block;
  float: left;
  }
  
  .calculator-step-content .col-lg-6:first-child
  {
  border: none;
  }
  
  .calculator-step-content table th
  {
  font-size: 12px;
  font-weight: 600;
  }
  
  .calculator-step-content h3
  {
  font-size: 17px;
  margin: 0 0 20px 0;
  }
  
  #calculator-steps
  {
  margin: 0 0 20px 0;
  }
  
  .calculator-step-content table td:nth-child(2), .calculator-step-content table th:nth-child(2)
  {
  padding: 0 20px 0 10px;
  width: 50px;
  }
  
  .calculator-step-content table td:nth-child(3), .calculator-step-content table th:nth-child(3)
  {
  padding: 0 10px 0 0;  
  width: 20%;
  }
  
  .calculator-step-content table td:nth-child(4), .calculator-step-content table th:nth-child(4)
  {
  width: 20%;
  }
  
  .calculator-step-buttons
  {
  text-align: center;
  }
  
  .calculator-step-button
  {
  margin: 0 0 20px 0;
  display: block;
  }
  
  .calculator-step-button-prev,
  .calculator-step-button-next,
  #calculator-step-button-send
  {
  float: none;
  }
  
  .calculator-step-content table td
  {
  font-size: 11px;
  }
  
  .calculator-step-content h4{
  font-size: 18px;
  text-align: center;
  }
  
  #calculator .col-lg-6,
  #calculator .col-lg-12
  {
  padding: 0;
  }
  
  .calculator-step-content table.table-details td:nth-child(1)
  {
  padding: 6px 10px 6px 0;
  }
  
  .calculator-step-content table
  {
  margin-bottom: 30px;
  }
  
  #content .container
  {
  padding: 0;
  }
  
  .step-total-value
  {
  font-size: 13px;
  }
  
  .step-total-value-section:before{
  width: 45px;
  height: 45px;
  background-size: 45px 90px;
  }
  
  .calculator-step-content .step-total-value-section
  {
  padding: 11px 0 0 60px;
  }
  
  .calculator-step-content .step-total-value-amount
  {
  margin: 11px 0 0 0;
  }  
  
  .calculator-step-1{
  background-image: url(../images/calc-icon-8a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-1.current-step
  {
  background-image: url(../images/calc-icon-8b.png);
  background-position: center center !important;
  }
  
  .calculator-step-2{
  background-image: url(../images/calc-icon-1a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-2.current-step
  {
  background-image: url(../images/calc-icon-1b.png);
  background-position: center center !important;
  }
  
  .calculator-step-3{
  background-image: url(../images/calc-icon-4a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-3.current-step
  {
  background-image: url(../images/calc-icon-4b.png);
  background-position: center center !important;
  }
  
  .calculator-step-4{
  background-image: url(../images/calc-icon-3a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-4.current-step
  {
  background-image: url(../images/calc-icon-3b.png);
  background-position: center center !important;
  }
  
  .calculator-step-5{
  background-image: url(../images/calc-icon-2a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-5.current-step
  {
  background-image: url(../images/calc-icon-2b.png);
  background-position: center center !important;
  }
  
  .calculator-step-6{
  background-image: url(../images/calc-icon-5a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-6.current-step
  {
  background-image: url(../images/calc-icon-5b.png);
  background-position: center center !important;
  }
  
  .calculator-step-7{
  background-image: url(../images/calc-icon-7a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-7.current-step
  {
  background-image: url(../images/calc-icon-7b.png);
  background-position: center center !important;
  }
  
  .calculator-step-8{
  background-image: url(../images/calc-icon-6a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-8.current-step
  {
  background-image: url(../images/calc-icon-6b.png);
  background-position: center center !important;
  }
  
  .calculator-step-9{
  background-image: url(../images/calc-icon-9a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-9.current-step
  {
  background-image: url(../images/calc-icon-9b.png);
  background-position: center center !important;
  }
  
  
  
  
  
  .col-home-products-1, .col-home-products {
    text-align: center;
  }
  .col-home-products-1 .col-lg-7, .col-home-products .col-lg-7 {
    margin-bottom: 25px;
  }
  .col-home-products-1 .col-lg-5, .col-home-products .col-lg-5 {
    margin-bottom: 90px;
  }
  
  
  #slider-page, #map {
    height: 265px;
}


  
  .home-products {
    padding-bottom: 0;
}
  
  .jumbotron-counts {
	     padding: 30px 10px;
  }
  
  
  .man-vs-woman {
	  padding-top: 50px;
  }
  
  .man-vs-woman-1, .man-vs-woman-2, .man-vs-woman-3 {
    text-align: center;
  }
  
  .man-vs-woman-2 {
	  margin-bottom: 70px;
  }
   .man-vs-woman-2 img {
	 transform: rotate(-90deg);
  }
  
  .col-footer-map .col-lg-4 {}
  
  
  .col-management-person { padding: 130px 0 0; position: relative; }
  .management-person .col-lg-3 {
	    position: absolute;
	    top: 0;
	    width: 100%;
	}
  .management-person-content-right > p, .management-person-content-right > h3 {
	  text-align: left !important;
  }
  
  .page-template-page-supervisoryboard .col-management-person { padding-top: 0; margin-bottom: 50px; }
  
  
  #products .product { padding: 30px 0; background: #fff; }

}
/* iPads (all) ----------- */
@media 
only screen 
and (min-width: 768px) 
and (max-width: 1199px),        
only screen
and (min-device-width : 768px) 
and (max-device-width : 1199px) {
     #footer
   {
   padding: 30px 0;
   }
   
   #footer #copyrights
   {
   float: none;
   text-align: center;
   }
   
   #menu-footer
   {
   float: none;
   text-align: center;
   }
   
   #menu-footer li, #menu-footer li:first-child, #menu-footer li:last-child
   {
   margin: 0 8px;
   }
   
   #menu-top-mobile-trigger
  {
  text-decoration: none;
  display: block;
  color: #34657f;
  font-size: 20px;
  font-weight: 600;
  width: auto;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 0;
  outline: none;
  float: right;
  clear: right;
  position: absolute;
top: 0;
right: 19px;
  }
  
  #menu-top-mobile-trigger i
  {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 0 10px;
  }

  #menu-top
  {
  display: none;
  }
  
  #langs {
    position: absolute;
    top: -140px;
    right: 21px;
    opacity: 0.5;
}
  
  
   #header
   {
   position: relative;
   padding: 0 10px;
   }
   
  #header-contact
  {
  margin: 25px 0 10px 0;
  }
  
  
  #slider-home .slide,  #slider-page .slide {
	   padding: 100px 10px 0;
   }

  
  #map-overlay .col-contact-left, #map-overlay .col-contact-right
  {
  float: left;
  display: block;
  }
  
  .calculator-step-1{
  background-image: url(../images/calc-icon-8a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-1.current-step
  {
  background-image: url(../images/calc-icon-8b.png);
  background-position: center center !important;
  }
  
  .calculator-step-2{
  background-image: url(../images/calc-icon-1a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-2.current-step
  {
  background-image: url(../images/calc-icon-1b.png);
  background-position: center center !important;
  }
  
  .calculator-step-3{
  background-image: url(../images/calc-icon-4a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-3.current-step
  {
  background-image: url(../images/calc-icon-4b.png);
  background-position: center center !important;
  }
  
  .calculator-step-4{
  background-image: url(../images/calc-icon-3a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-4.current-step
  {
  background-image: url(../images/calc-icon-3b.png);
  background-position: center center !important;
  }
  
  .calculator-step-5{
  background-image: url(../images/calc-icon-2a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-5.current-step
  {
  background-image: url(../images/calc-icon-2b.png);
  background-position: center center !important;
  }
  
  .calculator-step-6{
  background-image: url(../images/calc-icon-5a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-6.current-step
  {
  background-image: url(../images/calc-icon-5b.png);
  background-position: center center !important;
  }
  
  .calculator-step-7{
  background-image: url(../images/calc-icon-7a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-7.current-step
  {
  background-image: url(../images/calc-icon-7b.png);
  background-position: center center !important;
  }
  
  .calculator-step-8{
  background-image: url(../images/calc-icon-6a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-8.current-step
  {
  background-image: url(../images/calc-icon-6b.png);
  background-position: center center !important;
  }
  
  .calculator-step-9{
  background-image: url(../images/calc-icon-9a.png);
  background-size: 90% 90%;
  background-position: center center;
  }
  
  .calculator-step-9.current-step
  {
  background-image: url(../images/calc-icon-9b.png);
  background-position: center center !important;
  }
  
  .jumbotron-home
   {
   min-height: 1px;
   padding-top: 130px;
   padding-bottom: 0;
   }
   
   .container-front-boxes
   {
   padding: 0;
   }
   
   .container-front-boxes .row
   {
   margin-left: 0;
   margin-right: 0;
   padding-top: 60px;
   padding-bottom: 50px;
   }
   
   .container-front-boxes .row .col-lg-4
   {
   margin-bottom: 70px;
   }
   
   .container-front-boxes .row .col-lg-4 h2
   {
   font-size: 16px !important;
   line-height: 24px;
   padding-left: 70px;
   padding-right: 30px;
   }
   
   .container-front-boxes .row .col-lg-4:nth-child(1) h2:before,
   .container-front-boxes .row .col-lg-4:nth-child(2) h2:before,
   .container-front-boxes .row .col-lg-4:nth-child(3) h2:before
   {
   background-size: 39px 20px;
   width: 39px;
   height: 20px;
   top: 16px;
   }
   
   
   .home-products .col-home-products {
    width: 50%;
    float: left;
	}
   .home-products .col-home-products .col-lg-7 {
    min-height: 230px;
	}
	
	
	.man-vs-woman-1, .man-vs-woman-2, .man-vs-woman-3 {
		float: left;
		width: 33%;
	}
	
	
	
} 

              

/* iPads (portrait) ----------- */
@media 
only screen 
and (min-width: 768px) 
and (max-width: 900px)
and (orientation : portrait),        
only screen
and (min-device-width : 768px) 
and (max-device-width : 900px)
and (orientation : portrait) {
	.col-footer-map-2 {
		position: absolute;
		top: 230px;
		float: right;
		right: 40px;
	}
	
	.col-footer-map:last-child .col-lg-8 {
		float: right;
	}
	
	.col-footer-map:first-child .col-lg-4 {
		float: none;
		clear: both;
		display: block;
		margin-top: 20px;
		padding-top: 20px;
	}
	
	.col-management-person {
	    min-height: 180px;
	}
	
	#jobs_spacer {
		display: table;
		clear: both;
		float: none;
		width: 100%;
	}
	#jobs_spacer .ezcol-one-quarter:first-child,
	#jobs_spacer .ezcol-one-quarter:last-child {
		display: none;
	}
	
	
	
	#products > .product { background: #fff; }
	#products > .product > .container { width: auto; }
	#products > .product-right { padding-top: 0; }
	
	
}    

/* iPads (landscape) ----------- */
@media 
only screen 
and (min-width: 768px) 
and (max-width: 1040px)
and (orientation : landscape),        
only screen
and (min-device-width : 768px) 
and (max-device-width : 980px)
and (orientation : landscape) {
}    



/* smaller PC Screens ----------- */
@media 
only screen 
and (min-width: 1040px) 
and (max-width: 1720px),        
only screen
and (min-device-width : 1040px) 
and (max-device-width : 1720px) {
	
	#slider-home .slide .col-lg-6
	{
		width:65%;
	}

}   







/* smaller PC Screens ----------- */
@media 
only screen 
and (min-width: 768px) 
and (max-width: 1200px) ,        
only screen
and (min-device-width : 768px) 
and (max-device-width : 1200px) {
	
#slider-home .slide .col-lg-6
{
	width:70%;
}

#epi_testkit
{
position: relative;
left: 0;
margin-left: 1000px;
top: -250px;
width: 170px;
}


.product
{
background-position: right top;
}


.product:last-child
{
background-image: none !important;
}


}    



	         

/* iPads (landscape) ----------- */
@media 
only screen 
and (min-width: 768px) 
and (max-width: 991px) {
	
	
	.archive .masonry-box
	{
	min-height:630px;
	}

}