/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }
  .navbar-inverse .navbar-nav > li > a {padding: 22px 10px;font-size: 13px;}
  

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }
  
  .navbar-inverse .navbar-nav > li > a {padding: 12px 7px;font-size: 12px;border: 0;}  
  .phone-align {float: left;margin: 0 0 10px 0;}
  
  
  .list2 li:first-child {margin: 0 0 2px 0;}
  .list2 li {margin: 0 0 2px 0;}
  .recent-view p {margin: 0 0 6px 0;}
  .why-us h3 {font: 22px/24px 'kalinga';margin: 16px 0 14px 0;}
  
  .header h1 {font-size: 21px;}
  

 
}

/* xs */
@media (max-width: 767px) {
 
    .navbar-inverse .navbar-nav > li > a {
		padding: 12px 42px;
		border:0;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #eeeeee;
		padding: 6px 0 6px 86px;
	}
	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
	  width:100%;
	}
	.navbar-toggle {
		float:left;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .open > a {width: 100%;}
	.navbar-inverse .navbar-nav > li > a:hover {width: 100%;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color: #2CDCFF;}
	.phone-align {float: left;margin: 0 0 10px 0;}
	
	
	.phone-align {float:left;}
	.carousel-control .prev {left:2%;}
	.carousel-control .next {right:2%;}
	
	.header h1 {font-size: 18px;text-align: left;}
	.header h1 a.logo {margin: 0 2% 0 0;}
	
	.why-us img { width:100%;}
	.why-us h3 {font: 28px/30px 'kalinga';margin: 20px 0 20px 0;}
	.why-us p {margin-bottom: 0;}
	.btn-read-more {margin:20px 0 40px 0;}
	.product {background: #EDEDED url(../images/product-bg.jpg) no-repeat;height: inherit;}
	
	.recent-view img {margin: 0 30px 24px 0;min-height: inherit;}
	
	.inside-banner-contact {padding: 0;height: 160px;}
	.inside-banner-contact h2 {margin: 65px 0 0;}
	.well {height: 252px;}
	
	.about-top img { width:100%;}
	
	.list1 li {padding: 0;background: inherit;}
	.list1 li:first-child {padding: 0;background: inherit;}
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {font-size: 13px;}

}

/* XS Portrait */
@media (max-width: 480px) {
	
	
.social {margin: 14px 0 10px 0;}
.header ul li:first-child { margin:0;}
.header h1 {font-size: 18px;line-height: 18px;}
.header h1 small {font: 13px/14px Arial;}

}

