@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
.material-symbols-outlined {
	font-size: 80px !important;
	font-variation-settings:
		'FILL' 0,
		'wght' 200,
		'GRAD' 0,
		'opsz' 24
}

.material-symbols-outlined.text-danger.small {
	font-size: 48px !important;
	margin: 1rem;
}

.material-symbols-outlined.text-danger.small-1 {
	font-size: 32px !important;
	margin: .3rem;
}
body
{
	font-family: 'Roboto', sans-serif;
	padding-top: 60px;
}
img
{
  max-width: 100% !important;
}
a
{
	transition: all .5s;
}
.bg-gray
{
  background-color: #e2e3e4;
}
.bg-red
{
  background-color: #c53438;
}
.bg-subwhite
{
	background-color: #fafafa;
}
.bg-main-white
{
  background-color: #fefefe;
}
.bg-main-black
{
  background-color: #373435;
}
.bg-intro-cover
{
  background-size: cover;
  background-image: url(../images/bg-intro.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: bottom;
}
.bg-news-cover
{
  background-size: cover;
  background-image: url(../images/bg-news.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: bottom;
}
.bg-main-cover
{
  background-size: cover;
  background-image: url(../images/bg-1.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: bottom;
}
.bg-sub-cover
{
  background-size: cover;
  background-image: url(../images/bg-sub.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: bottom;
  height: 350px;
}
.bg-hire-cover
{
  background-size: cover;
  background-image: url(../images/bg-tuyendung.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: bottom;
  height: 350px;
}
.text-red
{
  color: #c53438;
}
.text-main-black
{
  color: #373435;
}
.text-main-white
{
  color: #fefefe;
}
.text-gray
{
  color: #e2e3e4;
}
.btn-secondary
{
	transition: all .5s !important;
}
.btn-secondary:hover
{
	background-color: #c53438 !important;
	border-color: #c53438;
}
#carouselHomeSlide .carousel-caption{
  top: 50%;
  transform: translatey(-50%);
  text-align: initial;
  height: fit-content;
  width: 25%;
  background: rgba(226,227,228,.75);
}
.product-carousel .carousel-caption
{
	bottom: 10%;
	left: 12%;
	text-align: initial;
	height: fit-content;
	width: 30%;
	background: rgba(226,227,228,.75);
	border-radius: 10px;
}
.product-carousel .carousel-caption p
{
	margin-bottom: 0px;
}
.video
{
  filter: brightness(0.4);
}
.videobtn i
{
	transition: all .5s;
}
.videobtn:hover i
{
	color: #ccc;
	
}
.fa-circle-play
{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 5rem;
  transform: scale(1) translate(-50%, -50%);
  transition: all .5s;
  text-shadow: 5px 5px 5px #fff;
}
#mainvideo:hover .fa-circle-play
{ 
  transform: scale(1.2) translate(-40%, -40%);
}
#subvideo .h6
{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.nav-tabs .nav-link.active {
  background-color: #e2e3e4;
}
.nav-tabs .nav-link
{
  color: #373435;
  font-size: 1.2rem;
}
.card-home-sub-cate
{
	height: 360px;
}
.hire-img
{
  width: 230px;
}
.hirevip-img
{
  width: 110px;
}
.border-hire
{
	border-left: #dc3545 5px solid !important;
}
.main-title
{
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.main-title1
{
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    color: #fefefe;
}
.product .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    color: #333;
}
.text-justify
{
	text-align:justify !important;
}
.new-img
{
	height: 75px;
	width: 100px;
}
.news-subtitle
{
	max-height: 75px;
	overflow: hidden;
}
.news-title
{
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 45px;
}
.news-title-1
{
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: auto;
}
.new-preview
{
	height: 70px;
	overflow: hidden;
	text-align: justify;
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news-sidetitle
{
	height: 55px;
	overflow: hidden;
}
.pr-icon
{
	height: 24px;
	border-radius: 5px;
}

.active>.page-link, .page-link.active
{
	color: #c53438;
	background: #dee2e6 !important;
}
.page-link
{
	color: #c53438;
	border-color: #dee2e6 !important;
}
.page-link:hover
{
	color: #c53438;
	border-color: #dee2e6 !important;
}
#hotline {
  /*width: 75px;*/
  right: 1rem;
  bottom: 1rem;
  z-index: 999999;
}

svg {
}

#hotline a {
	font-size: 24px;
    color: #333;
    transition: all .5s;
    height: 52px;
    width: 52px;
    display: grid;
    text-align: center;
    align-content: center;
    text-decoration: none;
	border: 1px solid #C32026;
}
#hotline a:hover {
	background-color: #C32026 !important;
    color: #fff;
	border: 1px solid #fff;
}
.phonehotline {
}

.mess {

}

.gotop {

}

.logo img
{
  height: 48px !important;
}

.homecate-icon
{
	min-height: 270px;
}
.post-cate-icon
{
	min-height: 300px;
}
.post-cate-ct
{
	text-align: justify;
}
.post-cate-ct h2
{
	line-height: 3rem;
}
.mainnews
{
	height: 385px;
}
.subnews
{
	height: 200px;
}
.flexnew img
{
	width: 64px;
}
.flexnew a
{
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.hovereffect-1::before
{
	z-index: 1;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
}
.hovereffect-1::after
{
    z-index: 1;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
}
.hovereffect-1:hover:before {
    background-color: rgba(255,255,255,.5);
    bottom: 50%;
    top: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
}
.hovereffect-1:hover:after {
    background-color: rgba(255,255,255,.5);
    left: 50%;
    right: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
}
.hovereffect-2::before
{
	position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.hovereffect-2:hover::before
{
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}
.hovereffect-3 .overlay
{
	border-bottom: 5px solid #FFF;
	transition: 1s ease 0s;
	transform: translateX(-100%);
	left: 100%;
	margin-top: -10px;
}
.hovereffect-3:hover .overlay
{
	border-bottom: 5px solid #ff0008;
	left: 0;
	transform: translateX(0);
}
.hovereffect-3 img
{
	transition: all .6s ease 0s;
}
.hovereffect-3:hover > img {

    transform: scale(1.1);
}
#maincate .main-ct {
	position: absolute;
    letter-spacing: 0.71px;
    bottom: 15px;
    left: 15px;
    padding: 0.75rem;
    width: calc(100% - 30px);
    height: 75px;
    background-color: rgba(49,49,49,0.5);
    text-align: center;
    overflow: hidden;
    transition: .5s;
    border-radius: 5px;
}
#maincate .card:hover .main-ct {
    height: calc(100% - 30px);
}
#maincate .card .main-ct h4 {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: inherit;
	line-height: inherit;
}
#maincate .card:hover .main-ct h4 {
	display: block;
}
#maincate .card .main-ct .h6 {
	font-size: 1.03rem;
}
.desprcate
{
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.main-new-tt
{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.card-mainimg
{
	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
    background-color: rgba(49,49,49,0.5);
    text-align: center;
    overflow: hidden;
    transition: .5s;
}
.card:hover .card-mainimg
{
	height: 100%;
}
.card-mainimg .mainnews-subtitle
{
	margin-top: 0px;
	height: 0px;
	opacity: 0;
	transition: all 1s ease-in-out;
}
.card:hover .card-mainimg .mainnews-subtitle
{
	margin-top: 15px;
	opacity: 1;
	height: initial;
	transition: all .5s ease-in-out;
}
.card-subimg
{
	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 75px;
    background-color: rgba(49,49,49,0.5);
    text-align: center;
    overflow: hidden;
    transition: .5s ease-in-out;
}
.card:hover .card-subimg
{
	height: 100%;
}
.blogindex
{
	height: 200px;
}
.news-title a:hover, .news-sidetitle a:hover, .news-subtitle a:hover
{
	color: #c53438 !important;
}
.sidenews img
{
	width: 100%;
}
.card-hire
{
	transition: all .5s ease-in-out;
}
.btn-rect
{
	background: #6c757d;
	border-color: #ccc;
	transition: all .5s ease-in-out;
	color: #fff;
	position: absolute;
    display: block;
    bottom: 15px;
    right: 15px;
}
.card-hire:hover, .card-news:hover
{
	 box-shadow: 1px 1px 10px #ccc;
	 border-color: #c53438;
}
.card-news:hover
{
	 box-shadow: 1px 1px 10px #ccc;
	 border-color: #c53438;
}
.card-news:hover .news-title a, .card-news:hover .news-sidetitle a, .card-news:hover .news-subtitle a {
    color: #c53438 !important;
}
.card-hire:hover .btn-rect
{
	 border-color: #c53438;
	 background-color: #c53438;
	 color: #fff;
}

.sticky-top
{
	top: 60px;
}
.owl-theme .owl-nav
{
	margin-top: 45px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-']
{
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover
{
	color: #ccc !important;
	text-decoration: none;
}
.owl-theme .owl-nav .disabled
{
	opacity: 0.5;
	cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots
{
	margin-top: 10px;
}

.owl-theme .owl-dots
{
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot
{
	display: inline-block;
	zoom: 1;
	display: inline;
}
.owl-theme .owl-dots .owl-dot span
{
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
	background: #dc3545;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next
{
	color: #dc3545 !important;
    font-size: 4rem !important;
    background: #fff !important;
    width: 35px;
    height: 55px;
    display: block;
	box-shadow: 1px 1px 2px #ccc;
	transition: all .5s ease-in-out;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover
{
	color: #fff !important;

    background: #dc3545 !important;
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span
{
	line-height: 1rem;
	display: block;
	margin-top: -8px;
}
.owl-prev
{
	position: absolute;
	left: -25px;
	top: 185px;
	transform: translateY(-50%);
	border-radius: 5px !important;
    border: 1px solid #ffc9c9 !important;
}
.owl-next
{
	position: absolute;
	right: -25px;
	top: 185px;
	transform: translateY(-50%);
	border-radius: 5px !important;
    border: 1px solid #ffc9c9 !important;
}
.main-news-img
{
	height: 232px;
}
.img-lanhdao
{
	max-width: 300px !important;
}
.langmenu
{
	margin-top: .9rem;
	font-size: .9rem;
}
.flag
{
	padding: 0.1rem 0.5rem !important;
	position: relative;
	font-weight: normal;
}
.langactive
{
	padding: 0.1rem 1.1rem !important;
	font-weight: bold;
}
.new-tt
{
	line-height: 1.8rem;
}
#carouselNewsSlide .carousel-control-prev
{
	right: 5.5rem;
	left: auto;
}
#carouselNewsSlide .carousel-control-next
{
	right: 2rem;
}
#carouselNewsSlide .carousel-control-next, #carouselNewsSlide .carousel-control-prev
{
	background: #fff;
    height: 40px;
    bottom: 15px;
    top: auto;
    width: 40px;
	border-radius: 50%;
    border: 1px solid #C32026;
	opacity: 1;
	transition: all .5s ease-in-out;
}
#carouselNewsSlide .carousel-control-next:hover, #carouselNewsSlide .carousel-control-prev:hover
{
	background: #C32026;
    border: 1px solid #fff;
}
#carouselNewsSlide .carousel-control-next-icon, #carouselNewsSlide .carousel-control-prev-icon
{
	filter: invert(50%);
	background-size: 20px;
}
#carouselNewsSlide .carousel-control-next:hover > .carousel-control-next-icon, #carouselNewsSlide .carousel-control-prev:hover .carousel-control-prev-icon
{
	filter: none;
}
#carouselNewsSlide .carousel-item {
    transition: all .6s ease-in-out;
}
.newslidect
{
	padding: 1rem 2.6rem 1rem 1rem;
}

#ngoaithat .uphover{
	position: absolute;
	top: calc(100% - 5rem);
	left: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(49, 49, 49, 0);
	transition: 1s;
}
#ngoaithat .uphover .upcontent{
	position: absolute;
	padding: 2rem;
	transform: translateY(0);
	top: 0;
	transition: 1s;
}
#ngoaithat .uphover:hover .upcontent {
	transform: translateY(-50%);
	top: 50%;
}

#ngoaithat .uphover span{
	opacity: 0;
	transition: 1s;
}

#ngoaithat .card:hover .uphover {
	top: 0px;
	background-color: rgba(49, 49, 49, 0.5);
}

#ngoaithat .card:hover .uphover span{
	opacity: 1;
}

#ngoaithat .uphover .upcontent h4 {
	text-shadow: 0px 0px 5px #333;
}

#carouselProSlide .carousel-caption {
	top: 20%;
	transform: translatey(-20%);
	text-align: initial;
	height: fit-content;
	width: 30%;
	background: rgba(226, 227, 228, .75);
}
#carouselProSlide .carousel-caption p {
	margin-bottom: 0px;
}

#carouselProSlide .carousel-indicators .active {
	opacity: 1;
}

#carouselProSlide .carousel-indicators div {
	height: auto;
	width: 7rem;
	padding: 0.25rem;
	opacity: .5;
	background-color: transparent;
}
#vanhanh
{
	background-image: url(../images/khoangdongco.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
}
#vanhanh .carousel-caption
{
	left: 13%;
	right: 13%;
}
#bus {
	background-image: url(../images/san_pham/bus/bg-bus.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}
.input-group-text {
    width: 2.5rem;
}
.titletinhnhang
{
	position: absolute;
	bottom: 2rem;
	left: 2rem;
	text-shadow: 0px 0px 5px #333;
}
.accordion-button:not(.collapsed), .accordion-button:hover
{
	background-color: #e9b6b7 !important;
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #e9b6b7;
}
.accordion-button:focus {
	border-color: var(--bs-form-invalid-color);
	box-shadow: var(--bs-form-invalid-color);
}
.product-carousel .breadpr
{
    height: fit-content;
    width: fit-content;
    background: rgba(226, 227, 228, .75);
    border-radius: 10px;
	position: absolute;
    right: 12%;
    bottom: 2.25rem;
    color: #fff;
    text-align: center;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
	background-color: transparent;
	
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link
{
	background-color: transparent;
	border: transparent 3px solid;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover
{
	background-color: transparent;
	border-bottom: #C32026 3px solid;
}
.nav-tabs
{
	border-top: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.g-recaptcha {
	display: inline-block;
}
.tuyendung-end
{
	right: 15px;
}
.form-check-input {
	--bs-form-check-bg: rgba(194, 32, 37,.2);
}
.img-video
{
	width: 6.75rem;
}
@media all and (min-width: 992px)
{
	.navbar .nav-item .dropdown-menu, .navbar .nav-item .dropdown-menu > .dropdown > .dropdown-menu{ display: none; border-radius: 0px; padding-top: 0px; padding-bottom: 0px; width: max-content;}
	.navbar-nav > .nav-item > .nav-link { padding: 1rem 0.75rem; }
	.navbar-nav > .nav-item > .nav-link:hover { }
	.navbar .nav-item:hover .nav-link{  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu > .dropdown:hover .dropdown-menu { display: block;  }
	.navbar .nav-item .dropdown-menu > .nav-item { padding-left: 1rem !important; padding-right: 1rem !important; }
	.dropdown-menu .nav-link{ padding-left: 0px !important; padding-right: 0px !important; border-bottom: 1px dotted #ccc; font-weight: normal;}
	.dropdown-menu .nav-item:last-child .nav-link{ border-bottom: 0px dotted #ccc; }
	.navbar .nav-item .dropdown-menu > .dropdown .dropdown-menu { position: absolute; left: 100%; top: -.1rem; width: 100%;}
	.offcanvas-body a
	{
		color: #333;
		padding: .7rem 0rem !important;
	}
	.offcanvas-body > nav > ul > li > div > ul > li > a
	{
		border-bottom: 0px !important;
	}
}
@media (max-width: 767.98px)
{
	body
	{
		font-family: 'Roboto', sans-serif;
		overflow-x: hidden;
		padding-top: 50px;
	}
	section
	{
		position: relative;
		overflow: hidden;
	}
	
	.logo img {
		height: 32px !important;
	}
	.offcanvas-body a
	{
		color: #333;
		padding: .7rem 0rem !important;
	}
	.offcanvas-body > nav > ul > li > div > ul > li > a
	{
		border-bottom: 0px !important;
		font-weight: normal !important;
	}
	.offcanvas-body > nav > ul > li > div > ul > li > a > i
	{
		display: none;
	}
	#sidebarMenu .flag
	{
		padding: 0.5rem 0.7rem !important;
	}
	#sidebarMenu .langactive
	{
		padding: 0.5rem 1.5rem !important;
	}
	.main-ct
	{
		position: relative !important;
		background-color: transparent !important;
		bottom: 0px !important;
		padding: 0px 15px !important;
		width: 100% !important;
		left: 0px !important;
	}
	.main-ct h4
	{
		color: #333 !important;
		font-size: .9rem !important;
		position: relative !important;
	}
	.video
	{
		height: 300px;
		object-fit: cover;
	}
	.news-title {
		height: auto;
		font-size: .9rem;
	}
	.bg-sub-cover
	{
		height: 180px;
		background-image: url(../images/bg-sub-mb.jpg);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top;
	}
	.bg-hire-cover
	{
		height: 180px;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top;
	}
	.hire-img
	{
	width: 100%;
	}
	.main-title
	{
	position: relative;
	left: auto;
	top: auto;
	transform: translateY(0);
	padding: 2rem;
	text-align: center;
	}
	.main-title1
	{
	position: relative;
	right: auto;
	top: auto;
	transform: translateY(0);
	padding: 2rem;
	text-align: center;
	}
	.mainnews, .blogindex
	{
		height: auto;
	}
	.card-mainimg
	{
		position: relative;
		height: auto;
	}
	.card:hover .card-mainimg .mainnews-subtitle
	{
		display: none;
	}
	.card-subimg
	{
		position: relative;
		background: transparent;
		align-items: start !important;
		justify-content: start !important;
		display: block !important;
		flex-direction: inherit !important;
		flex: 1 1 auto !important;
		overflow: hidden !important;
	}
	.mb-mainnews-title
	{
		height: 55px;
		overflow: hidden;
	}
	.mb-text-dark
	{
		color: #333;
		font-weight: bold;
		text-align: start;
	}
	.card:hover .card-subimg
	{
		height: 75px;
	}
	.product-carousel .carousel-caption
	{
		background: rgba(226, 227, 228, .75);
		position: relative;
		bottom: -1rem;
		left: 0px;
		width: auto;
	}
	.recruitment .d-flex
	{
		display: block !important;
	}
	.card-hire strong
	{
		display: block;
	}
	.btn-rect
	{
		position: relative;
		display: inline-block;
		bottom: auto;
		right: auto;
	}
	.card-home-sub-cate
	{
		height: auto;
	}
	.card-home-sub-cate img
	{
		height: 120px !important;
	}
	.main-news-img
	{
		height: 205px;
	}
	.owl-prev
	{
		top: 160px;
	}
	.owl-next
	{
		top: 160px;
	}
	.newslidect
	{
		padding: 1rem 2rem 3rem 2rem;
	}
	.newslidemb
	{
		height: 195px;
		overflow: hidden;
		margin-bottom: 1rem;
	}
	#carouselNewsSlide .carousel-control-prev
	{
		right: auto;
		left: 35%;
	}
	#carouselNewsSlide .carousel-control-next {
		right: 35%;
	}
	.text-mb-left
	{
		text-align: left !important;
	}
	.product-carousel .breadpr
	{
		right: 12%;
		bottom: 25%;
	}
	#ngoaithat .uphover .upcontent h4 > span
	{
		background: rgba(0, 0, 0, 0.5);
		padding: 10px;
		border-radius: 10px;
		opacity: 1;
	}
	#ngoaithat .uphover:hover .upcontent h4 > span
	{
		background: rgba(0, 0, 0, 0);
		padding: 10px;
		border-radius: 10px;
		opacity: 1;
	}
	#vanhanh .btn-outline-secondary
	{
		color: #333 !important;
	}
	#nhamay .carousel-indicators
	{
		margin-right: 25%;
		top: auto;
		margin-left: 25%;
		position: relative;
	}
	#carouselProSlide .carousel-caption
	{
		position: relative;
        width: auto;
        left: 0px;
        bottom: 0px;
        top: auto;
	}
	#vanhanh .carousel-caption {
		left: 0px;
		right: 0px;
		position: relative;
		bottom: auto;
		margin-top: 1rem;
		background: rgba(0, 0, 0, .5);
		padding: 1rem !important;
	}
}
@media (min-width: 768px) and (max-width: 992px)
{
	.offcanvas-body a
	{
		color: #333;
		padding: .7rem 0rem !important;
		text-transform: lowercase;
	}
	.offcanvas-body span
	{
		display: inline-block;
	}
	.offcanvas-body span::first-letter
	{
		text-transform: uppercase !important;
	}
	.offcanvas-body > nav > ul > li > div > ul > li > a
	{
		font-size: .9rem;
		border-bottom: 0px !important;
		font-weight: normal !important;
	}
	.offcanvas-body > nav > ul > li > div > ul > li > a > i
	{
		display: none;
	}
	#sidebarMenu .flag
	{
		padding: 0.5rem 0.7rem !important;
	}
	#sidebarMenu .langactive
	{
		padding: 0.5rem 1.5rem !important;
	}
	.card-home-sub-cate
	{
		height: 240px;
	}
	.main-news-img {
		height: 190px;
	}
	.owl-prev
	{
		top: 135px;
	}
	.owl-next
	{
		top: 135px;
	}
	.post-cate-ct
	{
		max-width: initial;
	}
	.card-subimg
	{
		position: relative;
		background: transparent;
		align-items: start !important;
		justify-content: start !important;
		display: block !important;
		flex-direction: inherit !important;
		flex: 1 1 auto !important;
		overflow: hidden !important;

	}
	.mb-mainnews-title h5
	{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.mb-text-dark
	{
		color: #333;
		font-weight: bold;
		text-align: start;
	}
	.newslidect
	{
		padding: 1rem 2rem 3rem 2rem;
	}
	.newslidemb
	{
		height: 150px;
		overflow: hidden;
	}
	#carouselNewsSlide .carousel-control-prev
	{
		right: auto;
		left: 42%;
	}
	#carouselNewsSlide .carousel-control-next {
		right: 42%;
	}
	.product-carousel .carousel-caption {
		background: rgba(226, 227, 228, .75);
		position: relative;
		bottom: -1rem;
		left: 0px;
		width: auto;
	}
	.text-mb-left
	{
		text-align: left !important;
	}
	
}