html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	min-height: 500px;
}
body * {
	font-family: Arial, Geneva, SunSans-Regular, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 22px;
}
#wrapper {
	background-color: #fff;
	width: 100%;
	height: 450px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
}
#carousel img {
	display: block;
	float: left;
}
#prev, #next {
	background-color: rgba(255, 255, 255, 0.7);
	display: block;
	height: 450px;
	width: 50%;
	top: 0;
	position: absolute;
}
#prev:hover, #next:hover {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
}
#prev {
	left: -495px;
}
#next {
	right: -495px;
}
#pager {
	margin-left: -470px;
	position: absolute;
	left: 50%;
	bottom: 10px;
}
#pager a {
	border: 2px solid #fff;
	border-radius: 10px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
}
#pager a:hover {
	background-color: rgba(255, 255, 255, 0.5);
}
#pager a span {
	display: none;
}
#pager a.selected {
	background-color: #fff;
}

/* Makes images fully responsive */

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/* ------------------- Carousel Styling ------------------- */

.carousel-inner {
  border-radius: 0px;
}

/* MAKE THIS VISIBLE IF YOU ADD THE TEXT TO THE SLIDER*/
/*.carousel-control {
    bottom: 150px !important;
}*/ 

.carousel-caption {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}

.carousel-control.left,
.carousel-control.right

/* ------------------- Section Styling - Not needed for carousel styling ------------------- */

.section-white {
   padding: 10px 0;
}

.section-white {
  background-color: #fff;
  color: #555;
}

#logo {
	width: 648px;
	margin-left:auto;
	margin-right:auto;
}
#logo img {
	width: 100%;
}
#wattwatch{
	width:100px;
	float:right;
}
#wattwatch img{
	width:100%;
}
#head_call {
	  display: none;
}
    
.nav>li>a {
    padding: 10px 10px;
}   
    
.phone-small{
	font-family: Verdana,Arial,Helvetica;
	color: #fff;
	font-size: 30px;
	text-align: left;
	font-weight: normal;
	display: block;
	float: left;
	padding-left: 30px;
}
    
 

@media screen and (max-width: 900px) {
   
  .sidebar {
    visibility: hidden;
    display: none;
  }
  
  .read {
    visibility: hidden;
    display: none;
  }
  .pads {
		  padding-left:0px;
          padding-right:0px;
	}
  
}

@media screen and (max-width: 1100px) {
  #bottom_con {
    visibility: hidden;
    display: none;
  }
  
  }

@media screen and (min-width: 900px) {
  #form2 {
    visibility: hidden;
    display: none;
  }
  
  
}
 
    
@media screen and (min-width: 768px) {

	.section-white {
		padding: 1.5em 0;
	}
	#logo {
		width: 648px;
		margin-left:auto;
		margin-right:auto;
	}
	#head_call {
		display: none;
	}
	.phone-small{
		display: none;
	}
}

@media screen and (min-width: 992px) {

	.container {
		max-width: 930px;
	}
	#logo {
		width: 648px;
	}
	#head_call {
		width: 840px;
		padding: 25px 0px 5px 0px;
		display:inline-block;
	}
	
	.phone-small{
		display: none;
	}
    
}