@media screen and (min-width: 1600px) and (max-width: 2048px) {
	.container {
		max-width: 70% !important;
	}
	.main .home-intro {
		margin-top: 100px;
		background: #d80000;
		background: linear-gradient(to right, #fff 0%,#fff 31%,#d80000 20%,#d80000 100%);
		background: -webkit-linear-gradient(to right, #fff 0%,#fff 34%,#d80000 20%,#d80000 100%);
		background: -o-linear-gradient(to right, #fff 0%,#fff 31%,#d80000 20%,#d80000 100%);
		background: -ms-linear-gradient(to right, #fff 0%,#fff 31%,#d80000 20%,#d80000 100%);
		height: 175px;
	}
	.banner .carousel-caption {
		padding-bottom: 230px;
	}
}
@media screen and (min-width: 1425px) and (max-width: 1583px) {
	.container {
		max-width: 1300px;
	}
	.main .home-intro {
		margin-top: 100px;
		background: #d80000;
		background: linear-gradient(to right, #fff 0%,#fff 29%,#d80000 20%,#d80000 100%);
		background: -webkit-linear-gradient(to right, #fff 0%,#fff 29%,#d80000 20%,#d80000 100%);
		background: -o-linear-gradient(to right, #fff 0%,#fff 32%,#d80000 20%,#d80000 100%);
		background: -ms-linear-gradient(to right, #fff 0%,#fff 32%,#d80000 20%,#d80000 100%);
		height: 175px;
	}
	.banner .carousel-caption {
		padding-bottom: 230px;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1425px) {
	.container {
		max-width: 1270px;
	}
	.main .home-intro {
		margin-top: 100px;
		background: #d80000;
		background: linear-gradient(to right, #fff 0%,#fff 29%,#d80000 20%,#d80000 100%);
		background: -webkit-linear-gradient(to right, #fff 0%,#fff 29%,#d80000 20%,#d80000 100%);
		background: -o-linear-gradient(to right, #fff 0%,#fff 29%,#d80000 20%,#d80000 100%);
		background: -ms-linear-gradient(to right, #fff 0%,#fff 29%,#d80000 20%,#d80000 100%);
		height: 175px;
	}
}

@media (min-width: 1300px) and (max-width: 1366px) {
	.container {
		max-width: 1250px;
	}
	.main .home-intro {
		margin-top: 100px;
		background: #d80000;
		background: linear-gradient(to right, #fff 0%,#fff 28%,#d80000 20%,#d80000 100%);
		background: -webkit-linear-gradient(to right, #fff 0%,#fff 28%,#d80000 20%,#d80000 100%);
		background: -o-linear-gradient(to right, #fff 0%,#fff 28%,#d80000 20%,#d80000 100%);
		background: -ms-linear-gradient(to right, #fff 0%,#fff 28%,#d80000 20%,#d80000 100%);
		height: 175px;
	}
}
@media (min-width: 1200px) and (max-width: 1300px) {
	.container {
		max-width: 1150px;
	}
	.main .home-intro {
		margin-top: 100px;
		background: #d80000;
		background: linear-gradient(to right, #fff 0%,#fff 26.5%,#d80000 20%,#d80000 100%);
		background: -webkit-linear-gradient(to right, #fff 0%,#fff 26.5%,#d80000 20%,#d80000 100%);
		background: -o-linear-gradient(to right, #fff 0%,#fff 26.5%,#d80000 20%,#d80000 100%);
		background: -ms-linear-gradient(to right, #fff 0%,#fff 26.5%,#d80000 20%,#d80000 100%);
		height: 175px;
	}
}
@media screen and (max-width: 1200px) {
	.header .navbar-nav .nav-link {
		font-size: 14px
	}
}

@media screen and (max-width: 1100px) {
	.header .navbar-nav .nav-link {
		font-size: 13px
	}
}

@media (min-width: 768px)  and (max-width: 870px){ 
	.head-fix .navbar-nav .nav-link {
		font-size: 14px;
	}
	.header .short-url li a {
		font-size: 14px;
	}
	.header .short-url li {
		margin-right: 5px;
	}
	.header .short-url li:first-child {
		margin-left: -25px;
		font-size: 1px;
	}
	.header .short-url .btn {
		 padding: 5px; 
	}
	.main .home-customer .customer-content {
	    font-size: 15px;
	}
}
@media (min-width: 870px)  and (max-width: 992px){ 
	.head-fix .navbar-nav .nav-link {
		font-size: 14px;
	}
	.header .short-url li a {
		font-size: 14px;
	}
	.header .short-url li {
		margin-right: 5px;
	}
	.header .short-url li:first-child {
		margin-left: -25px;
	}
	.header .short-url .btn {
		 padding: 5px; 
	}
	.main .home-customer .customer-content {
	    font-size: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1090px){
	.header .short-url li {
		margin-right: 5px;
	}
	.header .short-url .btn {
		 padding: 10px 12px; 
	}
	.header .short-url li:first-child {
		margin-left: -15px;
	}
	.main .home-customer .customer-content {
	    font-size: 17px;
	}
}
@media (min-width: 1090px) and (max-width: 1170px){
	.header .short-url .btn {
		 padding: 10px 12px; 
	}
	.header .short-url li:first-child {
		margin-left: -15px;
	}	
}
@media (min-width: 1170px) and (max-width: 1270px){
	.header .short-url li:first-child {
		margin-left: -20px;
	}
}

@media (min-width: 1270px) and (max-width: 1280px){
	.header .short-url li:first-child {
		margin-left: -5px;
	}
}
@media (min-width: 320px) and (max-width: 480px) {

	.header .container-fluid{
		padding: 0 15px !important;
	}
	.container {
		max-width: 100% !important
	}
	.mt-50{
		margin-top: 25px !important
	}
	.page .title-page{
		font-size: 20px;
		padding-bottom: 20px;
	}
	.header .info-header {
		display: none
	}
	.home-banner .item::after{
		height: 250px;
	}
	.main h4 {
		font-size: 16px;
		font-weight: bold;
	}
	.main p {
		font-size: 14px
	}
	.main .home-info .home-content {
		font-size: 14px;
	}
	.main .home-info img {
		padding: 0 8%;
	}
	.main .home-info .home-content h4 {
		padding: 15px 0;
		margin: 0;
	}
	.main .home-info {
		margin-top: 0;
		position: unset
	}
	.header .head-logo img {
		height: 60px;
		padding: 0;
		margin: 10px 0
	}
	.mobile-menu .menu-parent {
		font-size: 12px
	}
	.mobile-menu .menu-parent ul{
		padding-left: 30px
	}
	.mobile-menu ul li .fa {
		font-size: 15px;
		margin-left: 5px
	}
	.head-fix {
		padding:0;
	}

	.home-banner .owl-slide .item {
    	height: auto !important;
    }
	.home-banner .owl-slide .content {
    	padding: 30px 10px;
    }
    .home-banner .owl-slide .content h1 {
	    font-size: 28px;
	    line-height: 33px;
    }
	.home-banner .owl-slide .content button {
	    margin-top: 20px;
	    padding: 5px 20px;
	}
	.home-about{
		padding: 50px 0;
	}
	.home-about h1 span {
		font-size: 35px;
		line-height: 50px;
	}

	.about-right{
		display: none !important;
	}
	.home-about .content-about .text-about{
		padding: 0 0 20px 0;
	}
	footer .menu-footer p{
		padding-right: 0px;
	}
	.home-page {
		margin-top: 30px
	}
	.home-page h1, .home-page h2 {
    	font-size: 20px;
    	margin-bottom: 10px
   	}
   	.home-page h3 {
		font-size: 18px;
   	}
   	.home-banner .item::after {
		margin-top: -280px;
	    height: 400px;
	}
	.home-page .under-line {
    	margin-bottom: 20px;
    }
    .home-page a.more, .home-project p.content, .home-about .about-content p, .home-about.about .tab-content {
		font-size: 14px
    }
    .home-project .text-summary {
	    line-height: unset;
	    padding: 0;
	    margin: 0 0 20px;
	}
    .home-project ul {
	    margin-bottom: 20px;
	    justify-content: flex-start !important;
	}
    .home-project ul li {
	    padding: 5px 10px;
	}
	.home-project ul li a {
    	font-size: 14px;
    }
    .home-project .row.right {
	    padding-left: 0; 
	}
	.home-project .title .link-detail {
	    width: 80%;
	}
	.home-project .title .link-detail img {
	     margin-top: 0; 
	}

	.home-about {
		margin: 0
	}
	.home-about h1 {
	     margin-top: 0; 
	}
	.home-about .img-about {
	    display: none;
	}
	.home-about ul li {
    	font-size: 16px;
    }
    .home-about ul {
	    margin: 0;
	}
	.home-about ul li a {
	    font-size: 16px;
	}
	.home-about .about-content p {
		margin-bottom: 10px;
	}
	.background-about {
	    display: none !important;
	}

	.home-activity {
    	padding: 30px 0;
    }
	.home-activity .title {
	    padding: 10px;
	    margin-bottom: 20px;
	}
	.home-activity .img-fluid {
    	height: 250px;
    }
    .home-activity h5 {
		font-size: 16px
    }

	footer .company-infor{
		text-align: left !important;
	}
	.new .group-link ul li a{
		padding: 10px;
		font-size: 12px;
	}
    .home-product .text-summary {
	    line-height: unset;
	    padding: 0; 
	}
	.list-product .intro-product {
		margin-bottom: 30px
	}
	.list-product .intro-product .title-product a.title {
		height: unset;
	}

	.detail-product .img-product {
	    padding: 0;
	}
	.detail-product .list-image {
	    text-align: center;
	    margin-top: 20px;
	}
	.detail-product .list-image li {
	    width: 30%;
	    display: inline-block;
	}
	.detail-product .list-image li.last-image div {
	    /*bottom: 30px;*/
	    padding: 10px 0;
	    /*width: 30%;
	    line-height: unset; */
	}
	.detail-product .text-button button {
		padding: 8px 20px;
	}
	.detail-product .text-button button.btn-left {
	    margin-right: 5px;
	}
	.detail-product .text-button button.register-product-button, 
	.detail-product .text-button button.register-solution-button, 
	.registerProduct form button[type=submit], 
	#formRegisterJob button[type=submit] {
		padding: 5px 10px;
		font-size: 14px
	}
	.header .cart .cnt {
		top: 10px;
		right: 5px
	}
	.header .cart i.fa {
		color: #ef8c29;
	}
	.cart .cart-buttons {
	    text-align: unset;
	    margin-top: 10px;
	}
	.registerProduct .modal-content {
	    padding: 15px;
	}

    .home-new {
	    padding: 0 0 30px;
	    margin: 0
	}
	.home-new .new {
	    padding-right: 15px; 
	}
	.home-new .new .right-new{
		padding: 0 15px !important
	}
	.home-new .newest {
	    margin-bottom: 15px;
	}
	.home-new .newest img {
	    height: 185px;
	}
	.home-new .newest a div {
    	bottom: 15px;
    }
    .home-new .career {
	    padding-left: 15px;
	}
	.new .list-news, .new.paginate, .new .right {
		margin: 0
	}
	.new .project-newest {
		margin-top: 30px
	}
	.new .list-news p.summary {
		overflow: hidden;
	    text-overflow: ellipsis;
	    -webkit-line-clamp: 3;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	}


	.home-newsletter {
	    padding: 30px 0;
	}
	.home-newsletter .row {
	     padding: unset; 
	}
	.home-newsletter form input {
	    padding: 22px 10px;
	}
	.home-newsletter form button {
	    margin: 5px;
	    padding: unset;
	}

	.home-partner .slide-partner a img {
		max-height: 80px;
	}
	.home-partner .slide-partner .item {
		height: 100px;
	}
	.home-partner .slide-partner .owl-nav button {
    	top: 15px;
    }


	.about-banner {
	    height: 242px;
	    margin: 0;
	}
	.about .left {
	    padding-right: 15px;
	}
	.about .right {
	    margin-left: 0;
	}
	.about-banner h1 {
	    padding-top: 35px;
	    margin-bottom: 30px !important;
	}
	.about-banner a{
		padding:  15px;
    }
    .about .about-content {
    	padding-bottom: 40px;
    }
    .home-about.about .nav-tabs {
	    margin: 20px 0;
	}
	.home-about.about .nav-tabs li {
	    margin: 0;
	    padding-bottom: 20px;
	    font-size: 14px;
	}
	.home-about.about .nav-tabs li a {
    	font-size: 12px;
    }
    .about .list-page ul {
    	display: inline-block;
    	margin-top: 15px;
    }
    .home-about.about .list-page ul li {
	    margin-bottom: 10px;
    	padding-bottom: 10px;
	}
	.home-about.about .tab-content .partner {
		padding: 0
	}
	.about .list-page ul li a {
    	font-size: 14px;
    }
    .about .project-newest .under-line {
	    margin-bottom: 20px;
	}
    .about .project-newest .btn-right {
	    margin-top: 0;
	    margin-bottom: 40px;
	}

	.home-project.project {
		margin-top: 40px
	}

	.home-project.home-gallery {
		margin-top: 40px
	}
	.home-project.home-gallery ul{
		margin: 20px 0;
	}
	.home-project .tab-pane img, .home-project .tab-pane .right .img img {
	    height: 185px;
	}
	.home-project .tab-content, .list-info .tab-content {
    	margin-bottom: 0px;
	}
	.list-info .tab-content .openImage {
		height: 100px
	}
	.list-info .tab-content .openImage img {
	    margin: 0 auto;
	    width: 80px;
	    height: 80px;
	}

	.new {
		margin-top: 40px;
	}
	.new .sort span {
	    width: 65%;
	}
	.new .sort select {
    	width: 35%;
    }
    .new .list-news .row img {
	    height: 180px;
	}
	.new .list-news h4 {
		margin-top: 10px
	}
	.newsletter {
		margin-bottom: 30px
	}

	.detail {
		margin-top: 0;
	}
	.job-detail {
	    padding: 0 15px; 
	}
	.job-detail h2 {
	    font-size: 16px;
	}
	.carrer-banner p {
		display: none
	}
	.carrer-banner {
    	height: 242px;
    }
	.detail .job-title button{
		margin-bottom: 0px;
	} 
    .detail .job-title h1.detail-title-banner {
    	font-size: 16px;
    }

    .list-carrer .row p {
		font-size: 14px;
		margin-bottom: 10px
    }
    .list-carrer .new .pagination {
	  padding: 20px 0
	}
	.list-carrer .new .pagination li {
	     margin: 0;
	}
	.list-carrer .row {
	    padding: 10px 0;
	}
	.list-carrer .row h3 {
		font-size: 18px
	}
	.list-carrer .row p.job-type span {
	    width: 100%;
	    padding: 5px 10px;
    	border-radius: 8px;
	}

	.detail-project .load-image {
		height: 288px;
	}
	.detail-project .project-title {
    	padding: 40px 20px 50px;
    }
    .detail-project .content {
    	padding: 0 40px;
    }
    .detail-project .slide-project .owl-nav button {
	    width: 40px;
	    height: 40px;
	    top: 30px;
	}
	.detail-project .slide-project .owl-nav button.owl-prev, .detail-project .slide-project .owl-nav button.owl-next {
	     margin: 0; 
	}
	.detail-project .slide-project {
	    margin-top: 20px;
	    padding: 0 20px
	}
	.list-info .right {
	    width: 30% !important;
	    margin:  0 !important;
	}
	.list-info .sort select {
	    width: 100%;
	}
	.list-info .tab-content img, .list-info .tab-content iframe {
	    height: 100px;
	}
	.home-about.about.list-info .nav-tabs {
	    margin: 0 0 30px;
	}

	.slide-news {
    	padding: 20px 0 0px;
    }
	.slide-news .owl-news .owl-nav button {
	    top: 0px;
	}
	.slide-news .owl-news .owl-nav button i {
	    font-size: 50px;
	}
	.slide-news .owl-news .owl-nav button p {
	    width: 80px;
	    font-size: 12px;
	}
	.slide-news .owl-news .owl-nav button p.prev-slide::after, .slide-news .owl-news .owl-nav button p.next-slide::before {
	    font-size: 30px;
	}
	.slide-news .owl-news .item a {
    	font-size: 12px;
    }
    .slide-news .owl-news {
	    padding: 0 100px;
	}
	/*.detail-new .slide-new-1 {
	    margin: 25px 0;
	}
	.detail-new .slide-new-1 .item img {
	    height: 256px;
	}
	.detail-new .slide-new-2 {
	    margin-top: -120px;
	    padding: 0 20px;
	    margin-bottom: 0px;
	}*/
	.detail-new .detail img {
	    height: auto !important;
	}
	.detail-new .project-image {
	    margin-top: 25px;
	}
	.list-related .item {
	    height: auto; 
	    margin-bottom: 20px;
	}
	.list-related .item img {
	    height: 185px;
	}
	.list-related .item .title {
	    padding: 20px;
	}
	.home-activity.list-related .title {
	    margin-bottom: 30px;
	}
	.home-activity.list-related {
	    margin-top: 30px;
	}
	.contact h3.title{
		font-size: 20px;
	}
	.contact-left .content{
		margin-top: 20px;
	}
	.contact .contact-left .left textarea {
		margin:-15px 0 15px 0;
	}
	.contact-banner h1.title {
		margin-top: 50px;
	}
	.contacts .form #addContact {
		padding: 10px 20px
	}
	.form_contact label {
		margin-top: 15px;
		font-size: 14px
	}
	.form_contact .form-group {
	    padding: 0 25px;
	}
	.contacts{
		margin-top: 20px;
	}
	#addContact .button-contact{
		width: 50px;
		height: 50px;
	}
	.contacts .contact_right h2{
 		font-size: 24px;
 	}
 	.form_contact .form-group.form-group-btn {
	    justify-content: center;
	}
 	.map iframe{
 		height: 300px
 	}

	.modal-product .modal-dialog {
	    max-width: 360px;
	}
	.modal-product .modal-dialog .modal-content iframe {
	    width: 320px;
    	height: 180px;
	}
	

	.more {
	    margin: 30px 0;
	}
	.more-btn {
    	margin: 15px 0 30px;
    }

    .cart .cart-content {
	    padding: 0 15px; 
	}
	footer{
		padding: 20px;
	}

	footer .menu-footer {
	    padding: 15px;
	    font-size: 10px
	}
	footer .menu-footer .contact_other {
		font-size: 10px
	}
	footer .right {
	     padding-left: 0; 
	}
	footer {
		padding-top: 0
	}
	footer h3 {
	    margin: 0;
	    padding: 10px 0
	}
	footer .footer-left {
	    width: 40%
	}
	footer .menu-footer .col-footer {
	    padding: unset;
	}
	footer .footer-logo img {
		width: 70%;
	    margin-left: 20px;
	}
	footer .menu-footer p {
	    margin-bottom: 5px;
	    line-height: 1.5;
	}
	footer ul li {
		margin-top: 0;
	    margin-bottom: 10px;
	    font-size: 14px;
	}
	footer .footer-end {
    	padding: 10px;
    }
    footer .link-social {
	    margin-top: 0; 
	}

	.box-content-activity {
		padding:0 10px;
	}
	.page .page-content img.img-base {
		height: auto !important;
	}
	.order-solution{
		order: 1;
	}
	.page .page-content .bg-gray {
		padding: 10px !important;
	}
	.corporate_culture .box-corporate_culture .meta_title h6{
		font-size: 20px;
	}

	.careers .table-responsive table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	  }
	  .careers .table-responsive table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	  }

	  .careers .table-responsive table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right !important;
	  }

	  .careers .table-responsive table td::before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	  }

	  .mb-sm-15{
		margin-bottom: 15px;
	  }

	.contact .box-gray {
		padding: 30px 0 !important;		
	}
	
	.contact .box-gray img{
		display: none;
	}

	.new .group-link ul {
		padding: 0 !important;
	}

	.detail-project .slide-project .owl-nav button.owl-next {
	    right: -30px !important;
	}
	.detail-project .slide-project .owl-nav button.owl-prev {
		left: -30px !important;
	}
}
@media (min-width: 1400px) and (max-width: 1660px){
	.header .navbar-nav .nav-link{
		font-size: 13px !important;
	}
}

@media (min-width: 1000px) and (max-width: 1540px){
	.header .navbar-nav .nav-link{
		font-size: 12px !important;
	}

	.header .navbar-nav.ul1 li.nav-item:first-child{
		display: none !important;
	}

	.header .head-logo img {
		padding-left: 18px;
	}
	.padding-header {
		/* padding: 0 12vw !important; */
	}
}

@media (min-width: 1000px) and (max-width: 1300px){
	.header .navbar-nav .nav-item {
		padding-right: 18px;
	}
	.header .navbar-nav .menu-parent {
		top: 68px !important;
	}
}





@media (min-width: 370px) and (max-width: 767.98px) {
	.box-logo{
		display: none !important;
	}
	.new .group-link ul li{
		padding-left: 0;
	}
	.header .head-logo img {
		height: 60px;
	}
	.owl-carousel .owl-item img {
		height: 24vh !important;
	}
	.content-about  img{
		max-width: 100% !important;
		height: auto !important;
	}
	.content-about{
		font-size: 12px;
	}
	.padding-header {
		padding: 0px !important;
	}
}


@media  (max-width: 370px) {
	.box-logo{
		display: none !important;
	}
	.new .group-link ul li{
		padding-left: 0;
	}
	.header .head-logo img {
		height: 50px;
	}
	.content-about{
		font-size: 12px;
	}
	.content-about  img{
		max-width: 100% !important;
	}
	.owl-carousel .owl-item img {
		height: 24vh !important;;
	}
	.padding-header {
		padding: 0px !important;
	}
}