/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .dbs-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.dbs-item {
    margin-bottom: 15px;
}

.dbs-list::before,
.dbs-list::after {
   content: '';
    display: none !important;
   max-width: 100%;
   width: 220px;
}
.dbs-list::before {
    order: 1;
}
/*  .dbs-list-large::before,
.dbs-list-large::after {
    width: 320px;
} */

/*  .dbs-list-small::before,
.dbs-list-small::after {
   width: 160px;
} */

.dbs-list .dbs-item {
   width: 220px;
}
.dbs-list-large .dbs-item {
   width: 320px;
}
.dbs-list-small .dbs-item {
   width: 160px;
}

/* iframe */
/* .dbs-list-iframe {
   justify-content: flex-start;
} */
/* .dbs-list-iframe .dbs-item {
   margin-left: 10px;
   margin-right: 20px;
} */



/* api */
.dbs-list-wrapper {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.dbs-list-wrapper .dbs-item {
   /* width: 30%; */
   width: 320px;
}

@media screen and (max-width: 768px) {
	.dbs-list {
   		justify-content: center;
	}
}