@media screen and (min-width:320px) and (max-width:640px) {
  /* for screens that are at least 320 pixels wide but less than or equal to 640 pixels wide */
		}

    body {
      color: rgb(51, 51, 51); /* black - 20% */
      background-color: rgb(248, 248, 248); /* light gray - 97% */
      margin: 0 auto;
			padding: 0;
			font: 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			width: 100%;
			/* background-image: url('images/Probiotic_Background.png'); */
    }
    
    a  { color:rgb(0, 0, 255); } /* blue */
    a:visited { color:rgb(128, 0, 128); } /* purple */
    a:hover { color:rgb(0, 128, 0); } /* green */
    a:active { color:rgb(255, 0, 0); } /* red */
    
    table {
			border-collapse: collapse;
			border-spacing: 0;
			font: normal 14px Helvetica, sans-serif;
			width: 100%;
		}

		th {
		   background-color: rgb(192, 192, 192); /* silver - 75%*/ 
		   }
		td {
			 vertical-align:top;
			}
		tr:nth-child(even) {
			background-color: rgb(242, 242, 242); /* light gray - 95% */
		}
		
		.prod_tab {
			border-collapse: collapse;
			border-spacing: 0;
    	border: 1px solid;
    	border-color: rgb(217, 217, 217); /* gray - 85% */
		}
		
		th, tr, td {
			border: 1px solid;
			border-color: inherit;
		}
		/*
		 * styles from bootstrap.bundle
		 */
		h1, h2, h3 {color: white}
		
		h4, h5, h6, p {color: black}  
		      
	  ol, li {color: white}
	  
	  small {font-size: 66%}
	  
	  .h4_background {
	  	background-color: rgb(192, 192, 192);  /* silver - 75%*/ 
	  }  
  
  	td.details-control {
	    background: url('images/details_open.png') no-repeat center center;
	    cursor: pointer;
		}
		tr.shown td.details-control {
			background: url('images/details_close.png') no-repeat center center;
		}	
		
		/* pbc-menu with bootstrap responsive navigation */
		.pbc-menu{
    	margin: 0px;
    }

		/* navbar configuration */
     .navbar.main-nav, .navbar.sub-nav {
     position: relative;
     border-radius: 0;
     padding: 0;
     background-color: white; /* rgba(0,181,222,0.8); /* Tile */
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     outline: 0;
     font-size: 16px; /* Should be same as body */
     /* height: 30px; */
     }
     .navbar.main-nav .nav-item, .navbar.sub-nav .nav-item {
     position: relative;
     padding: 0px; /*.25em 0; */
     /*
     min-height:25px;
  	 margin-bottom: 0px; /* remove-space-under-navbar-bootstrap */
     }
     .navbar.main-nav .nav-item, .navbar.main-nav .nav-item .nav-link, .navbar.sub-nav .nav-item, .navbar.sub-nav .nav-item .nav-link {
     -webkit-transition: color .5s ease;
     transition: color .5s ease;
     }
     .navbar.main-nav .nav-item:hover .nav-link, .navbar.main-nav .nav-item.hover .nav-link, .navbar.main-nav .nav-item.active .nav-link, .navbar.sub-nav .nav-item:hover .nav-link, .navbar.sub-nav .nav-item.hover .nav-link, .navbar.sub-nav .nav-item.active .nav-link {
     color: #0275d8; /* Dark Blue */
     }
     .navbar.main-nav {
     border-bottom: .2em solid #0275d8; /* Dark Blue */
     background-color: white; /* rgba(0,181,222,0.8); * tile */
     z-index: 2;
     }
     .navbar.main-nav .nav-item, .navbar.main-nav .nav-item .nav-link {
     color: black; /* #fff; *white - grey was #ccc; */
     }
     .navbar.main-nav .nav-item.active:after {
     display: block;
     content: '';
     position: absolute;
     left: 50%;
     bottom: 0;
     width: 0;
     height: 0;
     border-left: .4em solid transparent;
     border-right: .4em solid transparent;
     border-bottom: .4em solid #0275d8; /* Dark Blue */
     margin-left: -.4em;
     }
     /*
     .navbar.sub-nav {
     position: absolute;
     margin-top: -.1em;
     border-bottom: .1em solid #0275d8; * Dark Blue *
     background-color: rgba(255, 255, 255, 0.6);
     width: 100%;
     z-index: 1;
     }
     */
     .navbar.sub-nav .navbar-nav:not(.active) {
     display: none;
     }
     .navbar.sub-nav .nav-item, .navbar.sub-nav .nav-link {
     color: #333;
     }
     /* Added from Navbar_Collapse_Search.html */
     .navbar-form-search {
     position: relative;
     }
     /*
     .navbar-form-search .form-control {
     width: 450px;
     }
     */
     .navbar-form-search .btn {
     border: 0;
     background: transparent;
     font-size: 16px;
     }
     .navbar-form-search .btn:active, .navbar-form-search .btn:hover, .navbar-form-search .btn:focus {
     color: #000;
     outline: none;
     box-shadow: none;
     }
     .navbar-form-search .search-form-container {
     text-align: right;
     position: absolute;
     /* width: 500px; */
     overflow: hidden;
     background: #fff; /* white  */
     right: 60px;
     top: 0;
     z-index: 9;
     transition: all .3s ease-in-out;
     }
     .navbar-form-search .search-form-container.hdn {
     width: 0;
     }
     .navbar-form-search .search-form-container .search-input-group {
     width: 750px; /* 500px; */
     height: 270px;
     }
     
     .search-form-border {
     	border: 1px solid #ccc;
     }
   
		.header_cdn {
			background-color: rgb(0,181,222); /* tile 0,181,222*/
			background-image: url('images/header_bg.png');
		}
		
		.back_blue {
			background-color: rgb(237, 239, 248); /* light blue */
		}
		
		/* Added 2017.12.07 */
		
		.header_usa {
			background-color: rgb(0,181,222); /* rgb(24, 40, 88); /* dark blue */
			background-image: url('images/header_bg.png');
		}
		
		.rel_text_cdn {
			color: rgb(30,105,116); /* Probiotic_man stomach dark green */
		}
		
		.rel_text_usa {  /* Probiotic_man stomach darker green */
			color: rgb(6,58,65);
		}
		
		.th_usa {
			background-color: rgb(245, 130, 31); /* yellow - gold */
		}
		
		.no_padd {
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		.nopadding {
		   padding: 0 !important;
		   margin: 0 !important;
		}
		
		p.ex1 {
		    margin-left: 30px;
		}
		
		.overflow-wrap {
		  overflow-wrap: break-word;
		}

		.word-break {
		  word-break: break-all;
		}
		/*
		.btn_int {
		  background-color: rgba(0,181,222,0.8); /* DodgerBlue; * 
		  border: none;
		  color: white;
		  padding: 12px 16px;
		  font-size: 20px;
		  cursor: pointer;
		  width: 210px !important;
		  background-image: url('images/header_bg.png');
		}
		*/

		@media (max-width: 768px) {
		  .btn_int {
		  	background-color: rgba(0,181,222,0.8); /* DodgerBlue; */
		    padding:2px 4px;
		    font-size:90%;
		    cursor: pointer;
		    line-height: 1;
		    border-radius:3px;	    
		    border: none;
		    color: white;
		    width: 90% !important;
		    background-image: url('images/header_bg.png');
		  }
		}
		
		@media (min-width: 769px) {
		  .btn_int {
		    padding:4px 9px;
		    font-size:150%;
		    cursor: pointer;
		    line-height: 1.2;		    
		    border: none;
		    color: white;		
		    width: 98% !important;
		    background-image: url('images/header_bg.png');    
			}
		}

		/* Darker background on mouse-over */
		.btn_int:hover, .btn_int:focus, .btn_int:active {
		  background-color: RoyalBlue;
		  color: black;
		}
		
.small_box {
    height: 216px;
    overflow:hidden;
}
.big_box {
    height: auto;
}