#divGrid{
	margin-top:-20px;
}

.carousel-inner{
	background: #3092C0 linear-gradient(to bottom, #FFFFFF, #FFFFFF) repeat scroll 0% 0%;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}

.ProdSubHeader{
	font-size:18px;
}

.ConDiv
{
	margin-top:-20px !important;
}

.caret{
	border-top: 8px dashed;
}

.main-text
{
    position: absolute;
    bottom: 20px;
	right: 0;
    width: 40%;
    color: #FFF;
	height:23%;
	background-color: rgba(153,153,153,0.5);
}

a
{
	color:white;
}

.activetab{
	background:rgb(48, 146, 192) linear-gradient(to bottom, rgb(41, 173, 216), rgb(27, 94, 126)) repeat scroll 0% 0% !important;
	color: white !important;
}

.btn-primary{
	background:#3092C0 linear-gradient(to bottom, #1C437E, #1B5E7E) repeat scroll 0% 0%;
}

.navbar
{
	
	 text-align:center;
	 align:center;
}

.myFooter
{
	position: relative;
	border-radius: 5px;
}

.panel
{
	image-align:center;
	position:relative;
    color: white;
	background-image: url('../img/background3.jpg');
	overflow: hidden;
	border: 0;
	border-radius:5px;
	margin-top:1px;
	background:#3092C0 linear-gradient(to bottom, #1C437E, #1B5E7E) repeat scroll 0% 0%;
}

.panel  img
{
	text-align:center;
}

.panel h4
{
	font-size:14px;
	text-align:center;
	word-wrap: break-word;
}

.content3 h4
{
	font-size:14px;
	width:500px;
}

.content2
{
	background-image: url("");
	position:relative;
	color: #333;
	background-color:white;
	
}
.navbar-default .navbar-nav > li  > a:hover  {
   
    background-color: #e0e0e0  !important;
	color:black !important;
}

.navbar-default .navbar-nav > li a{
	color: white !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: black !important;
   background: white;
 }

.dropdown-menu{
		background-color:#3B70AA;
}
.navbar-default {
	background:#3092C0 linear-gradient(to bottom, #1C437E, #1B5E7E) repeat scroll 0% 0%;
    background: -webkit-linear-gradient(left top, #1C437E, #1B5E7E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #1C437E, #1B5E7E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left top, #1C437E, #1B5E7E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left top, #1C437E, #1B5E7E); /* Standard syntax */

	
}

.navbar-default .navbar-toggle .icon-bar{
		background-color:white;
}
.page-header img
{
		line-height: 500px;
    width: 120px;
    padding-top: 0;
}

tr.spaceUnder > td
{
  padding-bottom: 1em;
}


.carousel-indicators{
  color:black !important;
  background-color:black !important;
}

.HoverBorder:hover
{
		border:5px solid #b217b4;
}

.productHeader h2 {
    color: red;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.btnProdHeader{
	width:100%;
	font-size:20px;
}

.btnProdHeader2{
	width: 100%;
	height: 50px;
	font-size: 30px;
	line-height: 90%;
}

.btnMoreDetails{
	margin-bottom:10px;
}

.imgProd1{
	height: 100%;
	width: 100%;
	margin-top: 50px;
}

.imgKloran{
		height:350px;
		width:100%;
	}
	
.imgWonderMolassesLogo{
	height:100px; 
	width:350px;
	margin-top:20px;
}

.Molasses1{
	height:150px;
	width:300px;
	margin-top:50px;
}

.imgMinMaxStandard{
	height:250px;
	width:150px;
	margin-left:-30px;
}

.imgCalfMilkReplacerBag{
	width:40%;
	height:320px;
}

.imgProducts{
		height:400px; 
		width:500px;
		margin-left:20px;
		margin-top:10px;
	}
	
.imgKloranProduct{
	height:400px;
	width:250px;
	margin-left:200px;
	margin-top:-20px;
}

.imgHalamid{
	height:300px;
	width:300px;
	margin-left:200px;
}

/* @media (max-width: 320px){
	.mainText{
		font-size:16px !important;
	}
}
 */
 
	.aaklandMap{
		width:800px;
		height:700px;
		margin-left:-200px;
	}
	
	.OurServices{
		margin-top:100px;
	}
	
	.imgCarousel{
		height:375px;
		width:100%;
		border-radius:7px;
	}
	
	.HeaderTextColor{
		color:#1B507E;
	}
	
	.hrColor{
		height:1px;border:none;
		color:#333;
		background-color:#CCC !important;
	}
	
	  .Phone-no a{
	   color : black !important;
	  }

@media (max-width: 360px){
	.imgCarousel{
		height:300px;
		width:100%;
		border-radius:7px;
	}
	
	.main-text
	{
		position: absolute !important;
		bottom: 25px !important;
		right: 0 !important;
		width: 65% !important;
		color: #FFF !important;
		height:100% !important;
		max-height: 32%;
		font-size:12px !important;
		background-color: rgba(153,153,153,0.5);
	}

	.mainText{
		font-size:16px !important;
	}
	
	.btnProdHeader{
	width:100%;
	font-size:15px;
	}
	
	.btnProdHeader2{
	width: 100%;
	height: 50px;
	font-size: 17px;
	line-height: 90%;
	}
	
	.btnMoreDetails{
		width: 150px;
		height: 40px;
		font-size: 17px;
		border-radius: 20px;
		margin-bottom: 20px;
	}
	
	.imgProd1{
		height:90%;
		width:70%;
		
	}
	
	.imgKloran{
		height:100%;
	}
	
	.imgWonderMolassesLogo{
		width:100%;	
	}
	
	.Molasses1{
		width:100%;	
		margin-top:10px;
	}
	
	.fixMargin{
		margin-left:0px !important;
	}
	
	.fixMarginRow{
		margin-left:0px !important;
	}
	
	.imgMinMaxStandard{
	height:100%;
	width:100%;
	margin-left:-30px;
	}
	
	.imgCalfMilkReplacerBag{
		height:100%;
		width:100%;
	}
	
	.imgProducts{
		height:100%; 
		width:100%;
		margin-left:0px;
	}
	
	.imgKloranProduct{
		height:60%;
		width:60%;
		margin-left:0px;
		margin-top:-20px;
	}
	
	.imgHalamid{
	height:100%;
	width:100%;
	margin-left:0px;
	}
	
	.aaklandMap{
		width: 430px;
		height: 500px;
		margin-left: -85px;
	}
	
	.OurServices{
		margin-top:20px;
	}

}

@media (min-width: 361px) and (max-width: 767px){
	.imgCarousel{
		height:320px;
		width:100%;
		border-radius:7px;
	}
	
	.main-text
	{
		position: absolute;
		bottom: 35px;
		right: 0;
		width: 70%;
		color: #FFF;
		height:35% !important;
		max-height: 40%;
		background-color: rgba(153,153,153,0.5);
	}
	
	/* .main-text
	{
		position: absolute !important;
		bottom: 20px !important;
		right: 0 !important;
		width: 65% !important;
		color: #FFF !important;
		height:100% !important;
		max-height: 30%;
		font-size:12px !important;
		background-color: rgba(153,153,153,0.5);
	} */
	
	.mainText{
		   font-size:18px;
	}
	
	.btnProdHeader{
	width:100%;
	font-size:18px;
	}
	
	.btnProdHeader2{
	width: 100%;
	height: 40px;
	font-size: 16px;
	line-height: 90%;
	}
	
	.btnMoreDetails{
		width: 150px;
		height: 50px;
		font-size: 18px;
		border-radius: 20px;
		margin-bottom: 20px;
	}
	
	.imgProd1{
		height:90%;
		width:70%;
		
	}
	
	.imgKloran{
		height:100%;
	}
	
	.imgWonderMolassesLogo{
		width:100%;
		height:80%
	}
	
	.fixMargin{
		margin-left:0px !important;
	}
	
	.fixMarginRow{
		margin-left:0px !important;
	}
	
	.imgMinMaxStandard{
	height:50%;
	width:100%;
	margin-left:-30px;
	}
	
	.imgCalfMilkReplacerBag{
		height:100%;
		width:100%;
	}
	
	.imgProducts{
		height:100%; 
		width:100%;
		margin-left:0px;
	}
	
	.imgKloranProduct{
		height:60%;
		width:60%;
		margin-left:0px;
		margin-top:-20px;
	}
	
	.imgHalamid{
	height:100%;
	width:100%;
	margin-left:0px;
	}
	
	.aaklandMap{
		width:100%;
		height:500px;
		margin-left:1px;
	}
	
	.OurServices{
		margin-top:20px;
	}
}

@media (min-width: 768px) and (max-width: 1000px){
	.main-text
	{
		position: absolute;
		bottom: 30px;
		right: 0;
		width: 50%;
		color: #FFF;
		height:20% !important;
		max-height: 30%;
		background-color: rgba(153,153,153,0.5);
	}
	
	.mainText{
		   font-size:18px;
	}
	
	.btnProdHeader{
	width:100%;
	font-size:21px;
	}
	
	.btnMoreDetails{
		width: 50%;
		height: 50px;
		font-size: 18px;
		border-radius: 20px;
		margin-bottom: 20px;
	}
	
	.imgProd1{
		height:90%;
		width:100%;
		margin-left:100px;
	}
	
	.imgKloran{
		height:60%;
	}
	
	.imgWonderMolassesLogo{
		width:80%;	
	}
	
	.Molasses1{
		width:80%;	
		margin-top:10px;
		margin-right:10px;
	}
	
	.imgMinMaxStandard{
	height:50%;
	width:50%;
	margin-left:-30px;
	}
	
	.imgProducts{
		height:100%; 
		width:100%;
		margin-left:0px;
	}
	
	.imgKloranProduct{
		height:80%;
		width:80%;
		margin-left:10%;
		margin-top:-20px;
	}
	
	.imgHalamid{
	height:100%;
	width:100%;
	margin-left:0px;
	}
	
	.aaklandMap{
		width:100% !important;
		height:100% !important;
		margin-left: 0px;
	}
	
	.OurServices{
		margin-top:10px;
	}
}

@media (min-width: 1000px) and (max-width: 1335px){
	.main-text
	{
		position: absolute;
		bottom: 20px;
		right: 0;
		width: 39%;
		color: #FFF;
		height:20%;
		max-height: 20%;
		background-color: rgba(153,153,153,0.5);
	}
	
	.mainText{
		   font-size:20px;
	}
	
	.imgProducts{
		height:100%; 
		width:100%;
		margin-left:0px;
	}
	
	.imgKloranProduct{
		height:60%;
		width:60%;
		margin-left:20%;
		margin-top:-20px;
	}
	
	.imgHalamid{
	height:100%;
	width:100%;
	margin-left:0px;
	}
	
	.aaklandMap{
		width:500px !important;
		height:100% !important;
	}
	
	.btnProdHeader{
		font-size: 16px;
	}
}



@media only screen and (min-device-width: 360px) and (max-device-width:768px) and (orientation: landscape){
	.imgProd1{
		height: 90%;
		width: 80%;
		margin-left: 10%;
	}
	
	.aaklandMap{
		width:560px !important;
		height:100% !important;
		margin-left: -100px;
	}
	
	.OurServices{
		margin-left: -20px;
	}
	
	.main-text
	{
		position: absolute;
		bottom: 20px;
		right: 0;
		width: 45%;
		color: #FFF;
		height:23%;
		max-height: 23%;
		background-color: rgba(153,153,153,0.5);
	}
}