/* Extra large devices down (large laptops and desktops, 1200px and down) */
/*Định dạng khi màn hình nhỏ hơn 1200px*/
@media only screen and (max-width: 1200px) {
	#main-slider .carousel-item{height: 1269px;}

}
/* Extra large devices (large laptops and desktops, 1200px and up) */
/*Định dạng khi màn hình lớn hơn 1200px*/
@media only screen and (min-width: 1200px) {
	#main-slider .carousel-item{height: 1369px;}
}
/* Large devices and down (laptops/desktops, 992px and down) */
/*Định dạng khi màn hình nhỏ hơn 992px*/
@media only screen and (max-width: 992px) {
	.top-main-nav .nav-item{margin-bottom: 16px; text-align: left; }
	.top-nav{display: flex;justify-content: flex-end;width: 100%;}
	.navbar-nav .active::after{bottom:0px;}
	.logo{position: absolute;}
	#navbarNav{margin-top: 30px;}
	.banner-text-center {margin-top: 100px; }
	#main-slider .carousel-item{height: 1200px;}
	.banner-text-center .bn-text-1 {font-size: 24px;}
	.banner-text-center .bn-text-2 {font-size: 200px;}
	.banner-text-center .bn-text-3 {font-size: 20px;}

    .detail-content-box{ flex-direction:column; }
	.detail-content-box{ display: flex; align-content:stretch; }
	.modal-body{width: 100%; flex-grow: 1; overflow-y:scroll;}
	.col-left{ height:auto; flex-grow: unset; flex: 0 0 auto; overflow-y:unset; padding: 16px 30px 16px 30px; }
	.modal-body::-webkit-scrollbar {
    display: none;}
	.col-right{width:100%; height: auto; flex-grow: unset; flex: 0 0 auto; }
	.col-right .img-box-6{width: 300px; height: auto; max-width: 100%;}


}

/* Large devices (laptops/desktops, 992px and up) */
/*Định dạng khi màn hình lớn hơn 992px*/
@media only screen and (min-width: 993px) {
	.detail-content-box{ flex-direction:row-reverse; }
	.col-left{width: 60%; padding: 16px 30px 16px 30px;}
	.col-right{width: 40%;}
}

/* Medium devices to down (landscape tablets, 768px and down) */
/*Định dạng khi màn hình nhỏ hơn 768px*/
@media only screen and (max-width: 768px) {
	#main-slider .carousel-item{height: 1200px;}
	.banner-text-center .bn-text-1 {font-size: 24px;}
	.banner-text-center .bn-text-2 {font-size: 190px;}
	.banner-text-center .bn-text-3 {font-size: 20px;}
	.section-name{ text-align:left !important; padding: 0px 16px 0px 16px; line-height: 1em!important;}
	#section-2 .section-name {font-size: 70px;}
	.trang-chu-1 img{width: 46px !important}
	.trang-chu-2 img{width: 70px !important}
}

/* Medium devices (landscape tablets, 768px and up) */
/*Định dạng khi màn hình lớn hơn 768px*/
@media only screen and (min-width: 768px) {
	
}
/* Extra small devices (phones, 600px and down) */
/*Định dạng khi màn hình nhỏ hơn 600px*/
@media only screen and (max-width: 600px) {
	#main-slider .carousel-item{height: 1000px;}
	.banner-text-center .bn-text-1 {font-size: 24px;}
	.banner-text-center .bn-text-2 {font-size: 140px;}
	.banner-text-center .bn-text-3 {font-size: 16px;}
	#section-2 .container,#section-3 .container,#section-4 .container,#section-5 .container{width: 96%; margin-left: 0%; margin-right: 4%;}
	.col-left{ height:auto; flex-grow: unset; flex: 0 0 auto; overflow-y:unset; padding: 16px 16px 16px 16px; }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
/*Định dạng khi màn hình lớn hơn 600px*/
@media only screen and (min-width: 600px) {

}

/* Extra small devices (phones, 600px and down) */
/*Định dạng khi màn hình nhỏ hơn 600px*/

@media only screen and (max-width: 556px) {
	#main-slider .carousel-item{height: 1100px;}
	.block-title-overlay {margin-top: -190px; }
	.banner-text-center .bn-text-2 {font-size: 120px;}
}
@media only screen and (max-width: 390px) {
	#main-slider .carousel-item{height: 1200px;}
	.banner-text-center .bn-text-2 {font-size: 110px;}
	.block-title{line-height:1em;}
	.block-title-overlay {margin-top: -260px; }

}