@media (min-width:320px) and (max-width:576px){
	.container{width: 100%; padding-left: 0px !important;}
	/*.mask{margin-left: 40px;}*/
	.row-1 .inline-row-data{width:90%;float:none;}
	.row-2 .inline-row-data{width:90%;float:none;}
	.sixteen .columns{width:310px !important;}
	.bottom .sb{padding:10px;}
	.section-heading .sixteen{width: 320px !important;}
	#footer-global[role="contentinfo"],.double{display: none;}
	.img-hide{display: block;}
	#main{height:100vh;}
	.bottom{top:450px;}
}


.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  /*max-width: 400px;*/
  margin: auto;
  text-align: left;
}

.price {
  color: red;
  font-size: 22px;
  text-align: left;
}

.card a {
  background: #282828;padding:7px 15px;
  border-radius:5px;
  border: none;
  outline: 0;
  text-align: center;
  cursor: pointer;
  color:#ffffff;
  font-size: 14px;
}


.card  a:hover {
  opacity: 0.7;
}