@media (min-width:1200px){
}
@media (max-width:1199px){
	.box-l-img:before {
	bottom: 20%;
	height: 200px;
}
.footer-contact-title {
    width: 28.833333%;
}
	#search{right:15px;}
	#container{padding:20px 15px;}
	.box-dt{max-width:95%;}
}
@media (min-width:992px) and (max-width:1199px){

	.box-sp{width:32%;margin:0px 2% 20px 0px;}
	.box-sp:nth-child(3n){margin-right:0;}
	.box-sp:nth-child(3n+1){clear:both;}
	.box-product{width:32%;margin:0px 2% 20px 0px;}
	.box-product:nth-child(3n){margin-right:0;}
	.box-product:nth-child(3n+1){clear:both;}
	.box-album{width:32%;margin:0px 2% 20px 0px;}
	.box-album:nth-child(3n){margin-right:0;}
	.box-album:nth-child(3n+1){clear:both;}
	.box-video{width:32%;margin:0px 2% 20px 0px;}
	.box-video:nth-child(3n){margin-right:0;}
	.box-video:nth-child(3n+1){clear:both;}
	.footer-1{width:35%;margin:0px;}
	.footer-2{width:calc(35% - 20px);margin:0 0 0 20px;}
	.footer-3{width:calc(30% - 20px);margin:0 0 0 20px;}
}
@media (max-width:991px){
	#nav-fix{transition: .5s all;width: 60px;height: 173px;}
	.logooo {max-width: 40px !important;}
	.box-sanpham {
		padding: 0 5px;
	}
	.box-service-in{
		width: calc(100% / 2);
	}
	.slick-product-view {
		margin: 0 -5px;
	}
	.col-2-why {
		display: none;
	}
	.wrap-why {
		display: block;
	}
	.col-1-why {margin: auto;}
	.col-3-why {
		margin: auto;
	}
	.col-1-why .box-why {
		padding-right: 0;
	}
	.box-why {
		padding: 20px 0;
	}
	.wrap-team {
		margin: 62px -5px 0;
	}
	.box-team {
		padding: 0 5px 0;
	}
	.box-achivements {
		padding: 0 5px;
	}
	.slick-achievements {
		margin: 0 -5px;
	}
	.box-servce {
		padding: 0px 5px;
	}
	.slick-service {
		margin: 0px -5px;
	}
	.footer-contact-title {
		width: 100%;
		margin-bottom: 33px;
	}
	.form-contact-footer {
		width: 100%;
	}
	.wrap-sanpham-slick {
		padding: 0 5px;
	}
	.slick-tab {
		margin: 0 -5px;
	}
	.box-price-quote {
		width: calc(100% /3);
		padding: 0px 5px;
	}
	.wrap-price-quote {
		margin: 0 -5px;
	}
	.project-items {
		padding: 19px 5px;
	}
	.project-content {
		margin: -20px -5px;
	}
	.box-product-in {
		padding: 20px 5px;
	}
	.wrap-product-in {
		margin: 0 -5px;
	}
	#header,.banner-ab,.right{display:none;}
	#banner .center{display:flex;align-items:center;justify-content:center;}
	.logo{position:static;padding:0;margin-right:15px;}
	.banner{padding:0;}
	#menu-mobile{display:block;}
	#smenu a{font-family:RM;color:#fff;font-size:16px;margin-left:5px;}
	.left{width:100%;}
	.nav-prev {
		position: absolute;
		bottom: -5px;
		left: -15px;
	}
	.nav-next {
		position: absolute;
		bottom: -5px;
		right: -15px;
		z-index: 1;
		font-size: 25px;
	}
}
@media (min-width:768px) and (max-width:991px){
	.box-sp{width:32%;margin:0px 2% 20px 0px;}
	.box-sp:nth-child(3n){margin-right:0;}
	.box-sp:nth-child(3n+1){clear:both;}
	.box-product{width:32%;margin:0px 2% 20px 0px;}
	.box-product:nth-child(3n){margin-right:0;}
	.box-product:nth-child(3n+1){clear:both;}
	.box-album{width:32%;margin:0px 2% 20px 0px;}
	.box-album:nth-child(3n){margin-right:0;}
	.box-album:nth-child(3n+1){clear:both;}
	.box-video{width:32%;margin:0px 2% 20px 0px;}
	.box-video:nth-child(3n){margin-right:0;}
	.box-video:nth-child(3n+1){clear:both;}
	.footer-1{width:100%;float:none;margin:0 0 15px;}
	.footer-2{width:350px;float:left;}
	.footer-3{width:350px;float:right;}
}
@media (max-width:767px){
	.project-items {
		width: calc(100% /1);
		padding: 20px 19px;
	}
	.wrap-info {
		display: block;
	}
	.col-1-info {
		width: 350px;
		margin: 0 auto 30px;
	}
	.col-2-info {
		width: 100%;
	}
	.box-team {
		width: calc(100% /1);
	}
	.content-team {
		width: 100%;
		max-width: 411px;
	}
	.grid-thuvienanh {
		grid-gap: 5px 5px;
		margin-top: 15px;
		grid-template-rows: repeat(3,22vh);
	}
	.content-criteria2 .describe-criteria2 {max-height: 100%;}
	#criteria2 {
		margin-top: 47px;
		padding-bottom: 15px;
	}
	.main-scale {
		padding: 30px 0 0;
	}
	.wrap-criteria2 {
		display: block;
		padding: 30px 0;
	}
	.col-2-criteria2 {
		width: 100%;
	}
	.col-1-criteria2 {
		width: 55%;
		margin: 0 auto 20px;
	}
	.content-criteria2 {
		background-image: url(../img/c-criteria2.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 0% 100%;
		padding: 25px 0 5px 36px;
	}
	.wrap-orientation {
		display: block;
	}
	.col-1-orientation {
		width: 100%;
	}
	.col-2-orientation {
		width: 56%;
		margin: 20px auto 0;
	}
	.footer-box {
		background-color: black;
		padding: 30px 10px;
	}
	.footer-menu {
		display: block;
	}
	.input-contact-footer {
		width: calc(100% / 1);
		padding: 11px 16px;
		position: relative;
	}
	.box-tintuc {
		width: calc(100% / 3);
		padding: 0 5px;
	}
	.wrap-2-tintuc {
		margin: 0 -5px;
	}
	.wrap-tintuc {
		display: block;
	}
	.col-1-tintuc {
		width: 100%;
	}
	.col-2-tintuc {
		width: 100%;
	}
	.box-detail-oggy {display: none;}
	.content-product {
		padding: 12px 6px 30px;
		border-bottom: 1px solid #514119;
	}
	.price-new {
		width: 100%;
	}
	.price-product {
		margin: 0px 0 15px;
		height: 33px;
		display: block !important;
	}
	.main-tintuc {
		padding: 20px 0 0;
	}
	.main-process {
		padding: 10px 0 10px;
	}
	.main-price-quote {
		padding: 30px 0;
	}
	.title-start h2 {
		width: 100%;
	}
	
	.project-name {
		margin: 10px 10px 0px 30px;
		padding: 0;
	}
	.project-info {
		font-size: 14px;
		padding-left: 0;
		margin: 0 28px;
	}
	.price-product {
		margin: 0px 0 15px;
		height: 33px;
	}
	.box-product-in {
		width: calc(100% /3);
	}
	.title-start {
		display: block;
	}
	.width-service {
		width: 100% !important; 
	}
	.title-start h2 span {
		display: block;
	}
	.main-about-us {
		padding: 30px 0;
	}
	.wrap-about-us {
		display: block;
	}
	.box-content-about-us .span-1 {
		font-weight: 700;
		font-size: 33.35px;
		text-transform: uppercase;
		color: #1e1e1e;
		display: block;
		line-height: 43px;
	}
	.box-criteria {
		width: calc(100% / 1);
		padding: 10px 15px;
	}
	.wrap-criteria {
		margin: 27px -15px 0;
	}
	
	.col-1-about-us {
		width: 55.9%;
		margin: auto;
	}
	.col-2-about-us {
		width: 100%;
		margin-top: 32px;
	}
	.img-tintuc {
		padding: 0;
		position: relative;
	}
	#contact-footer {
		padding: 40px 0px 30px 0px;
	}
	.slideshow .main-slider-arrow{display: none;}
          #nav-menu{width:300px;transition: .5s all;right:-100%; visibility:hidden;}
        .main-menu{visibility:visible; opacity:1;}
   /* .main-menu{width:300px;} */
        #nav-menu.open .main-menu{margin: 0px;}
                #nav-menu.open{width:unset;right:0px; visibility:visible;}
                #nav-fix{transition: .5s all;}
        #nav-fix.open{top:0px;}
	.pic-hot-news,.desc-hot-news{width: 100%;}
    .desc-hot-news{padding: 15px;}
    .box-hot-news{margin-bottom: 25px;}
    .news-total-container{margin:-8px;}
    .boxs-news{width:calc(100% / 2); padding: 8px;}
	.btn-zalo,.btn-phone,#messages-facebook{display:none;}
	.fix-toolbar{display:block;}
	.content iframe{width:100%!important;height:45vh;}
	.content img{height:inherit!important}
	.logo{position:static;margin-right:10px;height:auto;}
	#footer{padding-bottom:45px;}
	.footer-top{padding-bottom:0;}
	.footer-1,.footer-2,.footer-3{width:100%;float:none;margin:0 0 20px 0;}
	.copyright,.statistic{width:100%;}
	.statistic span{margin:0 5px;}
	.ft-b .center > div{width:100%;}
	.top-contact .article-contact{width:100%;margin-bottom:20px;}
	.form-contact{width:100%;}
	#top .center > div{width:100%;}
	#top #breadcrumb{margin-bottom:0}
	.box-news{width:100%;float:none;margin:0 0 20px;}
	.pic-news{width:100%;}
	.bottom-left{width:100%;margin-bottom:20px;}
	.bottom-right:not(.onApp){width:100%;}
	.tintuc-l{width:100%;margin-bottom:20px;}
	.tintuc-r{width:100%;}
	.left-pro-detail{float:none;width:100%;margin:0 0 20px;}
	.right-pro-detail{float:none;width:100%;}
	.grid-thuvienanh{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,22vh);}
	.box-thuvienanh .box-thuvienanh-content{background:rgba(0,0,0,0.4);color:#fff;}
	#team {
		padding: 30px 0;
	}
	#nav-menu{width:300px;transition: .5s all;right:-100%; visibility:hidden;}
	.main-menu{visibility:visible; opacity:1;}
.main-menu{width:300px;}
	#nav-menu.open .main-menu{margin: 0px;}
			#nav-menu.open{width:unset;right:0px; visibility:visible;}
			#nav-fix{transition: .5s all;}
	#nav-fix.open{top:0px;}
	.main-menu ul{flex:unset;width:100%;padding-left:10%;}
	.button-oggy {
		margin: 5px 5px;
		padding: 6px;
	}
	.wrap-contact-now {
		padding: 11px;
	}
	.button-oggy span {
		font-size: 13.11px;
		padding: 14px 7px;
	}
	.box-content-f {
		background: url(../img/bck-lienhe.jpg);
		background-size: 100% 100%;
		padding: 65px 20px 65px 20px;
	}
}
@media (min-width:481px) and (max-width:767px){
	.box-sp{width:49%;margin:0px 2% 15px 0px;}
	.box-sp:nth-child(2n){margin-right:0;}
	.box-sp:nth-child(2n+1){clear:both;}
	.box-product{width:49%;margin:0px 2% 15px 0px;}
	.box-product:nth-child(2n){margin-right:0;}
	.box-product:nth-child(2n+1){clear:both;}
	.box-album{width:49%;margin:0px 2% 15px 0px;}
	.box-album:nth-child(2n){margin-right:0;}
	.box-album:nth-child(2n+1){clear:both;}
	.box-video{width:49%;margin:0px 2% 15px 0px;}
	.box-video:nth-child(2n){margin-right:0;}
	.box-video:nth-child(2n+1){clear:both;}
}
@media (max-width:480px){
	
	.main-menu ul li a {
		font-size: 18px;
		line-height: 33px;
		color: #fff;
	}
	.click-list-project > span {
		line-height: 2.5;
	}
	.wrap-team .box-team:nth-child(even) {
		padding-top: 0;
	}
	.wrap-team .box-team {padding-top: 10px !important;}
	.content-team {
		width: 100%;
		max-width: 294px;
		margin-top: 20%;
		background-color: black;
		padding: 20px 20px;
		margin-bottom: 13%;
		border: 1px solid #212121;
	}
	.box-tintuc {
		width: calc(100% / 2);
	}
	.box-price-quote {
		width: calc(100% /2);
		padding: 0px 5px;
	}
	.conten-price-qoute {
		padding: 15px 0;
		margin-bottom: 20px;
		border-bottom: 1px solid #514119;
	}
	.box-product-in {
		width: calc(100% /2);
	}
	.slideshow-title {
		font-size: 20px;
		line-height: 25px;
		left: 0px;
		transform: translateX(0px);
		max-width: unset;
		padding: 0px 8%;
	}
	.box-sp{width:49%;margin:0px 2% 10px 0px;}
	.box-sp:nth-child(2n){margin-right:0;}
	.box-sp:nth-child(2n+1){clear:both;}
	.box-product{width:49%;margin:0px 2% 10px 0px;}
	.box-product:nth-child(2n){margin-right:0;}
	.box-product:nth-child(2n+1){clear:both;}
	.box-album{width:49%;margin:0px 2% 10px 0px;}
	.box-album:nth-child(2n){margin-right:0;}
	.box-album:nth-child(2n+1){clear:both;}
	.box-video{width:49%;margin:0px 2% 10px 0px;}
	.box-video:nth-child(2n){margin-right:0;}
	.box-video:nth-child(2n+1){clear:both;}
}
@media (max-width:374px){
	.project-item:after {display: none;}
	.project-name {
		margin: 0;
		padding: 5px 0;
	}
	.project-info {
		font-size: 13px;
		padding-left: 0;
		margin: 0;
		line-height: 1.4;
	}
	.project-name a {
		font-size: 14px;
		color: #ffff;
		line-height: 24px;
	}
	.lh-con-l,.lh-con-r{width:100%;float:none;margin:0px;padding:0px;}
	.lh-con-r{margin-bottom:10px;}
	.box-sp{width:90%;margin:0px 5% 10px;float:none;}
	.box-product{width:90%;margin:0px 5% 10px;float:none;}
	.box-album{width:90%;margin:0px 5% 10px;float:none;}
	.box-video{width:90%;margin:0px 5% 10px;float:none;}
}