/**
 * Featured article grid specific styles
 * 
 */

/** General */
	.client-comment-grid .container {
		display: block;
	}

		.client-comment-grid .comment-grid {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: stretch;
			padding: 0;
		}

			.client-comment-grid .owl-carousel .owl-stage{
				display: flex;
			}

			.client-comment-grid .comment-grid .single-article-wrap {
				flex: 0 24%;
				height: 100%;
				box-sizing: border-box;
				position: relative;
			}

				.client-comment-grid .comment-grid .content-wrap {
					padding: 2em 1em 2em 4em;
				}
				
				.client-comment-grid .comment-grid .content-wrap::before{
					font-size: 95px;
					font-weight: 700;
					color: #b43a8d;
					content: '“';
					position: absolute;
					z-index: 5;
					top: 55px;
					left: 0;
				}
					.client-comment-grid.primary-d13036 .comment-grid .content-wrap::before {
						color: #b43a8d;
					}
					.client-comment-grid.primary-b43a8d .comment-grid .content-wrap::before {
						color: #b43a8d;
					}
					.client-comment-grid.primary-575756 .comment-grid .content-wrap::before {
						color: #575756;
					}
					.client-comment-grid.primary-935f88 .comment-grid .content-wrap::before {
						color: #935f88;
					}
					.client-comment-grid.primary-577491 .comment-grid .content-wrap::before {
						color: #577491;
					}
					.client-comment-grid.primary-175e55 .comment-grid .content-wrap::before {
						color: #175e55;
					}
					.client-comment-grid.primary-d9a552 .comment-grid .content-wrap::before {
						color: #d9a552;
					}
					.client-comment-grid .comment-grid p.client-comment {
						position: relative;
						z-index: 10;
					}
					.client-comment-grid .comment-grid p.client-name {
						font-weight: 700;
						display: inline-block;
						margin: 0.5em 0 0;
						padding: 1em 0 0;
						border-top: 2px solid #b43a8d;
					}
						.client-comment-grid.primary-d13036 .comment-grid p.client-name {
							border-top: 2px solid #b43a8d;
						}
						.client-comment-grid.primary-b43a8d .comment-grid p.client-name {
							border-top: 2px solid #b43a8d;
						}
						.client-comment-grid.primary-575756 .comment-grid p.client-name {
							border-top: 2px solid #575756;
						}
						.client-comment-grid.primary-935f88 .comment-grid p.client-name {
							border-top: 2px solid #935f88;
						}
						.client-comment-grid.primary-577491 .comment-grid p.client-name {
							border-top: 2px solid #577491;
						}
						.client-comment-grid.primary-175e55 .comment-grid p.client-name {
							border-top: 2px solid #175e55;
						}
						.client-comment-grid.primary-d9a552 .comment-grid p.client-name {
							border-top: 2px solid #d9a552;
						}

					.client-comment-grid .comment-grid p.client-company {
						font-weight: 300;
						margin: 0;
						line-height: 1.2em;
					}

					.client-comment-grid .comment-grid .owl-controls {
						width: 100%;
					}


/** Responsive */
	@media only screen and (max-width: 1024px) {


	}
	
	@media only screen and (max-width: 959px) {
		
			.client-comment-grid .comment-grid .single-article-wrap {
				min-width: 350px;
				display: flex;
				flex: 1 0 auto;
				height: 100%;
			}

	}

	@media only screen and (max-width: 500px) {

		.client-comment-grid .comment-grid .single-article-wrap {
			flex: initial;
			min-width: 275px;
		}

		.client-comment-grid .comment-grid .content-wrap {
		    padding: 3em 40px 0;
		}

		.client-comment-grid .comment-grid .content-wrap::before {
			top: 40px;
			left: 35px;
		}
		.client-comment-grid .comment-grid .content-wrap h2 {
			font-size: 18px;
			line-height: 1.5;
		}
		.comment-grid.owl-carousel.include-nav .owl-prev,
		.comment-grid.owl-carousel.include-nav .owl-next {
			width: 30px;
		}

	}