.slider-top{margin:0px auto 0px;position: relative; padding:0px !important;overflow: hidden; }
	.slider-top:after{
			content: '';  left: 0px; top: 0px; position: absolute; width: 100%; height: 246px; 
			background: linear-gradient(180deg, #051E37 0%, rgba(1, 61, 120, 0) 90.48%);opacity: 0.7;
		}	
.description_slick {margin-left: 0px; width: 100%; padding: 5px 10px; position: absolute; bottom: 0px; background: rgba(0,0,0,0.7); color:#fff; text-align:center; margin-bottom: 0px;}
	.slick-active .description_slick {
		animation-name: fadeInUpSD;
		animation-duration: 1s;
		opacity: 1;
		width: 100%;
	}
	@-webkit-keyframes fadeInUpSD {
	  0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	  }

	  100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	  }
	}

	@keyframes fadeInUpSD {

	  0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	  }

	  100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	  }
	}
		
/********** HOMEPAGE *******/

.slider-top .slider_banner {  position:relative;    margin-bottom: 0px !important; }
	.slider-top .slider_banner .slick-slide img { display: block; object-fit: cover; width: 100%; }
	.slider-top .slider_banner,.slider-top .slider_banner .slick-slide img{height: 608px; }
	
	.txt-banner{
		position: absolute;    top: 40%;
		width: 100%;
		margin: auto;
		padding-left:5%;
		z-index: 99;
		overflow: hidden;
	}
	.img-sl{position:relative;overflow: hidden;}
		.img-sl:after{
			content: '';  left: 0px; top: 0px; position: absolute; width: 45%; height: 100%; 
			background: linear-gradient(270deg, rgba(0, 92, 161, 0) 0%, rgba(0, 34, 59, 0.6) 94.03%);opacity: 0.7;
		}
		.txt-banner h2{color:var(--colorFFF);font-size: var(--fz-50);text-transform:uppercase;font-weight: 700;    line-height:55px;	}
		.txt-banner h3{color: var(--colorFFF); font-size: 26px; text-transform: uppercase; font-weight: 700; line-height: 33px;    display: inline-block;}
			
			
		@-webkit-keyframes fadeInDownTB {
		  0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}
		}
		
		@keyframes fadeInDownTB {
		  0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
		}
		
		
		
		@-webkit-keyframes fadeInUpSD {
		  0% {opacity: 0;-webkit-transform: translateY(40px);transform: translateY(40px);}		
		  100% {opacity: 1;-webkit-transform: none;transform: none;}
		}
		
		@keyframes fadeInUpSD {
		  0% {opacity: 0;-webkit-transform: translateY(40px);transform: translateY(40px);}		
		  100% {opacity: 1;-webkit-transform: none;transform: none;}
		}
		
		.fadeInUpSD {-webkit-animation-name: fadeInUpSD;animation-name: fadeInUpSD;}
		@keyframes fadeInUp2{0%{opacity:0;transform:translate3d(0,100%,0)}100%{opacity:1;transform:none}}
		@keyframes gotoLeft{
			0% {opacity: 0;-webkit-transform: translateX(-40px);transform: translateX(-40px);}		
		   100% {opacity: 1;-webkit-transform: none;transform: none;}
		}

		.slick-active .txt-banner .name-banner{animation-name: fadeInUpSD;animation-duration: 0.4s;animation-fill-mode: forwards;opacity: 1;}
		.slick-active .txt-banner .des-banner{animation-name: fadeInUp2;animation-duration: 0.8s;animation-fill-mode: forwards;opacity: 1;}
		.slick-active .txt-banner .view-more{animation-name: gotoLeft;animation-duration: 1s;animation-fill-mode: forwards;opacity: 1;}

		
		.scroll-down{position: absolute; color: var(--color098); background: url(../images/ico-polygon.svg) center bottom no-repeat; left: 50%; transform: translateX(-50%); z-index: 1; bottom: -30px; text-align: center; margin: auto; background-size: contain; width: 220px; height: 110px; padding-top: 14px;}
		   	
			.ani-sc{margin-left: 15px;  float: left;  position: relative;    width: 50px;    height: 28px;}
				@keyframes box-move {
				  0%   { transform: translateY(5px); }
				  50%  { transform: translateY(-5px); }
				  100% { transform: translateY(5px); }
				}
				@-webkit-keyframes box-move {
				  0%   { transform: translateY(5px); }
				  50%  { transform: translateY(-5px); }
				  100% { transform: translateY(5px); }
				}		
		
			
			  .scroll-down.show{opacity: 1;cursor: pointer;}

		.scroll-bt{width: 17px; height: 32px; border-radius: 30px; border: 1px solid var(--color098); position: relative; margin: 0px auto 5px;}	  
		.scroller{width: 7px; height: 7px; border-radius: 50%; position: absolute; background: #FFCD1E;    margin-left: -4px; animation-name: scroll; animation-duration:1.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;}
    	@keyframes scroll {
		  0% { opacity: 0; }
		  10% { transform: translateY(5px); opacity: 1; }
		  100% { transform: translateY(25px); opacity: 0;}
		}		
			
	
		
/*ABOUT*/
.des-ab-comp{max-width: 87%; margin: auto;}
.main-about{align-items: center;margin-top: 30px;   width: 100%;display: -webkit-box; display: -ms-flexbox; display: flex ; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.content-about{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 50px;}
.r-about{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; display: grid ; grid-template-columns: 50% 50%;}
	.r-about img{object-fit: cover; width: 100%;height: 440px;border-radius: 10px;}
	.img-ab{padding-right: 20px;}
	.img-ab:last-child{padding-right: 0px;}
.list-about { display: grid ; gap: 30px; grid-template-columns: 2fr 2fr;margin: 30px 0px; }
.t-ab{font-size:var(--fz-19);font-weight: 700; color:var(--colorD93);}
.item-about p{margin-bottom: 0px;}
.item-about img{max-width: 25px; margin-bottom: 14px;}

.list-about .item-about:nth-child(1){-webkit-animation-delay: 0.40s; -moz-animation-delay: 0.40s; -o-animation-delay: 0.40s; animation-delay: 0.40s;}
.list-about .item-about:nth-child(2){-webkit-animation-delay: 0.50s; -moz-animation-delay: 0.50s; -o-animation-delay: 0.50s; animation-delay: 0.50s;}
.list-about .item-about:nth-child(3){-webkit-animation-delay: 0.60s; -moz-animation-delay: 0.60s; -o-animation-delay: 0.60s; animation-delay: 0.60s;}
.list-about .item-about:nth-child(4){-webkit-animation-delay: 0.70s; -moz-animation-delay: 0.70s; -o-animation-delay: 0.70s; animation-delay: 0.70s;}
.main-about .view-more.btn-blue{-webkit-animation-delay: 0.80s; -moz-animation-delay: 0.80s; -o-animation-delay: 0.80s; animation-delay: 0.80s;}
/*Du an*/
.section.project{overflow: hidden;}
.s-duan{overflow: hidden;    padding: 0px;}
.s-duan .slick-list{margin: 0px 0px; overflow: hidden;}
.s-duan .slick-list{padding: 0px 10px}
.s-duan .slick-slide{
  color: #FFF;    position: relative;
  margin: 0 15px 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}
.s-duan .slick-slide,
.s-duan .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  transition: all 0.4s ease-in-out;
}
.box-project {position: absolute;opacity: 0;transition: width 0.5s ease-in-out;    height: 130px; visibility: hidden; pointer-events: none; z-index: 2; bottom: 0px; right: -13px;width:320px; background: linear-gradient(105.28deg, #FFCD1E -14.57%, #C98A10 65.35%); border-top-left-radius: 30px; padding: 25px 75px 20px 30px;}
.box-project:after{content: ''; width: 0; height: 0; border-left: 13px solid #B27A0D; border-top: 20px solid transparent; border-bottom: 0px solid transparent; position: absolute; right: 0px; top: -20px;}
	.box-project .name-banner{font-family: "K2D", sans-serif; font-weight: 700; color: var(--colorFFF); font-size: var(--fz-20);}
	.box-project .view-more a{border-radius: 7px;}

	.s-duan .slick-active .box-project{opacity: 1; visibility: visible; pointer-events: auto;}
	.s-duan .slick-active .name-banner {animation-name: fadeInUpSD; animation-duration: 0.5s; animation-fill-mode: forwards; opacity: 1;}
	.s-duan .slick-active .view-more {animation-name: fadeInUpSD; animation-duration: 0.9s; animation-fill-mode: forwards; opacity: 1;}
.des-project {transition: height 0.5s ease-in-out; opacity: 0; visibility: hidden; height: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}




.s-duan .img-duan{ border-radius: 10px;}
.s-duan .img-duan img {object-fit: cover;  width: 100%; height: 440px; }
/*Doi tac*/
.s-partner{background: #EFEFEF; padding: 20px 50px; position: absolute; bottom: 30px; right: -13px; width: calc(100% - 40px); border-top-left-radius: 10px;border-bottom-left-radius: 10px; }
.bg-parallax {
      position: relative;
      height: 600px;
      background-image: url('../images/bg-doitac.jpg');
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 10px;
    }
.partner .title{padding-top:80px; }
.partner .slick-slide{padding: 15px 0px; margin: 0px 25px;}
.partner .slick-track {align-items: center; display: flex ; }
	.partner .slick-slide img{max-height: 53px;margin: auto;}
.partner .slick-slider .slick-prev { left: 15px;}
.partner .slick-slider .slick-next { right: 15px;}
.s-partner.slick-slider:before {content: ''; width: 0; height: 0; border-left: 13px solid #07529c; border-top: 20px solid transparent; border-bottom: 0px solid transparent; position: absolute; right: 0px; top: -20px;}

.news{background:rgb(232 240 245 / 50%)}
.new-hot .anima-img{border-radius:5px;}
.new-hot img{object-fit: cover;  width: 100%; height: 330px;  }
.new-hot h4{font-family: "K2D", sans-serif; font-weight: 700;  font-size: var(--fz-18); margin: 15px 0px 10px;}
	.new-hot h4 a{color: var(--colorD93);}
	
	.new-hot .des-new{color: var(--color55); margin-top: 10px;}
.news .new-small{padding-left: 25px;}
.new-small .news-item {display: -webkit-box; display: -ms-flexbox; display: flex ; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.new-small .anima-img {border-radius: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
.new-small .des-news-small { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; padding-left: 40px; }
.new-small .news-item{margin-bottom: 20px;}
.new-small h4 {line-height: 22px;}
.new-small h4 a{font-size: var(--fz-16); color: var(--color55);overflow: hidden; text-overflow: ellipsis; 
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px;}

.new-small img { object-fit: cover; width: 100%; height: 135px; }

.new-small .news-item:nth-child(1) {
    -webkit-animation-delay: 0.40s;
    -moz-animation-delay: 0.40s;
    -o-animation-delay: 0.40s;
    animation-delay: 0.40s;
}
.new-small .news-item:nth-child(2) {
    -webkit-animation-delay: 0.60s;
    -moz-animation-delay: 0.60s;
    -o-animation-delay: 0.60s;
    animation-delay: 0.60s;
}.new-small .news-item:nth-child(3) {
    -webkit-animation-delay: 0.80s;
    -moz-animation-delay: 0.80s;
    -o-animation-delay: 0.80s;
    animation-delay: 0.80s;
}

.grid-linhvuc .c-linhvuc:nth-child(1) {
    -webkit-animation-delay: 0.40s;
    -moz-animation-delay: 0.40s;
    -o-animation-delay: 0.40s;
    animation-delay: 0.40s;
}
.grid-linhvuc .c-linhvuc:nth-child(2) {
    -webkit-animation-delay: 0.60s;
    -moz-animation-delay: 0.60s;
    -o-animation-delay: 0.60s;
    animation-delay: 0.60s;
}
.grid-linhvuc .c-linhvuc:nth-child(3) {
    -webkit-animation-delay: 0.80s;
    -moz-animation-delay: 0.80s;
    -o-animation-delay: 0.80s;
    animation-delay: 0.80s;
}
.grid-linhvuc .c-linhvuc:nth-child(4) {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

.section.linhvuc {background-position:center center ; background-size: cover; background-attachment: fixed; background-position: center; background-repeat: no-repeat;}

.main-linhluc{position: relative; z-index: 2}

.grid-linhvuc{display:flex;flex-wrap:wrap;justify-content:center;    width: 100%;    margin-top: 10px;}
	.thumb-lv{width: 100%; height: 400px; overflow: hidden; position: relative;border-radius: 7px;}
		 .thumb-lv img{object-fit: cover; margin-left: 0; height: 310px; width: 100%;}  
	.c-linhvuc{padding-left: 10px; padding-right: 10px;}
	.overlay{position:absolute;bottom:0;width:100%;padding:20px;transition:var(--d-transition);overflow: hidden; height: 93px;transition: height 0.5s ease-in-out;border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}
		


    .overlay:before{content: ''; position: absolute;transition: height 0.5s ease-in-out; top: 0px; left: 0px;  width: 100%; height: 100%;background: linear-gradient(180deg, #0099DA 0%, #005CA1 100%);}
    .overlay h3{font-size:var(--fz-19);line-height:1.4;position: relative; z-index: 2; color: var(--colorFFF); margin-bottom: 0px;}
		.item-linhvuc{position: relative;}
  	
  	.item-linhvuc a:after { content: ''; position: absolute; width: 16px; height: 12px; bottom: 15px; background: url(../images/ico-more.svg) left top no-repeat; 
  		background-size: contain; transition: var(--d-transition); right: 25px; }

  	.des-lv{color: var(--colorFFF); margin-top: 10px; opacity: 0;position: relative; z-index: 2; }
  	
	
	.active .grid-linhvuc .c-linhvuc:nth-child(1) {
      animation-name: fadeInUp;
      animation-duration: 1s;
      animation-delay: 0s;
      animation-fill-mode: forwards;
  }
  .active .grid-linhvuc .c-linhvuc:nth-child(2) {
      animation-name: fadeInUp;
      animation-duration: 1s;
      animation-delay: 0.2s;
      animation-fill-mode: forwards;
  }
  .active .grid-linhvuc .c-linhvuc:nth-child(3) {
      animation-name: fadeInUp;
      animation-duration: 1s;
      animation-delay: 0.4s;
      animation-fill-mode: forwards;
  }
  .active .grid-linhvuc .c-linhvuc:nth-child(4) {
      animation-name: fadeInUp;
      animation-duration: 1s;
      animation-delay: 0.6s;
      animation-fill-mode: forwards;
  }







		
@media screen and (min-width:992px){
	
}
@media screen and (min-width:1200px){
	.s-duan .box-project:hover .name-banner{animation-name: fadeInUp2; animation-duration: 0.3s; animation-fill-mode: forwards;}
	.s-duan .box-project:hover .des-project{opacity: 1; visibility: visible; height: auto;animation-name: fadeInUp2; animation-duration: 1s; animation-fill-mode: forwards;}
	.s-duan .box-project:hover .view-more{ display: inline-block; position: absolute; right: 30px; bottom: 30px;animation-name: fadeInUp2; animation-duration: 0.5s; animation-fill-mode: forwards; }

	.s-duan  .box-project:hover{width: calc(100% - 50px); padding-right: 165px;}

	.item-linhvuc:hover .overlay{height: auto;}
	.item-linhvuc a:hover:after { animation-name: movelr; animation-duration: 1s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; }	
	.item-linhvuc a:hover h3{animation-name: fadeInUp2; animation-duration:0.5s; animation-fill-mode: forwards;}
	.item-linhvuc a:hover .des-lv{opacity: 1; transform: translateY(0); height: auto;visibility: visible; pointer-events: auto;animation-name: fadeInUp2; animation-duration: 0.8s; animation-fill-mode: forwards;}
	

	.new-hot h4 a:hover,.new-small h4 a:hover{color: var(--colorA10);}

}
@media screen and (min-width:1400px){
	
}
@media screen and (min-width:1440px){
	.slider-top .slider_banner, .slider-top .slider_banner .slick-slide img { height: 740px; }	
	.project .slick-slide img { height: 500px; }
	.new-small .news-item { margin-bottom: 25px; }
	.bg-parallax {height: 660px;}
	.txt-banner {padding-left: 7%;}
	.r-about img {height: 510px; }
	.thumb-lv img {height: 350px;}
	.thumb-lv {height: 440px;}
	.new-small .des-news-small{padding-left: 25px;}
}	
@media screen and (min-width:1600px){
	.project .slick-slide img { height: 570px; }
	.new-small img { height: 155px; }
	.new-hot img {height: 370px;}
	.txt-banner h2{font-size: 53px;}
	.txt-banner h3 {font-size: 28px; line-height: 37px; margin-top: 15px; }
}	
@media screen and (min-width:1680px){
	.slider-top .slider_banner, .slider-top .slider_banner .slick-slide img { height: 890px; }
	.txt-banner h2 { font-size: 60px; }
	.txt-banner h3 { font-size: 31px; line-height: 38px; margin-top: 15px; }
	.project .slick-slide img { height: 620px; }
	.overlay h3,.box-project .name-banner{font-size: 23px;}
	.box-project {height: 150px;width: 360px;}
	.bg-parallax { height: 710px; }
	.partner .slick-slide img { max-height: 58px;}
	.info-company { -webkit-box-flex: 0; -ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%; }
	.l-link { -ms-flex: 0 0 23%; flex: 0 0 23%;  max-width: 23%;}

}
@media screen and (min-width:1900px){
	.slider-top .slider_banner, .slider-top .slider_banner .slick-slide img { height: 920px; }
	.txt-banner h2{font-size: 60px; line-height: 60px;}
	.txt-banner h3{font-size: 35px; margin: 15px 0px 25px;line-height: 46px;}


	.des-ab-comp { max-width: 78%;}
	.t-ab,.overlay h3,.box-project .name-banner{font-size: var(--fz-25);}
	.item-about img { max-width: 35px; margin-bottom: 14px; }
	.r-about img { height: 610px; }
	.list-about { gap: 50px 30px; }

	.thumb-lv { height: 515px; }
	.thumb-lv img { height: 423px; }

	.overlay {height: 111px;}
	.project .slick-slide img { height: 700px; }

	.box-project { height: 160px; width: 380px; }
	.new-small img { height: 180px; }
	.new-hot img { height: 430px; }
	.bg-parallax { height: 730px; }
	.s-partner{bottom: 50px;}
	.section-footer .l-link { padding-left: 80px;}





}
@media screen and (min-width:2030px){
	.slider-top .slider_banner, .slider-top .slider_banner .slick-slide img { height: 993px; }
	.project .slick-slide img { height: 780px; }
}
@media screen and (min-width:2500px){
	.slider-top .slider_banner, .slider-top .slider_banner .slick-slide img { height: 1280px; }
	.project .slick-slide img { height: 900px; }
}	
@media screen and (max-width: 1280px) {
	 .slider-top .slider_banner, .slider-top .slider_banner .slick-slide img { height: 640px;}
	 .img-ab-comp img {height: 407px;}

}
@media screen and (min-width:992px) and (max-width:1199px)
{
	.slider-top .slider_banner, .slider-top .slider_banner .slick-slide img { height: 518px; } 
	.slider-top:after{height: 75px;}

	.txt-banner h2{font-size: 45px;}
	.thumb-lv img { height: 240px;}
	.thumb-lv {height: 331px;}
	.list-about {gap: 20px;}
	.r-about img { height: 370px;}
	.new-small .des-news-small {padding-left: 20px; }
	.address br{display: none;}
	.bg-parallax {height: 510px;    background-attachment: local;}
	.partner .title { padding-top: 60px; }
}

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






	
}
@media screen and (min-width:768px) and (max-width:979px){
	
	.slider-top .slider_banner, .slider-top .slider_banner .slick-slide img { height: 388px; }	
	.slider-top:after{height: 75px;}
	.txt-banner h2{font-size: 35px;}
	.txt-banner h3 {font-size: 20px; line-height: 26px;}
	.des-ab-comp { max-width: 100%;}
	.content-about { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0px; margin-bottom: 30px; }
	.r-about { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.r-about img {height: 540px;}

	.grid-linhvuc .c-linhvuc {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 20px;}

	.s-duan .img-duan img {height: 370px; }

	.news .new-hot{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; padding-left: 0px; padding-right: 0px;}
	.news .new-small { padding-left: 0px;-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.bg-parallax {height: 470px;    background-attachment: local;}
	.partner .title { padding-top: 60px; }



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





}

@media screen and (max-width: 767px) {
	.slider-top .slider_banner, .slider-top .slider_banner .slick-slide img { height: 368px;}
	.slider-top:after{height: 150px;}
	.txt-banner h2{font-size: 35px;}
	.txt-banner h3 {font-size: 20px; line-height: 26px;}
	.des-ab-comp { max-width: 100%;}
	.content-about { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0px; margin-bottom: 30px; }
	.r-about { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.r-about img {height: 540px;}

	.grid-linhvuc .c-linhvuc {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 20px;}

	.s-duan .img-duan img {height: 370px; }

	.news .new-hot{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px;}
	.news .new-small { padding-left: 15px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.bg-parallax {height: 470px;background-attachment: inherit;}
	.slick-slider .slick-prev { left: 10px; }
	.slick-slider .slick-next { right: 10px; }
	.main-about,.section.partner .row {padding-left: 15px; padding-right: 15px;}
	.grid-linhvuc{padding-left: 10px; padding-right: 10px;}

}


/*Mobile Đứng*/
@media screen and (max-width: 480px) and (orientation : portrait) {
	.slider-top .slider_banner, .slider-top .slider_banner .slick-slide img { height: 218px; }
	.slider-top .scroll-down{display: none;}
	.slider-top:after{display: none;}
	.txt-banner{top: 30%; padding-right: 15px;}
	.txt-banner h2 { font-size: 25px; line-height:30px; }
	.txt-banner h3 {font-size: 16px; line-height: 22px;}
	.txt-banner .view-more a { padding-top: 6px !important; padding-bottom: 6px !important; margin-top: 5px;}

	.des-ab-comp{text-align: justify !important;}
	.r-about img { height: 290px; }
	.thumb-lv {height: 292px;}
	.thumb-lv img {height: 200px;}
	.item-linhvuc .des-lv{display: none;}
	.item-linhvuc .overlay{padding-bottom: 35px;        height: auto;}
	.box-project{width: auto; padding: 18px 30px 15px 25px; height: auto;}
	.box-project .des-project{display: none;}
	.s-partner {padding: 10px 50px;width: calc(100% - 10px);}
	.partner .slick-slide { margin: 0px 15px; }
	.partner .title{ padding-top: 50px; }
	.bg-parallax { height: 420px;}
    .s-duan .img-duan img { height: 300px; }
    .new-small .des-news-small{padding-left: 20px;}
    .new-hot img {height: 280px; }

    .project .slick-slider .slick-prev { left: 25px; }
    .project .slick-slider .slick-next { right: 25px; }

}
@media screen and (max-width:420px) {
	.txt-banner .des-banner{display: none;}
	.r-about img { height: 270px; }
	.overlay h3 { font-size: var(--fz-18);}
	.new-hot img {height: 250px; }




}	
@media screen and (max-width:380px) {
	.r-about img { height: 230px; }
	.thumb-lv { height: 284px; }
	.thumb-lv img { height: 180px; }
	.overlay h3 { font-size: var(--fz-17); }
	.bg-parallax { height: 380px; }
	.project .slick-slider .slick-prev { left: 15px; }
    .project .slick-slider .slick-next { right: 15px; }
	
}

@media screen and (max-width: 360px) {
	
}
@media screen and (max-width: 330px) {
	.r-about img { height: 190px; }
	.item-linhvuc .overlay {padding: 15px 10px; }
	.overlay h3 { font-size:15px; }
	.box-project .name-banner{font-size: 18px;}
	.box-project .view-more a {margin-top:5px; }

}