@media (min-width:1200px) { } 
@media (max-width:1199px) {#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) {
	.product-total-left ,.box-agency{display: none;}
	.product-total-right {width: 100%;}
	.search_box_hide.opening input {
		border: 1px solid var(--color-dark-blue);
	}
	.btn-search a {
		color: var(--color-dark-blue);
	}
	.giohang {position:absolute; right:15px; top:22px;color:black;}
	.oggy-cart {color:black;}
	.btn-search {
		position: absolute;
		margin-left: 50px;
		right: 35px;
		width: 30px;
		top: 19px;
	}
	.box-logo {
		width: 88px;
		position: absolute;
		left: 0;
		right: 0;
		top: 3px;
		margin: auto;
	}
	.logo {
		max-width: 88px;
	}
	/* .cart-fixed  {display: inline-flex;} */
.col-3-why .content-why {margin-left: 0; } 
.col-1-why .content-why {text-align: start; } 
.col-1-why .box-why:nth-child(odd) {margin-right: 0; } 
.col-3-why .box-why:nth-child(odd) {margin-left: 0; } 
.box-why {margin: 20px 0; } 
.wrap-why { flex-wrap: wrap; } 
.col-1-why {width: 100%;left: 0;z-index: 1; } 
.col-3-why {width: 100%; } 
.slick-field {margin: 0 -5px; } 
.box-field {padding: 0 5px; } 
.btn-dex > a {width: 130px;line-height: 30px; } 
.title-slider h3 {font-size: 16px;line-height: 30px;} 
.title-slider p {width: 100%;font-size: 13px;line-height: 20px;margin: 5px 0 8px;} 
.slideshow {margin-top: 0; } 
.box-processSell {padding: 0 5px; } 
.slick-processSell {margin: 0 -5px; } 
/* #banner { display: flex; padding: 10px 0; }  */
.slick-product-view { margin:0 -5px; } 
.slick-news { margin:0 -5px; } 
.slick-margin { margin:0 -5px !important; } 
.slick-margin .box-padding { padding: 5px !important; } 
.wrap-product-in { margin:-5px; } 
.box-product-in ,.box-food { padding: 5px; } 
#header,.banner-ab,#menu,.right,.hinhanhsp-next,.hinhanhsp-prev,.slick-prev, .slick-next ,.next-slideshow,.prev-slideshow{ display:none !important; } 
#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%; } 
.box-sanpham {padding: 0px 5px; } 
.box-service {padding: 0px 5px 0; } 
.slick-service {margin: 0 -5px; } 
.box-criteria {/* width: calc(100% / 3); */
padding: 5px; } 
.wrap-criteria {margin: -5px; } 
.border-criteria {padding: 10px; } 
.slick-insurancePackages {margin: 0 -5px; } 
.box-insurancePackages {padding: 5px; } 
.slick-profit {margin: 0 -5px; } 
.box-profit {padding: 0px 5px; } 
 }
@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) {
	.box-product-sc {
		width: calc(100% / 3);
		padding: 5px;
	}
.title-main h1, .title-main h2, .title-main span {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 25px;
	line-height: 40px;
	margin: 0;
	color: var(--color-main);
}
.list-sanpham h3 {padding: 8px 14px;margin: 3px; } 
#list-pro {padding: 0px 0 30px; } 
#criteria h2 span {font-weight: 700;font-size: 25px; } 
.main-criteria {padding: 30px 0; } 
.content-voucher {padding: 15px; } 
.content-voucher h3 {font-size: 16px; } 
#voucher {padding: 30px 0; } 
.main-choose {padding: 30px 0; } 
.content-why h2 { font-family: 'SVN-500'; font-size: 17px !important; margin-bottom: 7px; } 
.content-profit h3 {line-height: 21px;font-size: 15px;margin: 4px 0 8px 0; } 
.main-profit {padding: 30px 0; } 
.box-service:nth-child(even) .content-service {order: 0; } 
.border-service { flex-wrap: wrap; } 
.img-service {width: 100%; } 
.content-service {padding: 15px 0px;width: 100%; } 
.main-service {padding: 30px 0; } 
.wrap-service {display: flex
;flex-wrap: wrap;margin: 0 -5px; } 
.box-service { width: calc(100% / 2); } 
.content-service p {font-family: 'SVN-400';color: #545454;font-size: 14px; } 
.content-service div {overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;} 
.content-service h3 {font-size: 16px;margin: 0 0 10px 0;line-height: 24px; } 
#thuvienanh {padding: 0px 0 30px; } 
.grid-thuvienanh .box-thuvienanh:nth-child(1) .box-thuvienanh-content {padding: 10px 10px;font-size: 15px; } 
.box-thuvienanh-content {padding: 10px 9px;font-size: 14px; } 
.title-main {margin-bottom: 20px !important; } 
#thuvienanh h2 {padding: 0 20px;font-size: 25px;line-height: 33px; } 
.main-insurancePackages {padding: 30px 0; } 
.content-insurancePackages {margin-top: 15px; } 
.content-insurancePackages a {width: 120px;font-size: 13px;line-height: 30px; } 
.content-insurancePackages h3 {font-size: 15px;margin-bottom: 10px; } 
#insurancePackages h2 {font-size: 25px;line-height: 32px;margin-bottom: 5px; } 
.col-1-about-us {width: 350px;} 
.col-2-about-us {width: 100%;margin-bottom: 20px;order: -1;} 
.box-content-about-us p {font-size: 14px;color: #767676;line-height: 23px; } 
.button-more {line-height: 30px;margin-top: 26px; } 
.button-more a {padding: 12px 30px; } 
.main-about-us {padding: 30px 0; } 
.box-agency {z-index: 99;width: 76px;right: 0px;padding: 6px;top: 193px;} 
.box-agency i {font-size: 20px;margin-bottom: 9px; } 
.box-agency a {font-size: 13px;line-height: 19px; } 
.main-faq {padding: 20px 15px;background-color: #f3f9fd;border-radius: 25px;border: 1px solid #e8f0f6;margin-bottom: 30px; } 
.list-faq h3 {padding: 8px 8px;margin: 3px;font-size: 14px; } 
.has-child-faq > p {font-size: 14px;padding: 2px 20px 2px 0px; } 
.has-child-faq {padding: 10px 10px 10px 10px;border-radius: 10px; } 
.box-content-about-us h2 {margin: 0px 0 10px 0;font-size: 25px; } 
.card-ab {border-radius: 10px;padding: 10px;margin-bottom: 10px; } 
.card-ab h3 {font-size: 18px;width: 124px; } 
.card-ab p {width: 63.3%;margin: 0 10px;line-height: 20px;font-size: 14px; } 
.card-ab a {padding: 0;font-size: 13px;width: 101px;line-height: 35px; } 
.main-field {padding: 30px 0;margin-top: 30px; } 
#field .title-main h2 {font-size: 25px;line-height: 32px; } 
.content-field {padding: 10px; } 
.content-field h3 {font-size: 15px;margin: 0 0 10px 0; } 
.content-field p {line-height: 18px;font-size: 14px;margin-bottom: 5px; } 
.main-calender {padding: 30px 0; } 
.title-form {width: 100%;text-align: center; } 
.title-form h2 {font-size: 25px;line-height: 29px;margin-bottom: 10px; } 
.call-ab {padding: 10px 0 0px; } 
.call-ab a {width: 128px;font-size: 14px;line-height: 32px; } 
.col-2-form {width: 100%;padding: 0;margin-top: 30px; } 
.name-form {font-size: 25px;margin-bottom: 10px; } 
#doitac {padding: 30px 0; } 
.main-solutions {padding: 30px 0; } 
.box-solutions {width: calc(100% / 2);padding: 9px 5px; } 
.content-solutions .name-solutions.one {font-size: 15px; } 
.content-solutions {padding: 10px;font-size: 16px; } 
.main-processSell {padding: 30px 0; } 
.box-w { width: calc(100% /3); } 
.box-product-in { width: calc(100% / 3); } 
.pic-hot-news,.desc-hot-news { width: 100%; } 
.desc-hot-news { padding: 15px; } 
.box-hot-news { margin-bottom: 25px; } 
.news-total-container { margin: -5px; } 
/* .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,.footer-4,.footer-5 { 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(4,22vh); } 
.box-thuvienanh .box-thuvienanh-content { background:rgba(0,0,0,0.4); color:#fff; } 
.boxs-news {margin: -5px;width: 100%;padding: 0;} 
.box-news {padding: 5px;} 
.boxs-news-special { width: 100%; margin-left: 0; order: -1; } 
.title-main h2 { font-size: 25px !important; line-height: 40px !important; } 
.producthot-name {max-width: 85%;font-size: 14px;line-height: 23px;padding: 5px; } 
#brand .aaa {width: 240px;line-height: 44px;font-size: 15px; } 
.col-proBeo {width: 100%; } 
.col-between {width: 100%;padding: 30px 0; } 
.title-type h2 {font-size: 25px;line-height: 35px; } 
.title-type {margin-bottom: 20px; } 
.box-content-proBeo h2 {font-weight: 700;font-size: 25px;line-height: 36px; } 
.box-content-proBeo p {font-size: 20px;line-height: 30px;margin-bottom: 20px; } 
.main-feedback {padding: 30px 0; flex-wrap: wrap; } 
.title-feedback h2 {font-size: 25px;margin-bottom: 10px; } 
.col-1-feedback {width: 100%;text-align: center; margin-bottom: 30px; } 
.col-2-feedback {width: 100%; } 
.main-food {padding: 30px 0; } 
#food h2 span {font-size: 25px;line-height: 30px; } 
.list-blog h3 {padding: 11px 20px;margin: 3px;border-radius: 30px; } 
.main-brand {padding: 30px 0; } 
 }
@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) {
	.slideshow a img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.card-ab h3 {width: 100%;}
.col-1-about-us {width: 300px;} 

	.box-agency {
        width: 60px;
        padding: 4px 1px;
    }
	.box-agency i {
        font-size: 15px;
        margin-bottom: 7px;
    }
	.box-agency p {
		font-size: 12px;
		line-height: 16px;
		font-family: 'SVN-600';
	}
	.box-product-sc {
		width: calc(100% / 2);
	}
	.cart-pro-detail {width: 100%;}
	.cart-pro-detail a {
		width: 100%;
		padding: 8px 15px;
		border-radius: 3px;
		margin-bottom: 7px;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	
	.img-processSell {width: 100%;height: 174px; } 
.card-ab { flex-wrap: wrap; } 
.card-ab p { width: 100%; margin: 10px 0; line-height: 20px; font-size: 14px; } 
.thumb-pro-detail { margin-top: 10px; margin-bottom: 0; } 
/* .left-pro-detail { display: flex; flex-wrap: wrap; float:none; width:100%; margin:0 0 20px; } */
/* .right-left-prodetail { width: 100%; float: left; order: -1; } */
/* .left-left-prodetail { float: left; width: 100%; margin: 0; } */
.box-w { width: calc(100% /2); } 
.box-w2 { width: calc(100% /1); } 
.box-product-in { width: calc(100% / 2); } 
.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) {.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; } 
 }