@media screen and (max-width: 1500px){
	#owl-demo .owl-item .banner-content{  top: 30px;}
	}

@media screen and (max-width: 1200px){  
	.content-wr{ width:96%; }
	#owl-demo .owl-item .banner-content{ width: 96%;margin: 0 auto; left: 0;}
}

@media screen and (max-width: 1100px){  
	.nav-item a { margin-left: 35px;}
}

@media screen and (max-width: 1000px){  
	#owl-demo .owl-item .banner-content{  top: 10px;}
	#owl-demo .owl-item .banner-content .left{padding-top: 40px;}
	#owl-demo .owl-item .banner-content .left .title1{font-size: 20px; }
	#owl-demo .owl-item .banner-content .left p{width: 80%; }
}

@media screen and (max-width: 980px){  
	.wr-nav { display:none;}  /*   hide main menu     */
	.show-menumb-icon{ display:block;}  /*   show left menu    */
	header .logo { margin: 20px auto 0 auto; padding: 0 0 20px 0; float: none; display:block;}
	.main-content p.intro-text{width: 80%; }
}
@media screen and (max-width: 900px){
	.services  h3{font-size: 18px; padding-top: 20px;}
	}
@media screen and (max-width: 800px){
	.services  h3{font-size: 16px;}
	.customer ul.list-customer  li.items { float:left; width:48%; margin:0px 4% 20px 0px;}
	.customer ul.list-customer  li.items:nth-child(2n){ margin-right:0px}
	.bottom .boxes{width: 48%; margin: 0 4% 20px 0;}
	.bottom .boxes:nth-child(2n){ margin-right:0px}
	}	
@media screen and (max-width: 700px){	
	.services{padding-bottom: 10px;}
	.services  ul.list-service {margin:20px 0 0 0;}
	.services ul.list-service  li.item { width:100%; margin:0px auto 20px auto; }
	.services ul.list-service  li.item:nth-child(2n){ margin-right:0px}
	.services ul.list-service  li.item:nth-child(3n){ margin-right:0px}
	.main-content p.intro-text{width: 100%; padding-bottom: 20px;}
	#owl-demo .owl-item .banner-content{  top: 0px;}
	#owl-demo .owl-item .banner-content .left{padding-top: 20px;}
	#owl-demo .owl-item .banner-content .left .title1{font-size: 18px; padding: 5px 10px; }
	#owl-demo .owl-item .banner-content .left p{width: 80%; font-size: 12px}
	
}

@media screen and (max-width: 550px){
	#owl-demo .owl-item .banner-content{  top: 0px; padding-top: 8px;}
	#owl-demo .owl-item .banner-content .left{padding-top: 15px;}
	#owl-demo .owl-item .banner-content .left .title1{font-size: 15px; padding: 5px 10px; }
	#owl-demo .owl-item .banner-content .left p{width: 90%; font-size: 11px; line-height: 16px; padding: 5px;}
	}
@media screen and (max-width: 500px){
	#owl-demo .owl-item .banner-content .left{padding-top: 8px;}
	}	

@media screen and (max-width: 460px){ 
	header .logo { width: 240px; height: 52px;}
	.main-content h1{font-size: 20px;}
	
	.customer .title{width: 200px; }
	.services .title{width: 100px;}
	
}

@media screen and (max-width: 400px){
	.customer ul.list-customer  li.items { float:left; width:100%; margin:0px 0 5px 0px;}
	.bottom .boxes{width:100%; margin: 0 0 20px 0;}
	#owl-demo .owl-item .banner-content .left{padding-top: 25px;}
	#owl-demo .owl-item .banner-content .left p{display: none;}
	}
@media screen and (max-width: 360px){ 
#owl-demo .owl-item .banner-content .left{padding-top: 15px;}
	header .logo { width: 200px; height: 43px;}
	header .top ul li{margin-left: 8px; }
	

}