.ant {
  margin: 20px auto auto;
  background-color: white;
}
.ant-element {
  width: 100%;
  text-align: center;
}
.ant {width: auto; position: relative;}
.ant-hider {max-width:100%; overflow: hidden;}
.ant-list {
  width: auto;
  max-width:100%; 
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  box-sizing:border-box; overflow: hidden;
}
.ant-element {display: block; flex: 0 0 auto;}

div.ant-dots {
  width: 100%;
  max-width:100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: -25px;
  z-index: 30;
  text-align: center;
}

span.ant-dot {
  width: 8px;
  height: 8px;
  margin: 6px 10px;
  padding: 0;
  display: inline-block;
  background-color: #BBB;
  border-radius: 4px;
  cursor: pointer;
}

@media screen and (min-width: 1000px) {
  .ant, .ant-element {max-width: 100%;}
}
@media screen and (max-width:980px)
{
	.ant, .ant-element{max-width:620px;}
}
@media screen and (max-width:920px)
{
	.ant, .ant-element{max-width:600px;}
}
@media screen and (max-width:860px)
{
	.ant, .ant-element{max-width:770px;}
}
@media screen and (max-width:800px)
{
	.ant, .ant-element{max-width:720px;}
}
@media screen and (max-width:750px)
{
	.ant, .ant-element{max-width:670px;}
}
@media screen and (max-width:700px)
{
	.ant, .ant-element{max-width:610px;}
}
@media screen and (max-width:640px)
{
	.ant, .ant-element{max-width:570px;}
}
@media screen and (max-width:600px)
{
	.ant, .ant-element{max-width:520px; }
}
@media screen and (max-width:550px)
{
	.ant, .ant-element{max-width:480px;}
}
@media screen and (max-width:510px)
{
	.ant, .ant-element{max-width:450px;}
}
@media screen and (max-width:480px)
{
	.ant, .ant-element{max-width:430px;}
}
@media screen and (max-width:450px)
{
	.ant, .ant-element{max-width:390px; overflow:hidden;}
}	
@media screen and (max-width:410px)
{
	.ant, .ant-element{max-width:340px; }
}
@media screen and (max-width:360px)
{
	.ant, .ant-element{max-width:300px;}
}
@media screen and (max-width:320px)
{
	.ant, .ant-element{max-width:260px;}
}
@media screen and (max-width:280px)
{
	.ant, .ant-element{max-width:240px;}
}