.travel-120-1{
	width:100%;
	/* height:1031px; */
	background:url(../images/travel-120-1/bg.png) top center no-repeat;
	margin-top: -180px;
	padding-bottom:200px;
	}
.travel-120-1 .top{
	width:100%;
	height:auto;
	font: 36px/64px 'Kanit', Arial, sans-serif;
	text-align:center;
	color:#fff;
	margin-top:70px;
	padding-top: 65px;
	}
.travel-120-1 .top img{
	max-width:100%;
	}
.travel-120-1 .mid{
	width:100%;
	height:auto;
	margin-top:40px;
	padding-bottom: 50px;
	min-height: 542px;
	}
.travel-block{
	/* width:400px; */
	height:auto;
	color: #000;
	}
.travel-block:hover{
	/* color:#f0ff00; */
	}
.travel-text{
	width:100%;
	height:auto;
	text-align:left;
	margin-top: 18px;
	font: 18px/24px 'Kanit', Arial, sans-serif;
	}
.travel-text a{
	color:#fff;
	}
.travel-text:hover{
	color: #fff;
	}
.travel-social{
	width:100%;
	height:auto;
	text-align:left;
	margin-top:10px;
	}
.travel-pic{
	width:100%;
	height:auto;
	margin-top: 16px;
	border:5px solid #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
.travel-pic img{
	max-width:100%;
	
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	}

.mt-b{
	/* margin-top:100px; */
	}
.travel-bottom{
	width:100%;
	height:auto;
	position:relative;
	margin-top: 60px;
	}
@media (max-width: 374px) { 
	.travel-120-1 .top {
    padding-left: 10px;
	margin-top: 0;
}
.travel-120-1 {
    height: auto;
    margin-top: -35px;
}
.travel-block {
    width: 309px;
}
.mt-b{
	margin-top:0px;
	}
.travel-pic {
    width: 90%;
}
	}
@media (min-width: 375px) and (max-width: 413px) {
	.travel-120-1 .top {
    padding-left: 10px;
	margin-top: 0;
}
.travel-120-1 {
    height: auto;
    margin-top: -22px;
}
.travel-block {
    /* width: 330px; */
}
.mt-b{
	margin-top:0px;
	}
.travel-pic {
    width: 90%;
}
	}
@media (min-width: 414px) and (max-width: 575px) {
	.travel-120-1 .top {
    padding-left: 10px;
	margin-top: 0;
}
.travel-block {
    /* width: 330px; */
}
.mt-b{
	margin-top:0px;
	}
.travel-120-1 {
    height: auto;
    margin-top: -25px;
}
	}
@media (min-width: 576px) and (max-width: 991px) {
	.travel-120-1 .top {
    padding-left: 10px;
	margin-top: 0;
}
.travel-120-1 {
    height: auto;
    margin-top: -62px;
}
.travel-block {
    /* width: 383px; */
}
.mt-b{
	margin-top:0px;
	}
	}
@media (min-width: 992px) and (max-width: 1199px) {

.travel-block {
       /* width: 300px; */
}
.travel-120-1 .top {
        margin-top: 85px;
}
.travel-120-1 {
    margin-top: -250px;
}
	}