/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /* CSS */
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media screen and (max-width: 1280px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media screen and (max-width: 1024px) {
  
  /* CSS */
	.platform {
	/*margin-top: -50px;*/
	margin-top:-15%;
	}
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media screen and (max-width: 767px) {
  
  /* CSS */
   .membership-info {
		position: absolute;
		top: 50px;
		/*left: 80px;*/
		width: 70%;
	   	margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}

  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media screen and (max-width: 599px) {
  
  /* CSS */
	/*.membership-info .points { margin-top: 50px; }*/
	.membership-info {
		position: absolute;
		top: 40px;
		/*left: 80px;*/
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}
  
}



@media screen and (max-width: 480px) {
  
  .home-feature-icon .icon-box {
	  background: #ffffff;
	  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 9%);
	  border-radius: 10px;
	  padding: 25%;
	  margin-bottom: 8px;
	}
  .blog-card .title {
    font-size: 18px;
	}
   .cart-card .product {
      position: relative;
      display: flex;
      width: auto;
	}
   .membership-benefits {
	background:#1B1A18;
	padding: 30px 20px;
	}
	.benefits img { width:60px; height: 60px; }
	.benefits span { font-size: 14px; font-weight: 300; color:#B4B4B4; line-height: 14px!important; }
	.membership-info { 
		position: absolute; 
		top:30px; 
		/*left: 60px; */
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}
	/*.membership-info .points { margin-top: 20px; }*/
	.membership-info h2.level {
		font-size: 30px;
		font-weight: 400;
		font-family: 'Oleo Script', cursive;
		color: #FCEBBF;
	}
	.membership .link {
		font-size: 16px;
		font-weight: bold;
		color: #FFBB01;
	}
	.membership-info .progress {
		height: 10px;
		border-radius: 10px;
		margin: 10px 0 20px;
	}
	
	.creditcard { 
		font-size:20px; 
	}

}


@media screen and (max-width: 399px) {
  
	.membership-info .points {
		margin-top: 40px;
		font-size:14px;
	}
}