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

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

/*iPad*/
@media screen and (max-width: 1280px) {
	
	#banner {
	  background: url('../../images/index_banner.jpg') no-repeat;
	  background-size: cover;
	  width: 1280px;
	  min-height: 450px;
	}
}

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


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

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

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

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




/*i6+ X*/
@media screen and (max-width: 414px){
	.bg-shape-two{
		background-position: inherit;
	}
	#banner {
	  padding: 0;
	  background: url('../../images/index_banner_414.jpg') no-repeat;
	  background-size: cover;
	  width: 414px;
	  min-height: 480px;
	}

	#slogan h2 {
		font-size: 1.6em;
	}

	#slogan p {
		font-size: 1.2em;
	}
	.mb-center{
		
		text-align: center;
	}
	
	.video{
		padding: 1em 0.6em 0.1em 0.6em;
	}

	.hashtag{
		margin-bottom: 0.5em;
	}
}


/*i6*/
@media screen and (max-width: 375px){
	#banner {
	  background: url('../../images/index_banner_375.jpg') no-repeat;
	  background-size: cover;
	  width: 375px;
	  min-height: 435px;
	}
}



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

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

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



/*i5*/
@media screen and (max-width: 320px){
  #banner {
	  background: url('../../images/index_banner_640.jpg') no-repeat;
	  background-size: cover;
	  width: 320px;
	  min-height: 370px;
  }
	#slogan h2 {
		font-size: 1.3em;
	}

	#slogan p {
		font-size: 1em;
	}
}

@media (min-width: 320px) and (max-width: 479px) {
}