/*---------------------------------media design and programing-----------------------------------*/
  	
@media only screen and (min-width : 0px) and (max-width : 480px) {
	
	 .navbar-nav ul > li{
		width:100%;
		float:left;
		text-align:left;
		}
		.navbar-default .navbar-collapse, .navbar-default .navbar-form{
			float:left;
			width:100%;
			}
		
		.navbar-default .navbar-nav > ul > li > a{line-height:30px;}
		
			.cf.lft{
				float: left;
			}
		
		.menu{
			height:auto;
			}
.navbar-default .navbar-nav > ul > li > a, nav ul li a{text-align:left;}
.logo img{
	width:100%;
	margin-left:0px;
	}
.briefs{
	height:auto;
	width:100%;
	}
.owl-carousel .owl-item img, .brief{
	width:100% !important;
	}
		
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
		 .navbar-nav ul > li{
		width:100%;
		float:left;
		text-align:left;
		}
		.navbar-default .navbar-collapse, .navbar-default .navbar-form{
			float:left;
			width:100%;
			}
		
		.navbar-default .navbar-nav > ul > li > a{line-height:30px;}
		
			.cf.lft{
				float: left;
			}
		
		.menu{
			height:auto;
			}
.navbar-default .navbar-nav > ul > li > a, nav ul li a{text-align:left;}
.logo img{
	width:100%;
	margin-left:0px;
	}
.briefs{
	height:auto;
	width:100%;
	}
.owl-carousel .owl-item img, .brief{
	width:100% !important;
	}
}

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

}

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

	
			
    }