.feature .feature-item, .feature .feature-item:not(:last-child)/* =====================
   desktop
   min-width: 768px;
   max-width: 1024px;

===================== */

/*iPad*/
@media (min-width: 768px) and (max-width: 1024px) {
	
	#home {
	  background: url('../images/index_banner_768.jpg') no-repeat;
	  background-size: cover;
	  width: 768px;
	  min-height: 450px;
	  margin-top: 50px;
	}
	
	
	/* works */

	.work-item {
	  left: 5% !important;
	  width: 45%;
	}

	.work-filter ul{
		
	}
}


/* =====================

   Tablets
   min-width: 640px;
   max-width: 767px;

===================== */

@media (min-width: 640px) and (max-width: 767px) {
}




/*i6+ X*/
@media screen and (max-width: 414px){
	.section{
	  padding: 70px 0 0;
	}
	#home {
	  padding: 0;
	  background: url('../images/index_banner_414.jpg') no-repeat;
	  background-size: cover;
	  width: 414px;
	  min-height: 480px;
	}
	.feature .feature-item,.feature .feature-item:not(:last-child){
    	padding: 20px 0;
	}
	.feature .feature-item{
		margin-bottom: 0;
	}
	.feature .feature-item .content h5{
		font-size: 17px;
	}
	
	.feature .feature-item .content P{
		display: none;
	}
	
	.work-filter ul {
		margin-left: 33px;
	}

	.work-filter ul li {
		display: inline-block;
	}

	.overlay{
		padding: 10px;
	}
	/* works */

	.work-item {
	  left: inherit !important;
	  width: 50%;
	}
	
}


/*i6*/
@media screen and (max-width: 375px){
	#home {
	  background: url('../images/index_banner_375.jpg') no-repeat;
	  background-size: cover;
	  width: 375px;
	  min-height: 435px;
	}
	.overlay{
		padding: 0;
	}
	
	.work-item .overlay p{
	  margin:0;
	}
	.work-filter ul {
	  margin-left: 9px;
	}
}



/* =====================

   Small Devices
   min-width: 320px;
   max-width: 479px;

===================== */



/*i5*/
@media screen and (max-width: 320px){
  #home {
	  background: url('../images/index_banner_640.jpg') no-repeat;
	  background-size: cover;
	  width: 320px;
	  min-height: 370px;
	  margin-top: 50px;
  }
	.work-item .overlay h4{
	  margin: 22px 0 0;
	}
	
	.work-item .overlay p{
	  margin:0;
	}
	
	
	.work-filter ul {
	  margin-left: 5px;
	}
}

@media (min-width: 320px) and (max-width: 479px) {
  #home {
    text-align: center;
  }
}