.slick-dots li.slick-active button:before {
	color: red!important;
	opacity: unset!important;
}
.slick-dots li button:before{
	color: #707070 !important;
	opacity: 0.8;
}
.owl-theme .owl-dots .owl-dot span {
	background: #707070!important;
	opacity: 0.8;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: red !important;
}
@media Screen and (max-width: 580px) {
	.thanhs {
		height: 700px;
		margin: 0 0 1.5em;
	}
	.slick-dots li button:before{
		width: 15px !important;
		height: 15px !important;
	}
	.packages .packages-widget .packages_element .content_package {
margin-bottom: 10px;
		height: 275px;
	}
	.history .yoko-element {
		/*width: 9%!important;*/
	}
	.yoko_element_service {
		/*transform: translate(0, -13%)!important;*/
		/*left: 8px;*/
	}
	.yoko-element{
		min-height: 276px!important;
	}
	.yoko-element .widget .content {
		text-align: justify;
		margin: 13px 0!important;
	}
}


@media screen and (max-width: 1024px) {
.rom-heighta{
	margin-bottom: unset!important;
}

	.package_custom3{
		margin-bottom: 30px!important;
		width: 80%!important;
	}
}
@media screen and (max-width: 1024px) and (max-height: 768px) {
	.fix-lancuoi{
		min-height: 530px!important;
	}
	.history {
		height: 80vh;
	}

}
@media screen and (max-width: 480px){
	.background_sign_service .item{
		height:355px ;
	}
	.history {
		height: 355px;
	}
}