/*---------------------------------media design and programing-----------------------------------*/
  	
@media only screen and (min-width : 0px) and (max-width : 480px) {
	
	 .navbar-nav ul > li{
		width:100%;
		float:right;
		text-align:right;
		}
		.navbar-default .navbar-collapse, .navbar-default .navbar-form, .logo1 img{
			float:right;
			width:100%;
			}
		
		.navbar-default .navbar-nav > ul > li > a{line-height:40px;}
	
	.navbar-collapse.in{
			overflow-y:hidden !important;
			}
			
		.carousel-slider.owl-carousel .owl-item a img, .slider{
			height:400px !important;
			}
.inpt{
	width:75%;
	}
	
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
	
	.navbar-nav ul > li{
		width:100%;
		float:right;
		text-align:right;
		}
		.navbar-default .navbar-collapse, .navbar-default .navbar-form, .logo1 img{
			float:right;
			width:100%;
			}
	
		.navbar-default .navbar-nav > ul > li > a{line-height:40px;}
	
	.navbar-collapse.in{
			overflow-y:hidden !important;
			}
		.carousel-slider.owl-carousel .owl-item a img, .slider{
			height:400px !important;
			}
	.inpt{
	width:75%;
	}

}



@media (min-width: 600px) and (max-width: 800px) {

	.navbar-collapse.in{
			overflow-y:hidden !important;
			}
		
		.carousel-slider.owl-carousel .owl-item a img, .slider{
			height:400px !important;
			}
.inpt{
	width:75%;
	}
}

@media (min-width: 768px) and (max-width: 979px) {	

}

@media (min-width: 979px) and (max-width: 1000px) {
	}	
 
	
			
    }