
@media (max-width: 1921px) {
	.dt_prd_page .container{ width: 1420px;}
	.related_prd .container{ width: 1230px;}
	.list_prd .off_prd img{ width: 100%; height: auto;}
	header .container{ width: 1300px;}

}
@media (max-width: 1401px) {
	/***
	.section_prd_page .container, .related_prd .container{ width: 1400px;}
	***/
}
@media (max-width: 1367px) {
	#slidebanner .item .desc{ width: 70%; top: 95px;}
	#slidebanner .item .desc_banner_prd{ width: 75%; top: 60px; }
	#slidebanner .item .desc .row1{font-size: 42px;}
}

@media (max-width: 1366px){
	.dt_prd_page .container{ width: 100%;}
}


@media (max-width: 1281px) {
	.section_prd_page .container, .related_prd .container{ width: 1280px;}
}
@media (max-width: 1600px) {
}

@media (max-width: 1280px) {
	.l_dt_prd ul li {padding: 8px 15px 8px 15px;}
	.tab_dt_prd .tab_inf_prd { margin-top: 20px;}
	.dt_prd_page .container{ width: 1260px;}
}

@media (min-width: 1199px) { }
@media (min-width: 1199px) { }
@media (max-width: 1199px) {

}

@media (min-width: 1025px){
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
	.navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
	.navbar-nav {
    float: left;
    margin: 0;
}
	.navbar-toggle {
    display: none;
}
	#footer .row>div.col-lg-3{ width: 25% !important;}
}

@media (width: 1024px){
	header .container, .section_5 .container, .general_inf .container, .filter_prd {width: 100%; position: relative;}
	header>.container{ padding-bottom: 50px;}
	.kw, .quytrinh .col-lg-3:after{display: none !important;}
	.btn_top{ margin-right: 10px;}

	.related_prd .col-lg-4, .section_6 .col-lg-4, .section_news .col-lg-4, .list_prd .col-lg-4, .section_5 .col-lg-4, .r_dt_prd .col-lg-6, .album, .map_gg{ width: 50%; float: left;}
	.album, .map_gg{ margin-top: 30px; padding: 10px;}
	.dt_prd .col-lg-4{ width: 100%; float: none;}
	.section_1 .col-lg-7, .desc_dtp .col-lg-6, .owl-carousel2 .item .col-lg-6{ width: 50%; float: left;}
	.min_col_fprd h3{ position: inherit; width: 100%;}
	.min_col_fprd h3 br{display: none;}
	.section_2 p.desc{ margin-top: 40px;}
	.section_2{ padding-bottom: 100px;}

	.owl-carousel2 .owl-prev, .owl-carousel2 .owl-next{ bottom: -60px;}
	.owl-carousel2 .owl-prev{ left: 130px;}
	.owl-carousel2 .owl-next{ left: 135px;}

	.section_5 .col-lg-4{ margin-bottom: 30px;}
	.section_6 .col-lg-4{ margin-bottom: 20px;}

	.quytrinh .item{ padding: 25px !important; margin-top: 0 !important; margin-bottom: 30px; border:1px solid #e5e5f8 !important; box-shadow: none !important;}
	.quytrinh .item:before{ top: -20px !important;}

	.owl-carousel2 .item{ width: 100%; margin-top: 30px;}
	.l_dt_prd h4{ margin-top: 0;}
	.hdRight{ width: 100%; position: absolute; left: 0%; bottom: 0px;}
	.navbar-nav li a{ padding-bottom: 15px; padding-top: 15px;}
	#slidebanner { margin-top: 155px;}
	.banner_page .item img { height: 220px; object-fit: cover;}

	.sec_plc .r_plc h3.tittle_sec{ text-align: center;}
	.sec_plc .r_plc h3.tittle_sec:after{ left: 50%; transform: translateX(-50%);}

	#slidebanner .item img{object-fit: cover; object-position: 61%; min-height: 410px;}
	.section_prd_page ul.tab_hanoi li a {font-size: 11px;}
	.banner_page .item img {min-height: 220px !important; object-fit: cover; object-position: 61%;}
}

@media (max-width: 991px) {
	.navbar-toggle{
	position:absolute;
	right:50px;
	top:22px;
	width:28px;
	height:28px;
	padding:0;
	margin:0;
	background:none;
	color:#fff;
	border:1px solid #fff;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	}
.navbar-toggle .fa{
	text-align:center;
	line-height:28px;
	font-size:80%;
	}
	.general_inf .container, .related_prd .container{ width: 100%;}
}

@media (max-width: 769px) {
	.section_4 .container2 .col-md-6, .section_3 .tab-content .col-lg-3, .col-lg-6.sec1_r div.col-lg-6{ width: 50%; padding: 0 15px; float: left;}
	.section_2 .container{ width: 100%;}
}

@media (min-width: 768px) {#footer .row>div.col-lg-3{ width: 50%; float: left;}}

@media (max-width: 768px) {
	header .container { width: 100%;}
	.navbar>.container .navbar-brand{ padding-left: 15px;}
	.quytrinh .col-lg-3:nth-child(2):after{ display: none;}
	.section_5 .container{ width: 100%;}

	#slidebanner .item img{ min-height: 300px;}
	.banner_page .item img {min-height: 214px !important;}
	.owl-carousel2 .item{ width: 100%;}
	.owl-item > .item > .col-lg-6:first-child{ text-align: center;}
	.owl-item img.img-responsive{ display: initial;}

	.hotline a{ font-size: 0;}
	.hotline{ width: auto; padding: 10px 15px; margin-right: 80px;}
	.navbar-toggle{right: 15px; color: #044660; }
	.navbar-toggle .fa{font-size: 28px;}
	.owl-carousel2 .owl-prev, .owl-carousel2 .owl-next, .hotline i.icon_all{ margin: 0;}
	.search .slc{display: inline-block; width: 31%; margin-top: 15px; margin-bottom:15px;}

	.search{transform: translateY(1%);}
	#slidebanner .item .desc .row1{ font-size: 30px;}

	#slidebanner .item .desc { width: 90%; top: 60px;}
	#slidebanner .item .desc .row4{ margin-top: 20px;}

	.hdRight {width: 100%; display: inline-block;}
	.navbar-nav li a{ text-indent: 30px; border-bottom: 1px solid #e5e5f8; padding-top: 15px; padding-bottom: 15px;}

	.section_1 .col-lg-3{ width: 50%; float: left; margin-bottom: 30px;}
	.thumns_about_home img{ width: 100%;}

	.cd-top{ width: 40px; height: 40px; line-height: 37px;}
	.off_level img, a.thumbs_prj{ width: 100%;}
	.off_level_B, .line_offlv .col-lg-7{ margin-top: 20px;}
	.item_news img{ width: 100%;}
	.section_6 .col-xs-6:nth-child(2n+1), .list_news_page .col-xs-6:nth-child(2n+1){ clear: left;}

	#footer .hotline{ float: none;}
	#footer .navbar-nav{ margin: 20px 0 0 0; }
	#footer .navbar-nav li{ display: inline-block;}
	#footer .navbar-nav li a{ padding: 9px 9px; border-bottom: none;}

	.filter_prd, .filter_prd .row_inp, .section_prd_page .container, .related_prd .container, .dt_prd_page .container{ width: 100%;}
	.project-detail-view:after{ right: 0;}b
	.lSSlideOuter ul li img{ width: 100%;}
	.banner_page .carousel-inner{ height: 240px;}
	.banner_page .item img { object-fit: cover; height: 200px;}
	.filter_prd .row_inp .slc { width: 31.3%; display: inline-block;}
	.sec_contact .col-lg-3{ width: auto;}
	.l_sec_contact{ border: none;}
	.r_sec_contact{ margin-top: 30px;}
	#slidebanner .item .desc .row2 span{ padding: 0; background: none;}
	.project-detail-desc h4{ margin-top: 30px;}

	.general_inf .container{ padding: 0 30px;}
	.inp_newsletter{ margin-top: 20px;}
	.related_prd .nav-tabs{ display: inline-block; margin-top: 15px;}
	.l_dt_prd ul li p{ padding-left: 35px;}
	.related_news{ margin-bottom: 80px;}

	.banner_news .carousel-inner{ height: 150px;}

	.sec_exp{ margin-top: 0;}
	.section_about .container{ padding-bottom: 50px;}
	.section_prd_page ul.tab_desti li{ width: auto; margin: 0 5px 5px 0;}
	.section_prd_page ul.tab_desti li a{ padding: 10px;}

	.r_sec1{ text-align: center; margin-top: 20px;}
	.section_2 p.desc{ margin-top: 50px;}
	.kw, #slidebanner .carousel-indicators, .quytrinh .col-lg-3:after{ display: none;}
	.btn_top{ width: 20%; margin-right: 50px;}
	.r_dt_prd .col-lg-6:first-child img, .r_sec1 img{ width: 100%;}
	.album{ margin-top: 20px;}
	.related_prd .col-lg-4, .section_6 .col-lg-4, .section_news .col-lg-4, .list_prd .col-lg-4, .section_5 .col-lg-4{ width: 50%; float: left;}
	.dt_prd .col-lg-4{ width: 100%; float: none;}
	.section_5 .col-lg-4{ margin-bottom: 30px;}
	.section_6 .col-lg-4{ margin-bottom: 20px;}
	.section_news, .section_prd_page, .section_1 h3.tittle_sec { margin-top: 0;}
	.min_col_fprd h3{ position: inherit;}

	.section_2{ padding-bottom: 100px;}
	.owl-carousel2 .owl-prev, .owl-carousel2 .owl-next{ bottom: -60px;}
	.owl-carousel2 .owl-prev{ left: 10px;}
	.owl-carousel2 .owl-next{ left: 50px;}

	.quytrinh .item{ padding: 25px !important; margin-top: 0 !important; margin-bottom: 30px; border:1px solid #e5e5f8 !important; box-shadow: none !important;}
	.quytrinh .item:before{ top: -20px !important;}

	.sec_about_2 ul li{ width: calc(33.3% - 20px); margin-bottom: 20px;}
	.sec_plc{ margin-top: 0;}
	.sec_plc .r_plc h3.tittle_sec{ text-align: center;}
	.sec_plc .r_plc h3.tittle_sec:after{ left: 50%; transform: translateX(-50%);}

	.sec_des_country{ margin-top: 50px;}
	.ctn_dc{ margin-top: -60px;}
	.l_thumbs_dc{ text-align: center;}
	.l_thumbs_dc img{ margin-right: 0px;}
	.l_thumbs_dc p{left: 30px; bottom: 110px;}
	.text_dc{ font-size: 90px;}
	.l_thumbs_dc:after{ right: 120px; bottom: -50px;}
}
@media (max-width: 767px) {}
@media (max-width: 450px) {

	.btn_top{ display: none;}
	.multil_lang{ float: left; margin-left: 40px;}
	.multil_lang button{ padding-left: 0;}
	.inp_search a{ margin-right: 10px;}

	.navbar-nav { margin: 0;}
	.navbar-nav li .navsub li a:first-child{ font-size: 15px;}
	.search {transform: translateY(0%);}
	.search .container{ border-radius: 0;}
	.search .slc{ width: 100%;}
	.search input{ width: 73%;}
	.carousel-inner{ height: 500px;}
	#slidebanner {margin-top: 108px;}
	#slidebanner .item img{ height: 500px; object-fit: cover;}
	.banner_page .item img{ height: 190px !important; object-fit: cover;}
	#slidebanner .item .desc{ top: 105px;}
	#slidebanner .item .desc .row4 a{padding: 13px 90px; margin-bottom: 15px;}
	.section_1 h3:before, .section_1 h3:after{ bottom: -15px;}
	.section_1 .col-lg-3{ width: 100%;}
	.section_3 p.desc { width: 90%;}
	.section_3 .col-xs-6{ width: 100%;}
	.thumns_about_home:before { width: 260px; height: 210px;}
	.banner_page .item .desc{ top: 50px !important;}

	.kw{ display: none;}

	.section_1 h3.tittle_sec{ margin: 0px 0 60px 0;}
	.r_sec1{ margin-top: 20px;}

	.section_2 p.desc{ margin: 30px 0 20px 0;}
	.min_col_fprd h3{ position: inherit;}

	.list_desti .col-lg-2:nth-child(2n+2) > .box_desti{ padding-bottom: 0;}

	.box_desti, .off_prd, .item_news{ margin-bottom: 15px;}

	.section_5 .nav-tabs li, .news_prd .nav-tabs li{ margin-bottom: 10px;}

	.filter_prd .row_inp .slc{ width: 100%; margin-bottom: 15px;}
	.select2-container{ width: 100% !important;}
	#banner_page .item img{ height: auto;}

	.section_prd_page ul.tab_hanoi li{ width: 100%; margin-bottom: 5px;}
	ul.tab_desti{ position: inherit;}

	.list_prd .col-xs-6, .inf_dt, .list_news_page .col-xs-6, .general_inf .btn_dt_prd .col-xs-6{ width: 100%;}
	.r_sec_contact .col-xs-3, .r_sec_contact .col-xs-9, .related_prd .col-lg-4, .section_6 .col-lg-4, .section_news .col-lg-4, .list_prd .col-lg-4, .section_5 .col-lg-4{ width: 100%; }
	.r_sec_contact .col-xs-3{ margin-top: 20px;}
	.r_sec_contact .owl-carousel2 .owl-dots { margin: 0 5px 0 0;}
	.btm_pdd .btn_more{ width: 100%; margin-bottom: 15px;}
	a.btn_srq, .btn_dt_prd a.btn_hotline{ width: 100%; display: block; margin-bottom: 15px;}
	.general_inf .inp_newsletter{ width: 100%;}
	.general_inf .btn_dt_prd .col-xs-6{ margin-bottom: 15px;}

	.section_about{}
	.section_about [class^='col-'] { width: 100%;}
	.section_about .l_about{ margin-left: 0; padding-top: 15px; padding-right: 15px;}
	.r_about{ padding-top: 50px;}
	.quytrinh .col-lg-3:after{ display: none;}

	.tab_dt_prd .btn_fbuilding a.btn_request, .tab_dt_prd .btn_fbuilding a, .general_inf .btn_fbuilding a{ width: 100%; margin-bottom: 10px;}
	.btn_fbuilding a { width: 100%; margin-bottom: 15px; text-align: center;}
	.section_2 [class^='col-']{ padding-left: 10px; padding-right: 10px;}

	.head_FP{ position: relative; overflow: hidden; padding-left: 30px;}
	.head_FP:after{ background: rgba(255,255,255,0.6); width: 100%; content: ''; position: absolute; height: 150px; top: 0; left: 0; z-index: 1;}
	.right_form_post{ margin-top:20px; }
	.head_FP p, .head_FP h3{ position: relative; z-index: 2;}

	.sec_about_2 ul li{ width: calc(50% - 20px);}

	.sec_des_country{ margin-top: 50px;}
	.ctn_dc{ margin-top: 20px;}
	.l_thumbs_dc{ text-align: center;}
	.l_thumbs_dc img{ margin-right: 0px; width: 100%;}
	.l_thumbs_dc p{ left: -80px; color: #fff; bottom: 120px;}
	.text_dc{ display: none;}
	.l_thumbs_dc:after{ right: 0; bottom: -50px;}

}

@media (max-width: 375px){
.multil_lang {
    margin-left: 16px;
}
}
