@media screen and (min-width: 1600px) and (max-width: 1920px) {
	.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) {
	.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) {
	.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 screen and (max-width: 1366px) {
	.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 screen and (max-width: 1280px) {
	.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) {
	
}


@media (min-width: 480px) and (max-width: 576px){  

}

@media (min-width: 768px)  and (max-width: 870px){ 
	.header .navbar-nav li {
		margin: 0 10px;
	}
	.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; 
	}
}
@media (min-width: 870px)  and (max-width: 992px){ 
	.header .navbar-nav li {
		margin: 0 15px;
	}
	.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 .navbar-nav li {
		margin: 0 20px;
	}
	.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 .navbar-nav li {
		margin: 0 25px;
	}
	.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 .navbar-nav li {
		margin: 0 30px;
	}
	.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) {
	.home-banner .item::after{
		height: 250px;
	}
	.main h4 {
		font-size: 20px;
		font-weight: bold;
	}
	.head-logo img {
		height: 50px
	}
	.head-fix {
		padding:0;
	}
	.owl-carousel .nav-btn {
		height: 40px;
		width: 40px
	}
	.owl-carousel .next-slide {
	    right: -20px;
	}
	.main .home-product {
		padding: 0 8%;
	}
	.main .home-product ul li {
	    width: 100%;
	    margin: 0;
	    padding-left: 2%;	
	}
	.main .home-product ul {
		padding: 15px;
	}
	.main .home-product ul li a {
	    font-size: 18px;	
	}
	.main .home-product ul li img {
	    width: 40px;
	}
	.main .home-product video {
    	height: auto;
    	margin-top: 0;
	}
	.main .home-story {
		padding: 0 8%;
	    margin-top: -20px;
	}
	.main .home-story .img-fluid{
		height: 145px;
	}
	.main h6 {
    	font-size: 10px;
    	margin-top: 15px;
    	margin-bottom: 0
    }
    .main .home-story p {
	    font-size: 14px;
	}
	.main .home-story .story, .main .home-story .list-story, .main .home-story .first-story {
	    padding: 0 0 15px 0;
	    margin: 0;
	}
	.main .home-story .more-story {
	    padding: 30px;
	}
	
	.main .home-customer {
	    margin-top: 50px;
	    padding: 15px 0;
	}
	.main .home-customer .customers {
		height: auto;
		padding: 0;
		margin-bottom: 0
	}
	.main .home-customer .load-info-customer .img-fluid {
		width: 100%;
		height: 300px;
	}
	.main .home-customer .top-quote img, .main .home-customer .bottom-quote img  { 
	    height: 20px; 
	    width: 20px
	}
	.main .home-customer .customer-content {
	    padding: 10px;
	    font-size: 14px;
	}
	.owl-carousel .next-slide {
	    margin-top: 40px;
	}
	.owl-carousel .prev-slide {
	    margin-top: 40px;
	    left: -20px;
	}
	.main .home-customer .customer-name, .main .home-customer .company-name{
		font-size: 18px;
		padding-left: 0;
		text-align: center
	}
	.main .home-customer .slide-partner {
	    margin-top: 10px;
	}
	.contact {
	    padding: 30px;
	}
	.contact h4, .contact input {
		margin-bottom: 25px
	}


	.main .content-page h4 {
	    font-size: 30px;
	    font-weight: 900;
	    margin-top: 150px;
		padding: 0 4%
	}
	.main .service {
		height: 300px
	}
	.main .service .container-fluid {
		display: none;
	}
	.main .list-service {
	    margin: 20px 0;
		padding: 0 4%
	}
	.main .list-service ul li p {
	    font-size: 10px;
	}
	.main .list-service .content-left, .main .list-service .content-right, .main .list-service .detail-1, .main .list-service .detail-2 {
	    padding: 0;
	}
	.main .list-service ul {
	    margin: 20px 0;
	}
	.main .list-service ul li{
	    padding-right: 15px
	}
	.main .list-service .content-service, .main .list-service .content-quote {
    	font-size: 14px;
    	margin-bottom: 20px
    }
    .main .list-service .read-more span {
	    font-size: 10px;
	}
    .main .list-service .read-more a.btn {
	    padding: 10px;
	}
	.main .list-service .content-service, .main .list-service .read-more {
	    margin-bottom: 20px;
	}
	.main .list-service .content-people {
		margin-bottom: 20px
	}
	.main .list-service .content-people img {
	    width: 40px;
	    height: 40px;
	}
	.main .list-service .content-people .name {
	    font-size: 14px
	}
	.main .list-service .content-people p {
	    font-size: 14px;
	     line-height: 1.4; 
	}
	.main .list-service .detail-1, .main .list-service .detail-2 {
	    margin-bottom: 50px;
	}
	.main .list-service .detail-1 h4, .main .list-service .detail-2 h4 {
	    margin-top: 10px;
	}
	.main .last-service {
	    margin-bottom: 50px;
	}


	.main .solution, .main .content-page {
		height: 300px
	}
	.main .list-solution h4 {
	    margin-bottom: 30px;
	}
	.main .solution p, .main .content-page p {
	    font-size: 14px;
	    padding: 20px;
		margin: 0 4%
	}
	.main .list-solution img {
	    display: block;
	    margin: 0 auto;
	}
	.main .list-solution p {
		font-size: 14px
	}
	.main .list-solution .title {
		text-align: center;
		font-size: 20px;
		margin: 10px 0;
	}
	.main .list-solution .intro-solution-1,  .main .list-solution .intro-solution-2, .main .list-solution .intro-solution-3{
	    padding: 0;
	    margin-bottom: 40px
	}
	.main .list-solution {
	    margin: 200px 0 50px 0;
	}
	.main .list-solution .row {
	     margin: 0; 
	}
	.main .list-product {
	    font-size: 22px;
	    padding: 30px 4% 50px 4%;
	}
	.main .list-product .intro {
	    font-size: 14px;
	    margin-bottom: 10px;
	}
	.main .list-product .title-product, .main .list-product .name-product p {
	    width: 100%;
	    font-size: 26px;
	    padding-right: 20px
	}
	.main .list-product .first-product, .main .list-product .name-product {
		padding: 100px 0 0 20px;
		height: 200px;
	}

	.main .product {
		margin-bottom: 0
	}
	.main .product .home-content{
		padding: 15px 8%
	}


	.main .new h4 {
	    font-size: 30px;
	}
	.main .new p {
	    font-size: 18px;
	}
	.main .list-new {
	    margin: 30px 0;
		padding: 0 4%
	}
	.main .list-new h6, .list-insight h6 {
	    margin-top: 0;
	    padding-bottom: 10px
	}
	.main .list-new .new-first .img-fluid {
	    height: 200px;
	}
	.main .list-new h4 {
	    margin-bottom: 10px;
	}
	.main .list-new h5 {
	    margin-bottom: 10px;
	}
	.main .list-new p, .main .list-insight p {
	    font-size: 14px;
	}
	.main .list-insight {
		padding: 0 4%
	}
	.main .list-insight .title {
	    padding: 20px 15px;
	    width: 100%;
	    font-size: 18px;
	    text-align: center
	}
	.main .list-insight .head-insight .content {
	    margin-left: 0;
	    padding-right: 0;
	}
	.main .list-insight .head-insight h5 {
	    font-size: 18px;
	    margin-bottom: 40px;
	}
	.main .list-insight .head-insight {
	    padding: 30px 0;
	}
	.main .list-insight .content-insight {
	    margin-top: 30px;
	}
	.main .list-new h5, .main .list-insight h5 {
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.main .list-insight .content-insight .row {
	    margin-bottom: 0;
	}
	.main .list-new p, .main .list-insight .content-insight p {
	    margin-bottom: 40px;
	}
	.main .list-new .new-first {
	    margin-bottom: 0;
	}

	.main .people-information {
		margin-bottom: 15px; 
		padding: 0 8%;
	}
	.main .people-information h4, .main .list-people h4 {
		margin-bottom: 10px;
	}
	.main .people-information .people-detail {
		padding-left: 0
	}
	.main .people-information .name, .main .people-information .label-name{
		font-size: 14px;
	}
	.main .list-people .people-name {
		font-size: 14px;
	}
	.main .list-people, .main .list-partner {
		padding: 0 8%
	}
	.main .list-people h4 {
		margin-bottom: 0;
	}
	.main .list-people .item-blog {
		padding: 15px;
		transition: all .2s ease-in-out;
	}
	.main .list-partner {
		margin: 15px 0;
	}
	.main .list-people img {
		height: 150px;
	}
	.main .list-partner .item-blog {
		padding: 0 20px 0 0
	}

	.main .list-carrer h5 a {
		font-size: 18px;
	}
	.main .content-new {
		padding: 120px 8% 0 8%
	}
	.main .content-new h1.text-center {
		margin: 10px 0;
		font-size: 24px
	}
	.main .content-new .img-fluid{
		height: 250px !important
	}
	.main .content-new .detail img {
		width: 100% !important;
		height: auto !important
	}
	.main .content-new .social-sharing {
		display: none
	}

	.main .detail-product {
		/*height: 400px !important*/
	}
	.main .service-info {
		display: none
	}

	.content-product .intro {
		font-size: 14px;
	}
	.content-product {
		margin-bottom: 30px;
		padding: 0 4%;
	}
	.content-product .item {
		margin: 0 0 15px 0 !important;
		height: unset;
	}
	.content-product .no-gutters {
		margin-top: 0 !important;
	}
	.content-product h4 {
		margin-top: 30px;
	}
	.content-product .list-transform ul {
		margin: 0 0 30px 0;
	}
	.content-product .list-transform ul li p {
		font-size: 14px;
	}
	.content-product .list-transform {
		margin-top: 0 !important
	}
	.content-product .list-transform .img-transform {
		width: 60px;
		height: 60px;
		padding: 10px 0;
	}
	.content-product .list-transform ul li {
		width: 75%;
	}
	.content-product .content-center {
		width: 150px;
		height: 150px;
		padding: 25px;
		margin: 0 auto 30px;
	}
	.screenshot-product {
		padding: 30px 8%;
	}
	.main .screenshot-product .story, .main .screenshot-product .list-story, .main .screenshot-product .first-story {
	    padding: 0 0 15px 0;
	    margin: 0;
	}
	.main .screenshot-product .img-fluid {
		height: 145px;
	}
	.screenshot-product .more-story,  .home-story .more-story{
		padding: 70px 0 40px 40px;
	}
	.story img, .list-story img, .more-story {
		height: 145px;
	}
	.content-product .item img {
		width: 130px;
		height: 130px;
	}

	.modal .modal-body p {
		font-size: 12px;
	}
	.modal .modal-body video {
		max-height: 150px !important;
	}
	.modal .modal-content {
	    width: 100% !important;
	}
	


	footer {
		padding-top: 0
	}
	footer h3 {
	    margin: 40px 20px 20px 20px;
	}
	footer ul {
	    list-style: none;
	    padding-left: 20px;
	}
	footer .footer-logo img {
		width: 70%;
	    margin-left: 20px;
	}
	footer .menu-footer p {
		margin-left: 20px
	}
	#meta-content {
		overflow: scroll;
		max-height: 200px;
	}
	.modal-product .modal-dialog, .modal-video-product .modal-dialog {
	    max-width: unset;
	}
	.solution  .image_page_detail img{
		display: none;
	}
}
@media (max-width: 575.98px){
	/*header .home-banner .item::after{
		height: 200px;
	}*/
}


@media (max-width: 767.98px) {
	header .top-link ul li {
		margin-left: 0;
	}
	.text-intro {
		height: auto;
		padding: 30px 0;
	}
	.item-teacher img, .teachers img {
		width: 100%;
		height: 120px;
		border-radius: 0px;
		object-fit: cover;
		object-position: top;
	}
}


@media (max-width: 991.98px) {

}

@media (max-width: 1199.98px) { 
	
}