@media screen and (max-width: 768px)
{
  table {
      overflow-x: auto;
      display: block;
  }

  .col-centered
  {
    max-width: 100%;
  }
}
/* 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: 25px !important;
   line-height: 33px;
   }
   
   #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;
   }
   
   #content ul { margin-left: 15px !important; }
   
   .breadcrumbs
   {
   font-size: 13px;
   padding: 15px 30px;
   margin-botton: 0;
   }
   
   #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-page, #map {
	   height: 265px;
	}
   
   
   #slider-home .slide,  #slider-page .slide {
	   
	   padding: 30px 10px 0;
   }
   
   #slider-home .button,  #slider-page .button {
	   padding: 9px 25px;
   }
   
   
   .slide .container-fluid:before {
	   content: '';
		display: block;
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0.7;
   }
   
   #slider-home .slide h2 {
	   font-size: 40px !important;
   }
   #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;
  /* border-top: 7px solid #004b84;*/
   }
   
   .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: -77px;
	  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;
  }
  
  
  #lab_testkit_provided_required {
	  right: 0 !important;
  }

}



/* iphone 4+5 (portrait) ----------- */
@media 
only screen 
and (min-width: 100px) 
and (max-width: 361px)
and (orientation : portrait),        
only screen
and (min-device-width : 100px) 
and (max-device-width : 361px)
and (orientation : portrait) {
	h1 { font-size: 35px; }
	
	
}



/* 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;
   }
   
   
   
  #lab_testkit_provided_required {
	  right: 0 !important;
  }
} 

              



/* iPads (portrait) ----------- */
@media 
only screen 
and (min-width: 768px) 
and (max-width: 1023px),        
only screen
and (min-device-width : 768px) 
and (max-device-width : 1023px) {
	.epi_note_table { 
		float: none;
		border-left: 10px solid white;
		border-top: 1px solid #c0c0c0;
	}
}
	

/* 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) {
	
	
  #langs {
    position: absolute;
    top: -140px;
    right: 21px;
    opacity: 0.5;
}

	
}    



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


.home.page #slider-home .slide .col-lg-6
{
	width:50%;
}

}    



/* smaller PC Screens ----------- */
@media 
only screen 
and (min-width: 1200px) 
and (max-width: 1320px),        
only screen
and (min-device-width : 1200px) 
and (max-device-width : 1320px) {
	
	#menu-top li
	{
		margin-left: 20px !important;
	}
	#menu-top li:first-child
	{
		margin: 0;
	}

}    



/* 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%;
}
.home.page #slider-home .slide .col-lg-6
{
	width:50%;
}

#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;
}


}