@media (max-width: 767px) {
	#content {
	    padding: 5px;
	}
	
	#pay3All { margin: 20px 0; padding: 5px;}
	
	.upTariff.visible-xs {
	   display: inline-block !important;
	   width: 45% !important;
	   margin: 5px !important;
	   padding: 3px 0;
	}
	.upTariff.visible-xs h4 { margin: 5px; }
	
	#tariffInfoButtons { text-align: center; }
	#tariffInfoButtons button  {
	   width: 30%;
	   min-width: 30%;
	   overflow: hidden;
	}
	
	#pay3Mo p { font-size: 20px !important; }
	
	#userAuthArea input {
	   width: 80%;
	   display: inline-block;
	}
    #userAuthArea button {
	   width: 15%;
	}
	
	#userAuthArea {
	   padding: 0 10px;
	}
	
	#content h2 { font-size: 24px; }
	
}

#upPayTariffs {
   text-align: center;
}