/* Dành cho máy tính bảng */
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
	#home_statistic{
		padding: 220px 0 50px;
	}
	#about_us .col-lg-4,
	#about_us .col-lg-8{
		max-width: 50%;
	}
	#about_us ul{
		grid-column-gap: 15px;
	}
	#about_us ul li{
		width: 85px;
		height: 85px;
	}
	.drawer-hamburger{
		top: 40px;
	}
	.is-sticky .drawer-hamburger{
		top: 10px;
	}
	#home_statistic{
		display: none;
	}
	#about_us .bg_abouts_right{
		max-width: calc(50% - 30px);
	}
	.list-unstyled li a{
		height: 200px;
	}
	.home_news-img{
		width: 100%;
		height: 180px;
	}
	#home_news .swiper-slide{
		padding: 0;
	}
	.footer_form{
		width: calc(100% - 30px);
	}
	.footer_brand{
		padding: 0 15px;
	}
	.au_content ul{
		padding-left: 20px;
	}
	.services-content .bg_abouts_right{
		display: none;
	}
	.services-content{
		margin: 30px 0 0;
	}
	.services-content .col-xl-4,
	.services-content .col-xl-8{
		max-width: 100%;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 100%;
	}
	.au_right{
        display: block;
        text-align: center;
    }
    .img-category{
        position: static;
        transform: none;
        border-radius: 0;
        margin-top: 20px;
    }
    .img-bg__category{
        display: none;
    }
}

@media only screen and (min-width: 820px) and (max-width: 1180px)  {
	.timeline-control .bullet_item{
		padding: 0 65px;
	}
	.says_group{
		margin-left: 0;
		margin-top: 8px;
	}
	.list-unstyled li a{
		height: 175px;
	}
	.services-content .bg_abouts_right{
		display: none;
	}
	.services-content{
		margin: 30px 0 0;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1180px)  {
	.bg_abouts_right{
		display: none;
	}
	.au_right{
        display: block;
        text-align: center;
    }
    .img-category{
        position: static;
        transform: none;
        border-radius: 0;
        margin-top: 20px;
    }
    .img-bg__category{
        display: none;
    }
    .hb_left--main {
        display: none;
    }
    .hb_right--main{
            max-width: 100%;
            flex: 0 0 100%;
    }
    #header_bar ul{
    	justify-content: center;
    }
    .lt-main{
    	max-width: 100%;
    }
}
@media all and (max-width: 1024px) {
	.lt-main{
		max-width: 100%;
	}
	#home_statistic{
		display: none;
	}
	.list-unstyled li a{
		height: 200px;
	}
	.ot-info{
		left: 15px;
		width: calc(100% - 30px);
		padding: 0 15px;
	}
	.grid-item{
		width: 50%;
		padding: 15px;
	}
	.timeline-control .bullet_item{
		padding: 0px 30px;
		display: flex;
		flex-direction: column;
	}
	.timeline-control{
		overflow: auto;
		white-space: nowrap;
	}
	#home_timeline .timeline-control:before{
		width: 150%;
	}
	.is-sticky #inc_header_top .logo{
		line-height: 46px;
	}
	.logo-sticky img{
		max-height: 46px;
	}
	.sc-left{
		margin-top: 50px;
	}
	.sp-image{
		height: 205px;
	}
	.services-picture{
		margin-top: -130px;
	}
	#header_bar{
		margin-bottom: 50px;
	}
	#header_bar ul.hb_left{
		display: none;
	}
	#header_bar ul.hb_right{
		justify-content: center;
	}
	.iht_main{
		text-align: center;
	}
	.logo{
		float: none;
	}
	.bsa_image img{
		width: 100%;
	}
	.bg_header h1{
		margin-top: 153px;
	}
	.home_title{
		font-size: 22px;
		margin-bottom: 25px;
		line-height: 140%;
	}
	.footer_top{
		padding-top: 0;
		height: 850px;
		left: 50%;
		transform: translate(-50%, 0);
		background-size: cover;
		z-index: 2;
	}
	.footer_form{
		padding: 20px;
		width: 90%;
	}
	.box_note{
		flex-direction: column;
		margin-bottom: 20px;
	}
	.box_note_red{
		margin-bottom: 15px;
	}
	.box_note_red br{
		display: none;
	}
	.btn_join{
		margin: 0 auto;
	}
	.footer_brand{
		flex-direction: column;
	}
	.footer_brand li{
		padding: 15px 0;
	}
	.footer_item{
		justify-content: center;
	}
	.footer_logo{
		text-align: center;
		margin: 20px 0;
	}
	.nd_pagination{
		margin-bottom: 40px;
	}
	#about_us h2{
		font-size: 25px;
		text-align: center;
		line-height: 140%;
	}
	#about_us h3{
		line-height: 160%;
	}
	#home_news .swiper-slide{
		padding: 15px;
	}
	#home_says{
		padding: 30px 0;
	}
	.video-box{
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.says_main,
	.au_right{
		height: inherit;
		width: 100%;
		display: block;
	}
	.bg_abouts,
	.bg_album,
	.bg_says_main{
		display: none;
	}
	.home_news-text h3{
		min-height: 84px;
	}
	.says_images{
		text-align: center;
		margin-bottom: 20px;
	}
	.bg_abouts_right{
		display: none;
	}
	#about_us{
		padding: 20px 0;
	}
	#home_album,
	#home_timeline{
		padding: 20px 0;
	}
	#home_timeline .swiper-container{
		width: 100%;
	}
	.timeline_item{
		flex-direction: column;
		width: 100%;
	}
	.timeline_images{
		width: 100%;
		height: 200px;
		margin-bottom: 15px;
	}
	.timeline_text{
		padding-left: 0;
		width: 100%;
	}
	#home_timeline .bullet_main{
		width: 25px;
		height: 25px;
	}
	#home_timeline .bullet_wrapper{
		width: 36px;
		height: 36px;
	}
	#home_timeline .bullet_time{
		font-size: 12px;
	}
	#home_timeline .swiper-pagination .swiper-pagination-bullet{
		padding: 0 10px;
	}
	.bullet_wrapper_bg{
		padding: 0 30px;
	}
	.says_group{
		margin-left: 0;
	}
	.elementor_element{
		display: none;
	}
	.tni_images{
		width: 100%;
	}
	.home_news-img{
		width: 100%;
	}
	.bg_header--service h1{
		margin-top: 0;
	}
	.bg_header--service{
		padding: 0 15px;
	}
	#about_us ul{
		grid-column-gap: 15px;
	}
	#about_us ul li {
		width: 85px;
		height: 85px;
	}
	.au_content ul{
		padding-left: 20px;
	}
}
@media only screen and (min-width: 922px) and (max-width: 1024px) {
	.container{
		min-width: 100%;
	}
	.img-bg__category{
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.img-category{
		max-width: calc(100% - 40px);
	}
	.services-content{
		margin-bottom: 20px;
	}
	.au_content ul{
		padding-left: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.services-content .au_right{
		display: none;
	}
}
@media all and (max-width: 768px) {
	.bg-bai{
        display: none;
    }
	.au_content ul{
		padding-left: 20px;
	}
	.img-category{
		border-radius: 0;
		position: static;
		transform: none;
		height: auto;
		max-width: 100%;
	}
	.img-bg__category{
		display: none;
	}
	#home_album .swiper-pagination{
		display: none;
	}
	.footer_top{
		height: 1100px;
	}
	.list-events{
		display: none;
	}
	.lg-outer .lg{
		width: 100%!important;
	}
	.services-content{
		margin-bottom: 20px;
	}
}
/* Dành cho điện thoại */
@media all and (max-width: 480px) {
	.services-content .au_right{
		display: none;
	}
	.type_news .au_right{
		display: block;
	}
	.em-main{
		flex-direction: column;
	}
	#ebook-modal .em-item:first-child{
		display: none;
	}
	#ebook-modal .em-item:first-child img{
		width: 100%;
	}
	.au_content ul{
		padding-left: 20px;
	}
	#ebook-modal .em-item:last-child{
		width: 100%;
	}
	.box_album{
		padding-bottom: 0;
	}
	.sp-image{
		margin-bottom: 20px;
	}
	.hexagon{
		margin: 20px auto 0;
	}
	.breadcrumb{
		overflow: auto;
		white-space: nowrap;
		width: 100%;
		justify-content: center;
		-ms-flex-wrap: unset;
		flex-wrap: unset;
	}
	.says_group{
		width: 120px;
		height: 120px;
		margin-top: 6px;
		margin-left: 0;
	}
	.says_item p{
		font-size: 16px;
	}
	#home_statistic{
		display: none;
	}
	#home_album .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
	}
	#header_bar ul.hb_right{
		justify-content: flex-start;
	}
	.footer_copyright{
		font-size: 12px;
	}
	.au_bottom{
		flex-direction: column;
		text-align: center;
		margin-bottom: 15px;
	}
	.aub_item{
		justify-content: center;
	}
	.aub_item:nth-child(2) div{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.aub_item:last-child{
		margin-top: 10px;
	}
	#home_timeline .bullet_main{
		width: 25px;
		height: 25px;
	}
	#home_timeline .bullet_wrapper{
		width: 36px;
		height: 36px;
	}
	#home_timeline .bullet_time{
		font-size: 12px;
	}
	#home_timeline .swiper-pagination .swiper-pagination-bullet{
		padding: 0 10px;
	}
	.bullet_wrapper_bg{
		padding: 0 10px;
	}
	.group-btn__services{
		flex-direction: column;
	}
	.group-btn__services .btn-support{
		margin: 20px 0;
	}
	.oti-item{
		flex-direction: column;
	}
	.oti-images{
		width: 100%;
		height: 300px;
		margin-bottom: 15px;
	}
	.oti-content{
		width: 100%;
		padding: 0;
	}
	#about_us ul{
		width: 100%;
		display: grid;
		grid-template-columns: auto auto auto;
	}
	#about_us ul li{
		width: 100px;
		height: 100px;
		margin-bottom: 20px;
	}
	#about_us ul li img{
		max-width: 75px;
	}
	#about_us ul li a{
		padding: 10px;
		text-align: center;
	}
	.grid-item{
		width: 100%;
		padding: 15px 0;
		position: relative!important;
		top: 0!important;
	}
	.ot-info{
		bottom: 30px;
		width: 100%;
		text-align: center;
		padding: 0 10px;
		left: auto;
	}
	.type_news .grid-item:nth-child(2n) .ot-info {
		right: auto;
		top: auto;
	}
	.footer_top{
		height: 1200px;
	}
	.type_news{
		padding-bottom: 0;
	}
}