h1{
	position: relative;
  display: block;
  padding: 3vw 60px 1.8vw 60px;
  font-size: 2.2vw;
  letter-spacing: -0.03em;
  font-weight: 400;
  color: #545454;
  cursor: default;
	float:left;
}
.clear{
	clear:both;
}

.list-filter{
	float:right;
	margin: 35px 60px 0 0;
}
.list-filter select {
  display: inline-block;
  height: 38px;
  line-height: 34px;
  border: 1px solid #aaa;
  padding: 8px;
  color: #555;
  background: transparent;
  border-radius: 7px;
  font-size: 16px;
  cursor:pointer;
}

/* grid css */
.cbp-wrapper{
	margin:0 60px 0 50px;
}
.cbp-rfgrid {
	margin: 0px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}

.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 4);
	width: calc(100% / 4);
	
}

.cbp-rfgrid li a,
.cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}

.cbp-rfgrid li a img {
	max-width: 100%;
	margin:0px 10px 0px 10px;
}


.cbp-rfgrid li a .content {
  display:table;
  width:100%;
  padding: 0;
  background: white;
  margin: 0px 0px 10px 10px;
  height:53px;
}
.cbp-rfgrid li a h3{
	display: table-cell;
	vertical-align: middle;
	line-height: 24px;
	padding:0 16px;
	color: #545454;
}
.cbp-rfgrid li a:hover .content h3 {
  color: #0089fd;
}
.cbp-rfgrid li a:hover .content p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 85%;
    opacity: 0.7;
    transition: 0.2s;
    padding-bottom: 8px;
}

/* Example for media query: change number of items per row */

@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 20%; /* Fallback */
		width: -webkit-calc(100% / 5);
		width: calc(100% / 5);
	}
	.cbp-rfgrid li a h3{
		font-size:14px;
		line-height:18px;
	}
}
@media screen and (max-width: 1000px) {
	.cbp-rfgrid li a h3{
		font-size:12px;
		line-height:14px;
	}
}

@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
	.cbp-rfgrid li a h3{
		font-size:12px;
		line-height:14px;
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 400px) {
	.cbp-rfgrid li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 300px) {
	.cbp-rfgrid li {
		width: 100%;
	}
}