@charset "utf-8";
/*
Theme Name: GC Design
Theme URI: http://www.grapecity.com/
Description: Myanmar Web Site Design
Version: 1.0
Author: GrapeCity Corporate Marketing and Communication Team
Author URI: none
*/

main {background: #ebebeb;}

h1 {color: #333;}

a i { margin-left: 1rem;}


.sub-top {
	height: 36.7vw;
	max-height: 550px;
	background: url("../../imgs/kengtung/destination/tai-khun/top.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.tribe {
	display: flex;
	align-items: center;
	padding: 2.5rem 5%;
	background: #ebebeb;
	line-height: 1.8rem;
}

.bx-area {
	width: 55%;
	max-width: 660px;
	height: calc(55vw * .65);
	max-height: 430px;
}

.bx-area div {max-height: 100%;}

.bx-wrapper .bx-prev {
	left: 10px;
  background: url("../images/controls-yellow.png") no-repeat 0 -32px !important;
}

.bx-wrapper .bx-next {
	right: 10px;
  background: url(../images/controls-yellow.png) no-repeat -43px -32px !important;
}

.bx-area div .bx-viewport, .photo_area, .bx-wrapper {height: 100% !important;}
.photo_area .carousel-cell, .photo_area_nojs .carousel-cell { min-height: 100%;}
.photo_area { background: #ebebeb;}


#sec1-img .sec-carousel .img01 {
	height: 100%;
	background-image: url("../../imgs/kengtung/destination/tai-khun/sec1-1.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/tai-khun/sec1-1.jpg") 1x, url("../../imgs/kengtung/destination/tai-khun/sec1-1@2x.jpg") 2x);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

#sec1-img .sec-carousel .img02 {
	height: 100%;
	background-image: url("../../imgs/kengtung/destination/tai-khun/sec1-2.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/tai-khun/sec1-2.jpg") 1x, url("../../imgs/kengtung/destination/tai-khun/sec1-2@2x.jpg") 2x);
	background-position: center;
	background-size: cover;
}

#sec1-img .sec-carousel .img03 {
	height: 100%;
	background-image: url("../../imgs/kengtung/destination/tai-khun/sec1-3.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/tai-khun/sec1-3.jpg") 1x, url("../../imgs/kengtung/destination/tai-khun/sec1-3@2x.jpg") 2x);
	background-position: center;
	background-size: cover;
}

#sec1-img .sec-carousel .img04 {
	height: 100%;
	background-image: url("../../imgs/kengtung/destination/tai-khun/sec1-4.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/tai-khun/sec1-4.jpg") 1x, url("../../imgs/kengtung/destination/tai-khun/sec1-4@2x.jpg") 2x);
	background-position: center;
	background-size: cover;
}

#sec1-img .sec-carousel .img05 {
	height: 100%;
	background-image: url("../../imgs/kengtung/destination/tai-khun/sec1-5.jpg");
  background-image: -webkit-image-set(url("../../imgs/kengtung/destination/tai-khun/sec1-5.jpg") 1x, url("../../imgs/kengtung/destination/tai-khun/sec1-5@2x.jpg") 2x);
	background-position: center;
	background-size: cover;
}

.intro-p {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}

.figcap {
	width: calc(45% - 3rem);
	margin: auto 0 auto 3rem;	
}

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


}

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

.tribe{ 
	flex-direction: column;
	padding: 2.5rem 5%;
	}

.bx-area, .fade-img {
	width: 100%;
  height: calc(90vw * .65);
	margin: 0 auto 2.5rem;
	}
	
.figcap {
	width: 100%;
	max-width: 670px;
	margin: 0 auto;
	text-align: center;
	}
}

@media screen and (max-width: 639px) {	
}
	
@media screen and (max-width: 480px) {

	}