.wt-half { width: 50%; }
.wt-two-third { width: 66.6%; }

$wt-my-videos-gutter: 12px;

.wt-my-videos-gallery {
	min-height: 1px;
	margin: 15px auto;
	padding: 0 0 15px;
	border-bottom: 1px solid #D7DBE0;
}

.wt-my-videos-form-filter-wrap {
		border-bottom: 1px solid #D7DBE0;
		margin-bottom: 15px;
		padding-right: $wt-my-videos-gutter;
	}

.wt-my-videos-form-filter-options {
	width: 100%;
	.form-group {
		margin-bottom: 0;
	}
}

.wt-my-videos-grid {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
	padding: 0;

	position: relative;
	width: 100%;

	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}

	li {
	  position: relative;
	  float: left;
	  overflow: hidden;
	  padding: 6px;
	  margin:0px $wt-my-videos-gutter $wt-my-videos-gutter 0;
	  background-color: #fff;
	  border: 1px solid rgba(182,192,205,.4);

		&:first-child() {
			margin-left: 0;
		}

		&:before,
		&:after {
			content: " ";
			display: table;
		}
		&:after {
			clear: both;
		}

		&.wt-my-videos-create-category {

			.wt-my-videos-title {
				position: relative;
				top: 8px;
				font-size: $body-font-size + 1;
				margin-bottom: 9px;
			}

		}
	}

	li a,
	li a img {
	    display: block;
	    width: 100%;
	    cursor: pointer;
	}

	li a img {
	    max-width: 100%;
	}

	.wt-my-videos-title {
		color: $body-color-secondary;
		font-size: $body-font-size;
		font-weight: bold;
		line-height: 1;
	}
	.wt-my-videos-subline {
		color: $body-color-secondary;
		font-size: $body-font-size - 1;
		font-weight: normal;
		line-height: 1;
			.wt-my-videos-category-qty {
				float: left;
		}
		.wt-my-videos-category-time {
			float: right;
			font-style: italic;
		}
	}



}


/* responsive grid */

@media screen and (max-width: 1600px) {
  .wt-my-videos-grid li {
		width: 12.5%; /* Fallback */
	  width: -webkit-calc(100% / 7);
	  width: calc(100% / 7 - 12px);
  }
}

@media screen and (max-width: 1440px) {
  .wt-my-videos-grid li {
		width: 16.6666667%; /* Fallback */
	  width: -webkit-calc(100% / 6);
	  width: calc(100% / 6 - 12px);
  }
}

@media screen and (max-width: 1190px) {
  .wt-my-videos-grid li {
      width: 20%; /* Fallback */
      width: -webkit-calc(100% / 5);
      width: calc(100% / 5 - 12px);
  }
}

@media screen and (max-width: 945px) {
  .wt-my-videos-grid li {
      width: 25%; /* Fallback */
      width: -webkit-calc(100% / 4);
      width: calc(100% / 4 - 12px);
  }
}

@media screen and (max-width: 660px) {
  .wt-my-videos-grid li {
      width: 33.3333333%; /* Fallback */
      width: -webkit-calc(100% / 3);
      width: calc(100% / 3 - 12px);
  }
}


@media screen and (max-width: 400px) {
  .wt-my-videos-grid li {
      width: 50%; /* Fallback */
      width: -webkit-calc(100% / 2);
      width: calc(100% / 2 - 12px);
  }
}

@media screen and (max-width: 300px) {
  .wt-my-videos-grid li {
      width: 100%;
  }
}


/* Category video grid layout */
.wt-video-play-button {
	background: transparent url('../../assets/img/videos/play-button.png') center center no-repeat;
	cursor: pointer;
	left: 50%;
	margin: -29px 0 0 -29px;
	position: absolute;
	top: 50%;
	width: 58px;
	height: 58px;
}
.wt-video-card-wrap {
	list-style: none;
	padding: 0;
	margin: 0;
}
.wt-video-card {

}
.h3-wt-video-card {
	color: $body-color-secondary;
	font-size: $body-font-medium-size;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}
.wt-video-card__item {
	color: $body-color-secondary;
	font-size: $body-font-size - 1;
	font-weight: 500;
	line-height: 1;
	margin: 5px 0 10px;
	display: block;
	> div {
		padding: 4px 0;
	}
}
.wt-video-card__item-date {
}
.wt-video-card__item-status {
	font-style: italic;
}
.wt-video-card__item-btn {
	font-size: 12px!important;
}
.wt-video-card {
	width: 49%;
	float: left;
	margin: 0;
	padding: 15px 0 10px;
	color: #384650;
	-webkit-box-shadow: 0 6px 0 -5px #dbdcdc;
	box-shadow: 0 6px 0 -5px #dbdcdc;

	.wt-video-card__content {
		// width: 55%;
		display: inline-block;
		vertical-align: top;
	}
	.wt-video-card__content-thumb {
		position: relative;
		width: auto;
		img {
			max-width: 195px;
			height: auto;
		}
	}
	.wt-video-card__content-info {
		padding: 0 0 0 15px;
	}
	.wt-video-card__content-status {
	}
	.wt-video-card__content-stats {
		width: 10%;
		.wt-video__item-stats {
			width: 100%;
			.wt-value {
				padding-left: 10px;
				font-weight: 600;
			}
		}
	}
	.wt-video-card__content-actions {
		width: 100%;
		display: inline-block;
	}

	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}
}