/*------------------
  guide Section
---------------------*/
.guide-section {
	padding: 80px 0 100px;
}

.guide-section .row{
	justify-content:center;
}


.guide-item {
	height: 415px;
	position: relative;
}

.guide-item:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: .65;
}

.guide-item .cata {
	position: relative;
	margin-top: 28px;
	margin-left: 29px;
	z-index: 3;
}

.fi-content {
	position: absolute;
	width: 100%;
	height:60%;
	left: 0;
	bottom: 0;
	padding: 0 26px 24px;
	z-index: 2;
}

.guide-item .fi-content h5 {
	margin-bottom: 18px;
	font-size: 16px;
	font-weight:600;

}

.guide-item .fi-content p{
	font-size: 18px;
}

.guide-item .fi-content .fi-comment {
	font-size: 12px;
	opacity: .54;
}

.guide-section2{
	padding: 10px 0 100px;
}


.guide-section2 .btn{
	margin:5px;
}

.category {
	margin-top:80px;
	text-align:center;
}

.category .sub-title {
	margin-top: 30px;
	margin-bottom: 10px;
}

.category .row{
	justify-content:center;
	margin-top:20px;
}

.category .cell{
	background-color:#fff;
	padding:5px;
	border: 1px solid #d6dee7;
	margin:5px;

}


.guidelist {
	margin-top:40px;
}


.guidelist .gd-item {
	background-color:#fff;
	border: 1px solid #d6dee7;
	margin-bottom: 5px;
	overflow: hidden;
}


.guidelist .gd-item .gd-content {
	padding-left: 20px;
}

.guidelist .gd-item .gd-content .gd-date {
	font-size: 16px;
	color: #6e6e6e;
	margin-top: 5px;
}

.guidelist .gd-item .gd-content p {
	font-size: 16px;
	margin-bottom: 5px;
	color: #131313;
}

.guide-section2 h4 {
	font-size: 40px;
}

.guide-section2 a {
	font-size: 20px;

}

/* after category colum */

@media (min-width: 991px) and (max-width: 1199px) {

	.guide-section2 a {
	font-size: 12px;

}
	

}



/* Medium Mobile :480px. */

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

	.guide-section {
		padding-left: 15px;
		padding-right: 15px;
	}

	.guide-section2 {
		padding-left: 15px;
		padding-right: 15px;
	}
}



@media (min-width: 768px) and (max-width: 990px) {
  .container {
    max-width: 100%;
  }
}