@charset"utf-8";

/* ==========================================================================
   Responsive CSS
   ========================================================================== */

/* #Tablet (Landscape) 1024px */

/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 960px) and (max-width: 1240px) {

/*********************home*****************/	
   	#header .col-md-2{
		width: 20%;
		float: left;
	}
	.wrap-menu-page{
		width: 78%;
		float: left;
	}
	#max-menu-page > ul.lv1 > li > a{
		font-size: 15px;
	}
	#menu-page h2{
		font-size: 16px;
	}
	#min-menu-page{
		display: block;
		z-index: 999;
	}
	.m-extend-active.m-extend-fix-left{
		right: 0px;
		left: initial;
	}
	.main-content-home{
		padding-bottom: 30px;
	}
	/*.main-content-home .col-md-4:nth-child(2),
	.main-content-home .col-md-4:nth-child(3){
		display: inline-block;
		width: 100%;
	}*/
	#footer{
		padding-top: 10px;
	}
	/*.main-footer-left{
		width: 50%;
		margin-top: 0px;
	}*/
	.container-fluid{
		position: relative;
		bottom: 0px;
		width: 50%;
		float: left;
	}
	/*#license{
		display: inline-block;
		width: 100%;
	}*/
	.social-footer{
		position: relative;
		bottom: 0px;
		float: right;
	}
	.album-detail{
		margin-top: 25px;
	}
	.list-service,
	.content-detail-service,
	.about-kh,
	.news,
	.contact,
	.news-detail{
		margin-top: 60px;
	}
	.item-service{
		margin-bottom: 30px;
		border-bottom: 1px solid #dcdcdd;
	}
	/*.news .col-md-3{
		width: 50%;
		float: left;
	}*/
	.maps iframe{
		width: 100%;
	}
	.image-location-mobile,
	.image-location-mobile img{
	  display: block !important;
	}
	.content-location img{
		display: none;
	}
	.maps-image{
		display: none;
	}
	.flipbook{
		display: none;
	}
	.image-album-mobile{
		display: block;
	}
	.link-website{
		position: relative;
		top: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.item-news .image-news{
		left: 0px;
	}
	.news img{
		max-width: 100%;
	}
	.content-item-news h4 a::before{
		left: -60px;
	}
	.content-item-news{
		min-height: 300px;
	}

}
/* #Tablet (Portrait) 768px */

/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
/*********************home*****************/
	#header .col-md-2{
		width: 26%;
		float: left;
	}
	.wrap-menu-page{
		width: 73%;
		float: left;
	}
	#menu-page h2{
		font-size: 16px;
	}
	#min-menu-page{
		display: block;
		z-index: 999;
	}
	.m-extend-active.m-extend-fix-left{
		right: 0px;
		left: initial;
	}
	.main-content-home{
		padding-bottom: 30px;
	}
	.main-content-home .col-md-4:nth-child(2),
	.main-content-home .col-md-4:nth-child(3){
		display: inline-block;
		width: 100%;
	}
	.main-footer-left{
		width: 50%;
		margin-top: 0px;
	}
	.container-fluid{
		position: relative;
		bottom: 0px;
		width: 50%;
		float: left;
	}
	#license{
		display: inline-block;
		width: 100%;
	}
	.social-footer{
		position: relative;
		bottom: 0px;
		float: right;
	}
	.album-detail{
		margin-top: 25px;
	}
	.list-service,
	.content-detail-service,
	.about-kh,
	.news,
	.contact,
	.news-detail{
		margin-top: 60px;
	}
	.item-service{
		margin-bottom: 30px;
		border-bottom: 1px solid #dcdcdd;
	}
	.news .col-md-3{
		width: 50%;
		float: left;
	}
	.maps iframe{
		width: 100%;
	}
	.image-location-mobile,
	.image-location-mobile img{
	  display: block !important;
	}
	.content-location img{
		display: none;
	}
	.maps-image{
		display: none;
	}
	.flipbook{
		display: none;
	}
	.image-album-mobile{
		display: block;
	}
	.link-website{
		position: relative;
		top: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

}
/* #Mobile (Landscape) 480px 
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#header .col-md-2{
		/*width: 32%;*/
		float: left;
		box-shadow: none;
	}
	#logo{
		box-shadow: none;
		background: url('../images/bk-logo-mobile.png') no-repeat center;
	}
	#breadcrumb{
		position: relative;
	}
	#header{
		height: 50px;
		position: relative;
	}
	.contact-home > li{
		font-size: 10px;
	}
	#logo img{
		width: 40%;
	}
	.wrap-menu-page{
		width: 65%;
		float: left;
	}
	.language{
		position: absolute;
		top: 4px;
		right: -6px;
	}
	#menu-page h2{
		display: none;
	}
	#menu-page{
		padding-bottom: 0px;
	}
	#menu-page::before{
		display: none;
	}
	#min-menu-page{
		display: block;
		z-index: 999;
	}
	.m-extend-active.m-extend-fix-left{
		right: 0px;
		left: auto;
	}
	.main-content-home{
		padding-bottom: 30px;
	}
	.main-content-home .col-md-4:nth-child(2),
	.main-content-home .col-md-4:nth-child(3){
		display: inline-block;
		width: 100%;
	}
	/*.main-footer-left{
		width: 50%;
		margin-top: 0px;
	}*/
	.container-fluid{
		position: relative;
		bottom: 0px;
		width: 100%;
	}
	#license{
		display: inline-block;
		width: 100%;
	}
	.social-footer{
		position: relative;
		bottom: 0px;
		/*float: right;*/
		margin-bottom: 20px;
		right: 0px;
	}
	/*.album-detail{
		margin-top: 80px;
	}
*/	.main-footer-left{
		margin-top: 0px;
		width: 100%;
	}
	/*.list-service,
	.content-detail-service,
	.about-kh,
	.news,
	.news-detail,
	.contact{
		margin-top: 70px;
	}*/
	.breadcrumb > li,
	.breadcrumb > li > a{
		font-size: 12px;

	}
	.item-service{
		margin-bottom: 30px;
		border-bottom: 1px solid #dcdcdd;
	}
	.news .col-md-3{
		width: 100%;
		float: left;
	}
	.title-service-concern h3{
		font-size: 25px;
	}
	.title-service-detail{
		display: block;
	}
	#header > .container > .header{
		background: none;
		padding-top: 6px;
		margin-top: -10px;
	}
	#header > .container > .header::before{
		box-shadow: none;

	}
	.header-top{
		top: 0px;
	}
	#page-header > .page-top > img{
		margin-top: -12px;
		min-height: auto;
	}
	#nav-menu-page{
		position: absolute;
		right: -7px;
		top: 25px;
	}
	#main-home img{
		margin-top: -4px;
	}
	#owl-list-news-home img{
		margin-top: 3px;
	}
	.maps iframe{
		height: 200px;
	}
	.banner-slider{
		margin-top: 0px;
	}
	.see-more{
		margin-top: 2px;
	}
	.image-location-mobile,
	.image-location-mobile img{
	  display: block !important;
	}
	.content-location img{
		display: none;
	}
	.maps-image{
		display: none;
	}
	.item-news .image-news {
	    position: absolute;
	    top: -120px;
	    /* left: 12px; */
	    width: 100%;
	}
	.flipbook{
		display: none;
	}
	.image-album-mobile{
		display: block;
	}
	.link-website{
		position: relative;
		top: 0px;
		margin-top: 10px;
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
	}
	table {
	    /*background-color: transparent;*/
	    max-width: 100%;
	     width: 100% !important; 
	}
}
/*  #Mobile (Portrait) 320px
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 100px) and (max-width: 479px) {
	#header .col-md-2{
		width: 32%;
		float: left;
		box-shadow: none;
	}
	#logo{
		box-shadow: none;
		background: url('../images/bk-logo-mobile.png') no-repeat center;
	}
	#breadcrumb{
		position: relative;
	}
	#header{
		height: 50px;
		position: relative;
	}
	.contact-home > li{
		font-size: 10px;
	}
	#logo img{
		width: 40%;
	}
	.wrap-menu-page{
		width: 65%;
		float: left;
	}
	.language{
		position: absolute;
		top: 2px;
		right: -6px;
	}
	#menu-page h2{
		display: none;
	}
	#menu-page{
		padding-bottom: 0px;
	}
	#menu-page::before{
		display: none;
	}
	#min-menu-page{
		display: block;
		z-index: 999;
	}
	.m-extend-active.m-extend-fix-left{
		/*right: 0px;*/
		left: auto;
	}
	.main-content-home{
		padding-bottom: 30px;
	}
	.main-content-home .col-md-4:nth-child(2),
	.main-content-home .col-md-4:nth-child(3){
		display: inline-block;
		width: 100%;
	}
	/*.main-footer-left{
		width: 50%;
		margin-top: 0px;
	}*/
	.container-fluid{
		position: relative;
		bottom: 0px;
		width: 100%;
	}
	#license{
		display: inline-block;
		width: 100%;
	}
	.social-footer{
		position: relative;
		bottom: 0px;
		/*float: right;*/
		margin-bottom: 20px;
	}
	/*.album-detail{
		margin-top: 80px;
	}
*/	.main-footer-left{
		margin-top: 0px;
		width: 100%;
	}
	/*.list-service,
	.content-detail-service,
	.about-kh,
	.news,
	.news-detail,
	.contact{
		margin-top: 70px;
	}*/
	.breadcrumb > li,
	.breadcrumb > li > a{
		font-size: 12px;
	}
	.item-service{
		margin-bottom: 30px;
		border-bottom: 1px solid #dcdcdd;
	}
	.news .col-md-3{
		width: 100%;
		float: left;
	}
	.title-service-concern h3{
		font-size: 25px;
	}
	.title-service-detail{
		display: block;
	}
	#header > .container > .header{
		background: none;
		padding-top: 6px;
		margin-top: -10px;
	}
	#header > .container > .header::before{
		box-shadow: none;

	}
	.header-top{
		top: 0px;
	}
	#page-header > .page-top > img{
		margin-top: -4px;
		min-height: auto;
	}
	#nav-menu-page{
		position: absolute;
		right: -7px;
		top: 25px;
	}
	#main-home img{
		margin-top: -4px;
	}
	#owl-list-news-home img{
		margin-top: 3px;
	}
	.maps iframe{
		height: 200px;
	}
	.banner-slider{
		margin-top: 0px;
	}
	.see-more{
		margin-top: 2px;
	}
	.image-location-mobile,
	.image-location-mobile img{
	  display: block !important;
	}
	.content-location img{
		display: none;
	}
	.maps-image{
		display: none;
	}
	.item-news .image-news {
	    position: absolute;
	    top: -120px;
	    /* left: 12px; */
	    width: 100%;
	}
	.flipbook{
		display: none;
	}
	.image-album-mobile{
		display: block;
	}
	.link-website{
		position: relative;
		top: 0px;
		margin-top: 10px;
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
	}
	
	
}