a:hover {
	color: #333;
}
.cont-area-details {
	padding: 50px 0;
}
.cont-area-details h2 {
	text-align: center;
	color: #dd2a2e;
	font-weight: 600;
	font-size: 35px;
	padding-bottom: 50px;
}
.route-area {
	overflow: hidden;
	padding: 30px 0 30px;f
}
.thumb-img {
	border: solid 1px #e2e2e2;
	margin-bottom: 15px;
}
.camp-tour {
	overflow: hidden;
	margin-top: 50px;
	text-align: center;
	margin-left: -15px;
	margin-right: -15px;
}
.camp-tour .col-sm-4 {
	float: none;
	display: inline-block;
	margin: 0 auto;
	vertical-align: top;
	text-align: left;
	padding: 0 7px;
	width: 32%;
}
.viewmore-btn {
    padding-bottom: 5px !important;
}

.banner-area {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.banner-area h1 {
	position: absolute;
	font-size: 70px;
    font-weight: bold;
    color: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	text-shadow: 1px 1px 5px rgb(53, 53, 53);
}
@media(max-width:767px) {
	.banner-area h1 {
		font-size: 50px;
	}
}

.banner-area img {
	max-width: 100%;
	height: auto;
}
.banner-area .top-banner-mb {
	display: none;
}

.menu-path {
	display: none;
}
.thumb-img a img {
	width: 100%;
	height: auto;
}
.des-item {
    padding: 20px 15px !important;
}
.des-item p {
    color: #333333;
    font-size: 15px;
    line-height: 18px;
}
.des-item h3 {
	padding-bottom: 10px;
}
.des-item h3 a {
	color: #337ab7;
	font-weight: bold;
}
.des-item-link a {
	width: 60%;
	display: block;
	color: #FFF;
	text-align: center;
    background: #337ab7;
	border-radius: 50px;
	margin: 30px auto 0;
	padding: 15px;
}
.des-item-link a:hover {
	text-decoration: none;
	background: #23639b;
}
.des-item-link a::after {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    font-weight: 900;
    right: 0;
	margin-left: 10px;
}

@media(max-width:767px) {
	.camp-tour .col-sm-4 {
		width: 49%;
		padding: 0 7px;
	}
	.camp-tour {
		margin-left: -15px;
		margin-right: -15px;
	}
}


@media(max-width:479px) {
	.camp-tour .col-sm-4 {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	.banner-area .top-banner-pc {
		display: none;
	}
	.banner-area .top-banner-mb {
		display: block;
		left: 0;
		right: 0;
		max-width: 100%;
		position: static;
	}
	.menu-path {
		display: block;
		background: #ec699b;
	}
	.menu-path .col-sm-6:first-child {
		border-right: solid 1px #f98cb5;
	}
	.menu-path .col-sm-6 a {
		display: block;
		background: #ec699b;
		text-align: center;
		color: #fff;
		padding: 12px 15px;
		font-size: 18px;
		font-weight: bold;
	}
	.camp-tour {
		margin-left: 0;
		margin-right: 0;
	}
	.cont-area-details h2 {
		font-size: 30px;
	}
}


/*==================================================*/

.path-top {
	padding: 7px 0;
}
.path-top a, .path-top span {
    font-size: 14px;
    color: #333;
}
.path-top a {
	color: #333399;	
}

.main-container {
    padding-bottom: 100px;
}
.main-container .container {
	padding: 0 10px;
}
.main-container h2 {
    text-align: center;
    font-size: 35px;
    font-weight: 800;
    color: #333;
    margin-top: 50px;
    margin-bottom: 10px;
}
.main-container .bnr-text-cont {
    text-align: center;
    font-size: 16px;
    color: #2e2e2e;
}




.bnr-features{
	background: url(/st/3/vn/pc/features/img/bnr-detail.jpg) no-repeat center top #d1ecfe;
	background-size: auto 100%;
}
.bnr-title{
	width: 43%;
	padding: 100px 0 150px 0;
	padding: 7.5vw 0 8vw 0;
}
.bnr-title h2 {
	font-size: 27px;
	font-weight: 900;
	text-shadow:-1px -1px 0 #fff,  1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
}
.bnr-title h2 span {
	font-size: 27px;
}
.bnr-title h3 {
	font-size: 22px;
	color: #d14b7e;
	font-weight: 700;
	text-shadow:-1px -1px 0 #fff,  1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
	margin-top: 8px;
}

@media(max-width:1170px) {
	.bnr-title {
    padding: 10vw 0 12vw 0;
	}
	.bnr-title h2{
		font-size: 3vw;
	}
	.bnr-title h3{
		font-size: 2.2vw;
	}
}
@media(max-width:767px) {
	.bnr-title{
		padding: 5vw 0 6vw 0;
	}
	.bnr-title h2{
		font-size: 3.4vw;
	}
	.bnr-title h3{
		font-size: 3vw;
	}
}
@media(max-width:375px) {
	.bnr-title h2{
		font-size: 4vw;
	}	
	.bnr-title h3 {
			font-size: 3.5vw;
	}
	.bnr-title {
			padding: 4vw 0 5vw 0;
	}
}

/*----- End Banner new update 201901 -----*/


/*=============================================*/

/*Top destinations*/

.cont-area {
    overflow: hidden;
    padding-top: 50px;
}
.cont-area .col-sm-3 {
    margin-bottom: 30px;
    padding: 0 7px;
}
.cont-area .col-sm-3 a {
    display: block;
    color: #333;
}
.cont-area .img-area img {
	display: block;
	width: 100%;
}
.cont-area .txt-area {
    text-align: center;
    margin-top: 10px;
}
.cont-area .txt-area p {
    font-size: 18px;
    font-weight: bold;
    line-height: 29px;
}

.pick-up-area p, .pick-up-area h2 {
    color: #333;
}

.cont-area .col-sm-des {
    width: 20%;
    float: left;
    margin-bottom: 30px;
    padding: 0 7px;
}
.cont-area .col-sm-des a {
    display: block;
}
.cont-area .img-area img {
    display: block;
    width: 100%;
}



@media(max-width:769px) {
	.cont-area .txt-area p {
		font-size: 20px;
	}
	.cont-area .col-sm-3 {
		width: 33.33333%;
	}
}

@media(max-width:767px) {
.cont-area .txt-area p {
		font-size: 20px;
	}
.cont-area .col-sm-3 {
		width:50%;
	}
	
	.cont-area .col-sm-des {
		width: 50%;
	}
	
}