/*******************************************************
 *
 * blog
 *
 *******************************************************/
.ip-pt-container {
	margin: 100px 0;
}

 .ip-blog-main {
	position: relative;
	max-width: 1292px;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.ip-blog-title {
	width: 30%;
	padding: 0 0 0 21px;
}

.ip-blog-content {
	align-self: center;
	padding: 0;
	width: 70%;
}

.blog-lists {
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto;
	max-width: 1338px;
}

.blog-item {
	margin: 0 15px;
	width: calc(33.33% - 30px);
	margin-bottom: 54px;
	border-radius: 10px;
	overflow: hidden;
	display: block;
}

.blog-thumbnail {
  font-size: 0;
}

#content .blog-thumbnail img {
	width: 100%;
	max-width: 100%;
}

.blog-content {
	text-align: center;
}

.ip-blog-title h1::before {
	position: absolute;
	content: '';
	top: 50%;
	right: calc(100% + 20px);
	width: 100%;
	height: 1px;
	background-color: var(--secondary-color);
	pointer-events: none;
}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 1601px) {
    
}

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

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

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

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

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {
  
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
	#inner-page-wrapper > .container {
		width: 100%;
	}
	
	.blog-lists {
		margin: 0 -10px;
		justify-content: center;
	}
	
	.blog-item {
		width: calc(50% - 30px);
	}
	
	.ip-blog-title {
		width: 100%;		
		text-align: center;
	}
	
	.ip-blog-content {		
		width: 100%;
		text-align: center;
	}
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
    .blog-item {
		width: 100%;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
    
}